@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
body,div,ul,li,form,button,header,footer,nav,input,textarea,th,td,span,p,select,h1,h2,h3,h4,h5,h6{ 
font-family:'Open Sans', Geneva,'Microsoft JhengHei',"微軟正黑體", sans-serif; letter-spacing:0.5px; }
h1,h2,h3,h4,h5,h6{  margin:0 0 1em 0; padding:0; color:#212121}
body { margin:0;  background: #ffe57b; color:#212121 ; padding:0}
html,body {  font-size:100%; -webkit-text-size-adjust:100% ; height: 100%;  min-height: 100% !important;} /*for ipad*/
html{  /*image-rendering: -webkit-optimize-contrast;*/}

*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

a{ color:#212121; text-decoration: none ; 
-o-transition:all 0s ease 0s, all 160ms ease 0s;
-webkit-transition:all 0s ease 0s, all 160ms ease 0s;
-moz-transition: all 0s ease 0s, all 160ms ease 0s;
transition: all 0s ease 0s, all 160ms ease 0s;     
}
a:hover{color:#a59373; text-decoration: none;}
a img{ border:0px; }
.clearFix {clear:both;}

h6{ font-size:1em; line-height:1.1;}
h5{ font-size:1.3125em; /*21px/16px*/line-height:1.3;  }
h4{ font-size:1.3125em;/*21px/16px*/ line-height:1.3;}
h3{ font-size:1.3125em;/*21px/16px*/ line-height:1.3;}
h2{ font-size:1.3125em;/*21px/16px*/ line-height:1.3;}
h1{ font-size:2em;/*32px/16px*/ line-height:1.1;}

input {border:0px ; height:2.8em; line-height:2.8em; vertical-align:middle;  padding:0 15px; font-size:0.9375em; outline:0 !important;menuwidth: 100%;}
input:hover, textarea:hover, input:focus, textarea:focus{ background:#e3e3e3;}
textarea {border:0;  padding:5px; width:100%; font-size:0.9375em;}

.whiteBg {background: #fff;}

.greenTxt { color: #88ba03;}
.blueTxt { color: #00abb2;}
.line { position: absolute; height: 2px;  }

.btnBox{ text-align:center;  margin:1.5em 0;}

button.btn{  text-align:center; padding:0.5em 1.5em; display:inline-block; cursor: pointer; border: 0;
 vertical-align:middle; color:#fff;
-o-transition:all 0s ease 0s, all 160ms ease 0s;
-webkit-transition:all 0s ease 0s, all 160ms ease 0s;
-moz-transition: all 0s ease 0s, all 160ms ease 0s;
transition: all 0s ease 0s, all 160ms ease 0s; font-weight: bold; font-size: 1.125em; border-radius: 30px;
}

a.btn, button.mapBtn{  text-align:center; padding:0.5em 1.5em; display:inline-block; cursor: pointer; border: 0;
 vertical-align:middle; color:#a59373; background: transparent; border: 1px solid #a59373;
-o-transition:all 0s ease 0s, all 160ms ease 0s;
-webkit-transition:all 0s ease 0s, all 160ms ease 0s;
-moz-transition: all 0s ease 0s, all 160ms ease 0s;
transition: all 0s ease 0s, all 160ms ease 0s; font-weight: bold; font-size: 1.125em; border-radius: 30px;
}
a.btn{}

a.btn:hover, button.mapBtn:hover { background: #a59373;color:#fff;}

a.btn.white { color:#a59373 !important; }
a.btn.white:hover{ color:#fff !important;}

button.btn:hover{ color:#fff; }
button.btn.whiteBg { background: #fff;color:#a59373;}
button.btn.whiteBg:hover { background: #f8f3eb;}
header, nav{display:block}

select {  border: 0; background: transparent; color:#000; vertical-align:middle; font-size:16px;}
select:hover, select:focus{border:0px; background: transparent ; color:#000;}

/*-------------------------------------基本設定-------------------------------------------*/

.wrap { text-align: center; } /*外層裝所有物件除了縮小選單*/
.wrap img { width: 1280px; max-width: 100%; height: auto;}
.txt { font-weight: bold; }
.txt span { font-weight: lighter; display: block; margin-top: 0.5em;}