@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px}
a img{ border:none}
li{ list-style:none}
input,a,p,textarea,select{ font-family:Arial, Helvetica, sans-serif}
.padding_5px{ padding:5px}
.cursor_pointer{ cursor:pointer}
body{ background:black; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#8C8C8C;}
#wrap{ width:990px; margin:0 auto}
#footer{ width:990px; height:53px; background:url(/images/footer_bg.jpg) left top repeat-x; text-align:left; line-height:25px; clear:both}
#center{ width:990px; min-height:580px;_height:580px;clear:both}
#main{width:990px; margin-top:15px;background:url(/images/left_line.jpg)  left top repeat-y;}
#left{ width:176px;float:left;min-height:600px;_height:600px; }
#right{ width:814px; float:left; }
.clearline{ clear:both; height:1px; overflow:hidden; font-size:0pt;}
#shopping_cart{ height:29px;margin:0 auto; float:left; margin-left:170px;display:inline;}
#shopping_cart ul{ height:29px; margin-left:30px;}
#shopping_cart ul.shopping_cart_bg1{ background:url(/images/logo_reg1.jpg) left top no-repeat; width:455px; }
#shopping_cart ul.shopping_cart_bg2{ background:url(/images/logo_reg.jpg) left top no-repeat; width:500px; }

#shopping_cart ul li{ float:left; padding:0 7px; line-height:29px;}
#shopping_cart ul li select{ margin-top:3px; background-color:#000000; color:#FFFFFF}
#procate{ width:99%;_width:98%; float:left; margin-left:1px;overflow:hidden}
#procate li{ line-height:35px; border-bottom:1px solid #313131; text-align:left; height:35px;overflow:hidden}
#procate li a{ line-height:35px; text-align:left; display:block; width:176px;}
#procate li a span{ float:left;width:7px; height:7px;background:url(/images/list_icon.jpg) left top no-repeat; margin-top:13px; margin-left:10px; margin-right:2px; display:inline}
#procate li a:hover{ line-height:35px; text-align:left;display:block;width:176px;background:url(/images/bbggg.jpg)}
#procate li a.selected{ line-height:35px; text-align:left;display:block;width:176px;background:url(/images/bbggg.jpg); color:#c204a2}
#procate li.secprocate{ height:auto;}
#procate li.secprocate div{ height:35px; line-height:35px}
#procate li.secprocate a{ line-height:35px; text-align:left; padding-left:20px;display:block; width:156px; background:none}
#procate li.secprocate a:hover{ line-height:35px; text-align:left; padding-left:20px;display:block; background:url(/images/bbggg.jpg);width:156px;}
#procate li.secprocate a.sselected{ line-height:35px; text-align:left; padding-left:20px;display:block;background:url(images/bbggg.jpg);width:156px;}
#procate li.secprocate div{ height:30px; line-height:30px;}
.price_display{ display:none}
.line{ background:url(/images/line_bg.jpg) left top repeat-x; text-align:left}
.blank_10px{ height:10px;}
.blank_30px{ height:30px;}
.margin_right_20px{ margin-right:20px}
.page{height:27px; line-height:27px}
.page .current{ color:#AD057E; font-weight:bold; text-decoration:underline}
.float_right{ float:right}
.text_align_left{ text-align:left}
/*=======================================================================================*/
a{ text-decoration:none;color:#8C8C8C; font-family:Arial, Helvetica, sans-serif}
a:active,a:link,a:visited{color:#8C8C8C;text-decoration:none;}
a:hover{color:#c204a2;text-decoration:none;}
a.red:active,a.red:link,a.red:visited{color:red;text-decoration:none;}
a.red:hover{color:red;text-decoration:underline;}
/*================================================================================*/
#header{ height:93px; clear:both}
#header #logo{ float:left; width:186px; text-align:left;}
#header #logo img{ margin-left:20px; margin-top:10px}
#header #header_right{ float:right; height:93px; width:804px; background:url(/images/nav_bg.jpg) left bottom repeat-x;}
#header #header_right #nav{ height:33px;margin-top:31px; clear:both; width:100%}
#header #header_right #nav ul li{float:left; height:33px; line-height:33px;  background:url(/images/nav_icon.jpg) left center no-repeat; text-align:left; padding-left:10px; padding-right:30px; _display:inline}

#header #header_right #nav ul li.first{ background:url(/images/nav_left.jpg) left top no-repeat; height:33px; line-height:33px; padding-left:20px}
/*=================================================================================*/
.left_banner{ float:right; clear:both; margin-right:55px;_margin-right:28px;margin-bottom:30px}
#banner1{ margin-top:75px}
/*===================================================================================*/
#prolist_main{ width:792px; min-height:600px;_height:600px;margin-left:22px}
#prolist_title{height:30px; line-height:30px; text-align:left;width:100%;font-weight:bold; color:#505050}
#prolist_contain{ width:100%}
#prolist_contain .pro_box{ float:left; width:154px; margin-right:40px;_margin-right:32px}
#prolist_contain .pro_box .pro_img{ width:100%; height:150px; border:1px solid #2A2A2A; display:table-cell; vertical-align:middle;*display:block; *font-size:137px; *font-family:Arial; text-align:center}
#prolist_contain .pro_box .pro_img img{ vertical-align:middle}
#prolist_contain .pro_box .pro_name{line-height:20px; word-wrap:break-word;overflow:hidden}
#detail_left{ float:left;width:265px;}
#detail_img{ width:265px; height:265px; display:table-cell; vertical-align:middle; *font-size:240px; *font-family:Arial, Helvetica, sans-serif; line-height:265px;*display:block; text-align:center}
#detail_img img{ vertical-align:middle}
#detail_right{float:right; width:507px; text-align:left}
.detail_price{ padding-right:30px}
#detail_ProIntro{font-family:Arial;font-size:14px;min-height:80px;_height:80px}
.color_div{ width:15px; height:15px; margin-right:2px; margin-bottom:2px; float:left; text-align:center; display:inline; cursor:pointer}
.color_span{ width:11px; height:11px;border:1px solid black; margin-left:1px;*margin-left:0px; margin-top:1px; display:none}
.detail_button{ background:url(/images/button_bg.jpg) left top no-repeat; width:179px; height:34px; border:none; color:#FFFFFF}
#pro_detail{  text-align:left;}
/*===============================================================================*/
#intro_main{background:url(/images/content_line.jpg) left top repeat-y;min-height:600px;_height:600px}
#intro_header{ width:100%; background:url(/images/content_header01.jpg) left top no-repeat; text-align:left; height:151px; padding-top:1px;}
#intro_header div{ margin-top:25px; margin-left:20px;}
#intro_contain{ background:url(/images/content_header02.jpg) left top no-repeat; text-align:left}
#intro_contain_title{ height:30px; line-height:30px; text-align:left; border-bottom:1px dashed #BABABA; width:719px;margin-left:20px; font-weight:bold; color:#505050}
#intro_contain_contents{ line-height:25px;width:719px;margin-left:20px; margin-top:10px; }
/*================================================================================*/
#cart_main{ min-height:500px;_height:500px; background-color:#FFFFFF; margin-top:10px}
.cart_button{ height:21px;line-height:21px; padding:0px 5px; background:#303030; border:none; color:#FFFFFF}

/*=============================================================================*/
.f_hui{ color:#8C8C8C}
.f_505050{color:#505050}
.f_danhui{ color:#ACACAC}
.b{ font-weight:bold}
.f_14px{ font-size:14px;}
.f_16px{ font-size:16px;}
.bottom_dashed{ border-bottom:1px dashed #ccc; width:100%}
.botton_line{ background:url(images/border_line.jpg) repeat-x; height:1px}
.f_red{ color:red;}
.b{ font-weight:bold}
.line_height_25{ line-height:25px;}
.text_align_left{ text-align:left}
.padding_left_5px{ padding-left:5px;}
.f_white{ color:#FFFFFF}
.table_order{ border:1px solid #2A2A2A;}
.f_4E0B3D{ color:#750558}

/*====================================================================================================*/
.info_list{ text-align:left; margin-bottom:10px}
.info_list h3{ height:25px; line-height:25px; background-color:#666666; padding:0px 5px;color:#fff;}
.info_list h3 span{ float:right; font-size:12px; color:#CCCCCC;margin:auto 0px; }
.info_list .info_contents{ padding:5px; line-height:21px;}
#contain_contents{ line-height:25px;width:719px;margin-left:20px; margin-top:10px; }
#contain_contents h3#title{ height:25px; line-height:25px; border-bottom:1px dashed #ccc; color:#000000; text-align:center}
#contain_contents h3#contains{ line-height:21px;}

.form_input {
	font-size: 12px;
	border: 1px solid #cccccc;
	height: 20px;
	behavior: url(#default#savehistory);
}
.form_area {
	font-size: 12px;
	border: 1px solid #cccccc;
	behavior: url(#default#savehistory);
}
.form_button {
	font-size: 12px;
	padding-top: 2px;
	height: 20px;
	border: 1px solid #666666;
}


/*=======================================================================================*/
#member_munelist{ width:98%;float:left; text-align:left; margin-left:1px; overflow:hidden}
.member_munelist_title{ line-height:35px; border-bottom:1px solid #313131; text-align:left; height:35px;overflow:hidden;background:url(images/list_icon.jpg) 10px center no-repeat; width:155px; padding-left:20px}
.member_mune a{display:block;width:155px; height:35px; line-height:35px; padding-left:20px; }
.member_mune a:hover{line-height:35px; text-align:left;display:block;width:155px;background:url(/images/bbggg.jpg); color:#c204a2;padding-left:20px;}
.member_mune_se{line-height:35px; text-align:left;display:block;width:155px;background:url(/images/bbggg.jpg); color:#c204a2;padding-left:20px;}

/*============================================================================================================*/
.paymethod ul li{ float:left; width:300px}
#provision{ width:600px; height:600px; overflow:scroll;margin:0 auto;}
#provision_but{ text-align:center; height:40px; line-height:40px}



/*media_rows*/
.media_rows{ margin-bottom:15px;}
.media_rows .media_left{ float:left; width:238px;_display:inline}
.media_rows .media_left .media_img{ width:236px; height:130px; display:table-cell; text-align:center; vertical-align:middle; *display:block; *font-family:Arial; *font-size:120px; border:1px solid #C8C8C8}
.media_rows .media_left .media_img img{ vertical-align:middle}


.media_rows .media_right{ float:left; width:460px; _display:inline; margin-left:20px; text-align:left}
.media_rows .media_right h4{ height:40px; font-size:14px; background:url(/images/dline_bg.jpg) left bottom repeat-x; color:#000000; line-height:40px; }
.media_rows .media_right ul li{min-height:40px; _height:40px;background:url(/images/dline_bg.jpg) left bottom repeat-x; line-height:21px; text-align:left;}
.media_rows .media_right ul li.mes{ line-height:40px}


/*bottom_bar*/
#bottom_bar{ width:650px; margin:0 auto}
#bottom_bar li{ float:left; _display:inline; padding:0 5px;}


.commentrow{ min-height:70px; border:1px solid #CCCCCC; padding:5px; background-color:#FFFFFF; margin-bottom:10px;}
.commentrow .comment{ line-height:21px; margin:5px auto}
#comment_list{ margin-bottom:10px;}
#commentlist{ margin:10px auto}



#member_box{ width:250px; height:110px; border:1px solid #CCC; padding:5px; position:absolute; right:10px; top:20px; z-index:10}
#member_box h3{ font-size:12px}
#member_box .row{ width:100%; margin-bottom:2px;}
#member_box .row label{ display:block; width:65px; height:20px; line-height:20px; float:left}
#member_box .row .txt{ width:155px; height:16px; line-height:16px}


.gory_button{ height:21px; line-height:21px; padding:0 15px; background-color:#999; color:#FFF; font-family:Arial, Helvetica, sans-serif; border:none; font-weight:bold}



/*topcenter*/
#topcenter{ float:right; width:600px; *display:inline}
#topcenter li{ float:left; _display:inline; height:25px; line-height:25px; padding:0 5px}
#topcenter li input{ margin-left:2px;}