@charset "utf-8";
/* CSS Document */
* { outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
 
 }
input,textarea{outline:none}  
a{text-decoration:none;}
a:hover{ text-decoration:none;}
a, a:hover, a:active {
	-webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

body {	
	margin: 0px 0px 0px 0px;
	font-family:微軟正黑體;
	
	background-color: #fff;
	position: relative;
	-webkit-text-size-adjust: none;
}
#wrapper { margin:0px auto; width:100%; height:auto; }
header { margin:0px auto 0px auto; width:100%; height:180px; z-index:9; background: #FFF;}
@media only screen and (min-width: 0px) and (max-width: 1100px){
header { height:130px; }
}	
main { margin:0px auto 0px auto; width:100%; height:auto;  padding:0px 0px 0px 0px;}
footer { margin:0px auto 0px auto; padding:0px 0; width:100%; height:auto; overflow: hidden; }
footer .fbg{ width:100%; height:auto; overflow: hidden; background:#464644; padding:30px 0 0px 0; text-align:center;}
footer .fbg ul { width:auto; float: left; margin:0 140px 30px 0; padding:0 0px 0px 0; list-style:none; vertical-align:text-top;}
footer .fbg ul:nth-child(2) { width:auto; float: left; margin:0 0px 30px 0; padding:0 0px 0px 0; list-style:none; vertical-align:text-top;}
footer .fbg ul:nth-child(3) { width:auto; float: right; margin:0 0 30px 0; padding:0 0px 0px 0; list-style:none; vertical-align:text-top;}

.foot_link{ width: 100%; text-align: left; line-height: 1.5;}
.foot_link > dd{ width:auto; float: left; margin:0 40px 0 0; padding: 0; list-style:none; }
.foot_link > dd:nth-child(2) { width:auto; float: left; margin:0 0px 0 0; padding: 0; list-style:none; }
.foot_link > dd li{ margin:0 0 8px 0; padding: 0; list-style:none; font-size:21px; color:#e5e5e5; width: 100%;}
.foot_link > dd li a{ color:#e5e5e5; }
.foot_link > dd li a:hover{ color:#43c5e5; }

.foot_add{ width: 100%; text-align: left; height:auto; overflow: hidden; line-height: 1.3; }
.foot_add > dd{ width:100%; margin:0 0px 0 0; padding: 0; list-style:none; color: #b2b2b2; height:auto; overflow: hidden; }
.foot_add > dd h1{ width:75px; float: left; font-family: Raleway; font-size:15px; }
.foot_add > dd h2{ width:calc(100% - 75px); float: left; font-size:16px;  }
.foot_add > dd h3{ width:calc(100% - 75px); margin:0 0px 0 75px; float: left; font-size:16px; }
.foot_add > dd span{ margin:0 5px 0 0px; float: left; font-size:16px; }
.foot_add > dl > dd{ width:100%; margin:0 0px 0 0; padding: 0; list-style:none; color: #b2b2b2; height:auto; overflow: hidden; }
.foot_add > dl > dd h1{ width:75px; float: left; font-family: Raleway; font-size:15px; }
.foot_add > dl > dd h2{ width:calc(100% - 75px); float: left; font-size:16px;  }
.foot_add > dl > dd h3{ width:calc(100% - 75px); margin:0 0px 0 75px; float: left; font-size:16px; }
.foot_add > dl > dd span{ margin:0 5px 0 0px; float: left; font-size:16px; }

.foot_social{ width: 100%; text-align: left; height:auto; overflow: hidden; line-height: 1.3; margin:15px 0 0 0px;}
.foot_social h1{ width:36px; float: left;  margin:5px 0 0 0px;}
.foot_social h1 img{ width:28px;}
.foot_social .link{ width:calc(100 - 46px); float: left;  margin:0 0 0 10px; font-family: Raleway; font-size:15px; color: #b2b2b2; }
.foot_social .link li{ width:100%; margin:0 0px 0 0; padding: 0; list-style:none; }
.foot_social .link li h2{ width:65px; float: left; }
.foot_social .link li h3{ width:calc(100 - 65px); float: left; }
.foot_social .link li h3 a{ color: #b2b2b2; }
.foot_social .link li h3 a:hover{ color:#0085ca; }

.social_link{ width: 100%; margin:25px 0 0 0;}
.social_link li{ float: left; margin:0 5px 0 0; padding: 0; list-style:none;}
.social_link li img{ width:36px;}

footer .copyright { width:100%; background:#0085ca; font-size:1rem; color:#FFF; line-height:1.5; text-align:center; padding:20px 0px 15px 0px; font-family: Raleway;}
footer .copyright a{ color:#FFF; }

@media only screen and (min-width: 1271px) and (max-width: 1400px){
footer .fbg ul { margin:0 5% 30px 0; }
footer .fbg ul:nth-child(2) { margin:0 5% 30px 0; }
footer .fbg ul:nth-child(3) { float: left; }
} 
@media only screen and (min-width: 501px) and (max-width: 1270px){
footer .fbg ul { width:calc(100% /2 - 6%); margin:0 3% 30px 0; }
footer .fbg ul:nth-child(2) { width:auto; margin:0 3% 30px 0; }
footer .fbg ul:nth-child(3) { width:100%; }
.foot_link > dd{ width:50%;  margin:0 0px 0 0; }
.foot_link > dd:nth-child(2) { width:50%;}
.foot_link > dd li{ font-size:18px; }
} 
@media only screen and (min-width: 0px) and (max-width: 500px){
footer .fbg ul { width:100%; margin:0 0 30px 0;   }
footer .fbg ul:nth-child(2) {width:100%; margin:0 0 30px 0; }
footer .fbg ul:nth-child(3) { width:100%; }
.foot_link > dd{ width:50%;  margin:0 0px 0 0; }
.foot_link > dd:nth-child(2) { width:50%;}
.foot_link > dd li{ font-size:18px; }
}

@media only screen and (min-width: 0px) and (max-width: 330px){
.foot_add > dd h1{ width:100%;  }
.foot_add > dd h2{ width:100%; }
.foot_add > dd h3{ width:100%; margin:0 0px 0 0px; }
.foot_add > dl > dd h1{ width:100%;  }
.foot_add > dl > dd h2{ width:100%; }
.foot_add > dl > dd h3{ width:100%; margin:0 0px 0 0px; }
}
@media only screen and (min-width: 0px) and (max-width: 330px){
.foot_add > dd span{ margin:-20px 0px 0 60px; position: absolute; }
.foot_add > dl > dd span{ margin:-20px 0px 0 60px; position: absolute; }
}
/*--選單卷軸--*/
#nav .menuRoll{
	color: #00add0;
    opacity: 0.9;
}
@media (max-width: 910px){
	#nav{
		overflow: auto;
	}
}
#nav::-webkit-scrollbar {
	width: auto;
    height: 18px;
}