@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;overflow: hidden }
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: rgba(31, 242, 255, .1);padding:30px 0 0px 0;text-align:center;}
footer .fbg ul {width:auto;float: left;margin: 0 110px 30px 0;padding:0 0px 0px 0;list-style:none;vertical-align:text-top;}
footer .fbg ul:nth-child(2) {width: calc( 100% / 3 + 70px );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: #454644;}
.foot_link > dd li a:hover{color: #003d6d;}

.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: #454644;height:auto;overflow: hidden;display: flex;flex-wrap: wrap;}
.foot_add > dd h1{ width:75px; float: left; font-family: Raleway; font-size:15px; }
.foot_add > dd h2{width: auto;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 > dd >div {
    display: flex;
    border-left: 1px solid #454644;
    margin-left: 5px;
    padding-left: 5px;
}
.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: #454644;}
.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: #454644;}
.foot_social .link li h3 a:hover{ color:#003d6d; }

.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: #003d6d;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; }
.foot_add > dd >div{border:0;padding-left:70px}
}

@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; }
}
@media only screen and (min-width: 0px) and (max-width: 330px){
.foot_add > dd span{ margin:-20px 0px 0 60px; position: absolute; }
.foot_add > dd >div{padding-left:0px;margin:0}
}

/*--選單卷軸--*/
#nav .menuRoll{
	color: #00add0;
    opacity: 0.9;
}
@media (max-width: 910px){
	#nav{
		overflow: auto;
	}
}
#nav::-webkit-scrollbar {
	width: auto;
    height: 18px;
}