/* CSS Document */




body{
	font-family: 微軟正黑體;
	width:100%;
	letter-spacing: 0.3px;
	background:url(../images/top-in.jpg) left top repeat-x #fafafa;
	

	}
	
.body_all{
    width: 100%;
	margin:0 auto;

	background:url(../images/top.jpg) left top repeat-x #fafafa;
	}
	

a:link, a:visited {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: none;
}
input{
	width:300px;
	    height: 21px;
	}

textarea{
	width:300px;
	
	}

h2{
	color:#01A0E4;
	
    font-weight: normal;
	}

#wrapper{
	overflow:hidden;
	max-width:1200px;
	margin:0 auto;
	}
	
#header{
	overflow:hidden;
	margin:0;
	padding:0;

	}	

.headlink{
	margin: 3px auto 0;
    width: 100%;
    overflow: hidden;
	}

.headlink ul {
	font-size:11px;
	
	float: right;
    overflow: hidden;
	}

.headlink ul li{
    margin: 0 20px 0 0;
    float: left;
	   letter-spacing: 0.5px;　
}




#header .logo{
	margin:5px 0 20px 0  ;
	
	}	

#header .logo img{
	    max-width: 100%;
    height: auto;
	}


.toggle { 
	display: none;
}

	
#header .nav{
	padding:0;
	margin: 2px 0 0 0;
	font-family: 微軟正黑體;
		}
		
	

#header .nav ul{
	padding: 10px 0 28px 0;
	}		
	
#header .nav ul li{
	width:12%;
	float:left;
	text-align:center;
	letter-spacing: 0.8px;
	}		
	

li#nav-a , li#nav-b , li#nav-c , li#nav-d , li#nav-e , li#nav-f {
	background:none;
	display:none;
}



.banner{
	margin:0;
	padding:0;

	}	
	
	
#contMainWrap{
	overflow:hidden;
	width:100%;
	/*background:url(../images/bg02.png)*/
	}	
	
#contMain{
	overflow:hidden;
	margin:0 auto;
	padding:0;

	}	

.topline{
	width:100%;
	background:#000000;
	}


.top{
	background:url(../images/line.gif) right top no-repeat ;
	height:7px;
	padding:1px 0 0 0 ;
	width:254px;
	float:right; 
	margin:2px 0 0 0;
	}
	
h3{
	
	font-size:20px;
	
	}
	
span.enTitle{
	float:left;
	color:#00407f;
	}		
	
span.chTitle{
	float:left;
	width:100px;
	background:url(../images/right-t.png) 50px center no-repeat;
	}
	
	
span.more{
	background:url(../images/arrow.png) left center no-repeat;
	padding:0 0 0 15px;
	float:right;
	font-size:14px;
	margin: 5px 27px 0 0;
	}	
	
	
.leftBar{
	padding:30px 0 ;
	width:70%;
	float:left;
	letter-spacing:0.8px;
	color:#696969;
	}	
	
.leftBar ul{
	margin:0;
	padding:0;
	} 	
	
.leftBar ul li{
	float:left;
	padding: 20px 0 35px 0 ;
	
	}	
	
	
	
.leftBar ul li span.imgBox{
	float:left;
	width:20%;
	 margin: 0 35px 0 0;	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	
}	


.leftBar ul li span.imgBox a img{
	    max-width: 100%;
	}

.leftBar ul li span.imgtext{
	
	float:left;
	width:70%;
	margin:0 10px 0 0 ;
	}
	
.leftBar ul li span.imgtext span.date{
	float:left;
	font-size:14px;
	margin:0 0 10px 0;
	font-weight:bold;
	width:100%;
	}
	
.leftBar ul li span.imgtext span.title{
	font-size:21px;
		margin:0 0 10px 0;
	border-bottom:1px #d7d7d7 solid;
	font-weight:bolder;
	width:100%;
		padding:0 0 10px 0;
		float:left;

	}	
	
.leftBar ul li span.imgtext span.title a{
	color:#003c78;
	font-weight:bold;
	  word-wrap: break-word;
    word-break: normal;
	}	
	
	
.leftBar ul li span.imgtext span.des{
	word-wrap: break-word;
    word-break: normal;
    overflow: hidden;
    float: left;
	width:100%;
	margin:10px 0 0 0 ;
		}
	
.newsin_left{
	float:left;
	}
	
		

.rightBar{
	float:right;
	width:30%;
	padding: 20px 0 0 0;
	}		
	
.rightBar span.aboutImg	{
	float:left;
	border:0;
	margin:10px 0 0 0 ;
	padding:0;
	}


.Product_Group{
	    width: 100%;
	display:none;
	}
	
	
.News_Group{
	    width: 100%;
	display:none;
	}
		
	
	
.rightBar span.aboutImg img {
    max-width: 100%;
}	
	
.rightBar span.aboutDes{
		width:100%;
	word-wrap: break-word;
    word-break: normal;
	line-height:170%;
	margin:10px 0 0 0;
	float:left;
	color:#838383;
	}	

.rightBar ul{
		width:100%;

	margin:0;
	padding:0;
	}	


.rightBar ul li{
	float:left;
	margin:10px 0  0 0 ;
	padding:0 0 10px 0;
	border-bottom:1px #C7C7C7 dotted;
	}
	
.rightBar ul li span.btn{
	float:left;
	width:25%;
	margin:0 15px 0 0 ;
	}	
	
.rightBar ul li span.btn img{
	
	}
 	
	
	
.rightBar ul li span.btnDes{
	word-wrap: break-word;
    word-break: normal;
	float:left;
	color:#838383;
	width:70%;
	padding:5px 0 0 0 ;
	line-height:180%;
	font-size:12px;
	
	}
	
.productBn{
	float:left;
	margin:20px 0 0 0;
	padding:0;
	}	
	
#footer{
	background:url(../images/bottom.png) left top repeat-x;
	height:atuo;
	
	}	
	
	
.footerWrap{
	overflow:hidden;
	max-width:100%;
	margin:0 auto;    
	padding: 25px 0 30px 0;
}


.footerWrap span.logo{
	float:left;
	margin:40px 0 0 145px ;
	width:18%;
	}
	
.footerWrap span.des{
	float:left;
	font-size: 12px;
	margin:0;
	width:65%;
	color:#696969;
	padding:20px 0 0 50px ;
	line-height:170%;
	}	
	
	
.aboutwrap{
	float:left;
	width:100%;
	padding:20px 0 0 0 ;
    word-wrap: break-word;
    word-break: normal;
    line-height: 170%;	
	
	}	
	
	
.aboutwrap img{
	max-width:100%;
	}	
	
.aboutwrap	span.infoMation{
	font-size: 12px;
	height:253px;
	width:100%;
	float:left;
	background:url(../images/info.png) left top no-repeat;
	}
	
	
.aboutwrap	span.infoMation span.wrap{
	float:left;
	font-size:12px;
	line-height:200%;
	padding:45px 0 0 110px;
	}	
	

	


.Sitemapwrap{
    float: left;
    padding: 20px 0 0 0;
    word-wrap: break-word;
    word-break: normal;
    line-height: 170%;
	}
	
	
	
	
	
.Certificateswrap{
	
    float: left;
    padding: 20px 0 0 0;
    word-wrap: break-word;
    word-break: normal;
    line-height: 170%;	}		
	
	
.Certificateswrap img{
	max-width:100%;
	}	
	
	
	
.Contactwrap{
	width:100%;
    float: left;
    padding: 20px 0 0 0;
    word-wrap: break-word;
    word-break: normal;
    line-height: 170%;	
	
	}	
	
	
.Contactwrap img{
	max-width:100%;
	}	
	
	
	
.Contactwrap .wrap{
	border-bottom:1px #BDBDBD solid;
	float:left;
	padding:20px 0 15px 0;
	width:100%;
	margin:0 0 30px 0;
	
	} 	
	
		
	
	
.Prodcutwrap{
	WIDTH: 100%;
    float: left;
    padding: 20px 0 0 0;
    word-wrap: break-word;
    word-break: normal;
    line-height: 170%;	
	}
	
	
	
.Prodcutwrap img{
	max-width:100%;
	}	
		

.Newswrap{
	WIDTH: 100%;
    float: left;
    padding: 20px 0 0 0;
    word-wrap: break-word;
    word-break: normal;
    line-height: 170%;	
	}
	
	
	
.Newswrap img{
	max-width:100%;
	}	

	

.leftBarAll{
	float:left;
	width:24%;
	margin:0 25px 0 0; 
	padding:20px 0 0 0 ;
	min-height:500px;
	background:url(../images/line-left.png) right top no-repeat;
	}	
	
	
.leftBarAll .NewsAll{
	float:left;
	min-height: 200px;
	width:100%;

	}	
	
	
	
.leftBarAll span.NewsTitle	{
	float:left;
	width:300px;
	margin:0 0 20px 0;
	}
	
	
.NewsAll ul {
	margin:0;
	padding:0  0 20px 0;
	float:left;
	}	
	
.NewsAll ul li{
	margin:0 0 10px 0;
	padding:0;
	
	}	
	

.NewsAll ul li a{
	float:left;
	width:300px;
	height:22px;
	margin:0 0 5px 0 ;
	padding:5px 0 0 30px;
	

	}

	
	
.NewsAll ul li a:hover , .NewsAll ul li a:active  {
	margin:0 0 5px 0 ;
	color:#FFFFFF;
	float:left;
	width:300px;
	padding:5px 0  0 30px;
	background:url(../images/btn_10.jpg) left center no-repeat;
	}
.ssactive{
	color:#FFFFFF;
	margin:0 0 10px 0 ;
	float:left;
	width:300px;
	padding:0 0  0 30px;
	background:url(../images/btn_10.jpg) left center no-repeat;
	}	
	
.leftContact{
	background:url(../images/btn_14.jpg) left top no-repeat;
	float:left;
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	font-size:16px;
	}	
span.ContactImg{
	float:left;
	margin:0 0 15px 0 ;
	}	
	
span.waylink{
	float:right;

	
	}	
	
	
#pagenav {
	width:100%;
    overflow: hidden;
    text-align: center;
    margin: 30px 0 30px;
	float:left;
}


#pagenav a {
    margin: 0 5px;
    padding: 5px 9px;
    height: 20px;
    background: #cf0016;
    display: inline-block;
    text-align: center;
    color: #fff;
}

span.numbox_hits{
	margin: 0 4px;
    padding: 5px 9px;
	height: 20px;
	background:#868686;
	display: inline-block;
    text-align: center;
    color: #fff;
	}



.productlist{
	
	    word-wrap: break-word;
    word-break: normal;
	background:url(../images/product_list_th.png) left top no-repeat;
	
	}
	
.productlist .odd td {
    background: #ededed;
}	


span.Contactbtn{
	background:#000000;
	color:#FFFFFF;
	padding:3px;
	    border-radius: 5px 5px 5px 5px;
	
	}
	
	
.maplist {
    margin: 20px 0 25px 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    float: left;
}

.maplist .list {
    margin: 0 15px ;
    padding: 0;
    width: 29%;
    border-top: 2px #066 solid;
    float: left;
}

.maplist .list h4 {
    margin: 0;
    padding: 0;
    background: #f5f5f5;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    color: #333;
}

.maplist .list ul {
    margin: 0;
    padding: 0;
}

.maplist .list ul li {
	width: 100%;
	min-height:20px;
    margin: 0;
    padding: 3px;
    border-bottom: 1px #777 dotted;
    font-size: 14px;
}	


@media (max-width: 1181px) and (min-width: 980px){


.rightBar ul li {
	width:100%;
	margin:5px 0 0 0 ;
}


}

	
/*平板尺寸*/
@media (max-width: 979px) and (min-width: 100px) {
	.body_all{
		
	background:url(../images/rwd-top-in.jpg) left top repeat-x;
		}
	
	body{
		
		background:none;	
		}
	
	#wrapper{
	overflow:hidden;
	width:100%;
	}
	
#header{
	background:url(../images/rwd-top-in.jpg) left top repeat-x;
	overflow:hidden;
	margin:0;
	padding:0;

	}	

.headlink{
	margin: 3px auto 0;
    width: 100%;
    overflow: hidden;
	}

.headlink ul {
	font-size:11px;
	
	float: right;
    overflow: hidden;
	}

.headlink ul li{
    margin: 0 20px 0 0;
    float: left;
	letter-spacing: 0.5px;　
}

#header .logo{
	width:100%;
	height:100%;
	margin:5px 0 20px 100px  ;
	
	}	
	
#header .logo img {
    max-width: 100%;
    height: auto;
}	

#header .nav{
	background:#B8B8B8;
	margin: 2px 0 0 0;
	float:left;
	height:auto;
	display:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		}

#header .nav ul{
	margin: 0;
	    width: 100%;
	}		
	
#header .nav ul li{
		padding:8px 0 ;
	    width: 100%;
		color:#FFF;
		float: none;
	}		


.nav li a{
		color:#FFF;
	}

.toggle {
		display: inline-block;
		padding: 10px 30px;
		color: #FFF;
		position:absolute;
		left:0;
		    height: 100px;
		top:0;
		background:url(../images/menu-m.png) left center no-repeat;
		cursor: pointer;
	}
.nav {
		/*display: block;*/
		float: left;
		width:100%;
		margin:0;
	}


#contMain{
	overflow:hidden;
	margin:0 auto;
	padding:0;
	background:url(../images/contamain-top.png) left top repeat-x;

	}	

.rightBar{
	float:none;	
	width:100%;
	}
	

li#nav-a{
	background:url(../images/arrow-1.png) 15px 15px no-repeat;
	display:block;
}
li#nav-b{
	background:url(../images/arrow-1.png) 15px 15px no-repeat;
	display:block;
}
li#nav-c{
	background:url(../images/arrow-1.png) 15px 15px no-repeat;
	display:block;
}
li#nav-d{
	background:url(../images/arrow-1.png) 15px 15px no-repeat;
	display:block;
}
li#nav-e{
	background:url(../images/arrow-1.png) 15px 15px no-repeat;
	display:block;
}	
li#nav-f{
	background:url(../images/arrow-1.png) 15px 15px no-repeat;
	display:block;
}

	
	
li.comMenu{
	display:none;
	}
		
	
#header .nav ul.nav-aa , #header .nav ul.nav-bb , #header .nav ul.nav-cc ,#header .nav ul.nav-dd ,#header .nav ul.nav-ee ,#header .nav ul.nav-ff {
	margin:5px 0 0 0;
    display: none;
    background: #666;
	}


.newsin_left{
	float:none;
	width:100%;
	padding: 0 0 15px 0;
	margin: 0  auto;
	}




#header .nav ul {
    padding: 10px 0 0 0; 
}


#header .nav ul.nav-c li{
	height:auto;
	}
	


.leftBar{
	margin: 0 15px;
	width:95%;
	}

.leftBar ul{
	width:100%
	}
	
.leftBar ul li{
	width:100%;
	}	

.leftBar ul li span.imgBox{
	width:20%;
	margin:0 35px 0 0 ;
	
	}	

.leftBar ul li span.imgBox a img{
	max-width:100%;
	
	}	


	
.leftBar ul li span.imgtext{
	width:72%;
	MARGIN:0 10px 0 0;
	}	
	
	
.leftBarAll{
	display:none;
	}	
	
	
.Product_Group{
	margin:0 0 0 13px;
	width:100%;
	display:block;
	}
	
.Product_Group ul{
	margin:0;
	padding:0;	
	
	}
.Product_Group ul li{
	width:20%;
	padding:20px 30px 0 0 ;
	}

.Product_Group ul li img{
	max-width:100%;
	}



.News_Group{
	margin:0 0 0 13px;
	width:100%;
	display:block;
	}
	
.News_Group ul{
	margin:0;
	padding:0;	
	
	}
.News_Group ul li{
	width:20%;
	padding:20px 30px 0 0 ;
	}

.News_Group ul li img{
	max-width:100%;
	}
	
	
	
	
	
	
.rightBar ul {
	width:100%;
	}	
	
.rightBar ul li{
		width:100%;

	margin:10px 0  0 0 ;
	padding:0 0 10px 0;
	border-bottom:1px #C7C7C7 dotted;
	}


.leftBar ul li span.imgBox a img {
	max-height:100%;
	}


.leftBar ul li span.imgtext span.title{
	width:100%;
	}


.rightBar ul li span.btn{
	width:20%;
	margin:0 10px;
	}


.rightBar ul li span.btn img{
	max-height:100%;
	}

.rightBar ul li span.btnDes{
	width:77%;
	margin:15px 0 0 0 ;
	padding:0;
	}

span.enTitle {
    float: left;
    color: #00407f;
    width: 100%;
}

.rightBar span.aboutImg {
    float: left;
    border: 0;
    margin: 10px 15px 0 0;
    padding: 0;
	width:35%;
}


.rightBar span.aboutImg img{
	max-width:100%;
	}


.rightBar span.aboutDes {
	width: 63%;

}

.productBn img{
	max-width:100%;
	}



.footerWrap{
	width:100%;
	}
	
	
.footerWrap span.logo{
	margin:40px 0 0 5px;
	width:25%;
	}	


.footerWrap span.logo img{
	max-width:100%;
	}


.footerWrap span.des{
	width:71%;
	margin: 0;
	padding:42px 0 30px 15px;
	font-size:12px;
	}	


.maplist {
    margin: 20px 0 0 0;
}

.maplist .list {
    width: 100%;
	margin:0 0 15px 0 ;
}




}

@media (max-width: 770px) and (min-width: 481px) {


.rightBar span.aboutDes {
    width: 60%;

	}
.rightBar ul li span.btn img {
   max-width: none;
}	
	
.rightBar ul li span.btn {
    width: 20%;
    margin: 0 10px;
}	
	
.rightBar ul li span.btnDes {
    width: 70%;
    margin: 15px 15px 0 0;
    padding: 0;	
	
}
	
	
	
}


@media screen and (max-width: 480px) {
	
	.rightBar ul li {
    width: 90%;
    margin: 10px 0 0 0;
    padding: 0 0 10px 0;
    border-bottom: 1px #C7C7C7 dotted;
}
	.rightBar ul li span.btn {
    width: 31%;
    margin: 0 10px;
}
	
	.rightBar ul li span.btnDes {
    width: 60%;
    margin: 15px 0 0 0;
    padding: 0;
}



	}



@media screen and (max-width: 660px) {
	
	
	
	
		.body_all{
		
	background:url(../images/rwd-top-in.jpg) left top repeat-x;
		}
	
	body{
		
		background:none;	
		}
	
	#wrapper{
	overflow:hidden;
	width:100%;
	}
	
#header{
	overflow:hidden;
	margin:0;
	padding:0;

	}	

.headlink{
	margin: 3px auto 0;
    width: 100%;
    overflow: hidden;
	}

.headlink ul {
	font-size:11px;
	
	float: right;
    overflow: hidden;
	}

.headlink ul li{
    margin: 0 20px 0 0;
    float: left;
	letter-spacing: 0.5px;　
}

#header .logo{
	width:100%;
	height:100%;
	margin:5px 0 20px 75px  ;
	
	}	

#header .logo img {
    max-width: 100%;
    height: auto;
}

#header .nav{
	background:#B8B8B8;
	margin: 2px 0 0 0;
	float:left;
	height:auto;
	display:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		}

#header .nav ul{
	margin: 0;
	    width: 100%;
	}		
	
#header .nav ul li{
		padding:8px 0 ;
	    width: 100%;
		color:#FFF;
		float: none;
	}		


.nav li a{
		color:#FFF;
	}

.toggle {
		display: inline-block;
		padding: 10px 30px;
		color: #FFF;
		position:absolute;
		left:0;
		    height: 100px;
		top:0;
		background:url(../images/menu-m.png) left center no-repeat;
		cursor: pointer;
	}
.nav {
		/*display: block;*/
		float: left;
		width:100%;
		margin:0;
	}


#contMain{
	overflow:hidden;
	margin:0 auto;
	padding:0;
	/*background:url(../images/contamain-top.png) left top repeat-x;*/

	}	

.rightBar{
	float:none;	
	width:100%;
		padding:10px 15px 0 15px; 

	}
	

li#nav-b{
	background:url(../images/arrow-1.png) 15px 15px no-repeat;
	display:block;
}
	
	
li.comMenu{
	display:none;
	}
		
	
#header .nav ul.nav-c{
	margin:5px 0 0 0;
    display: none;
    background: #666;
	}


#header .nav ul {
    padding: 10px 0 0 0; 
}


#header .nav ul.nav-c li{
	height:auto;
	}
	
	
	
.leftBar ul li span.imgtext{
	width:95%;
	margin:20px 0 10px 0 ;
	}	
	
	
	
.leftBar{
	margin: 0 15px;
    width: 90%;
	}	
	
.leftBar ul li{
	padding:10px 15px 0 15px; 
	}	

.leftBar ul li span.imgBox{
	width:90%;
	padding: 0 0 0 50px;
	}
	
	
	.leftBar ul li span.imgBox a img {
     max-width: none; 
}
	
	
.productBn img{
	max-width:100%;
	}	
	
	
.Product_Group{
	margin:0 0 0 13px;
	width:100%;
	display:block;
	}
	
.Product_Group ul{
	margin:0;
	padding:0;	
	
	}
.Product_Group ul li{
	width:45%;
	padding:20px 14px 0 0 ;
	}

.Product_Group ul li img{
	max-width:95%;
	}
	
	
	
.News_Group{
	margin:0 0 0 13px;
	width:100%;
	display:block;
	}
	
.News_Group ul{
	margin:0;
	padding:0;	
	
	}
.News_Group ul li{
	width:45%;
	padding:20px 14px 0 0 ;
	}

.News_Group ul li img{
	max-width:95%;
	}
		
	
	
.rightBar span.aboutImg{
	width:90%;
	}	

.rightBar span.aboutImg img {
    max-width: 100%;
}
	
.rightBar span.aboutDes{
	width:90%;
	
	}	
	.footerWrap{
	overflow:hidden;
	max-width:100%;
	margin:0 auto;
	padding:25px 0 0 0 ;
}



.footerWrap span.logo{
	float:left;
	width:100%;
	margin:15px 0 0 0 ;
	}
	
.footerWrap span.des{
	float:left;
	margin:0;
	width:80%;
	color:#696969;
	padding:0 0 15px 15px;
	line-height:170%;
	font-size:11px;
	}	

	



.leftBarAll{
	display:none;
	}