/* CSS Document */
/* design by fen www.fenth.com */

body{ margin:0; padding:0; text-align:center; font:12px/18px Verdana, Arial, Helvetica, sans-serif; color:#666}
ul{ list-style:none; margin:0; padding:0}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.fontred{ color:#c30}
.fonttitle{ color:#fff; font:bold 14px Georgia, "Times New Roman", Times, serif}
img{ border:none}

#wrapper{ width:1003px; margin:0 auto; text-align:center; background:url(images/topbg.png) repeat-x 0 283px; text-align:left; position:relative}
.flash{ position:absolute; left:50px}
.wrap{ width:900px; margin:0 auto; background-color:#fff}


#nav{ float:left; margin:-37px auto auto 100px; display:inline;position:relative}
#nav ul li{ margin-right:-2px; float:left; background:url(images/navline.gif) no-repeat right}
#nav a{ font:bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; float:left; padding-left:5px}
#nav a span{ padding:8px 15px 10px 0; display:block}
#nav a:hover span{ background:url(images/navright.jpg) no-repeat right top;}
#nav a:hover{ background:url(images/navleft.jpg) no-repeat left top;color:#069; text-decoration:none}

.prolist ul{ padding:8px;overflow:hidden;height:1%}
.prolist ul li{ background:url(images/arrow1.gif) no-repeat 5px 5px}
.prolist ul li a{margin:0 0 10px 20px;display:block;color:#006699; font-weight:bold; font-family:Arial, Helvetica, sans-serif;font-size:14px}
.prolist li ul{line-height:1px;padding:0;border-top:1px dashed #ccc;}
.prolist li ul li{padding:5px 5px 5px 40px;background:url(images/arrow.gif) no-repeat 20px 8px;border-bottom:1px dashed #ccc;}
.prolist ul li ul li a{font-size:12px;margin:0;line-height:18px}
.prolist a:hover{ color:#f90}

.title{ position:relative}
.title img{ position:absolute;}
.title .line,.ptitle .line{ border-bottom:1px solid #ccc; font-size:18px;font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:24px 0 10px 130px; color:#197992}
.ptitle .line{ padding-left:0}

.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 
*/

.pro{ float:left; padding:6px; border:1px solid #ccc; background-color:#F8F8F8; margin:20px 8px 15px 0; display:inline;}
.pro table{ background-color:#000; border:1px solid #000}
.pro span{ display:block; padding:0px 3px; background:#069; text-align:center}
.pro a{ color:#fff; font-weight:bold}
.pro a:hover{ color:#fff}

.news li{ border-bottom:1px dashed #ccc; padding:5px 30px 5px 20px; background:url(/images/kuang.gif) no-repeat 5px; position:relative}
.news li span{ position:absolute; right:0}
.news a{ color:#006699;font-size:12px}
.news a:hover{color:#666}

.profile p:first-letter{ color:#c30}

#footer{padding:5px 30px 5px 20px; color:#B1B19A; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; font-size:12px}

/* page of feedback */
.feedback{ margin:30px auto; width:500px}
.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:94px}

.contact a{ color:#069}
.contact a:hover{ color:#c30}
h3{ font: bold 18px Georgia, "Times New Roman", Times, serif; color:#068}

.bigimgshow img{border:1px solid #efefef;padding:5px}

.navline {font-size:14px;color:#006699; font-weight: bold;}
.navline a{color:#006699}
.navline a:hover{color:#999}

/* page of products */
.manu {padding:15px 0 ; float:left; width:100%}
.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}