@charset "utf-8";
/*CSS RESET*/


a img{border: 0;}

:focus {outline: 0;}

a{ text-decoration:none;
 outline: none; /* for Firefox Google Chrome  */
 behavior:expression(this.onFocus=this.blur()); /* for IE */
 cursor:pointer;
}/*去除連結虛線框*/
 /*將影像及欄位集的邊框歸零*/
    img, fieldset {
      border: 0;
    }

 input, button, textarea, select, optgroup, option {
      font-family: inherit;
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
    }
	
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
	
*{-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;padding:0
  }
/*CSS END RESET*/


body {
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
    background-color:#fff;
	font-size:16px;
	/*overflow-x: hidden;*/
	
}

.fader{
	display: none;
}
header{ 
  width:100%; 
  background:#fff;
  float:left;
  margin: 0 auto;
  padding : 0;
 	}	

.wrapper{ 
    width:100%; 
    max-width: 1180px;
	margin: 0 auto;	
    clear:both;
	}
	
#gotop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;    
    background:url(../images/btn-top.png) no-repeat;
	background-size:66px;
    cursor: pointer;
	width:66px; height:66px;
}

.top-bar{ height:34px; background:#b7978d; width:100%;}

.top-social-box{ list-style:none; float:right;}
.top-social-box li{ float:left; margin:2px 2px;}
.top-social-box li img{ width:30px; height:30px;}
/*--------HEAD------------*/
.logo{float: left; width:100%; font-size:0;  }		
.logo img{ max-width:370px; height:auto;width:100%; }

.menu-area{ float:right; width:100%; padding:13px 23px 13px 0;   }
.menu {float:right; clear:both; }
.menu ul{ list-style:none; font-size:18px;}
.menu ul span{float:left; display:inline-block;color:#a7a7a7; margin:0 8px;}
.menu ul li { float:left;}
.menu ul li:last-child{ margin-right:0;}
.menu ul li a{ display:inline-block; color:#333; }
.menu ul li a:hover{ color:#9f893d;}


/*------FOOTER------------*/
footer{
clear:both; 
padding:40px 0; 
color:#fff; 
float:left;
width:100%;
background-color:#b7978d;
}

.footer-info{ padding:0 25px;}
.bottom-logo{ float:left; width:14%; margin-right:0.2%;}
.bottom-logo img{ max-width:127px; width:100%; height:auto;}
.social-box{ float:left; width:12.7%; margin-right:2%; padding-top:15px;}
.social-box img{ width:100%; height:auto; max-width:40px;}
.social-box a{ display:block; width:33%; text-align:center; float:left;}
.qr{ float:left; width:9%; margin-right:3%;}
.qr img{ max-width:99px; width:100%; height:auto;}
.info-text{ float:left; width:59%; font-size:20px; line-height:1.5em; }
/*--------------------------------   RWD   ---------------------------------*/
.m-logo{ display:none;}
.f-m{ display:none;}

@media only screen and (max-width: 1180px){
	.info-text{ font-size:18px; }
}

@media only screen and (max-width: 1000px){  


.logo{width:80%; float:left;  }		


.menu-area{ border-top:1px solid #dcdcdc; padding:0; }

.menu ul span{display:none;}
.menu ul li { float:left; width:50%;}
.menu ul li:last-child{ margin-right:0;}
.menu ul li a{  background-color:#fff; color:#333;
width:100%; padding:14px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.menu ul li a:hover{ color:#fff; background-color:#b99114;}
.menu ul li a:nth(2n){border-right:none;}
.menu ul li a.on{ color:#fff; background-color:#b99114;}
/*-------*/
.info-text{ width:100%; margin-top:10px;}
.bottom-logo, .social-box, .qr{ width:20%;}
}
@media only screen and (max-width: 650px){
	.qr{ display:none;}
	.bottom-logo, .social-box{ width:50%; margin-right:0;}
	.social-box{ text-align:right;}
	footer{ padding:20px 0;}
	.f-pc{ display:none;}
	.f-m{ display:block; font-size:13px; line-height:1.3em; margin-top:10px;}
}

@media only screen and (max-width: 480px){
.logo{ height:58px; line-height:58px; padding-right:5px; }		
.logo img{ display:inline-block; vertical-align:middle;}
.menu ul{ font-size:16px;}
#gotop { 
	background-size:45px;
	width:45px; height:45px;
}


}

@media only screen and (max-width: 340px){
.menu ul li a{ height:70px;}



}



#form1 .wrapper .main-area .right-area .special-point table tr td {
	font-size: 18px;
}