@charset "utf-8";
body{
	font-family: 'Noto Sans', Arial, 'LiHei Pro', '微軟正黑體', '新細明體', sans-serif;
	overflow: visible;
}
sub, sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
  vertical-align:baseline;
}
sup{
  top:-0.5em;
}
sub{
  bottom:-0.25em;
}
#top-nav-wrap{
	width:100%;
}
#top-nav{
	height:35px;
	font-size:14px;
	line-height:35px;
	vertical-align:middle;
	color:#333;
}
.nav li{
	display:inline-block;
}
.login{
	position:absolute;
	left:20px;
}
.login li a{
	text-decoration:none;
}
.utility{
	position:absolute;
	right:40px;
}
.utility li{
	margin:0 20px 0 0;
	font-weight:bold;
}
.utility a:hover{
	color:#63aaff;
	text-decoration:underline;
	transition:0.3s;
}
#mobile-menu, #mobile-wordmark, #mobile-slider, .mobile-block-more, .mobile-fm, .unslider:nth-child(2) .unslider-nav {
	display: none;
}
#wordmark{
	margin:-35px auto 0 auto;
	width:1280px;
	height:180px;
	line-height:180px;
	text-align:center;
}
#main{
}
#main-nav-wrap{
	width:100%;
	height:65px;
	color:#fff;
	text-align:center;
	background:url(../images/menu-bg.png) repeat-x;
	z-index:1;
}
#main-nav-wrap:hover{
	color:#63aaff;
	transition:0.3s;
}
.main-nav{
	margin:0 auto;
	width:1280px;
}
.main-nav li{
	padding:0 14px;
	font-size:22px;
	line-height:65px;
}
.main-nav li:hover{
	color:#fff;
	transition:0.3s;
}
.main-nav-block{
	position:absolute;
	left:0;
	text-align:center;
	width:100%;
	height:0;
	background:#00001e;
	color:#fff;
	transition:.3s;
}
.main-nav li:hover ul{
	height:65px;
	transition:.3s;
	z-index:1;
}
.main-nav-block:hover{
	color:#63aaff;
}
.main-nav-block li{
	display:none;
	font-size:20px;
	color:fff;
}
.main-nav li:hover ul li{
	display:inline-block;
}
.unslider-nav ol{list-style:none;text-align:center;padding:5px 0 0 0;}
.unslider-nav ol li{display:inline-block;width:10px;height:10px;margin: 0 4px;background:transparent;border-radius:8px;overflow:hidden;text-indent:-999em;border:2px solid #222;cursor: pointer;}
.unslider-nav ol li.unslider-active{background: #222;cursor: default;}  
.unslider{overflow:hidden;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
#news-wrap{
	overflow:auto;
	position:relative;
	padding:60px 0;
	width:100%;
	height:auto;
}
.block-title{
	margin:0 0 40px 0;
	text-align:center;
	font-size:36px;
	line-height:48px;
}
.block-more{
	position:absolute;
	top:60px;
	right:108px;
	padding:10px 20px;
	font-size:22px;
	border:solid 2px;
	border-radius:4px;
}
#news-wrap .block-title{
	color:#333;
}
#news-wrap .block-more{
	color:#7caa3b;
}
#news-wrap .block-more:hover{
	color:#fff;
	background:#7caa3b;
	border:solid 2px;
	transition:0.3s;
}
#news-block{
	overflow:auto;
	margin:0 auto;
	width:1280px;
}
#news-block ul li{
	width:calc(100%/3);
	float:left;
}
#news-block ul li p{
	margin:0 0 30px 0;
	color:#7caa3b;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
.news{
	height: auto; margin: 0 0 30px 0;
}
.news div{
	padding:0 20px;
	border-left:#7caa3b solid 3px;
}
.new div{
	border-left:#f7ab20 solid 3px;
}
.news div span:nth-child(1){
	display:block;
	font-size:18px;
	line-height:22px;
	color:#333;
}
.news div span:nth-child(1):hover{
	color:#7caa3b;
	transition:0.3s;
}
.new div span:nth-child(1):hover{
	color:#f7ab20;
	transition:0.3s;
}
.news div span:nth-child(2){
	display:block;
	margin:5px 0 0 0;
	font-size:14px;
	color:#878787;
}
footer{
	padding:60px 0;
	width:100%;
	height:250px;
	background:#222;
}
footer .block-title{
	color:#878787;
}
footer div{
	margin:0 auto;
	width:1280px;
}
footer div ul{
	float:left;
	padding:0 30px 0 0;
	width:25%;
}
footer div ul:nth-child(3){
	width:40%;
}
footer div ul li{
	line-height:22px;
	color:#878787;
}
footer div ul li a{
	text-decoration:underline;
}
footer div ul li a:hover{
	color:#ddd;
}
footer div ul:nth-child(3) li:nth-child(){
	right:0;
}