@charset "utf-8";
input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  border: none;
}
input[type="submit"], input[type="button"] {
  cursor: pointer;
}
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
/*table {
	border-collapse:collapse;
	border-spacing:0;
}*/
fieldset, img {
  border: 0;
  padding: 0;
  margin: 0;
}
address, caption, cite, code, dfn, em, /*strong,*/ th, var {
  font-style: normal;
  font-weight: normal;
}
ol, ul {
  list-style: none;
  padding-left: 0;
}
caption, th {
  text-align: left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {}
abbr, acronym {
  border: 0;
}
* {
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: middle;
}
/*==================================================================================*/
/*開頭設定*/
body {
  color: #333;
  
  font-size: 1.4rem;
  line-height: 1.71;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'palt'1;
  font-feature-settings: 'palt'1;
	background: url("../images/bg_in.jpg") fixed;
}
a {
  text-decoration: none !important;
  color: #837e64;
  transition: all 0.6s ease 0s;
}
a:hover {
  color: #000;
}
.web_img {
  display: block !important;
}
.photo_img {
  display: none !important;
}
.w_100 {
  width: 1530px;
 max-width: 90%;
  margin: 0 auto;
}
.w_100b {
  width: 1080px;
 max-width: 100%;
  margin: 0 auto;
	overflow: hidden;
}
.w_100s {
  width: 700px;
 max-width: 90%;
  margin: 0 auto;
}
h1, h2, h3, h4 {
  font-weight: normal;
}

/*==============================================================
              首頁
==============================================================*/
/*-----首頁--------*/
.top_box{position: relative;max-height: 100vh;}
.top_in {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.top_img {position: absolute;left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.top_img img {max-height: 100vh;}

.about {background: url("../images/bg2.png") center center ;margin-top: -10px; background-size: 100% 100%;}
.abo_move {}
.abo_img {position: relative;}
.abo_1 {position: absolute;left: 0; right: 0; top: 0; bottom: 0;width: 100%; height: 100%;}
.con_page {background: url("../images/con_bg.jpg") left bottom no-repeat; background-size: cover; padding-bottom: 120px; }
.con_page2 {min-height: 100vh;display: flex; justify-content: center; align-items: center;padding-bottom: 0;}
.con_page_in2 {text-align: center; font-size: 30px;}
.con_box {background: url("../images/con_bg2.jpg") left top no-repeat; background-size: cover;}
.ps_2 {font-size: 40px; padding-bottom: 10px;font-family: "Source Han Serif TC", serif;color: #42210b;font-weight: bold;}
.ps_3 {font-size: 45px;}

/*-----表單--------*/
.inp_list {display:flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;width: 90%; margin: 0 auto;}
.inp_one_in {width: 100%;display:flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;background-color: #FFF;margin-bottom: 10px; }

.inp_one {display: flex;justify-content: flex-start; align-items: center; font-size: 15px;}

.inp_w50 {width: 50%;}
.inp_w50 {width: 50%;}
.inp_one p {border-right: 1px solid #42210b;color: #42210b;padding: 0 15px;width: calc(40% - 30px); text-align: right;}
.inp_one p.p_s {width: 20%;padding: 0 10px 0 0;}
.inp_one p.p_a {width: calc(48% - 30px);}
.inp_text {width:calc( 100% - 40px); padding: 20px ;margin: 0 20px; text-align: center;font-family: "Source Han Serif TC", serif;font-weight: bold;font-size: 30px; background-color: #FFF;}
.inp_text2 {text-align: left;}
.map_box {text-align: center;}
.map_box iframe {width: 80%; aspect-ratio: 5 / 3;margin: 0 auto;}
.map_txt {margin: 20px auto ;display: flex; justify-content: center; align-self: center; color: #42210b;max-width: 90%; 	}
.map_txt  p {padding-bottom: 20px;letter-spacing: 0.2em;}
.map_txt  p span {font-size: 30px;}
@media screen and (max-width:760px) {

.inp_one {font-size: 2.5vw;}	
	.inp_text { padding: 10px;font-size: 4vw;font-weight: bold;width:calc( 100% - 20px);margin: 0 10px; }
	.inp_one p {width: 110px; padding: 0 5px;}
	.inp_one p.p_s {width: 50px;padding: 0 10px 0 0;}
.inp_one p.p_a {width: 70px;}
	.map_txt  p {font-size: 3vw; letter-spacing: 0.1em;padding-bottom: 5px;}
.map_txt  p span {font-size: 4vw;}
	.ps_2 {font-size: 7vw; }
.ps_3 {font-size: 9vw;}
}

/*按鈕*/
.inp_btn {text-align: center;margin: 0 auto;padding: 40px 0;font-family: "Source Han Serif TC", serif;font-weight: bold;}
.btn_sty1 { margin: 0 auto; font-size:30px; background-color:#856239; padding: 10px 30px; color: #FFF; letter-spacing: 0.2em;}
.btn_sty1:hover {background-color: #000;}
.btn_c {display: flex; justify-content: flex-start; align-items: center;font-weight: bold;}
.txt_ps { color: #42210b;margin: 0 auto; max-width: 90%;display: flex; justify-content: center; align-content: center;}
.txt_ps p { padding-bottom: 20px;letter-spacing: 0.2em;}
.inp_2 {margin-right: 10px; width: 25px; height: 25px;}
/*-----top------*/

@media screen and (max-width:760px) {
	.txt_ps p { font-size: 3vw; letter-spacing: 0.1em;padding-bottom: 5px;}
	.inp_btn {padding: 20px 0;}
	.btn_sty1 { font-size: 5vw; }
}




@media screen and (max-width:760px) {
	
}
	
/*==============================================================
              gotop / loading動畫
==============================================================*/
#gotop {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #FFF;
}

.at_loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1500;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
}
.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-bottom-color: #1f72cf;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}