/*-----------------------------------------------------------------------------
 [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;
	padding:0;
	width:100%;
	color: #274385;
	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";
}
hr {
	noshade:noshade;
}
th {
	font-weight: normal;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a{
	text-decoration:none;
}
img{
	max-width:100%;
}
a.photo {
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
	transition: all 0.4s ease-in-out 0s;
}

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


/***ie***/
/* +ie不能用
*----------------------------------------------------------------------------*/
#no-ie {
	width: 100%;
	height: 100%;
	background: url(../../images/13/ie.png) repeat 0 0;
	position: absolute;
	top: 0;
	border: 0;
	z-index: 100000000;
}

#no-ie p {
	margin: 15% auto;
	width: 30%;
	padding: 25px;
	background: #fff;
	position: fixed;
	top: 15px;
	left: 35%;
	line-height: 180%;
	text-align: center;
	font-size: 18px;
	color: #444;
}

#no-ie p a {
	color: #D5080B;
}
/********************
***********************/
.wrapper{
	width:100%;
	margin:0 auto;
	position: relative;
}
.wrapper >div{
	width:100%;
	margin:0 auto;
}
.wrapper >div section{
	width:1160px;
	margin:0 auto;
	overflow:hidden;
}
/********************
***********************/
footer{
	width: 100%;
    margin: 0 auto;
	background:#f1f6e6;
	border-top: 1px solid #DEDEDE;
}
footer section{
	width: 1160px;
    margin: 0 auto;
	overflow:hidden;
}
.phoneWrap{
	display:none;
}
footer section#footer-wrap{
	padding: 50px 0;
}
footer section #footerlogo{
	float:left;
	margin-right: 70px;
}
footer section #footerlogo #footer-cis{
	line-height: 100px;
}
footer section #footerlogo #footer-cis a{
	display:block;
}
footer section #footerlogo #footer-cis a img{
	max-width:100%;
}
footer section .qr{
	float:left;    
	margin-right: 10px;
}
footer section .qr a img{
	width: 100px;
}
footer section #info{
	float:left;
	margin-right: 50px;
	line-height: 200%;
}
footer section #info h2{
	color:#00a0e6;
	font-weight:normal;
	font-size:16px;
}
footer section #info p,
footer section #info a{
	color:#555555;
}
footer section #quickmenu{
	float:right;
	width:266px;
}
footer section #quickmenu .menuu{
}
footer section #quickmenu .menuu li{
	display: inline-block;
    width: 32%;
    text-align: right;
	margin: 5px 0;
}
footer section #quickmenu .menuu li a{
	color:#393939;
}
footer section #quickmenu .contact{
    text-align: right;
}
footer section #quickmenu .contact li{
	display: inline-block;
}
footer section #quickmenu .contact li a{
	background-image:url(../../images/13/footerContacticon2.png);
	background-repeat:no-repeat;
	display:block;
	color:#393939;
	padding: 0 0 5px 30px;
}
footer section #quickmenu .contact li:nth-child(2) a{
	background-image:url(../../images/13/footerContacticon1.png);
}
footer .copy{
	background:#00a0e6;
	color:#fff;
	text-align:center;
	padding: 8px 0;
}
a.sidetop{
	position: fixed;
    bottom: 1%;
    right: 1%;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(253, 253, 253, 0.81);
    text-align: center;
    line-height: 40px;
    color: #08AED4;
	z-index: 9999999;
}
/*****************************/
.wrapper >div section #sub-nav{
	width: 23%;
    float: left;
	margin: 40px 0;
}
.wrapper >div section #content-main{
	width: 75%;
    float: right;
	margin: 40px 0;
	min-height: 750px;
}
.wrapper >div section #content-main .function-site .waylink {
	text-align:right;
}
.wrapper >div section #content-main .function-site .waylink ol{
	overflow:hidden;
	color:#000;
	font-size:12px;
	display:inline-block;
}
.wrapper >div section #content-main .function-site .waylink ol li{
	float:left;
	position:relative;
    padding-left: 10px;
    margin-left: 5px;
	list-style: none;
}
.wrapper >div section #content-main .function-site .waylink ol li:first-child{
    padding-left: 0;
    margin-left: 0;
}
.wrapper >div section #content-main .function-site .waylink ol li a{
	color:#000;
}
.wrapper >div section #content-main .function-site .waylink ol li .h3{
	font-size:12px;
	font-weight:normal;
}
.wrapper >div section #content-main .function-site .waylink ol li:after{
	position:absolute;
	content:'>';
	left:0;
	top:0;
	color:#000;
	font-size:12px;
}
.wrapper >div section #content-main .function-site .waylink ol li:first-child:after{
	display:none;
}

.wrapper >div section #sub-nav h2{
	padding: 0 0 20px 0;
    font-size: 24px;
    font-weight: normal;
    color: #00A0E6;
    border-bottom: 2px solid #DEDEE2;
}
.wrapper >div section #sub-nav span{
	font-size: 12px;
    float: right;
	color: #9E9E9E;
}
.wrapper >div section #sub-nav li{
	border-bottom: 1px #ccc dashed;
}
.wrapper >div section #sub-nav li a{
	display: block;
	margin: 5px 0;
	padding: 10px 5px;
    font-size: 18px;
    color: #1A6994;
	clear: both;
}
.wrapper >div section #sub-nav li a:hover,
.wrapper >div section #sub-nav li.action a{
	background: #1A6994;
	color: #fff;
}
.wrapper >div section #sub-nav li ul.sub-category li{
	border-bottom: none;
}
.wrapper >div section #sub-nav li.action ul.sub-category li a{
	background: none;
	color: #1A6994;
}
.wrapper >div section #sub-nav li ul.sub-category{
	margin-left: 20px;
}
.wrapper >div section #sub-nav li.action ul.sub-category li.action a,
.wrapper >div section #sub-nav li.action ul.sub-category li a:hover{
	background: #67ACD2;
	color: #fff;
}
.wrapper section #sub-nav .sdContact{
	margin-top: 20px;
}
.wrapper section #sub-nav .sdInfo{
	padding: 10px 0;
}
.wrapper section #sub-nav #Sg-map,
.wrapper section #sub-nav #Sfb-wrap,
.wrapper section #sub-nav #Syoutube,
.wrapper section #sub-nav #ad-list .adImg{
	overflow: hidden;
	margin: 5px 0;
}
.wrapper section #sub-nav #Sg-map iframe,
.wrapper section #sub-nav #Syoutube iframe{
	width: 100%;
}
.wrapper section #sub-nav #ad-list .adImg a.photo{
	background-size: 100% auto;
	border: 1px #ccc solid;
}
.wrapper section #sub-nav #ad-list .adImg a.photo:hover{
	background-size: 120% auto;
}
#cis img{
	width: 40%;
}

@media screen and (max-width: 1190px) {
	.wrapper >div section{
		 width: 96%;
		 margin:0 auto;
	}
	footer section{
		width:96%;
		margin:0 2%;
	}

}
@media screen and (max-width: 1067px) {
	footer section #footerlogo{
		margin-right: 20px;
	}
	footer section #info{
		margin-right: 0;
	}
	footer section #quickmenu{
		width: 250px;
	}

}
@media screen and (max-width: 960px) {
	footer section#footer-wrap{
		padding: 20px 0;
	}
	footer section #footerlogo{
	    margin-right: 0;
		width: 100%;
	}
	footer section #footerlogo #footer-cis{
		text-align: center;
	}
	footer section .qr{
		width:12%;
	}
	footer section #info{
		width:35%;
	}
	footer section #quickmenu{
		width:50%;
	}
}
@media screen and (max-width: 768px) {
	.wrapper >div section #sub-nav{
		width: 30%;
	}
	.wrapper >div section #content-main{
		width: 65%;
	}
}
@media screen and (max-width: 640px) {
	.wrapper >div section #sub-nav,
	.wrapper >div section #content-main{
		width: 95%;
		margin: 40px 2.5%;
	}
	.phoneWrap{
		display:block;
	}
	.phoneWrap{
		position: fixed;
		bottom: 6px;
		width: 100%;
		height: 40px;
		line-height: 40px;
		z-index: 999;
	}
	.phoneWrap a{
		display: inline-block;
		color:#fff;
	}
	.phoneWrap a:hover{
		color:#fff;
	}
	.phoneWrap ul{
		text-align: center;
	}
	.phoneWrap li{
		text-align: center;
		list-style:none;
		display: inline-block;
		width:48%;
		border-radius: 50px;
		width: 30%;
		margin: 0 1.5%;
		background: rgba(97, 97, 97, 0.95);
	}
	footer section .qr,
	.wrapper >div section #sub-nav #ad-list,
	.wrapper >div section #sub-nav #Sg-map,
	.wrapper >div section #sub-nav #Sfb-wrap,
	.wrapper >div section #sub-nav #Syoutube{
		display: none;
	}
	footer section #info,
	footer section #quickmenu{
		width:50%;
	}
	footer section #quickmenu .menuu,
	footer section #quickmenu .menuu li,
	footer section #quickmenu .contact{
		text-align: center;
	}
	footer section #quickmenu .menuu li{
		width: 20%;
	}
	footer .copy{
		padding: 10px 0 55px;
		font-size:12px;
	}
}
@media screen and (max-width: 480px) {
	footer section .qr,
	footer section #info,
	footer section #quickmenu{
		width:100%;
	}
	footer section #info{
		margin:10px 0;
	}
	footer section #info h2,
	footer section #info p{
		text-align: center;
	}
	.wrapper >div section #content-main{
		margin: 0 2.5% 40px;
		min-height: 500px;
	}
	.wrapper >div section #g-map,
	.wrapper >div section #ad-list{
		width: 95%;
		margin: 0 2.5%;
	}
}
@media screen and (max-width: 360px) {
	footer section .qr img{
		width:50%;
	}
}