/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
        =company-info
-----------------------------------------------------------------------------*/

/* +common
*----------------------------------------------------------------------------*/
body {
	margin:0;
	border:0;
	width:100%;
	color: #747474;
	font-size: 14px;
	line-height:170%;
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-color: #c1e4e0;
	
}
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	word-wrap: normal;
	word-break: normal;
	border-width:0;
	font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow";
	color: #747474
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
        overflow:hidden;
}

a ,
a:hover{
	text-decoration: none !important;
	color: #323232;
}
img{
	max-width:100%;
	height:auto !important;
}
/**
*
* =jumpDiv
*
**/
/* + 跳一  跳三
*---------------------------------------------------------------------------

-*/
#jumpDiv ,
#jumpIframe {
	position: relative;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 50;
}


.wrapper{
    margin-top: 50px;	
}
section,
.footercopy .copy{
	width:1471px;
	margin:0 auto;
	overflow:hidden;
}
section h3{
	font-size:30px;
	color:#323232;
	font-weight:normal;
	margin-bottom:20px;
}
section h3 b{
	font-weight:normal;
	font-size:20px;
}
section h3 img{
	margin-right:5px;
}
#topnotice{
	background:#32b0c9;
	color:#fff;
	text-align:center;
	padding: 10px 0;
	margin-bottom:30px;
}
#topnotice section{
	background-image:url(/images/16/top-notice.png),url(/images/16/top-notice2.png);
	background-repeat:no-repeat;
	background-position:15% 50%,85% 50%;
}
#topnotice p{
	font-size:28px;
	text-align: center;
	letter-spacing: 0.2em;    
	line-height: 120%;
}
#topnotice span{
	font-size:18px;
}
/******headernav*******/
header section{
	background:#4cc4c1 !important;
	position:relative;
}
header #cis{
	float:left;
}
.nav-func{
	display:none;
}
header #main-menu{
	text-align: left;
}
header #main-menu ul{
	overflow:visible;
}
header #main-menu li{
	display:inline-block;
	padding:20px 10px 20px 10px;
	position:relative;	
}
header #main-menu li a{
	color:#fff;
	display:block;
	padding:0 42px;
	font-size:18px;
}
header #main-menu li:hover a{
	background-image:url(/images/16/nav-list-bg.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
}
header #main-menu li a span{
	display:block;
	font-size:12px;
	text-align:center
}
header #main-menu li .subnav{
	display:none;
}
header #main-menu li:hover .subnav{
	display: block;
    position: absolute;
    top: 50px;
    left: 0;
    background: rgba(66, 171, 168, 0.79);
    width: 200px;
    z-index: 99;
}
header #main-menu li:hover .subnav a{
	padding:0 10px 0 42px;
}
header #top-nav{
	position:absolute;
	right:10px;
	top:10px;
	text-align: right;
}
header #top-nav a{
	color:#fff;
	display:block;
	font-size:16px;
}

/******4ad********/
#ad-list .bxslider li{
    background: #fff;
    box-shadow: 0px 1px 3px #B3B3B3;
	margin-bottom: 10px;
	margin-top: 2px;
	animation-name:fadeInLeftBig;
	animation-duration:1.5s;
	overflow: hidden;
}
#ad-list .bxslider li a{
	display: block;
    margin: 15px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
#ad-list .bxslider li h3 a{
	color:#32b2cb;
	font-size:20px;
	text-align: right;
	font-weight:normal;
    text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*********footer********/
footer {
    background: #4cc4c1;
    color: #ccffff;
    padding: 20px 0 0px;
}
footer img{
	max-width:100%;
}
footer .row{
	float:left;
	overflow:hidden;
	margin-right: 20px;
}
footer #footer-cis{
	width:250px;
	float: left;
	margin-right: 20px;
}
footer #footer-qrcode{
	width:130px;
	float: left;
}
footer .box1{
	width:452px;
}
footer .box2{
	width:220px;
}
footer .box2 p,
footer .box2 p a,
footer .box3 p,
footer .box3 p a,
footer .box3 a,
footer .box3 a :hover,
footer .box3 h2,
footer .box4 li a,
footer .box5 li a,.footercopy .copy a
{
	font-size:14px;
	line-height: 200%;
	color:#e7e5e0;
}
footer .box3{
	width:277px;
}
footer .box4{
	width:158px;
}
footer .box4 li{
	display: inline-block;
    width: 48%;
}
footer .box5{
	width:190px;
	float: right;
	margin-right:0;
}
footer .box5 .phoneWrap li{
	border: 1px solid #e7e5e0;
    width: 80px;
    overflow: hidden;
	background-image:url(/images/16/footer-phone.png);
	background-position: 10px 50%;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
	display: inline-block;
}
footer .box5 .phoneWrap li:last-child{
	background-image:url(/images/16/footer-line.png);
}
footer .box5 .phoneWrap li a{
	display: block;
    width: 50%;
    float: right;
    padding-left: 50%;
}
#community{
	text-align:right;
	overflow:hidden;
}
#community li{
	border-right:1px solid #fff;
	padding: 0 10px;
	display:inline-block;
	line-height: 0;
	float:left;
	max-width: 50px;
}
#community li a{
	font-size:16px;
}
#community li:last-child{
	border-right:0;
}
#webSeo{
	width:100%;
	overflow:hidden;
	padding-top:10px;
}
.footercopy{
	background: #333333;
	color:#fff;
	
}
.footercopy .copy{
	text-align:center;
}
#gotop{
	position:fixed;
	right:10px;
	bottom:10%;
	display:block;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	border-radius:50%;
	background: rgba(60, 111, 121, 0.72);
    color: #fff;
    box-shadow: 0px 0px 3px #fff;
}
@keyframes bodys{
	0%{background-position:0% 0%;}
	50%{background-position:100% 0%;}
	100%{background-position:0% 0%;}
}
@media screen and (max-width: 1500px) {
	section,
	.footercopy .copy{
		width:1160px;
	}
	#topnotice section{
		background-position: 0% 50%,100% 50%;
	}
	footer .row{
		width:50% !important;
		margin:0;
	}
	footer .row.box5{
	    width: 100% !important;	
	}
	footer .row.box5 .phoneWrap,
	footer .row.box5 #community{
	    float: left;	
	}
	footer .row.box5 #community{
	    margin-top:15px;	
	}
	footer #footer-qrcode{
		width: 100px;
	}
	header #main-menu li a{
	    padding: 0 0 0 42px;	
	}
	body{
		animation-duration:15s;
		-moz-animation-duration:15s;
		-ms-animation-duration:15s;
		-o-animation-duration:15s;
		-webkit-animation-duration:15s;
	}
}
@media screen and (max-width: 1200px) {
	section,
	.footercopy .copy{
		width:960px;
	}
	#topnotice p{
		font-size: 24px;
	}
	#topnotice span{
		font-size: 14px;
	}
	#community{
	    text-align: left;	
	}
	header #main-menu li a{
	    font-size: 16px;
		padding: 0 0 0 20px;
		background-size: 18px;	
	}
}
@media screen and (max-width: 980px) {
	section,
	.footercopy .copy{
		width:640px;
	}
	#topnotice section{
		background:none;
	}
	#topnotice{
		background-image: url(/images/16/top-notice.png),url(/images/16/top-notice2.png);
		background-repeat: no-repeat;
		background-position: 0% 50%,100% 50%;
	}
	#topnotice p{
		font-size:20px;
	}
	#topnotice span{
		font-size:12px;
	}
	footer #footer-qrcode{
		display:none;
	}
	header #top-nav{
	    position: static;	
	}
	header #top-nav a{
		display:inline-block;
		margin: 0 5px;
	}
	#main-menu{
		position: fixed;
		right: 0;
		top: 0;
		z-index:99;
		width: 100%;
		background: rgb(146, 65, 102);
	}
	header #main-menu li{
		display: block;	
		padding: 10px;
	}
	header #main-menu li a{
		padding: 10px 42px !important;	
	}
	header #main-menu li a span{
		display: inline-block;	
		margin-left:10px;
	}
	.nav-func{
		position: fixed;
		display: block;
		z-index: 999;
		width: 60px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		background: #B36086;
		top: 10px;
		right: 10px;
		border-radius: 10px;
	}
	.nav-func:hover{color:#fff;}
	header #main-menu li:hover .subnav{
		position: initial;
		width: 100%;
		background: #87395d;	
	}
	header #main-menu li:hover .subnav li{
	    margin: 0;	
		padding: 10px;
	}
	body{
		animation-duration:25s;
		-moz-animation-duration:25s;
		-ms-animation-duration:25s;
		-o-animation-duration:25s;
		-webkit-animation-duration:25s;
	}
	#ad-list .bxslider li h3 a{
		font-size: 16px;	
	}
	footer .row{
		width:100% !important;
		margin-bottom: 15px;
	}
	footer #footer-cis,
	footer .row.box5 .phoneWrap, footer .row.box5 #community,
	footer #community li{
		float: none;
		margin: 0 auto;
	}
	footer .box2 p, footer .box2 p a, footer .box3 p, footer .box3 p a, footer .box3 a, footer .box3 a :hover, footer .box3 h2, footer .box4 li a, footer .box5 li a, .footercopy .copy a,footer .box4 ul,
	footer .row.box5 .phoneWrap,
	footer #community ul{
		text-align: center;	
	}
}
@media screen and (max-width: 680px) {
	section,
	.footercopy .copy{
		width:480px;
	}
	#topnotice section{
		width:96%;
	}
	#topnotice{
		background-image:none;
	}
	#topnotice p{
		font-size:16px;
		text-align: left;
	}
	#topnotice span{
		font-size: 12px;
		text-align: left;
		display: block;
	}
	section h3{
		font-size: 24px;	
	}
	footer #footer-cis{
		width: 100%;
		float: none;
		margin-right: 0;
		text-align: center;	
	}
}
@media screen and (max-width: 500px) {
	.footercopy .copy{
		margin-bottom:38px;
	}
	section,
	.footercopy .copy{
		width:95%;
	}
	#view section{
		width:100%;
	}
	.phoneWrap{
		position: fixed;
		bottom: 0;
		left:0;
		width: 100%;
		z-index: 999;
	}
	footer .box5 .phoneWrap li{
		border: 0;
		width: 50%;
		float:left;
		padding: 5px 0;
		background-size: 20px;
		text-align: center;
		background-position: 25% 50%;
		background-color: #bb1f1f;
	}
	footer .box5 .phoneWrap li:last-child{
		background-color: #59ab37;
	}
	footer .box5 .phoneWrap li a{
		width: 100%;
		float: none;
		padding-left: 10px;
	}
	section h3 b{
	    font-size: 14px;	
	}
	.wrapper{
		margin-top: 0;	
	}
	#ad-list .bxslider li a{
	    margin: 5px;	
	}
}