body { margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; background:#fef7dc}

.fl { float:left}
.fr { float:right}
.clear { clear:both}

a { color:#ff6600; text-decoration:none}
a:hover { text-decoration:underline}

from, ul, li, h1, h2, h3, h4 { margin:0; padding:0}
ul, li { list-style:none}
.in { padding:0 7px 0 7px}
.in2 { padding:10px}
.line { height:3px; border-bottom:1px solid #c8c8c8}
.pad5 { clear:both; padding-top:5px}
.line_dot { background:url(../images/bg/bg_line_dot.gif) repeat-x left center; height:10px; width:auto; clear:both}
.pad_line3 { padding:7px 0px 7px 0px; clear:both}

.more2, .more2 a { text-align:right; font-weight:bold; color:#526584; text-decoration:none; padding-right:5px; padding-top:10px}
.more2 a:hover { color:#000}

img { border:0}

.inp1 { width:120px}
.inp2 { width:150px}
.inp3 { width:300px}
.inp4 { width:500px}
.inp5 { width:600px; height:200px}
.inp6 { width:400px; height:200px}
.in02 { width:50px}
.bnt1 { background:#eeeeee; border:1px solid #cccccc}

.top_l { background:url(../images/bg/bg_top_video.gif) no-repeat bottom left; height:5px; width:auto}
.middle_l { background:url(../images/bg/bg_middle_video.gif) repeat-y left; width:197px;}
.bottom_l { background:url(../images/bg/bg_bottom_video.gif) no-repeat top left; height:5px; width:auto}

.top_r2 { background:url(../images/bg/bg_top_r1.gif) no-repeat bottom left; height:32px; width:auto; margin-top:5px}
.middle_r2 { background:url(../images/bg/bg_middle_r1.gif) repeat-y left; width:192px;}
.bottom_r2 { background:url(../images/bg/bg_bottom_r1.gif) no-repeat top left; height:5px; width:auto}

.top_b2 { background:url(../images/bg/bg_top_tab_b2.gif) no-repeat bottom left; height:31px; width:auto}
.middle_b2 { background:url(../images/bg/bg_middle_tab_b2.gif) repeat-y left; width:945px;}
.bottom_b2 { background:url(../images/bg/bg_bottom_tab_b2.gif) no-repeat top left; height:5px; width:auto}

.top_b2_in { background:url(../images/bg/bg_top_tab_b2_in.gif) no-repeat bottom left; height:31px; width:auto}
.middle_b2_in { background:url(../images/bg/bg_middle_tab_b2_in.gif) repeat-y left; width:922px;}
.bottom_b2_in { background:url(../images/bg/bg_bottom_tab_b2_in.gif) no-repeat top left; height:5px; width:auto}

.top_b4 { background:url(../images/bg/bg_top_tab_b3.gif) no-repeat bottom left; height:31px; width:auto; margin-top:5px}
.middle_b4 { background:url(../images/bg/bg_middle_tab_b3.gif) repeat-y left; width:742px; padding-left:2px}
.bottom_b4 { background:url(../images/bg/bg_bottom_tab_b3.gif) no-repeat top left; height:5px; width:auto}

.top_l { background:url(../images/bg/bg_top_video.gif) no-repeat bottom left; height:5px; width:auto}
.middle_l { background:url(../images/bg/bg_middle_video.gif) repeat-y left; width:197px;}
.bottom_l { background:url(../images/bg/bg_bottom_video.gif) no-repeat top left; height:5px; width:auto}

/* title */

h4 { font-size:12px; font-weight:bold}
h4.key { background:url(../images/ico/ico_key.gif) no-repeat left; padding:5px 10px 5px 0px; float:left; width:80px}
h4.tv { background:url(../images/ico/ico_tv.gif) no-repeat left; padding:0px 0 5px 35px; margin-bottom:5px; color:#ff6600}
h4.title { margin-bottom:5px; color:#ff6600}

h1 { font-size:12px; font-weight:bold}
h1.title_b1 { color:#f95c89; background:url(../images/ico/ico_title_pink.gif) no-repeat left 8px; padding:10px 5px 8px 10px; margin:0px 0 0px 0; }
h1.title_b2 { color:#c73f2f; background:url(../images/ico/ico_title_red.gif) no-repeat left 8px; padding:10px 5px 8px 10px; margin:0px 0 0px 10px; }
h1.title_b4 { color:#303030; background:url(../images/ico/ico_cricle.gif) no-repeat left 8px; padding:7px 5px 8px 18px; margin:0px 0 0px 10px; }
h1.title_r2 { color:#f96602; background:url(../images/ico/ico_cricle.gif) no-repeat left 8px; padding:7px 5px 8px 18px; margin:0px 0 0px 10px; font-size:12px}

h1.titlenews { padding:10px; font-size:15px; font-weight:bold; color:#000000}
h1.title2{ padding:10px; font-size:15px; font-weight:bold; color:#aa0000}

/* layout */

#site { width:945px; margin:0 auto; background:#ffffff}

#banner_logo{ background: #fbf5de url(../images/bg/banner_logo.png) bottom no-repeat; width:100%;  height:110px;}

#logo { float:left; width:200px; padding-left:10px; padding-top:15px;}
#banner_qc { float:left; width: 500px; padding-top:5px;} 

#login { float:right; width:200px; text-align:right; padding-right:10px; padding-top:5px;}

#menu {  background:url(../images/bg/bg_menu.gif) repeat-x; width:100%; height:31px }
ul#menutop { width:auto}
ul#menutop li { float:left; display:block;}
ul#menutop li a { color:#333333; display:block;}
ul#menutop li a:hover { color:#ffffff; font-weight:bold; background:url(../images/bg/bg_menu_h.gif) repeat-x; text-decoration:none}
ul#menutop li span { background:url(../images/bg/bg_line_menu.gif) no-repeat left bottom;padding:9px 20px 7px 20px; display:block}

#search { background:url(../images/bg/bg_search.gif) repeat-x; height:90px; width:auto; margin-bottom:10px; position:relative}
#search div.se_ad { padding:5px 10px; color:#ffffff; line-height:20px; position:absolute; left:0px; top:0px}
#search div.hotline { float:right; padding-top:40px;}
#search a { color:#ffffff}

#left_col { float:left; width:200px; margin-right:10px}

ul#list_tv { padding:5px 0}
ul#list_tv li { background:url(../images/ico/ico_video.gif) no-repeat left; padding:5px 0 3px 25px}
ul#list_tv li a { color:#333333}
ul#list_tv li a:hover { color:#ff6600;}

#banner_top { float:left; width:530px;}

#right_col { float:right; width:195px; margin-left:0px}

#news { border:1px solid #dedfde; padding:5px 0 5px 0; margin:5px 0}
ul#list_news { padding:0px 0}
ul#list_news li { background:url(../images/ico/ico_dot.gif) no-repeat left 10px; padding:5px 0 3px 10px}
ul#list_news li a { color:#333333}
ul#list_news li a:hover { color:#ff6600;}

ul#newsmore { padding-left:30px}
ul#newsmore li { padding-top:10px}
ul#newsmore li a { color:#bb1d1f}

#body_1 { float:right; width:735px; margin:5px 0 5px 0}

.product_sale_display 
{ float:left;
width:135px;
margin-left:2px;
margin-right:2px;
text-align:center;
border-right:1px solid #e5e5e5*;
line-height:20px;
margin-top :10px;
height:200px;
}
.product_sale_display img{ width:133px; height:114px}

#product_sale { float:left; width:130px; text-align:center; border-right:1px solid #e5e5e5; line-height:20px; padding:5px; margin:5px 0 5px 0}
#product_sale img, #product_promotion img, #product_list img { width:133px; height:114px}


#product_promotion { float:left; width:145px; text-align:center; background:url(../images/bg/bg_line_ver.gif) repeat-y right top; line-height:20px; padding:5px; margin:5px 0 5px 0}
.name_pro a { color:#005599; font-weight:normal}
.price { color:#ff0000; font-size:13px}

#body_2 { float:left; width:745px}
#hot { float:left}
#product_list { float:left; width:145px; text-align:center; background:url(../images/bg/bg_line_ver.gif) repeat-y left top; line-height:20px; padding:5px; margin:5px 0 5px 0}
#product_hot { text-align:center; background:url(../images/bg/bg_line_dot.gif) repeat-x bottom; width:auto; padding:5px}
#product_hot img { width:120px}

#partner  { background:url(../images/bg/bg_footer.jpg) no-repeat; width:945px; height:53px}
#partner .list_partner { padding:10px; margin-left:100px}

#tab_in { border:1px solid #cccccc}
.bar { background:url(../images/bg/bg_bar_in.gif) repeat-x; height:32px}
.pad { padding:10px}

#detail_pro { float:left; width:500px}
#dec_pro { float:left; margin-left:10px; width:400px}

.bgcard { background:url(../images/bg/bg_card.gif) repeat-x bottom; height:85px; padding-top:10px}

#footer { border:1px solid #dedfde; padding:10px; margin:5px 0; text-align:center; height:25px;}
#footer a { color:#303030; padding:0 10px 0 10px}


DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #707070; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #909090 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #909090 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #909090 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #909090 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #707070; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}