/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +common
        =anchor
        =clear,clearfix
        =banner
    +header
        =cis
        =site-func
        =share-func
        =nav
    +content
        +content-main
        +content-sidebar
    +footer
        =footer-link
/*-----------------------------------------------------------------------------
 [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: #274385;
	font-size: 14px;
	line-height:170%;
	background:#3aabe2;
}
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";
	transition:all linear 0.5s;
	-moz-transition:all linear 0.5s;
	-ms-transition:all linear 0.5s;
	-o-transition:all linear 0.5s;
	-webkit-transition:all linear 0.5s;
	outline:none;
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
    overflow:hidden;
}
li{
	list-style: none;
}
a ,
a:hover{
	text-decoration: none;
	cursor: pointer;
}
img{
	max-width:100%;
}
section{
	width:1160px;
	margin:0 auto;
	overflow:hidden;
}
header {
	padding:15px 0;
	background:#ffffff;
}
header a{
	color:#525252;
}
header #top-nav{
	float:right;
	overflow:hidden;
}
header #top-nav .topa{
	text-align:right;
}
header #top-nav .topa a{
	font-size:12px;
	border-right:1px solid #fff;
	padding:0 8px;
}
header #top-nav .topa a:last-child{
	border-right:none;
	padding:0 0 0 5px;
}
header #top-nav .contacta{
	text-align:right;
	margin-top: 10px;
}
header #top-nav .contacta a{
	display: inline-block;
    color: #000;
    background: #f6f7f9;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
}
header #top-nav .contacta a:hover{
	background:#738aba;
}
header #cis{
	float:left;
}
header .menu{
	float:left;
	margin-top: 20px;
	margin-left:50px;
}
header .menu li{
	float:left;
	margin: 0 30px;
}
header .menu li a{
	display:block;
	font-size:16px;
	transition:all ease-in-out 0.3s;
}
header .menu li a:hover{
    -webkit-filter: drop-shadow(3px 3px 2px #a4a4a4);	
}
header .menu li span{
	display:block;
	text-align:left;
	color:#3d66ff;
	font-size:12px;
}
#nav-arrows{
	display:none !important;
}
footer{
	padding:40px 0 30px;
}
footer .left-row{
	float:left;
	width:50%;
	overflow:hidden;
}
footer .right-row{
	float:right;
	width:50%;
	overflow:hidden;
}
footer .left-row #footer-cis{
	float:left;
}
footer .left-row #community{
	float:left;
	overflow:hidden;
	margin-top: 18px;
    margin-left: 50px;
}
footer .left-row #community a{
	color:#fff;
	font-size: 24px;
    margin: 010px;
}
footer .left-row ul{
	clear:both;
	padding-top: 20px;
}
footer .left-row li{
	float:left;
	margin-right: 20px;
}
footer .left-row li a{
	color:#fff;
	font-size:13px;
}
footer .left-row li a span{
	margin-left: 5px;
}
footer .right-row #footer-qrcode{
	float:left;
	width:97px;
	color:#fff;
	font-size:13px;
}
footer .right-row #footer-qrcode a{
	color:#fff;
}
footer .right-row .footerinfo{
	float:right;
	color:#fff;
}
footer .right-row .footerinfo h2{
	color:#ffdf0e;
	font-size:16px;
	font-weight:normal;
}
footer .right-row .footerinfo h2 span{
	font-size:11px;
	color:#365899;
}
footer .right-row .footerinfo p.h2s{
	color:#a6e2ff;
	font-size:13px;
}
footer .right-row .footerinfo p b{
	color:#365899;
	font-weight:normal;
}
footer .right-row .footerinfo p a{
	color:#fff;
}
footer .right-row .footerinfo p span{
	color:#8d8d8d;
	margin:0 5px;
}
footer #webSeo{
	margin:30px 0 0;
}
footer #webSeo,
footer #webSeo div{
	transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	-webkit-transition:none;
	font-size:12px;
	color:#365899;
}
.phoneWrap,
.nav-func{
	display:none;
}
#gotop{
	position: fixed;
    right: 20px;
    bottom: 30px;
    font-size: 40px;
    color: #fff;
    text-shadow: 0 0 10px #000;
	z-index: 9;
	animation-name:bounce;
	-moz-animation-name:bounce;
	-ms-animation-name:bounce;
	-o-animation-name:bounce;
	-webkit-animation-name:bounce;
	animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
}
#gotop:hover{
	animation:none;
	-moz-animation:none;
	-o-animation:none;
	-ms-animation:none;
	-webkit-animation:none;
}
@media screen and (max-width: 1180px) {
	section{
		width:960px;
	}
	footer .left-row #community,
	footer .left-row #footer-cis{
		float: none;
		margin-left: 0;
	}
	footer .left-row{
	    width: 40%;	
	}
	footer .right-row{
	    width: 60%;	
	}
	header .menu li{
		margin: 0 20px;	
	}
}
@media screen and (max-width: 980px) {
	section{
		width:95%;
	}
	footer .left-row,
	footer .right-row,
	footer .right-row .footerinfo{
	    width: 100%;	
	}
	footer .left-row li,
	footer .right-row .footerinfo{
		float:none;
		display:inline-block;
		text-align:center;
	}
	footer .left-row ul{
	    clear: none;
		padding:10px 0;	
	}
	footer .left-row ul,
	footer .left-row #footer-cis,
	footer .left-row #community,
	footer .right-row .footerinfo h2,
	footer .right-row .footerinfo p{
		text-align:center;
	}
	footer .right-row #footer-qrcode{
		margin:20px auto;
		display:block;
		float:none;
		width: 120px;
	}
	header #cis{
		margin-left: 50px;	
	}
	.nav-func{
		display:block;
		position: fixed;
		left: 20px;
		top: 40px;
		font-size: 18px;
		background: #fff;
		color: #000;
		padding: 5px 10px;	
		z-index: 99999;	
		box-shadow: 0 0 5px #000;
	}
	header .menu{
		position: fixed;
		left: 20px;
		top: 80px;
		z-index: 99999;	
		width: 150px;
		background: #fff;
		padding: 10px 0;
		margin:0;
		box-shadow: 0 0 5px #000;
	}
	header .menu a{
	    color: #000;	
	}
	header .menu li {
		border-bottom: 1px solid #e3e3e3;
		float: none;
		padding:5px 0;
	}
	header .menu li:last-child{
		border-bottom: none;
	}
	header .menu li a:hover{
	    -webkit-filter: none;	
	}
	header .menu li span{
	    color: #978617;	
	}
}
@media screen and (max-width: 768px) {
	#gotop{
		animation:none;
		-moz-animation:none;
		-o-animation:none;
		-ms-animation:none;
		-webkit-animation:none;
	}
}
@media screen and (max-width: 640px) {
	.nav-func{
		top: 32px;
	}
	header .menu{
		top: 72px;
	}
	.phoneWrap{
		display:block;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index: 9;
	}
	.phoneWrap ul li{
		float: left;
		width: 50%;
		background: rgba(0,0,0,0.8);
		text-align: center;
		padding: 3px 0;
	}
	.phoneWrap ul li a{
		color:#fff;
	}
}
@media screen and (max-width: 480px) {
	.nav-func{
		top: 58px;
		left: 10px;
	}
	header .menu{
		top: 95px;
		left: 10px;
	}
	header #top-nav{
		float:none;
		text-align:right;
	}
	header #top-nav .contacta,
	header #top-nav .topa{
		display:inline-block;
		margin:0 0 0 5px;
	}
	.headerTop .nav-func{
		top:20px;
	}
	.headerTop .menu{
		top:63px;
	}
}