@charset "UTF-8";
html{font-size:62.5%;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
body{}

li{list-style:none}
a:link,a:visited{text-decoration:none}


.head-v3{position:relative;z-index:100;width:100%;}
.head-v3 .navigation-inner{margin:0 auto;position:relative}
.navigation-up{height:100%;background:#27303f}
.navigation-up .navigation-v3{overflow:hidden;}
.navigation-up .navigation-v3 ul{ width:100%;margin:0;padding:0;}
.navigation-up .navigation-v3 li{float:left; width:20%;margin:0;padding:0;overflow:hidden;display:inline-block;position:relative;}
.navigation-up .navigation-v3 .nav-up-selected{background:#344157}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}
.navigation-up .navigation-v3 li a{padding:0 0px;display:inline-block;height:100%;width:100%;}
.navigation-up .navigation-v3 li a::after{
	content:attr(title);position:absolute;z-index:1;height:100%;left:0;width:100%;
	background:#21b2bf;
	color:#fff;
	text-align:center;letter-spacing:2px;
	font-size:28px;padding-top:50%;
	opacity: 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}

.navigation-up .navigation-v3 li a:hover::after{
	top:0%;
	margin-top:0px;
	opacity: 0.8;
}



.navigation-down{position:absolute;top:500px;left:0px;width:100%; z-index:100;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#21b2bf;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:90%;position:relative; color:#fff; font-size:18px;padding:20px 0;line-height:30px; letter-spacing:1px;}
.navigation-down .nav-down-menu .navigation-down-inner samp{font-size:22px; margin-right:15px; font-family:"微軟正黑體";}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 80px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}

@media only screen and (max-width:1650px){
.navigation-down{top:380px;}}

@media only screen and (max-width:1450px){
.navigation-down{top:330px;}
}

@media only screen and (max-width:1200px){
.navigation-down{top:300px;}
}

@media only screen and (max-width:1024px){
.navigation-down{top:230px;}
}