/* CSS format 
***************************************************/
body 	{ margin: 0px; padding: 0px; font-size: 12px; font-family: Arial, "宋体"; color: #333;} 
form 	{ margin: 0px; padding: 0px; } 
h2 		{ margin: 0px; padding: 0px; font-size: 14px; } 
p		{ margin: 0px; padding: 0px; }
ul, li, dl, dd, dt { margin: 0px; padding: 0px; list-style: none; } 
img 	{ border: 0px none; } 
.fB 	{ font-weight: bold; } 
.fI 	{ font-style: italic; } 
.f12px 	{ font-size: 12px; } 
.f14px 	{ font-size: 14px; } 
.f16px 	{ font-size: 16px; } 
.cBlue, a.cBlue { color: #FF6F15; } 
.cRed, a.cRed	{ color: #f30; } 
.cYellow, a.cYellow {color:#ff9900; }
a 		{ color: #1b6c7f; text-decoration: none; } 
a:hover { text-decoration: underline; } 
.online a 		{ text-decoration:underline; }
.online a:hover	{ text-decoration:none; }
.clear	{ overflow: hidden; clear: both; font-size: 1px; height: 1px; visibility: hidden; width: 100%; margin-top: -1px; } 
.L		{ float:left; }
.R		{ float:right; }

/* CSS Layout 
***************************************************/
#masthead, #container, #footer {
	width: 750px;
	margin: auto;
	padding:0px 14px;
	overflow: hidden;
}
#masthead{
}

#container {
	background: url('../images/bg_2c590px.gif') repeat-y 14px;
	margin: 17px auto 15px;
}

#left_col {
	width: 185px;
	float: left;
	overflow: hidden
}

#page_content {
	width: 533px;
	float: right;
	overflow: hidden;
}

#footer {
	width: 100%;
	border-top: 1px solid #e5e0dc;
	background: #f1f1f1;
	padding:14px 0px 40px;
}

/* CSS Styles 
***************************************************/
body{
	background: #fff url('../images/top_01.jpg') no-repeat center top;
}
h2.title{
	line-height: 25px;
	color: #c20404;
	border-bottom: 1px solid #e5e0dc;
	margin-bottom:8px;
	overflow:hidden;
}
#masthead{
	color: #fff;
	height: 166px;
}
#masthead a{
	color: #fff;
}
#top_nav{
	text-align: right;
	padding-top: 27px;
	height: 108px;
	overflow: hidden;
}
#top_nav img{
	vertical-align: middle;
	margin-right: 9px;
	margin-left: 20px;
}
#menu {
	clear: both;
	float: right;
	margin-top:  8px;
}
#menu li{
	float:left;
	background: url('../images/top_02.gif') no-repeat right center!important;
	background: url('../images/top_02.gif') no-repeat right 0px;
	padding-left: 32px;
	padding-right: 16px;
	font-size: 13px;
	font-weight: 700;
	margin-right:-15px;
}
#menu li a.sel{
	color: #a0d200;
}
#product_nav {
	margin-bottom: 30px;
}
#product_nav li{
	background: url('../images/ico_01.gif') no-repeat 9px 4px;
	padding-left:22px;
	margin-bottom:3px;
}
#product_nav li a.sel{
	color:#333;
}
#page_content h2.title span.R{
	font-size:12px;
	font-weight:300;
	color:#333;
}
#page_content .content{
	line-height:22px;
	font-size:14px;
	padding-top:10px;
}
#page_content p{
	margin-top:10px;
}
form#freedback span{
	display:block;
	float:left;
	width:70px;
	clear:left;
	margin-top:10px;
}
form#freedback{
	padding-left:15px;
}
form#freedback font{
	display:block;
	float:left;
	margin-top:10px;
}
form#freedback input.box, form#freedback textarea.box {
	background:url('../images/bg_input.gif') repeat-x;
	border:1px solid #7f9db9;
	float:left;
	margin-right:10px;
	margin-top:10px;
}
form#freedback input.btn, form#freedback textarea.btn {
	float:left;
	margin-top:10px;
}
#footer ul{
	width:750px;
	margin:auto;
	text-align:center;
	line-height:20px;
}
#footer span{
	padding:0px 7px;
}

/* Following the CSS  against homepage */
#homepage #container{
	background:none;
}
#homepage #page_content{
	width:552px;
	line-height:18px;
}
#about_company {
	border:6px solid #6c7848;
	padding:15px 9px;
	margin-bottom:10px;
}
#about_company h2{
	color:#bf0604;
	margin-bottom:5px;
}
#recommend_product{
	border:6px solid #4094b0;
	border-top-width:0px;
	background:#f7fbfc;
}
#recommend_product h2{
	background:#4094b0;
	line-height:25px;
	color:#fff;
	padding:0 10px;
}
#recommend_product ul{
	width:520px;
	margin:auto;
	overflow:hidden;
}
#recommend_product li{
	width:100%;
	background:url('../images/line_x3.gif') repeat-x left top;
	padding:8px 0px;
	margin-top:-1px;
	float:left;
}
#recommend_product dl{
	width:230px;
	padding:15px;
	float:left;
	background:url('../images/line_y3.gif') repeat-y left top;
	margin-left:-1px;
}
#recommend_product dt{
	float:left;
	border:1px solid #d0d9d8;
	width:113px;
	height:85px;
	overflow:hidden;
	margin-right:10px;
}

/* Following the CSS  against productlist */
#productlist{
	border:1px solid #f1f1f1;
}
#productlist ul{
	width:520px;
	margin:auto;
	overflow:hidden;
}
#productlist li{
	width:100%;
	background:url('../images/line_x3a.gif') repeat-x left top;
	padding:8px 0px;
	margin-top:-1px;
	float:left;
}
#productlist dl{
	width:230px;
	padding:15px;
	float:left;
	background:url('../images/line_y3a.gif') repeat-y left top;
	margin-left:-1px;
	line-height:18px;
	font-size:12px;
}
#productlist dt{
	float:left;
	border:1px solid #d0d9d8;
	width:113px;
	height:85px;
	overflow:hidden;
	margin-right:10px;
}
#pagechange{
	text-align:center;
	padding:10px 0px 20px;
	font-size:12px;
}

/* CSS #productcontent */
#productcontent{
	font-size:12px;
	line-height:150%;
}
#productcontent table{
	border-collapse:collapse;
}
#productcontent td, #productcontent th{
	border:1px solid #e1e1e1;
	padding:2px 8px;
}
#productcontent .box_b h2{
	font-size:12px;
	color:#9f5e00;
	margin-top:15px;
	margin-bottom:10px;
	background:#f8f8f8;
	padding-left:5px;
}
#productcontent .pro{
	border:1px solid #d5dddc;
	float:left;
	display:block;
	margin-right:12px;
}