* {
	margin:0;
	padding:0;
	
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-family:"·L³n¥¿¶ÂÅé", "Microsoft JhengHei",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4c4c4c;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
outline: none;
}

a {
text-decoration:none;
}

h1 {
	font-family: 'Quattrocento Sans',sans-serif;
	zfont-family: 'Arimo', sans-serif;
}

h2 {
	font-family: 'Quattrocento Sans',sans-serif;
	zfont-family: 'Arimo', sans-serif;
}
.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; font-size:12px; font-weight:bold;}
.contenthover h3, .contenthover p { margin:0 0 10px 0; line-height:1.4em; padding:0; font-size:11px;}
.placeholder {color:#ccc;font-family: 'Quattrocento Sans',sans-serif;}

.wrapper {
	zmin-height:5000px;
	position:relative;
}

.header .top-border{
	height:10px;
	width:100%;
	background-color:#014A7F;
}

.header-top{
	width:960px;
	margin:0 auto;
}

.logo{
	width:342px;
	margin-top:30px;
	float:left;
}

.header-right{
	float:right;
	margin-top:10px;	
}

.header-right p{	
	background:url(../images/phone-icon.png) no-repeat top left;	
	padding-left:30px;
	height:30px;
	float:right;
	padding-top:2px;
	padding-right:20px;
}

.header-right .com-email{
	padding-top:2px;
	background:url(../images/email-icon.png) no-repeat top left;
	padding-left:30px;
	margin-left:20px;
	height:30px;
	float:right;
	color:#555555;
}

.nav ul li{
	margin-top:25px;
	margin-left:30px;
	float:left;
}

.nav ul li a{
	font-size:15px;
	color:#555555;
}

.nav ul li a:hover{
	font-size:15px;
	color:#014a7f;
}

.banner{
	position:relative;
	margin:0 auto;
	margin-bottom:10px;
	margin-top:20px;
	width:100%;
}

.banner-logo {
	z-index:9999;
	width:199px;
	height:40px;
	position:absolute;
	top:20px;
	right:350px;
}

.banner-border{
	width:961px;
	height:32px;
	background:url(../images/banner-border.png) no-repeat left;
	position:absolute;
	bottom:0;
	left:400px;
	z-index:9999;
	color:#fff;
	font-size:19px;
	line-height:32px;
}
.content{
	min-height:600px;
	width:100%;

}
.content01{
	width:960px;
	margin:0 auto;
}

.content-left{
	zpadding-top:20px;
	width:650px;
	float:left;
	margin-bottom:15px;
}
.content-right{
	margin-top:5px;
	border-left:1px dotted #ccc;
	background:url(../images/mail-box.png) no-repeat center;
	width:300px;
	float:right;
	height:38px;
	padding-top:25px;
}

.content-right a{
	padding-left:110px;
	font-size:16px;
	color:#666;
}

.content-center{
	background-color:#EBEBEB;
	height:250px;
	padding-top:30px;
}

.content-center-bg{
	width:960px;
	margin:0 auto;
	background-color:#fff;
	height:190px;
	padding-top:30px;
	padding-left:30px;
}

.center01{
	background:url(../images/border.png) no-repeat bottom;
	height:161px;
	width:168px;
	background-color:#fff;
	float:left;
	margin-right:22px;
}

.center01 a{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#545454;
	line-height:50px;
	padding-left:10px;
}

.center01 a:first-child{
	padding:0px;	
}

.content-bottom{
	width:960px;
	height:300px;
	margin:0 auto;
	margin-top:20px;
}
.content-bottom02{
	padding-top:10px;
	border-bottom:1px solid #666;
	width:960px;
	height:30px;
}
.content-bottom02 h1{
	font-size:20px;
	color:#545454;
	float:left;
}

.content-bottom02 a{
	margin-right:10px;
	color:#666;
	padding-top:10px;
	float:right;
}

.content-bottom02 a:hover{
	color:#007cdc;
}

.footer{
	
	height:357px;
	width:100%;
	background:#014A7F;
}

.footer-content{
	padding-top:20px;
	width:960px;
	margin:0 auto;
}

.footer-content img{
	width:290px;
	float:left;
}

.footer02{
	margin-top:45px;
	float:left;
}

.footer02 p:first-child{
	font-weight:bold;
}
.footer02 p{
	width:190px;
	color:#fff;
	font-size:12px;
	padding-left:25px;
	padding-bottom:10px;
}



.footer02 .location{
	background:url(../images/location.png) no-repeat left top;	
}

.footer02 .phone{
	background:url(../images/phone.png) no-repeat left top;
}

.footer02 .email{
	background:url(../images/email.png) no-repeat left top;
}

.footer03{
	margin:45px 0px 30px 0px;;
	float:left;
}

.footer03 p:first-child{
	font-weight:bold;
}
.footer03 p{
	width:350px;
	color:#fff;
	font-size:12px;
	padding-left:25px;
	padding-bottom:10px;
}

.footer03 .location{
	background:url(../images/location.png) no-repeat left top;	
}

.footer03 .phone{
	background:url(../images/phone.png) no-repeat left top;
}

.footer03 .email{
	background:url(../images/email.png) no-repeat left top;
}

.footer03 .fax{
	background:url(../images/fax.png) no-repeat left top;
	margin-bottom:10px;
}

.footer04{
	width:150px;
	height:250px;
	float:left;
	position:relative;
	top:-45px;
	padding-right:30px;
}

.footer04 h1{
	color:#fff;
	font-size:20px;
	padding-bottom:30px;
}

.footer04 ul li:first-child{
	border-top:none;
}
.footer04 ul li{
	padding:4px 0px;
	border-top:1px dotted #fff;
}

.footer04 a{
	color:#fff;
}

.footer05{
	width:160px;
	height:250px;
	float:left;
	position:relative;
	top:-45px;
	padding-right:30px;
}

.footer05 h1{
	color:#fff;
	font-size:20px;
	padding-bottom:30px;
}

.footer05 ul li:first-child{
	border-top:none;
}
.footer05 ul li{
	padding:4px 0px;
	border-top:1px dotted #fff;
}

.footer05 a{
	color:#fff;
}

.footer-nav{
	padding-top:8px;
	width:960px;
	margin:0 auto;
	border-top:1px solid #fff;
}

.footer-nav ul li{
	color:#fff;
	float:left;
	font-size:12px;
	padding-right:15px;
	padding-top:5px;
}

.footer-nav ul li a{
	color:#fff;
}

.footer-nav p{
	padding-top:5px;
	float:right;
	color:#fff;
	font-size:11px;
}

.content-left a{
	color:#666666;
	font-size:11px;
	float:right;
	margin-right:10px;
}

.content-left a:hover{
	color:#007cdc;
}


.banner02{
	background:url(../images/factory.jpg) no-repeat center;
	width:100%;
	height:120px;
	margin-top:20px;
}

.banner03{
	background:url(../images/banner03.jpg) no-repeat center;
	width:100%;
	height:120px;
	margin-top:20px;
}

.banner04{
	background:url(../images/banner04.jpg) no-repeat center;
	width:100%;
	height:120px;
	margin-top:20px;
}

.banner05{
	background:url(../images/banner05.jpg) no-repeat center;
	width:100%;
	height:120px;
	margin-top:20px;
}

.banner06{
	background:url(../images/banner06.jpg) no-repeat center;
	width:100%;
	height:120px;
	margin-top:20px;
}

.banner07{
	background:url(../images/qc_banner.jpg) no-repeat center;
	width:100%;
	height:120px;
	margin-top:20px;
}

.banner08{
	background:url(../images/profile_banner.jpg) no-repeat center;
	width:100%;
	height:120px;
	margin-top:20px;
}

.banner09{
	background:url(../images/client02.png) no-repeat center;
	width:100%;
	height:120px;
	margin-top:20px;
}

.banner02-1{
	width:960px;
	margin:0 auto;
	padding-top:25px;
}



.banner02-1 h1{
	padding-top:20px;
	color:#fff;
	font-size:30px;
	float:left;
	height:50px;
	
}

.banner02-1 h2{
	height:45px;
	margin-left:30px;
	border-left:2px dotted #fff;
	width:290px;
	padding-left:25px;
	color:#fff;
	float:left;
	padding-top:30px;
}






.profile01{
	width:960px;
	margin:0 auto;
	min-height:900px;
	padding-top:30px;
}
	
.profile02{
	width:280px;
	height:552px;
	float:left;
}

.profile02 img{
	margin-bottom:20px;
	height:160px;
	width:240px;
	border:1px solid #CCC;
	padding:2px;
}

.profile03{
	font-size:13px;
	padding-top:50px;
	float:left;
	width:416px;
}

.profile03 label{
	color:#007cdc;
	float:left;
}

.profile03 p{
	color:#878787;
	padding-bottom:20px;
}

.profile04{
	width:239px;
	float:right;
}

.profile04 h1{
	padding-top:15px;
	color:#014a7f;
	font-size:16px;
}

.profile04 ul{
	width:200px;
	margin-top:20px;
}

.profile04 ul li:first-child{;
	border-top:none;
}

.profile04 ul li{
	padding-top:5px;
	height:25px;
	border-top:2px dotted #ccc;
}

.profile04 ul li a{
	color:#878787;
}

.profile04 ul li a.active{
	color:#007cdc;
}



.profile04 ul li a:hover{
	color:#007cdc;
}

.profile04-1{
	padding-left:30px;
	background:url(../images/about-nav.png) no-repeat;
	width:239px;
	height:230px;
}

.profile04-3{
	padding-left:30px;
	background:url(../images/capability-nav02.jpg) repeat-y left;
	width:239px;
	zheight:327px;
}
.profile04-3 ul li a.active{
	color:#007cdc;
}

.profile04-4{
	padding-left:30px;
	background:url(../images/contact-nav.png) no-repeat;
	width:239px;
	height:205px;
	
}

.profile04-5{
	background:url(../images/capability-nav01.jpg) no-repeat bottom;
	width:238px;
	height:16px;
}

.profile05{
	margin-top:20px;
	float:left;
	width:697px;
	height:167px;
	background:url(../images/profile05.jpg) no-repeat;
}

.profile05 img{
	padding-top:10px;
	padding-left:30px;
}

/* *************** */
.zprofile04-2{
	margin-top:50px;
	padding-left:30px;
	background:url(../images/product-nav.png) no-repeat;
	width:239px;
	height:234px;
}

/* *************** */


.profile04-2{
	margin-top:50px;
	padding-left:30px;
	background:url(../images/product-nav3.png) repeat-y left top;
	width:239px;
	
}


.profile04-10{
	background:url(../images/product-nav2.png) no-repeat left top;
	width:239px;
	height:16px;

}

.profile04 .req{
	
	color:#666666;
	padding:35px 0px 0px 95px;
	display:block;
	background:url(../images/mail-box.png) no-repeat;
	width:210px;
	height:78px;
}

.factory{
	margin:0 auto;
	width:960px;
	min-height:800px;
	padding-top:30px;
}

.factory img{
	width:360px;
	height:240px;
	border:1px solid #CCC;
	padding:4px;
	float:left;	
}

.factory01{
	width:700px;
	float:left;
	
}

.factory01-1{
	height:300px;
	border-bottom:1px solid #ccc;
}


.factory01-1 img{
	border:1px solid #ccc;
	padding:5px;	
	float:left;
	margin-right:30px;
}

.factory01-1 h3{
	padding-top:40px;
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
}

.factory01-1 p{
	color:#878787;
	padding-top:20px;
	width:297px;
	float:left;
}
 
.factory01-2 img{
	border:1px solid #ccc;
	padding:5px;
	float:right;
}

.factory01-2 h3{
	padding-top:40px;
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
}
.factory01-2 p{
	color:#878787;
	padding-top:20px;
	width:297px;
	float:left;
}

.quality01{
	float:left;
	width:720px;
	height:900px;
}
.quality01-1-2{
	height:250px;
}
.quality01-1 img{
	float:left;
	margin-right:30px;
}

.quality01-1-1{
	height:600px;
	float:left;
}

.quality01-1 h3{
	float:left;
	width:300px;
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
}

.quality01-1 p{
	float:left;
	width:300px;
	color:#878787;
	padding-bottom:20px;	
}

.quality01-1 ul{	
	padding-bottom:50px;	
}

.quality01-1 ul li{
	float:left;
	width:300px;
	margin-left:5px;
	color:#878787;
}

.quality01-2{
	margin-bottom:30px;
}

.capability01{
	width:720px;
	float:left;
}

.capability01 h3{
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
}

.capability01 p{
	color:#878787;
	width:630px;
	padding-bottom:20px;
}


.capability01 ul li{
	color:#878787;
}

.product01{
	width:700px;
	float:left;
}

.product01-1{
	height:30px;
	border-bottom:1px solid #878787;
	margin-bottom:30px;
}
.product01-1 h3{
	float:left;
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
}
.product01-1 select{
	float:right;
	width:150px;
}
.product01-2{
	width:221px;
	height:148px;
	float:left;
	margin-right:12px;
	margin-bottom:20px;
}

.news01{
	width:700px;
	float:left;
}
.news01-1:first-child{
	padding-top:0px;
}
.news01-1{
	padding-top:30px;
	height:180px;
	border-bottom:1px solid #ccc;
}
.news01-1 img{
	float:left;
	padding-right:20px;
}

.news01-1 h3{
	padding-top:10px;
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
}

.news01-1 h4{
	font-size:12px;
	font-style:italic;
}

.news01-1 p{
	padding-top:20px;
	font-size:13px;
}

.news01-1 a{
	font-size:12px;
	color:#545454;
}

.news01-1 a:hover{
	color:#007cdc;
}

.news01-1-1{
	float:left;
}

.news01-1-2{
	float:right;
}

.news02{
	float:left;
	border-bottom:1px solid #ccc;
}
.news02-1{
	width:230px;
	float:left;
	height:500px;
}

.news02-1 img{
	padding-bottom:20px;
}


.news02-2 h3{
	padding-top:10px;
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
}

.news02-2 h4{
	font-size:12px;
	font-style:italic;
	padding-bottom:20px;
}


.news02-2 p{
	display:block;
	width:650px;
	padding-bottom:20px;
}

.news02-3{
	
	padding-top:10px;
	width:650px;
	float:left;
}
.news02-3 a{
	color:#545454;
}

.news02-3-1{
	float:left;
}
.news02-3-2{
	float:right;
}

.contact01{
	width:700px;
		float:left;

}
#bx-pager{
	position:relative;
	top:-35px;
}
#bx-pager a{
	margin-right:10px;
}

.contact01-1 h3{
	width:700px;
	float:left;
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #ccc;
}

.contact01-1 iframe{
	float:left;
	margin-right:40px;
	margin-bottom:40px;
}

.contact01-1 p{
	width:180px;
	display:block;
	padding-left:25px;
	float:left;
	margin-bottom:10px;
	
}

.location2{
	background:url(../images/location2.png) no-repeat left top;
}

.tel2{
	background:url(../images/tel2.png) no-repeat left top;
}

.email2{
	background:url(../images/email2.png) no-repeat left top;
}

.fax2{
	background:url(../images/fax2.png) no-repeat left top;
}


.enquiry01{
	width:700px;
	float:left;
}

.enquiry01 h3{
	width:700px;
	float:left;
	color:#007cdc;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}

.enquiry01-1{
	width:330px;
	margin-top:40px;
	float:left;
}

.enquiry01-1 input{
	padding:4px 2px;
	float:left;
	border:1px solid #ccc;
	margin-bottom:20px;
	height:25px;
	width:300px;
}


.enquiry01-1 p{
	margin-bottom:20px;
	font-weight:bold;
	color:#878787;
}

.enquiry01-1 textarea{
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:4px 4px;
	width:300px;
	height:192px;
	resize:none;
}
.placeholder{
	color:#545454;
}

.enquiry01-2{
	width:330px;
	margin-top:40px;
	float:right;
}
.enquiry01-2 p{
	margin-bottom:20px;
	font-weight:bold;
	color:#878787;
}

.enquiry01-2 input{
	padding-top:4px;
	float:left;
	padding-left:4px;
	border:1px solid #ccc;
	margin-bottom:20px;
	height:28px;
	width:300px;
}

.enquiry01-2 textarea{
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:4px 4px;
	width:300px;
	height:192px;
	resize:none;
}

.enquiry01-3{
	
	margin-top:30px;
	width:700px;
	border-top:1px solid #ccc;
	padding-top:5px;
	font-size:12px;
}

.send{
	cursor:pointer;
	margin-right:10px;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	width:103px;
	height:33px;
	border:1px solid #ccc;
	background-color:#007CDC;
}
