/*-----------------------------------------------------------------------------
 [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: #404040;
	font-size: 14px;
	line-height:170%;
}
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";
	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;
	outline:none;
}
img{
	max-width:100%;
}
#jumpDiv ,
#jumpIframe {
	position: relative;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 9999999999999999999999;
}
section{
	width:1160px;
	margin:0 auto;
	overflow:hidden;
}
header{
	margin:10px 0 0;
}
header section{
	overflow:visible;
}
#top-nav{
	text-align:right;
	color:#353535;
	font-size:14px;
}
#top-nav p{
    display: inline-block;
    margin-bottom: 3px;
	margin-left: 15px;
}
#top-nav a{
	color:#353535;
}
#cis{
	margin:15px 0;
}
#cis h1{
	text-align:center;
}
header nav{
	background:#444444;
}
nav ul{
	text-align:center;
	overflow:visible;
}
nav ul >li{
	display:inline-block;
    padding: 14px 30px;
    margin: 0 10px;
	position:relative;
}
nav ul >li >a{
	color:#fff;
	font-size:18px;
}
nav ul >li a span{
	font-size:12px;
}
.subnav{
	display:none;
	position:absolute;
    top: 53px;
    left: 0;
    width: 100%;
}
nav ul li.liOver .subnav{
	display:block;
	z-index: 99;
}
nav ul li .subnav li{
	padding: 10px 15%;
    margin: 0;
    display: block;
    width: 70%;
    background: rgba(148, 4, 12, 0.69);
	text-align: left;
}
nav ul li .subnav li a,
nav ul li .subnav li p{
	font-size:16px;
	color:#fff;
}
nav ul li .subnav li li{
	
}
nav ul li .subnav li:hover{
	background:rgba(255,255,255,0.7);
}
nav ul li .subnav li:hover a,
nav ul li .subnav li:hover p{
	color:#94040c;
}
.subOption{
	display:none;
}
nav ul li .subnav li:hover .subOption{
	display:block;
	margin: 5px 10px;
}
nav ul li .subnav li .subOption li{
	padding: 0;
    width: 100%;
    background: none;
}
footer .footertop{
	background:#333;
	color:#fff;
	padding:20px 0;
}
#footer-qrcode{
	float:left;
}
#footer-qrcode img{
	width: 110px;
	margin: 0 29px 10px;
}
#otherway{
	float:right;
}
#footermain{
	margin: 0px 38%;
	width: 45%;
	font-size: 16px;
}
#webSeo{
	color:#fff;
	padding:5px 0;
	background:#130001;
	font-size:14px;
}
footer a{
	color:#fff;
}
#footermain >div p{
	display:inline-block;
}
#footermain >div b{
	font-weight:normal;
	margin:0 10px;
}
#footermain .copy {
	margin-top:10px;
}
#footermain .copy ,
#footermain .info {
	color:#d2d2d2;
	font-size:12px;
}
#footer-cis img{
	width: 90%;
}
#footer-cis {
	float:left;
}
#otherway #community{
    width: 85px;
    overflow: hidden;
    margin: 10px auto 0;
}
#otherway #community a{
    display: block;
    float: left;
    width: 22px;
    font-size: 20px;
    text-align: center;

    padding: 2px;
}
#otherway #community a:nth-child(4),
#otherway #community a:nth-child(2){
    border-right: 0;
}
#otherway #community a:nth-child(3),
#otherway #community a:nth-child(4){
	border-bottom:0;
}
#gotop{
	position: fixed;
    right: 20px;
    bottom: 30px;
    font-size: 28px;
    color: #fff;
	text-shadow: 0 0 10px #9f9f9f;
	z-index: 999;
}
.nav-func,
#mobilephone,
.mobile-main-nav,
#mobile-menu{
	display:none;
}
@media screen and (max-width: 1280px) {
	section{
		width:980px;
	}
	nav ul >li{
		padding: 14px 20px;
	}
	#footer-cis img {
        width: 85%;
    }
	#footer-cis {
        width: 38%;
    }
}
@media screen and (max-width: 980px) {
	section{
		width:90%;
	}
	#cis{
		margin: 0 0 10px 0;	
	}
	#cis h1{
		text-align:left;
		margin-left: 5%;
	}
	#cis h1 img{
		height: 45px;		
	}
	header{
		position:relative;
	}
	.nav-func{
		position: absolute;
		top: 35px;
		left: 4%;
		font-size: 24px;
		color: #94040c;	
	}
	header nav{
		display:none;
		position: absolute;
		z-index: 99;
		left: 0;
		width: 100%;	
		background: rgba(13, 35, 105, 0.8);
	}
	nav ul >li{
		display: block;		
	}
	.subnav{
	    position: initial;	
	}
	nav ul li.liOver .subnav{
		margin-top: 10px;	
	}
	#footer-qrcode,
	#otherway{
		float:left;
	}
	#otherway{
		margin-left:30px;
	}
	#footermain{
		clear:both;
		width:100%;
		padding-top: 20px;
	}
	#otherway #community{
		width:auto;
	}
	#otherway #community a{
		display:inline-block;
		width:auto;
		border:none !important;
		margin-right: 10px;
	}
	.mobile-main-nav{
		display:block;
	}
	.nav-funcB{
		position: absolute;
		top: 35px;
		left: 4%;
		font-size: 24px;
		color: #94040c;	
	}
	#mobile-menu{
		width: 100%;
		background: #fff;
		max-height: calc(100vh - 97px);		
		overflow: auto;
	}
	#mobile-menu >ul >li .menu_head{
		overflow:hidden;
		padding: 15px;
		border-bottom: 1px solid #efefef;
	}
	#mobile-menu >ul >li .menu_head.c0 b{
		display:none;
	}
	#mobile-menu >ul >li .menu_head p{
		float:left;
		font-size: 11pt;
	}
	#mobile-menu >ul >li .menu_head a{
		color: #191919;
	}
	#mobile-menu >ul >li .menu_head b{
		float:right;
		color: #9a9a9a;
		cursor:pointer;
	}
	#mobile-menu >ul >li .menu_body li p{
		background: #fcef3f;
		padding: 5px 15px;
		font-size: 14px;		
	}
	#mobile-menu >ul >li .menu_body li a{
		color: #404040;
		display: block;
		padding: 10px 35px;
		font-size: 11pt;
		border-bottom: 1px solid #ededed;
	}
}
@media screen and (max-width: 640px) {
	#cis h1{
		margin-left: 10%;
	}
	.nav-func{
		left: 5%;
	}
	#top-nav,
	header #top-nav a{
		font-size:12px;
	}
	#top-nav p{
		margin:0;
	}
	#otherway{
		margin-left:0;
	}
	#footer-qrcode, #otherway,
	#otherway #community a,
	#otherway #community,
	#footermain .copy, #footermain .info{
		float:none;
		text-align:center;
	}
	#otherway #community a{
		margin:0 10px;
	}
	#otherway .callto{
		display:none;
	}
	#footermain >div p{
		display:block;
		text-align: center;
	}
	#footermain >div b{
		display:none;
	}
	#mobilephone{
		display: block;
		position: fixed;
		bottom: 0;
		background: rgba(25,25,25,0.9);
		width: 100%;
		left: 0;
		overflow:hidden;
	}
	#mobilephone a{
		color:#fff;
		display: block;
		text-align: center;
		padding: 3px 0;
		float:left;
		width:50%;
	}
	#webSeo{
		padding-bottom:30px;
		font-size:5pt;
	}
	#footer-cis {
        width: 100%;
		text-align: center;
    }
	#footermain {
    margin: 0px 24%;
    width: 55%;
    }
}
@media screen and (max-width: 480px) {
	#cis h1 img{
		height:38px;
	}
	.nav-func{
		top:30px;
	}
	#top-nav p{
		display:none;
	}
	#top-nav a:first-child{
		margin-right:5px;
	}
	#otherway #community a{
		margin: 0 5px;	
	}
	#footermain {
    margin: 0px 13%;
    width: 75%;
    }
	#footer-qrcode img {
	display: none;
	}
}