@charset "utf-8";
/* design by fen www.fenth.com */
*{ margin:0; padding:0}
body{ text-align:center; font:12px/18px Verdana, Arial, Helvetica, sans-serif; background:url(images/bgtop.png) #FAF7F1 repeat-x top; color:#5A5241}
ul{ list-style:none}
img{ border:none}
input,img{ vertical-align:middle}
a{ text-decoration:none; color:#630}
a:hover{ text-decoration:underline; color:#c60}
p{ margin-bottom:15px}

.important{  float:left; margin-top:-50px;}
/* Clear Fix */

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */



#wrapper{ text-align:left; width:800px; margin:0 auto}
#LeftSideColumn{ width:251px; float:left; z-index:2; margin-bottom:-50px; position:relative}
#wrap{ float:right; width:540px}

/* left side colunmn */
.logo{ margin:15px auto}
.leftbar{background-color:#FFFDF4; border:1px solid #CDC6A7; padding:12px}
.container{ margin-bottom:10px}
.container .title{height:30px; background:url(images/titleBg.gif); font:bold 14px/30px Georgia, "Times New Roman", Times, serif; color:#fff; margin-bottom:10px}
.container .title span{ background:url(images/dot.gif) no-repeat 10px; padding-left:30px}
.prolist{}
.prolist li{ padding:8px 5px 8px 30px; border-bottom:1px dashed #ccc;  background:url(images/arrow.gif) no-repeat 10px}
* html .prolist li{ height:18px}
.prolist a{font-weight:bold}
.equi{ text-align:center}
.equi a img{ margin:27px auto; padding:5px; border:1px solid #CDC6A7; background-color:#fff}
.equi a:hover img{border:1px solid #c60; background-color:#F2EBDB}
/* head */
#header{}
.search{ width:341px; height:36px; background:url(images/searchBg.gif); float:right}
.search .keywords{ border:1px solid #c30; background:url(images/inputBg.gif);padding:2px 5px; color:#999; height:16px}
.search form{ float:left; margin:4px 0 0 25px; display:inline; border:1px solid #422120; height:22px; overflow:hidden}
*+html .search input{top:-1px; position:relative}
*html .search input{top:-1px; position:relative}
.search .submenu{ background:url(images/line.gif) no-repeat left; float:left; margin:8px 0 0 15px; display:inline; padding-left:15px}
.submenu a{ color:#c30}

.banner{ height:143px;clear:both}

.nav{ line-height:30px}
.nav li{ display:inline; padding:6px 2px}
.nav a{ font-weight:bold}
.nav a:hover{text-decoration:none}

#maincontent{ margin-top:10px}
#maincontent .title{ background:url(images/titlelinebg.gif); overflow:auto; height:1%; margin:20px auto}
#maincontent .title span{ float:left;  padding:0 20px 0 30px; background:url(images/quan.gif) #FAF7F1 no-repeat 10px; font: bold 20px Georgia, "Times New Roman", Times, serif; color:#630}
#maincontent .title a{ float:right; background-color:#FAF7F1; margin-right:30px; display:inline; line-height:24px; padding:0 8px; font-weight:bold}
#maincontent .container{}
#maincontent .container img{ float:left; padding:4px; border:1px solid #ccc; margin-right:10px}

.pro{ float:left; text-align:center}
.pro img{ display:block}
/* footer */
#footer{ height:88px; background-color:#D7D0BB; clear:both}
.footinfo{ width:525px; padding-left:275px; text-align:left; margin:0 auto; color:#A79869; line-height:16px; padding-top:15px; font-size:11px}

/*page of products*/
.productslist{ padding:5px; border:1px solid #CDC6A7; float:left; margin:11px; display:inline}
#maincontent .container .productslist img{ float:none; margin:0;border:none; padding:0}
.productslist .proname{ background-color:#996600; color:#fff; padding:0 5px; text-align:center}
.proname a{ color:#fff}
.proname a:hover{ color: #FF9900}
.on{ border:1px solid #833D3D; background-color:#F2EBDB}
.chanshu td{ padding:5px}
#maincontent .container .img img{ margin:0}

.manu {PADDING: 3px; margin:40px 8px 0 8px}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
/* page of feedback */
.feedback{ margin-left:20px}
.feedback span{ padding:10px 0 20px 0; display:block}
.feedbackline{ float:left; margin:5px 0}
label{ display:block; width:80px; float:left; text-align:right; padding-right:10px}
.feedbackline input{ float:left}
.feedback .btn{ padding-left:90px}