@charset "big5";
html{margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px; font:87.5% Arial,"Microsoft JhengHei", Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; display: inline; margin: 0px;}

a {
	color:#00aff0;
	text-decoration:none;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
	font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif;
}
a:hover {
	text-decoration: none;
	color:#f47b20;
}
img {
	border: none;
	vertical-align: middle;
}
/* com
---------------------------------------- */ 
/** Layout **/
.hide-panel {
	display:none;
}
#wrapper {
	width: 100%;
	margin: 0px auto;
	min-width:1200px;
}
.container{
	width:1168px;
	margin:0 auto;
	padding:0 16px;
}
#content {
	width: 100%;
	margin:0 auto;
	padding:0;
}
#com-content {
	width: 100%;
	float:left;
	padding:0;
	min-height:300px;
	background-image:url(../images/com-main.jpg);
	background-repeat: repeat-x;
	background-position:center top;
	background-color:#8abbea;
}

/* ----- comMain ----- */
#comMain{
	width:100%;
	height:82px;
	float:left;
	margin:0;
	padding:0;
}
/* ----- comPage ----- */
#comPage{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	float:left;
	z-index:1;
	min-height:300px;
}
#comPage .com-L{
	float:left;
	width: 213px;
	padding:0;
	margin:0;
}
#comPage .com-R {
	float:right;
	width:875px;
	padding:40px;
	margin:0;
	background-color:#ffffff;
	margin-bottom:50px;
	min-height:500px;
}
#comPage .com-R > h3{
	font-size:40px;
	font-weight:bold;
	color:#a2c02f;
	line-height:1.2;
	float:left;
	font-family:"Microsoft YaHei", "Microsoft JhengHei";
	width:100%;
	float:left;
}
/* ----- breadcrumbs ----- */
#breadcrumbs {
	width:875px;
	float:right;
	margin:0; 
	padding:35px 40px 0 40px;
}
#breadcrumbs dl {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	font-size:14px;
	color:#000000;
}
#breadcrumbs dt {
	float:left;
	line-height:18px;
}
#breadcrumbs dt a.bread-home {
	float:left;
	display:block;
	padding:0;
	background: url(../images/bread-home.png) no-repeat 50% 50%;
	text-indent:-9999px;
	width:14px;
	height:18px;
}
#breadcrumbs dt a.bread-home:hover {
	background:url(../images/bread-home-ov.png) no-repeat 50% 50% ;
}
#breadcrumbs dd {
	float:left;
	padding-left:25px;
	background:url(../images/bread-arrow.png) no-repeat 10px 50% ;
	line-height:18px;
}
#breadcrumbs dl a {
	float:left;
	color:#000;
}
#breadcrumbs dl a:hover {
	color:#c27100;
}

/* ----- aside-menu ----- */
#aside-menu {
	float:left;
	width:100%;
	margin:0;
	margin-top:50px;
	padding:0;
	line-height:1;
}
#aside-menu ul {
	width:100%;
	height:auto;
	list-style:none;
	padding:0;
	margin:0 auto;
	overflow:inherit;
	border:none;
}
#aside-menu ul li {
	font-size: 18px;
	color: #fff;	
	z-index:200;
	margin-bottom:2px;
}
#aside-menu ul li:hover{ background-image:none;}
#aside-menu ul li a, #aside-menu ul li a:active {
	display: block;
	color: #fff;
	padding:26px 12px 22px 38px;
	text-decoration:none;
	background:none;
	background-position:184px 50%;
	border-radius: 64px;
	-webkit-border-radius:64px;
	-moz-border-radius:64px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	background-color:#00aff0;
}
#aside-menu ul li a:hover {
	color:#fff;
	background:#a2c02f url(../images/aside-menu-list.png) no-repeat 188px 50%;	
}
#aside-menu ul li.unit-now {background-image:none;}
#aside-menu ul li.unit-now a, #aside-menu ul li.unit-now a:hover {
	color:#fff;
	font-weight:bold;
	background:#b9c80f url(../images/aside-menu-list.png) no-repeat 188px 50%;
}


/* header
---------------------------------------- */ 
header{
	width: 100%;
	float:left;
	min-height:110px;
	padding:0;
	margin:0;
	background:#fff;
}

/* menu
---------------------------------------- */ 
header .headerInner{
	width:1168px;
	margin:0 auto;
	padding:0 16px;
}
header .menuBox{
	width:100%;
	float:left;
}
header .logo{
	width:251px;
	float:left;
	margin-top:16px;
}
header .logo img{
	width:100%;
	height: auto;
}
/** navbox **/
.navbox{
	font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif;
	min-height: 64px;
	*padding:25px 0 0 0;
	padding: 25px 0 0 0;
	z-index: 10;
	float:left;
	width:auto;
	max-width:876px;
	margin-left:43px;
}
.nav li{
	z-index: 10;
}
.nav li.current a,.nav li.selected a span,.nav li a.selected,.nav li a.selected span{
	z-index: 10;
}
.nav{
	margin: 0px auto;
}
.nav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nav > ul > li{
	float: left;
	display: block;
	height: 64px;
	position: relative;
	list-style-type: none;
	margin-left:5px;
}
.nav > ul > li > a{
	float: left;
	display: block;
	height: 64px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	border-radius:64px;
	-webkit-border-radius:64px;
	-moz-border-radius:64px;
}
.nav li a span{
	float:left;
	display: block;
	line-height:20px;
	font-size: 20px;
	font-weight:normal;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	text-align: center;
	padding:8px 16px;
	min-width:72px;
}
.nav li a span .box{
	width:70px;
	height:22px;
	background:url(../images/menu_on.png) no-repeat 50% top;
	color:#333333;
	line-height:16px;
	text-align:center;
	font-size:14px;
	margin:0 auto 4px auto;
}
.nav li a span b{
	font-size:20px;
	font-weight:bold;
}
.nav li.unit-now {
	text-decoration: none;
	color:#fff;
	border-radius:64px;
	-webkit-border-radius:64px;
	-moz-border-radius:64px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aff0+0,009bdc+100 */
	background: #00aff0; /* Old browsers */
	background: -moz-linear-gradient(top,  #00aff0 0%, #009bdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00aff0 0%,#009bdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00aff0 0%,#009bdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aff0', endColorstr='#009bdc',GradientType=0 ); /* IE6-9 */
}
.nav li.selected a,.nav li a.selected{
	text-decoration: none;
	color: #fff;
	border-radius:64px;
	-webkit-border-radius:64px;
	-moz-border-radius:64px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aff0+0,009bdc+100 */
	background: #00aff0; /* Old browsers */
	background: -moz-linear-gradient(top,  #00aff0 0%, #009bdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00aff0 0%,#009bdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00aff0 0%,#009bdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aff0', endColorstr='#009bdc',GradientType=0 ); /* IE6-9 */
}
.nav li a:hover{
	text-decoration: none;
	color: #fff;
	border-radius:64px;
	-webkit-border-radius:64px;
	-moz-border-radius:64px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aff0+0,009bdc+100 */
	background: #00aff0; /* Old browsers */
	background: -moz-linear-gradient(top,  #00aff0 0%, #009bdc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00aff0 0%,#009bdc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00aff0 0%,#009bdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aff0', endColorstr='#009bdc',GradientType=0 ); /* IE6-9 */
}
.nav li.selected a span,
.nav li a.selected span,
.nav li.unit-now span,
.nav li a:hover span {
	color: #fff;
}

.nav li .selected .submenu{
	display: block;
}
.nav li .submenu{
	width:160px;
	display: none;
	position: absolute;
	background:#ffffff;
	padding:6px 2px;
	margin-left:-28px;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-top:7px solid #fff;
	-moz-box-shadow:0 1px 2px rgba(100,100,100,0.4);
	-webkit-box-shadow:0 1px 2px rgba(100,100,100,0.4);
	box-shadow:0 1px 2px rgba(100,100,100,0.4);
}
.nav li .submenu li{
	float: none;
	background: none;
	height: auto;
	margin:0;
	padding:6px 0;
	text-align: center;
}
.nav li .submenu li a{
	float: none;
	line-height: 18px;
	background: none;
	font-size: 15px;
	color: #666666;
	text-decoration: none;
	margin:0;
	padding:0;
}
.nav li .submenu li a:hover{
	color: #00aff0;
}
header .addBox{
	width:41px;
	float:right;
	padding:0;
	margin-top:22px;
	position:relative;
}
/* sitemapZone */
.sitemapZone{
	width:41px;
	height:29px;
	float:left;
	background:url(../images/head_btn.png) no-repeat;
}

.sitemapZone a{
	display:block;
	width:25px;
	height:29px;
	background-image:url(../images/btn_sitemap.png);
	background-repeat:no-repeat;
	background-position:0px top;
	text-indent:-9999px;
	margin:0 8px;
}
.sitemapZone a:hover{
	background-position:-25px top;
}

/* searchZone -----------------------------------------------------------------*/
.searchZone {
	position:absolute;
	top:32px;
	right:0;
	z-index:300;
}
.searchZone .lookBtn {
	position:absolute;
	top:0;
	right:0;
	width:41px;
	height:29px;
	background:url(../images/head_btn.png) no-repeat;
	z-index:2;
}
.searchZone .lookBtn a {
	display:block;
	width:41px;
	height:29px;
}
.searchZone .lookBtn a img {
	margin-top:3px;
	margin-left:8px;
}
.searchZone .search {
	position:absolute;
	display:none;
	right:0px;
	top:32px;	
	z-index:50;
	width:220px;
	height:40px;
	background:#eee;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.searchZone .box {
	width:220px;
	height:40px;	
	border:none;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}
.searchZone .box input {
	border:none;	
}
.searchZone .box .search-txt{
	float:left;
	width:180px;	
	height:40px;
	color:#333333;
	font-size:15px;
	border:none;
	background: none;
	margin:0px;
	padding:0 10px;
	outline:none;
}

.searchZone .box .search-btn {
	float:right;
	display:block;
	width:40px;
	height:40px;
	background:url(../images/search_btn.png) no-repeat 50% 50%;
	margin:0;		
	text-indent:-9999px;
	cursor:pointer;
}
.searchZone .box .search-btn:hover {
	background:url(../images/search_btn-ov.png) no-repeat 50% 50%;
}

/* footer
---------------------------------------- */ 
footer {
	width: 100%;
	padding:0;
	margin:0;
	float:left;
	background-color:#333333;
	min-height:240px;
}
/** left-foot **/
.left-foot{
	width:200px;
	float:left;
	padding:0;
	margin-top:30px;
}
.copyright {	
	width:100%;
	color:#7c7c7c;
	font-size:13px;
	line-height:18px;
	padding:0;
	margin-top:16px;
	text-align:left;
	float:left;
}
.copyright .views {
	color:#1db8ea;
	margin-top:24px;
}
.copyright .views b, .copyright span{
	font-family:Arial, Helvetica, sans-serif;
}

.copyright a{ color:#7c7c7c;}
.copyright a:hover{color:#1db8ea;}

/** share **/
.footer .share {
	vertical-align:middle;
	margin:0;
	float:left;
	width:100%;
}
.left-foot .share a {
	width:46px;
	height:46px;
	float:left;
	color: #75a4be;
	text-indent:-9999px;
	margin:0 1px;
	padding:0;
	vertical-align:top;
	background-position:0 0;
}
.left-foot .share a.icon-fb {
	background:url(../images/link-fb.png);
}
.left-foot .share a.icon-gplus {
	background:url(../images/link-gplus.png);
}
.left-foot .share a.icon-twitter {
	background:url(../images/link-twitter.png);
}

.left-foot .share a.icon-youtube {
	background:url(../images/link-youtube.png);
}
.left-foot .share a:hover {
	background-position:0 -46px;
}

/** fat-foot **/
#fat-foot {
	width:953px;
	float:left;
	margin-top:30px;
	margin-left:15px;
}
#fat-foot dl {
	max-width:150px;
	min-width:128px;
	width:auto;
	padding:0px;
	float:left;
	margin-right:2px;
}
#fat-foot dt { 
	color:#f3f3f3;
	font-size:17px;
	font-weight:normal;
	margin-bottom:5px;
	border:1px solid #717171;
	border-radius: 50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	min-height:30px;
	width:auto;
	padding:8px 18px;
}
#fat-foot dt:hover{
	border:1px solid #1db8ea;
}
#fat-foot dt a{ color:#f3f3f3;}
#fat-foot dt:hover a{color:#1db8ea;}
#fat-foot dt span{
	font-size:12px;
	line-height:12px;
	width:100%;
	float:left;
	margin-bottom:5px;
}
#fat-foot dd {
	font-size:14px;
	line-height:25px;
	padding-left:18px;
}
#fat-foot dd a{ color:#cccccc;}
#fat-foot dl a:hover{ color:#1db8ea;}

/** goTop  **/
#goTop {
	position: fixed;
	display:none;
	right:20px;
	bottom:20px;
	width:43px;
	height:38px;
	text-indent:-9999px;
	background:url(../images/nhome-btn-top.png) no-repeat;
	z-index:300;
	cursor:pointer;
}
#goTop:hover {
	background-position:0 -38px;
}