@charset "utf-8";
/* CSS Document */
body,form,h1,h2,h3,h4,h5,h6,h7,div,p,span,ul,ol,li,a,img,input,select,textarea,table,tr,td{
	margin:0;padding:0;
	outline:none;
}
body{
	width:100%;
	text-align:center;
	color:#444444;font-size:1em;
	-webkit-text-size-adjust:none;
	font-family:微軟正黑體,新細明體,Arial, Helvetica, sans-serif;
	background-color:#fff;
}
body.us{
	font-family:Arial, Helvetica, sans-serif;
	color:#555555;
}
a{
	color:#fff; text-decoration:none;
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
}
a:hover{color:#007A6C; text-decoration:none;}
a img{
	border:none;
}
div.spacer{ margin:0 10px; padding:0; height:0; clear:both; font-size:0em; overflow:hidden; }

#bodyWrap{
	display:none;
	position:fixed;
	width:100%;height:100%;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	top:0;left:0;
	background:#000;
	z-index:100000;
}

#header{
	/*position:fixed;*/
	min-width:1000px;
	width:100%;height:98px;
	top:0;left:0;
	text-align:center;
	background:#378F85 url(/img/system/www/l/header_bg3.png) no-repeat top center;
	z-index:10000;
}
.headerInner{
	position:relative;
	margin:0 auto;
	width:986px;
}
.headerInner .logo{
	width:611px;height:98px;
	float:left;
}
.headerInner .logo a{
	display:inline-block;
	width:611px;height:98px;
}
.headerInner .headerRight{
	width:240px;
	float:right;
}
.headerInner .headerRight .headerTop{
	position:relative;
	width:100%;height:33px;
}
.headerInner .headerRight .headerTop .contact{
	position:absolute;
	width:377px;height:100%;
	top:0;left:0;
}
.headerInner .headerRight .headerTop .contact .mail{
	display: block;
    margin-top: 8px;
    padding-left: 25px;
    width: 288px;
    height: 20px;
    text-align: left;
    line-height: 19px;
    color: #fff;
    font-size: 13px;
    float: left;
    background: url(/img/system/www/p/verification/v6.png) no-repeat top left;
}
.headerInner .headerRight .headerTop .contact .mail a{
	color:#fff;
	font-size:13px;
}
.headerInner .headerRight .headerTop .contact .mail a:hover{
	color:#000;
	text-decoration:underline;
}
.headerInner .headerRight .headerTop .locale{
	position:relative;
	width:88px;height:33px;
	float:right;
}
.headerInner .headerRight .headerTop .locale .localeBtn{
	display:block;
	padding-left:37px;
	width:49px;height:33px;
	text-align:left;
	line-height:33px;
	color:#fff;
	font-size:14px;
	background:url(/img/system/www/l/global_icon.png) no-repeat 11px 6px;
}
.headerInner .headerRight .headerTop .locale .localeBtn::after{
	position:relative;
	content: "\f0d7";
	font-family: "FontAwesome";
	display: inline-block;
	margin-left:5px;
	font-size:16px;
}
.headerInner .headerRight .headerTop .locale .localeList{
	display:none;
	width:86px;height:64px;
	background-color:#0E4F4A;
}
.headerInner .headerRight .headerTop .locale .localeList a{
	display:block;
	width:100%;height:32px;
	text-align:center;
	line-height:32px;
	color:#fff;
	font-size:14px;
}
.headerInner .headerRight .headerTop .locale .localeList a:hover{
	background-color:#125A52;
}
.headerInner .headerRight .headerSearch{
	margin-right:2px;
	margin-top:16px;
	width:297px;height:30px;
	background-color:#fff;
	border:1px solid ##005D51;
	float:right;
}
.headerInner .headerRight .headerSearch .keywords{
	padding:0 17px;
	width:226px;height:30px;
	float:left;
	text-align:left;
	line-height:30px;
	color:#878787;
	font-style:italic;
	background-color:#fff;
	border:none;
	border-right:1px solid #BFD5D3;
	outline:none;
}
.headerInner .headerRight .headerSearch .submit{
	width:36px;height:30px;
	background:#fff url(/img/system/www/l/search_btn.png) no-repeat 11px 6px;
	border:none;
}
#mmenu{
	/*position:fixed;*/
	width:100%;height:57px;
	top:98px;left:0;
	background-color:#fff;
	/*
	z-index:10001;
	box-shadow:0 10px 10px -10px #CCC;
	-webkit-box-shadow:0 10px 10px -10px #CCC;
	-moz-box-shadow:0 10px 10px -10px #CCC;
	-ms-box-shadow:0 10px 10px -10px #CCC;
	-o-box-shadow:0 10px 10px -10px #CCC;
	*/
}
.mmenuInner{
	margin:0 auto;
	width:988px;
}
.mmenuInner a{
	position:relative;
	display:block;
	width:140px;height:57px;
	float:left;
	border-left:1px solid #DDDDDD;
}
.mmenuInner a.last{
	border-right:1px solid #DDDDDD;
}
.mmenuInner a .mm{
	position:absolute;
	width:100%;height:auto;
	top:50%;left:50%;
	text-align:center;
	line-height:19px;
	color:#5A5A5A;
	font-size:16px;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.us .mmenuInner a .mm{
	color:#333333;
	font-size:14px;
}
.mmenuInner a:hover{
	background:url(/img/system/www/l/mm_over.png) no-repeat top left;
}

#main{
	position:relative;
	/*padding-top:155px;*/
	min-width:1000px;
	width:100%;
	text-align:center;
	min-height:800px;
	background:#fff url(/img/system/www/l/main_bg.png) no-repeat top center;
}
.mainShadow{
	position:absolute;
	top:0;left:0;
	width:100%;height:10px;
	box-shadow:0 10px 10px -10px #CCC inset;
	-webkit-box-shadow:0 10px 10px -10px #CCC inset;
	-moz-box-shadow:0 10px 10px -10px #CCC inset;
	-ms-box-shadow:0 10px 10px -10px #CCC inset;
	-o-box-shadow:0 10px 10px -10px #CCC inset;
	z-index:10000;
}
.mainInner{
	min-width:1000px;
	width:100%;
	text-align:center;
	overflow:hidden;
}
#main .mainContent{
	padding-bottom:100px;
	margin:0 auto;
	width:1000px;
}
#main .mainContent h1{
	text-align:left;
}
#main .sitetree{
	margin:0 auto 30px auto;
	padding:0 20px;
	width:960px;height:32px;
	text-align:right;
	line-height:32px;
	font-size:12px;
	color: #444444;
}
#main .sitetree a{
	margin-right:6px;
	display:inline-block;
	color: #444444;
	text-align:right;
	line-height:32px;
	font-size:12px;
}
.us #main .sitetree{
	color:#777777;
}
.us #main .sitetree a{
	color:#777777;
}
#main .sitetree a::after{
	content: "\f105";
	font-family: "FontAwesome";
	display: inline-block;
	margin-left: 6px;
	font-size: 16px;
}
#main .sitetree a:hover{
	color:#005A52;
}
#main .sitetree a:hover::after{
	color:#444444;
}
#main .left{
	margin-left:33px;
	width:210px;
	float:left;
}
#main .left h1{
	margin-bottom:18px;
	width:100%;
}
#main .left .leftMenu{
	width:100%;
}
#main .left .leftMenu .lm{
	margin-bottom:18px;
	text-align:left;
	line-height:21px;
}
#main .left .leftMenu .lm a{
	color:#444444;
	font-size:15px;
}
.us #main .left .leftMenu .lm a{
	color:#555555;
	font-size:15px;
}
#main .left .leftMenu .lm a:hover{
	color:#007A6C;
}
#main .left .leftMenu .lm.current a{
	color:#007A6C;
}
#main .left .leftMenu .lm.current a:hover{
	color:#007A6C;
}
#main .right{
	margin-right:5px;
	width:750px;
	float:right;
}
#main .right .banner{
	margin-bottom:30px;
}
#main .right h1{
	margin-bottom:15px;
	text-align:left;
	line-height:30px;
	color:#005A52;
	font-size:25px;
	font-weight:normal;
}
#main .right h2{
	margin-bottom:50px;
	text-align:left;
	line-height:50px;
	color:#005A52;
	font-size:35px;
	font-style:italic;
	font-weight:normal;
}
#main .right h3{
	margin-bottom:5px;
	text-align:left;
	line-height:24px;
	color:#007A6C;
	font-size:16px;
	font-weight:normal;
}
#main .right .block{
	margin-bottom:30px;
	text-align:left;
}
#main .right .block p{
	margin-bottom:35px;
	text-align:left;
	line-height:27px;
	font-size:16px;
}
#main .right .block p.noMarginBottom{
	margin-bottom:0;
}
#main .right .block p em{
	font-style:normal;
	color:#005A52;
}
#main .right .block p a{
	text-decoration:underline;
}
#main .right .block .blockLeft{
	width:50%;
	float:left;
}
#main .right .block .blockRight{
	width:50%;
	float:right;
}
#main .btn{
	width:115px;height:37px;
	text-align:center;
	line-height:37px;
	color:#fff;
	font-size:15px;
	background:url(/img/system/www/l/btn_bg.png) no-repeat top left;
}
#main .btn:hover{
	background:url(/img/system/www/l/btn_over_bg.png) no-repeat top left;
}
.error_404{
	margin:0 auto;
	padding:50px 45px;
	width:820px;height:312px;
	background:#fff url(/img/system/www/l/404.png) no-repeat top right;
	border:1px solid #B9E3D4;
}
.error_404 .h{
	margin-bottom:5px;
	width:525px;
	text-align:left;
	line-height:40px;
	color:#087360;
	font-size:28px;
}
.error_404 .p{
	width:525px;
	text-align:left;
	line-height:26px;
	color:#444444;
	font-size:15px;
}
.error_404 .p a{
	color:#00463E;
	text-decoration:underline;
}
#footer{
	width:100%;
	text-align:center;
}
.footerA{
	width:100%;height:244px;
	text-align:center;
	background:url(/img/system/www/l/footer_a_bg.png) repeat-x top left;
}
.footerAInner{
	margin:0 auto;
	padding-top:45px;
	width:986px;
}
.footerALeft{
	width:525px;
	float:left;
}
.footerALeft .h{
	margin-bottom:15px;
	height:36px;
	background:url(/img/system/www/l/bh.png) no-repeat bottom left;
}
.footerALeft .h div{
	display:inline-block;
	width:205px;height:36px;
	float:left;
	text-align:left;
	line-height:25px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
}
.footerALeft .h div.current{
	background:url(/img/system/www/l/footer_h_over.png) no-repeat bottom left;
}
.footerALeft .h .location{
	width:305px;
}
.footerALeft .h div a{
	display:inline-block;
	padding-left:25px;
	height:36px;
	float:left;
	text-align:left;
	line-height:25px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
}
.footerALeft .h .location a{
	background:url(/img/system/www/l/map_icon2.png) no-repeat 0 3px;
}
.footerALeft .h .contactus a{
	background:url(/img/system/www/l/email_icon.png) no-repeat 0 6px;
}
.footerALeft .locationList{
	display:block;
}
.footerALeft .locationList .item{
	margin-right:16px;
	margin-bottom:10px;
	width:150px;height:30px;
	float:left;
	text-align:left;
}
.footerALeft .locationList .item:hover{
	background:url(/img/system/www/l/location_bg_over.png) no-repeat 5px bottom;
}
.footerALeft .locationList a{
	display:block;
	padding-left:16px;
	width:134px;height:30px;
	text-align:left;
	line-height:21px;
	color:#fff;
	font-size:14px;
	background:url(/img/system/www/l/map_icon3.png) no-repeat 0 5px;
}
.footerALeft .locationList a:hover{
	color:#fff;
}
.footerALeft .contactList{
	display:none;
}
.footerALeft .contactList .contactItem{
	width:100%;
}
.footerALeft .contactList .contactItem .contactL{
	padding-left:20px;
	width:72px;height:21px;
	float:left;
	text-align:left;
	line-height:21px;
	color:#fff;
	font-size:14px;
}
.footerALeft .contactList .contactItem .contactR{
	width:400px;
	float:left;
	text-align:left;
	line-height:21px;
	color:#fff;
	font-size:14px;
}
.footerALeft .contactList .contactItem .contactR a{
	color:#fff;
	font-size:14px;
}
.footerALeft .contactList .contactItem .contactR a:hover{
	color:#003F92;
	text-decoration:underline;
}
.footerARight{
	width:377px;
	float:right;
}
.footerARight .followus{
	width:120px;
	float:left;
}
.footerARight .followus .h{
	margin-bottom:10px;
	width:100%;height:36px;
	text-align:left;
	line-height:25px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
}
.footerARight .followus a{
	display:block;
	margin-bottom:22px;
	padding-left:39px;
	height:27px;
	text-align:left;
	line-height:27px;
	color:#fff;
	font-size:14px;
}
.footerARight .followus a.fb{
	background:url(/img/system/www/l/fb_icon2.png) no-repeat top left;
}
.footerARight .followus a.fb:hover{
	background:url(/img/system/www/l/fb_icon2_over.png) no-repeat top left;
}
.footerARight .followus a.ytb{
	background:url(/img/system/www/l/ytb_icon2.png) no-repeat top left;
}
.footerARight .followus a.ytb:hover{
	background:url(/img/system/www/l/ytb_icon2_over.png) no-repeat top left;
}
.footerARight .followus a.wb{
	background:url(/img/system/www/l/wb_icon2.png) no-repeat top left;
}
.footerARight .followus a.wb:hover{
	background:url(/img/system/www/l/wb_icon2_over.png) no-repeat top left;
}
.footerARight .followus a.email{
	background:url(/img/system/www/l/email_icon2.png) no-repeat top left;
}
.footerARight .followus a.email:hover{
	background:url(/img/system/www/l/email_icon2_over.png) no-repeat top left;
}
.footerARight .followus a:hover{
	color:#00473E;
}
.footerARight .quickLink{
	width:120px;
	float:right;
}
.footerARight .quickLink a{
	margin-bottom:24px;
	display:inline-block;
	text-align:right;
	line-height:25px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
}
.footerARight .quickLink a:hover{
	color:#00473E;
}
.footerB{
	width:100%;height:38px;
	text-align:center;
	background-color:#005B52;
	box-shadow:0 10px 10px -10px #000 inset;
	-webkit-box-shadow:0 10px 10px -10px #000 inset;
	-moz-box-shadow:0 10px 10px -10px #000 inset;
	-ms-box-shadow:0 10px 10px -10px #000 inset;
	-o-box-shadow:0 10px 10px -10px #000 inset;
}
.footerBInner{
	margin:0 auto;
	width:986px;
}
.footerBInner .cp{
	width:50%;
	float:left;
	text-align:left;
	line-height:38px;
	color:#fff;
	font-size:14px;
}
.footerBInner .photon{
	display:inline-block;
	width:50%;
	float:right;
	text-align:right;
	line-height:38px;
	color:#fff;
	font-size:14px;
}
.footerBInner .photon:hover{
	text-decoration:underline;
}
.toTop{
	display:none;
	position:fixed;
	bottom:50px;right:0;
	width:56px;height:57px;
	background:url(/img/system/www/l/totop.png) no-repeat top left;
}
.toTop:hover{
	background:url(/img/system/www/l/totop_over.png) no-repeat top left;
}
.stdPageList{
	width:100%;
	text-align:center;
}
.stdPageList a{
	margin-right:8px;
	display:inline-block;
	width:27px;height:27px;
	text-align:center;
	line-height:27px;
	color:#C5C5C5;
	font-size:16px;
	background-color:#fff;
	border:1px solid #C5C5C5;
}
.stdPageList a:last-child{
	margin-right:0;
}
.stdPageList a:hover{
	color:#fff;
	background-color:#007C6E;
	border:1px solid #00695D;
}
.stdPageList a.current{
	border:1px solid #00695D;
}
.stdPageList a.current:hover{
	color:#C5C5C5;
	background-color:#fff;
	border:1px solid #00695D;
}