/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/

abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,strike,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
}
/*Avoid editor bug #####Please don't place color and any font style in here.'###### */
strong, em, span, font, sub, sup, a{
	border: 0;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
	/*
    font-size:inherit;
    color:inherit;
	*/
}
input, select, option, textarea{
	padding:0;
	margin:0;
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
/* remove webkit default input type number, date UI buttons */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
/* remove webkit default input[type=search] background */
input[type=search]{
	-webkit-appearance: none;
}
html, body {
	height: 100%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
html{ overflow-y:scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	/*
	Override the default (display: inline) for
	browsers that do not recognize HTML5 tags.

	IE8 (and lower) requires a shiv:
	http://html5shim.googlecode.com/svn/trunk/html5.js
	*/
	display: block;
}
address,optgroup{
	/* Reset default Italic style */
	font-style:normal;
}
b,strong {
	/*
	Makes browsers agree.
	IE, Opera -> font-weight: bold.
	Gecko, WebKit -> font-weight: bolder.
	*/
	font-weight: bold;
}
img {
	font-size: 0;
	vertical-align: middle;
	border: 0px;
	/*
	For IE.
	http://css-tricks.com/ie-fix-bicubic-scaling-for-images
	*/
	-ms-interpolation-mode: bicubic;
}
li {
	/* For IE6 + IE7. */
	display: list-item;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,td,caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
svg {
	/* For IE9 beta. */
	overflow: hidden;
}

.png { behavior:url(css/iepngfix.htc); }
table.setborder, table.setborder td, table.setborder th { border-collapse:collapse; border:solid #CCCCCC 1px; }
a, a:link, a:active, a:visited { color:#000;  text-decoration:none; }
a:hover { color:#666;  text-decoration:none;  }
.preload { display:none; line-height:0px; font-size:0px; margin:0px; padding:0px; }
.clear_class { float:none; clear:both; font-size:0px; line-height:0px; margin:0px; padding:0px; }
.cols-wrapper:after, .section:after, .clearfix:after { content: "."; display:block; height:0px; clear:both; visibility:hidden; }
.cols-wrapper, .section, .clearfix { zoom:1 \9; display:block; }
.pic_only { line-height:0px; font-size:0px; }
.warning_msg { color:#FF0000; }
#pg { float:right; display:inline; padding-top:10px; }
#pg a, #pg strong, #pg em { float:left; display:inline; margin-right:5px; color:#000000; font-weight:bold; font-style:normal; font-size:11px; width:25px; height:22px; text-align:center; line-height:22px; text-decoration:none; }
#pg a:hover { color:#ffffff; }
#pg strong {color:#FFFFFF; }
#pg a.pg-pageselector { color:#ffffff; width:71px; }
.thumbnail, .thumbnail li {  float:left; _display:inline; }
.thumbnail { list-style:none; }
.thumbnail img { float:left; border:solid 1px #CCC; }

/* Site */
body{
	background:#fff;
	font-size:15px;
	color:#000;
}
hr{
	margin:10px 0;
}
.contentInner{
	padding:22px;
}
.title, .title h1{
	height:36px;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
	padding:7px 0 18px;
	position:relative;
}
.title h1, .title h2{
	display:inline;
}
.title h1{
	*margin-right:10px;
}
.sc .title img{
	display:inline-block;
	margin-bottom:-3px;
	vertical-align:baseline;
}
.sc .title{
	font-family:Simhei, Arial, Verdana, Helvetica, sans-serif;
}
.title h2, #content .title h2{
	font-style:normal;
	font-size:12px;
}
.title img{
	display:inline-block;
	vertical-align:baseline;
}
#content a.topButton{
	color:#fff; /* ie6 */
}
.topButton, a.topButton{
	width:56px;
	padding-top:22px;
	height:21px;
	display:block;
	position:absolute;
	top:0;
	right:3px;
	color:#fff;
	text-align:center;
	clip:rect(0px,62px,47px,-2px);
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow:0px 0px 0px 1px #4768a2,0px 0px 0px 2px #13387f;
	border-top:0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1059bb', endColorstr='#133981'); /* IE9 */
	background: -webkit-gradient(linear, left top, left bottom, 
	                                    from(#1059bb),to(#133981));
	background: -webkit-linear-gradient(top, #1059bb, #133981);
	background:    -moz-linear-gradient(top, #1059bb, #133981);
	background:      -o-linear-gradient(top, #1059bb, #133981);
	background:     -ms-linear-gradient(top, #1059bb, #133981);
	background:         linear-gradient(top, #1059bb, #133981);
}
.no-boxshadow .topButton, .no-boxshadow a.topButton{
	/* IE lte 8 */
	filter:none;
	background:url('../images/general/top_button.png');
	width:60px;
	height:23px;
}
.highlight{
	background:#ffdb33;
	text-decoration:underline;
}
#content .title .back{
	position:absolute;
	bottom:0;
	right:0;
	padding-left:9px;
	width:60px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#fff;
	font-weight:normal;
	background:url('../images/general/right_button.jpg') bottom right no-repeat;
}
.pager{
	clear:both;
	float:right;
	margin-bottom:10px;
}
.pager strong,.pager a,.pager span{
	float:left;
	margin:0 3px;
}
.pager strong, .pager a, .pager span.pagerPrevNext{
	text-align:center;
	display:block;
	width:18px;
	height:18px;
	line-height:18px;
	float:left;
}
.pager strong,.pager a:hover{
	background:#705100;
	color:#fff;
	font-weight:normal;
}
.pager a.pagerPrevNext, .pager span.pagerPrevNext{
	margin-right:3px;
}
.pager a.pagerPrevNext:hover{
	background:none;
}
.section{
	margin-bottom:30px;
}

/* Common */
#headerWrapper{
	width:100%;
	height:149px;
	position:relative;
	margin-bottom:3px;
	z-index:12; /* IE7 */
}
#headerLine{
	width:100%;
	height:5px;
	position:absolute;
	bottom:0;
	background: #8699bd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcfd', endColorstr='#8699bd');
	background: -webkit-gradient(linear, left top, left bottom, 
	                                    from(#fbfcfd),to(#8699bd));
	background: -webkit-linear-gradient(top, #fbfcfd, #8699bd);
	background:    -moz-linear-gradient(top, #fbfcfd, #8699bd);
	background:      -o-linear-gradient(top, #fbfcfd, #8699bd);
	background:     -ms-linear-gradient(top, #fbfcfd, #8699bd);
	background:         linear-gradient(top, #fbfcfd, #8699bd);
}
#header{
	width:962px;
	margin:0 auto;
	height:149px;
	position:relative;
	z-index:11; /* IE7 */
}
#wrapper{
	width:962px;
	margin:0 auto 40px;
	background:#fff;
}
#logo ,#headerTitle{
	float:left;
}
#headerTitle{
	margin-left:10px;
}
#languageList{
	float:right;
	margin-right:3px;
}
#languageList li{
	list-style:none;
	display:block;
	float:left;
	width:80px;
	height:27px;
	margin-left:5px;
}
#languageList li a{
	font-size:11px;
	position:relative;
	width:80px;
	padding-top:7px;
	height:18px;
	display:block;
	top:0;
	right:0;
	color:#fff;
	text-align:center;
	clip:rect(0px,62px,47px,-2px);
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow:0px 0px 0px 1px #4768a2,0px 0px 0px 2px #13387f;
	border-top:0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1059bb', endColorstr='#133981'); /* IE9 */
	background: -webkit-gradient(linear, left top, left bottom, 
	                                    from(#1059bb),to(#133981));
	background: -webkit-linear-gradient(top, #1059bb, #133981);
	background:    -moz-linear-gradient(top, #1059bb, #133981);
	background:      -o-linear-gradient(top, #1059bb, #133981);
	background:     -ms-linear-gradient(top, #1059bb, #133981);
	background:         linear-gradient(top, #1059bb, #133981);
}
#languageList li a.current, #languageList li a:hover{
	color:#adc7e8;
	box-shadow:0px 0px 0px 1px #497dc4,0px 0px 0px 2px #123985;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#154fa3', endColorstr='#1873da'); /* IE9 */
	background: -webkit-gradient(linear, left top, left bottom, 
	                                    from(#154fa3),to(#1873da));
	background: -webkit-linear-gradient(top, #154fa3, #1873da);
	background:    -moz-linear-gradient(top, #154fa3, #1873da);
	background:      -o-linear-gradient(top, #154fa3, #1873da);
	background:     -ms-linear-gradient(top, #154fa3, #1873da);
	background:         linear-gradient(top, #154fa3, #1873da);
}
.no-boxshadow #languageList li a{
	/* IE lte 8 */
	filter:none;
	background:url('../images/general/language_buttons.png');
	background-position:-85px 0;
	width:84px;
	height:20px;
}
.no-boxshadow #languageList li a.current, .no-boxshadow #languageList li a:hover{
	background-position:0 0;
}

#navigationContainer{
	float:left;
}
#navigation{
	position:absolute;
	bottom:-3px;
	left:115px;
	z-index:10;
}
#content{
	width:962px;
	margin:0 auto;
	clear:both;
	position:relative;
}
#content h2{
	font-size:16px;
}
#banner{
	width:956px;
	height:110px;
	margin:0 auto;
	padding:0 3px;
	background:#fff;
}
#banner img{
	width:956px;
	height:110px;
}
#bannerBottom{
	height:21px;
	width:100%;
	margin-top:3px;
	background:url('../images/general/sep_inset_background.png') top repeat-x;
	padding-bottom:3px;
	border-bottom:1px #13387f solid;
}

#footer{
	width:100%;
	clear:both;
	padding:15px 0;
	position:absolute;
}
#footerLine{
	width:100%;
	height:5px;
	position:absolute;
	top:0;
	left:0; /* IE 7 */
	background: #8699bd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8699bd', endColorstr='#fbfcfd');
	background: -webkit-gradient(linear, left top, left bottom, 
	                                    from(#8699bd),to(#fbfcfd));
	background: -webkit-linear-gradient(top, #8699bd, #fbfcfd);
	background:    -moz-linear-gradient(top, #8699bd, #fbfcfd);
	background:      -o-linear-gradient(top, #8699bd, #fbfcfd);
	background:     -ms-linear-gradient(top, #8699bd, #fbfcfd);
	background:         linear-gradient(top, #8699bd, #fbfcfd);
}
#copyright{
	width:962px;
	margin:0 auto;
}
#copyright,#copyright a{
	color:#707070;
	font-size:11px;
	text-align:right;
}
#poweredBy, #poweredBy a{
	color:#e4e4e4;
}

#content #articleContent section{
	margin-bottom:30px;
}
#content #articleContent h2{
	color: #13387F;
	font-weight: bold;
	border-bottom:1px #ccc solid;
	margin-bottom:10px;
	padding-bottom:10px;
	width:100%;
}

/* Home */
#content.home{
	margin-bottom:20px;
}
#bannerContainer{
	width:100%;
	margin:0 auto;
	background:#999 url('../images/general/ie_background.png') left top repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9b9b9', endColorstr='#efefef');
	background: -webkit-gradient(linear, left top, left bottom, 
	                                    from(#b9b9b9),to(#efefef));
	background: -webkit-linear-gradient(top, #b9b9b9, #efefef);
	background:    -moz-linear-gradient(top, #b9b9b9, #efefef);
	background:      -o-linear-gradient(top, #b9b9b9, #efefef);
	background:     -ms-linear-gradient(top, #b9b9b9, #efefef);
	background:         linear-gradient(top, #b9b9b9, #efefef);
}
#homeBanner{
	width:956px;
	height:346px;
	position:relative;
	margin:0 auto;
	padding:0 3px;
	background:#fff;
}
#homeBanner img{
	width:956px;
	height:346px;
}
#homeAboutContainer{
	float:left;
	width:440px;
	position:relative;
}
#homeProductContainer{
	float:right;
	width:480px;
}
#hotProductListContainer{
    height: 180px;
    overflow: hidden;
}
#product-prev{
	float:left;
	margin-top:20px;
}
#product-next{
	float:right;
	margin-top:20px;
}
#hotProductList {
    margin:20px auto;
    overflow: hidden;
    width:415px;
}
#hotProductList li {
    float: left;
    list-style:none;
    margin:0 8px;
	text-align:center;
	width:125px;
}
#hotProductList li.last-child{
	margin-right:0;
}
#hotProductList li p{
	margin-top:10px;
}

/* About */
#content.about{
	background:url('../images/about/background.jpg') top right no-repeat;
	margin-bottom:20px;
}
#content.about #articleContent{
	width:600px;
}

/* About */
#content.product{
	background:url('../images/product/background.jpg') bottom center no-repeat;
	height:448px;
	position:relative;
}
#content.product #articleContent{
	width:100%;
}

/* Product */
#productPriceDataContainer{
	width:635px;
	float:right;
}
#productTypeSection2List{
	margin:0 auto;
	width:757px;
}
#productTypeSection2List li{
	float:left;
	margin-right:70px;
	list-style:none;
	width:190px;
}
#productTypeSection2List li.last-child{
	margin-right:0;
}
#productTypeSection2List li p{
	margin-top:-30px;
	text-align:center;
	font-weight:bold;
}
#productLinks{
	position:absolute;
	display:block;
	bottom:160px;
	left:50%;
	margin-left:-205px;
	width:410px;
}
#productLinks li{
	list-style:none;
	display:block;
	float:left;
	width:184px;
	margin-right:36px;
}
#productLinks li.child2{
	margin-right:0;
}
#productLinks li.child2 a{
	padding-top:10px;
	height:48px;
}
.no-boxshadow #productLinks li a{
	padding-top:22px;
	height:44px;
}
.no-boxshadow #productLinks li.child2 a{
	padding-top:14px;
	height:52px;
}
.sc #productLinks li a{
	font-family:Simhei, Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
}
#productLinks li a{
	padding-top:18px;
	height:40px;
	font-size:14px;
	position:relative;
	width:184px;
	display:block;
	top:0;
	right:0;
	color:#fff;
	text-align:center;
	clip:rect(0px,62px,47px,-2px);
	border-radius: 3px;
	box-shadow:0px 0px 0px 1px #4768a2,0px 0px 0px 2px #13387f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1059bb', endColorstr='#133981'); /* IE9 */
	background: -webkit-gradient(linear, left top, left bottom, 
	                                    from(#1059bb),to(#133981));
	background: -webkit-linear-gradient(top, #1059bb, #133981);
	background:    -moz-linear-gradient(top, #1059bb, #133981);
	background:      -o-linear-gradient(top, #1059bb, #133981);
	background:     -ms-linear-gradient(top, #1059bb, #133981);
	background:         linear-gradient(top, #1059bb, #133981);
}
.no-boxshadow #productLinks li a{
	/* IE lte 8 */
	filter:none;
	background:url('../images/product/button.jpg');
	width:191px;
}
.no-boxshadow #productLinks{
	width:430px;
}

/* Quality */
#qualitySection1{
	float:left;
	width:630px;
}
#qualitySection2{
	float:right;
	width:660px;
}
#qualityList1, #qualirtList2, #qualirtList3{
	margin:0;
}
#qualityList1 li, #qualirtList2 li, #qualirtList3 li{
	list-style:none;
}
#qualityList1 img{
	margin-right:10px;
}
#qualirtList2 li{
	float:left;
	width:260px;
	margin-right:20px;
}
#qualirtList2 li p{
	text-align:center;
}
#qualirtList3{
	margin-top:-10px;
}
#qualirtList3 li{
	width:49%;
	float:left;
	padding:3px 0;
	border-bottom:1px solid #ccc;
}

.rightFigure{
	float:right;
}
.leftFigure{
	float:left;
}

/* Process */
#articleContent .processList{
	margin:0;
}
.processList li{
	float:left;
	list-style:none;
	padding-right:32px;
	margin-right:2px;
	background:url('../images/process/arrow.jpg') right 40px no-repeat;
}
.processList li.last-child{
	padding-right:0;
	background:none;

}
.processList li p{
	text-align:center;
}

/* Recruitment */
#recruitments .recruitmentList{
	clear:both;
	margin:0;
}
.titleRight{
	color:#13387f;
	font-size:14px;
	float:right;
	font-weight:normal;
}
#recruitForm{

}
#recruitForm fieldset{
	margin-bottom:30px;
}
#recruitForm legend{
	border-bottom: 1px solid #ccc;
	font-size:14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 100%;
}
/* https://bugs.webkit.org/show_bug.cgi?id=35981 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#recruitForm legend + * {
		-webkit-margin-top-collapse : separate;
		margin-top:10px;
	}
}
.fieldList li{
	list-style:none;
	height:22px;
	margin-bottom:5px;
}
#recruitForm label, #recruitFormLeft .label{
	font-size:14px;
}
#recruitFormLeft label, #recruitFormLeft .label{
	width:185px;
	display:block;
	float:left;
}
#recruitFormLeft input{
	border: 1px solid #878787;
	height: 20px;
	width: 180px;
	padding:0 5px;
}
#recruitFormLeft .input{
	display: block;
	float: left;
	width: 195px;
}
#recruitFormLeft .input input{
	border:0;
	height:auto;
	width:auto;
	padding:0;
}
#recruitFormLeft .input label{
	width:auto;
	display:inline;
	float:none;
}
#recruitFormLeft{
	float:left;
	width:400px;
}
#recruitFormRight{
	float:right;
	width:515px;
}
#recruitFormRight textarea{
	width:495px;
	height:160px;
	border: 1px solid #878787;
	margin-top:10px;
}
#recruitFormRight .compulsory{
	float:right;
	margin-top:30px;
	*margin-top:15px;
}
#recruitForm #submitButtons{
	clear:both;
	float:right;
	*width:200px;
	*margin-top:60px;
}
#recruitForm #submitButtons .contactButton{
}

.recruitmentList li{
	float:left;
	list-style:none;
	width:470px;
	height:100%;
	border:1px #d3d3d3 solid;
	padding:1px;
	margin-bottom:15px;
}
.recruitmentList li.child-even{
	float:right;
}
.recruitmentList li .inner{
	background:#f2f2f2;
	padding:12px 15px;
	height:100%;
}
.recruitmentList li .header{
	border-bottom:1px #d3d3d3 solid;
	margin-bottom:10px;
	padding-bottom:10px;
}
.recruitmentList li .header h1, .recruitmentList li .header time{
	display:inline;
	font-size:15px;
}
.recruitmentList li .header h1{
	color:#133781
}
.recruitmentList li .header time{
	float:right;
}

/* Contact */
#content.contact{
	padding-bottom:30px;
}
#articleContent.contact{
	width:455px;
	float:left;
}
#contactForm{
	float:right;
	width:460px;
	min-height:310px;
	height:auto !important;
	height:310px;
	border:1px #fff solid;
}
#contactTable{
	width:100%;
}
#contactTable *{
	font-size:13px;
}
#contactTableHeading{
	font-size:15px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
	display:block;
	width:100%;
}
#contactTable td{
	padding-bottom:8px;
}
#complusoryInfomation, .compulsory{
	color:#123883;
}
.contactTextbox {
	border:solid 1px #000;
	width:233px;
	height:20px;
}
.contactTextarea {
	border:solid 1px #000;
	width:233px;
	height:80px;
	float:left;
}
.contactButton{
	border:0;
	cursor:pointer;
	font-weight:bold;
	width:82px;
	height:23px;
	font-size:14px;
	margin-right:10px;
	top:0;
	right:0;
	color:#fff;
	text-align:center;
	border-radius: 3px;
	box-shadow:0px 0px 0px 1px #4768a2,0px 0px 0px 2px #13387f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1059bb', endColorstr='#133981'); /* IE9 */
	background: -webkit-gradient(linear, left top, left bottom, 
	                                    from(#1059bb),to(#133981));
	background: -webkit-linear-gradient(top, #1059bb, #133981);
	background:    -moz-linear-gradient(top, #1059bb, #133981);
	background:      -o-linear-gradient(top, #1059bb, #133981);
	background:     -ms-linear-gradient(top, #1059bb, #133981);
	background:         linear-gradient(top, #1059bb, #133981);
}
.no-boxshadow .contactButton{
	/* IE lte 8 */
	filter:none;
	background:url('../images/general/submit_button.png');
	width:86px;
	height:27px;
}

/* Data table */
.dataTable{
	width:100%;
}
.dataTable .obliqueLine{
	background-image:url('../images/general/table_oblique_line.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	width:150px;
	height:36px;
	padding:10px 20px 0;
}
.dataTable .obliqueLine .right{
	text-align:right;
	color:#fff;
	margin-top:-10px;
}
.dataTable .obliqueLine .left{
	text-align:left;
	color:#fff;
	margin-top:0px;
}
.dataTable td, .dataTable th{
	font-size:15px;
	text-align:center;
	padding:10px 20px;
	vertical-align:middle;
}
.dataTable tbody tr{
	border-bottom:1px #000 dotted;
}
.dataTable tbody td, .dataTable tbody th{
	*border-bottom:1px #000 dotted;
}
.dataTable th{
	font-weight:bold;
}
.dataTable thead th{
	background:#13387f;
	color:#fff;
}
.dataTable .leftHeading{
	background:#dee9ff;
}