﻿html{
	_background-image: url(about:blank);     /*鐢ㄦ祻瑙堝櫒绌虹櫧椤甸潰浣滀负鑳屾櫙*/
	_background-attachment: fixed;             /* prevent screen flash in IE6 纭繚婊氬姩鏉℃粴鍔ㄦ椂锛屽厓绱犱笉闂姩*/
}

html, body{ width: 100%; height: 100%}

.innerpage_wrap{ width: 1002px; margin: 0 auto; background: url(/Images/innerpage_middle.gif) repeat-y}
.innerpage_wrap b.t{ display: block; width: 100%; height: 18px; background: url(/Images/innerpage_top.gif) no-repeat}
.innerpage_wrap b.b{ display: block; width: 100%; height: 22px; background: url(/Images/innerpage_bottom.gif) no-repeat}
.innerpage_wrap div.c{ width: 934px; height: auto!important; height: 1px; overflow: hidden!important; overflow: visible; margin: 0 auto}




.formContainer{ width: 916px; padding-bottom: 40px}
.loginForm{ float: left; width: 445px}
.loginForm h3{ background: url(/Images/form_head_1.gif) no-repeat}
.regForm{ float: right; width: 445px}
.gstForm{ float: left; width: 445px}
.regForm h3, .gstForm h3{ background: url(/Images/form_head_2.gif) no-repeat}
.rstForm{ width: 604px; margin: 0 auto}
.rstForm h3{ background: url(/Images/resetpwd_head.gif) no-repeat}
.loginForm h3, .regForm h3, .gstForm h3, .rstForm h3{ height: 29px; margin: 0; padding-left: 19px; color: White; font-size: 12px; line-height: 29px}
.rstForm h3{ padding-left: 29px}
.loginForm h3 .osu, .regForm h3 .osu, .gstForm h3 .osu, .rstForm h3 .osu{ padding-left: 28px; font-weight: 100}
.loginForm .content, .regForm .content, .gstForm .content{  background: url(/Images/form_body.gif) repeat-y}
.loginForm .content, .regForm .content{}
.rstForm .content{ height: 296px; background: url(/Images/resetpwd_body.gif) repeat-y}
.loginForm b.f, .regForm b.f, .gstForm b.f{ display: block; height: 2px; background: url(/Images/form_foot.gif) no-repeat}
.rstForm b.f{ display: block; height: 2px; background: url(/Images/resetpwd_foot.gif) no-repeat}
.loginForm .content .hint, .regForm .content .hint{ width: 364px; height: 29px; margin: 0 auto; padding-top: 19px; padding-left: 50px; background: url(/Images/form_hint.gif) left bottom no-repeat; color: #ff5da7}
.rstForm .content .hint{ width: 526px; height: 29px; margin: 0 auto; padding-top: 19px; padding-left: 50px; background: url(/Images/resetpwd_hint.gif) left bottom no-repeat; color: #ff5da7}
.form_table{ width: 90%; margin: 21px auto 0}
.form_table td{ line-height: 22px}
.form_table td.label{ width: 28%; padding-right: 6px; vertical-align: top; font-weight: 600; text-align: right}
.form_table .textbox{ width: 270px; height: 17px; border: solid 1px #ededed; background-color: White}
.form_table textarea.textbox{ height: 120px}
.form_table .sortTextbox{ width: 120px}
.form_table .tips{ color: #f0b72c}
.form_table .ar{ padding-right: 24px; text-align: right}
.form_table .at{ text-align: center; color: #666}
.form_table .at a{ color: #ff5da7}
.form_table .btn,
.form_table .btn2{ width: 87px; height: 22px; padding: 0; border: 0}
.form_table .btn_ok, .form_table .btn_no{ width: 62px; height: 22px; margin-right: 12px; padding: 0; border: none}
.form_table .btn_ok{ background: url(/Images/userinfo_btn_ok.gif) no-repeat}
.form_table .btn_no{ background: url(/Images/userinfo_btn_no.gif) no-repeat}
.loginForm .form_table .btn{ background: url(/Images/form_btn_login.gif) no-repeat}
.regForm .form_table .btn{ background: url(/Images/form_btn_reg.gif) no-repeat}
.rstForm .form_table .btn{ background: url(/Images/resetpwd_btn.gif) no-repeat}
.rstForm .form_table .btn2{ background: url(/Images/resetpwd_next.gif) no-repeat}



.omain{ width: 728px; min-height: 800px; height: auto!important; height: 800px; margin-left: 140px; padding-left: 40px; background: url(/Images/order_omain_bg.gif) left 50% no-repeat}
.omain h3{ margin: 12px 0 0; padding-bottom: 12px; border-bottom: solid 1px #ff63ac; text-align: right}
.omain .sm_text{ padding-top: 10px; border-top: solid 2px #ff63ac}
.omain .sm_text p{ margin: 0; color: #666; line-height: 24px}

.cart_table{}
.cart_table th{ height: 27px; background-color: #fde5f3}
.cart_table td{ padding: 8px; background: url(/Images/cart_row_bg.gif) left bottom repeat-x; vertical-align: top; line-height: 24px}
.cart_table td.ar{ text-align: center}
.cart_table .sizeTextbox{ width: 32px; border: solid 1px #cac9cf; text-align: center}
.cart_table .pp{ float: left; width: 80px; height: 80px; margin-right: 5px; border: solid 1px #e8e8e8}

.omain .total{ margin-top: 20px; color: #666; line-height: 24px}
.omain .total .lightup{ color: #ee008e; font-weight: 600}

.omain .next{ float: right}
.omain .next input{ width: 97px; height: 30px; margin-top: 8px; border: none; background: url(/Images/cart_next_btn.gif) no-repeat; cursor:pointer;}

.userinfo_wrap{ width: 666px; margin: 23px auto 0; padding: 1px; background-color: White; border: solid 1px #ededed}
.userinfo_wrap .inner_wrap{ padding: 20px; background-color: #f9f9f9}

.userinfo_wrap .form_1 td{ padding: 3px}
.userinfo_wrap .form_1 td.label{ width: 100px; padding-right: 12px; text-align: right; font-weight: 600}
.userinfo_wrap .form_1 .textbox{ width: 316px; height: 19px; padding: 0; border: solid 1px #f2f2f2}
.userinfo_wrap .form_1 .btn_ok, .userinfo_wrap .form_1 .btn_no{ width: 62px; height: 22px; border: none; padding: 0}
.userinfo_wrap .form_1 .btn_ok{ background: url(/Images/userinfo_btn_ok.gif) no-repeat}
.userinfo_wrap .form_1 .btn_no{ background: url(/Images/userinfo_btn_no.gif) no-repeat}
.userinfo_wrap .form_1 .ar{ text-align: right}


.order_list{ width: 100%}
.order_list th{ height: 24px; background-color: #fde5f3; font-weight: 600; color: #333}
.order_list td{ height: 30px; padding: 0 4px; background: url(/Images/order_list_bg.gif) left bottom repeat-x; text-align: center}
.order_list .ext td{ background: none}
/*.order_list tr:hover td{ color: #ee008e}*/
.order_list .al{ text-align: left;}
.order_list .al .lbIntroduct{ line-height:200%; letter-spacing:1px;}
.order_list .al .lbAnswer{line-height:200%; letter-spacing:1px;}


.bouns_wrap{ width: 350px; height: 150px; margin: 20px auto; padding-left: 40px; padding-top: 160px; background: url(/Images/bouns_bg.gif) no-repeat}
.bouns_wrap p{ line-height: 24px}
.bouns_wrap .lightup{ color: #ee008e; font-weight: 600}
.bouns_wrap .jumplink{ margin-top: 36px; margin-left: 90px}
.bouns_wrap .jumplink a{ padding: 5px 0; padding-left: 24px; background: url(/Images/bouns_jumplink_icon.gif) 0 50% no-repeat; line-height: 20px}

.order_wrap{ width: 713px; margin: 23px auto 0; padding: 1px; background-color: White; border: solid 1px #ededed}
.order_wrap .inner_wrap{ padding: 20px; background-color: #f9f9f9}
.order_wrap h4{ font-size: 12px}

.order_wrap .form_1 td{ padding: 3px}
.order_wrap .form_1 .textbox{ width: 316px; height: 19px; padding: 0; border: solid 1px #f2f2f2}
.ddbz{ width: 316px; height: 80px; padding: 0; border: solid 1px #f2f2f2}
.order_wrap .form_1 .cell_1{ width: 80px}
.order_wrap .form_1 .cell_2{ width: 216px}
.order_wrap .form_1 .ar{ text-align: right}
.order_wrap .form_1 .ar input{ width: 87px; height: 22px; padding: 0; border: 0;  background: url(/Images/cart_mim_btn.gif) no-repeat}

.order_wrap .form_2{ color: #666}

.order_wrap b.alter{ display: block; height: 1px; margin: 6px 0; background: url(/Images/cart_alter_line.gif) repeat-x}

.omain .plus_option{ padding-top: 20px; color: #666; line-height: 24px}

.omain .checkout{ float: right}
.omain .checkout input{ width: 97px; height: 30px; margin-top: 8px; border: none; background: url(/Images/cart_checkout_btn.gif) no-repeat}


.orderMessage{ margin: 50px auto; text-align: center; color: #666; line-height: 24px}
.orderMessage .lightup{ color: #ee008e; font-weight: 600}
.orderMessage .focus{ color: #ee008e}


.aside{ float: left; width: 238px}
.amain{ float: right; width: 688px}
.article{ float: right; width: 688px}
.nside{ float: left; width: 220px}

.wzfl{ color:Black; text-decoration: none;  display:inline-block;  vertical-align:middle; font-weight:600; font-size:12px; text-align:left; line-height:20px;  padding-left:15px; width:200px; height:20px; background: url(../Images/a.jpg) no-repeat}
.wzfl:hover{color:Black;}
/**.smolDiv{
	background-image: url(../Images/bj.jpg);
	background-repeat: repeat-y;
	text-align:center;
	margin:0px;
	padding:0px;
}**/
.BigDiv{ margin-bottom:8px;}
.smolDiv a{
	height: 24px;
	line-height:24px;
	width: 195px;
	overflow:hidden;
	border-bottom-width:1px;
	border-bottom-style: dashed;
	border-bottom-color: #d6d6d6;
	margin:0px auto;
	display:inline-block;
	text-align:left;
	color:#666666;
	text-decoration: none;
	text-indent:7px;
}
.smolDiv a:hover{ color:#ff63ac;}
.a1{
	background-image: url(../Images/bj1.jpg);
	background-repeat: no-repeat;
	height: 6px;
	width: 215px;
	margin:5px auto;
	margin-bottom:0px;
	padding:0px;
}
.a2{	background-image: url(../Images/bj2.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 6px;
	width: 215px;
	padding-bottom:5px;
	margin:0px;
}
.smolDiv{ background:url(../Images/bj1.jpg) no-repeat 0px 0px; padding-top:6px; margin:5px auto; width:215px;}
.downDiv{ background:url(../Images/bj2.jpg) no-repeat 0px bottom; width:215px; border:0px; padding-bottom:6px;}
.contDiv{ background:url(../Images/bj.jpg) repeat-y 0px 0px; border:0px; width:215px;}

.nmain{ float: right; width: 700px}
.vmain{ float: right; width: 688px}
.smain{ float: right; width: 688px}
.bmain{ float: right; width: 688px}

.article .top_text{ height: 19px; padding-top: 65px; background: bottom right no-repeat; border-bottom: solid 2px #ff63ac; color: #ff63ac; font-weight: 600}
.article .ai_1{ background-image: url(/Images/article_bg_1.gif)}
.article .ai_2{ background-image: url(/Images/article_bg_2.gif)}
.article .ai_3{ background-image: url(/Images/article_bg_3.gif)}
.article .ai_4{ background-image: url(/Images/article_bg_4.gif)}
.article .ai_5{ background-image: url(/Images/article_bg_5.gif)}
.article .ai_6{ background-image: url(/Images/article_bg_6.gif)}

.nmain{ height: auto!important; height: 600px; min-height: 600px; background: url(/Images/nmain_bg.gif) left 50% no-repeat}
.nmain .top_text{ height: 19px; margin-left: 26px; padding-top: 65px; background: bottom right no-repeat; border-bottom: solid 2px #ff63ac; color: #ff63ac; font-weight: 600}
.nmain .ni_1{ background-image: url(/Images/news_head.gif)}
.vmain .top_text{ height: 19px; padding-top: 70px; background: url(/Images/video_top_image.gif) top right no-repeat; border-bottom: solid 2px #ff63ac; color: #ee008e; font-weight: 600}
.smain .top_text{ height: 19px; padding-top: 70px; background: url(/Images/self_cr_top_image.gif) top right no-repeat; border-bottom: solid 2px #ff63ac; color: #ee008e; font-weight: 600}
.bmain .top_text{ height: 19px; padding-top: 70px; background: url(/Images/boardcast_top_image.gif) top right no-repeat; border-bottom: solid 2px #ff63ac; color: #ee008e; font-weight: 600}

.amain .top_text{ height: 19px; padding-top: 70px; background: url(/Images/member_top_image.gif) top right no-repeat; border-bottom: solid 2px #ff63ac}
.amain .username{ font-weight: 600; color: #ff63ac}
.amain .top_hint{ height: 33px; background: url(/Images/member_hint.gif) 9px 50% no-repeat; line-height: 33px}
.amain .top_hint label{ padding-left: 28px; font-weight: 600}
.amain .top_hint *{ color: #666; text-decoration: none}
.amain .top_hint .lightup{ color: #ee008e}

.left_menu{ background: url(/Images/member_side_bg.gif) 0 50% no-repeat}
.left_menu h3{ height: 22px; margin: 0 0 4px; padding-left: 1em; padding-bottom: 4px; background: url(/Images/member_menu_head.gif) no-repeat; line-height: 22px; font-size: 12px; font-weight: 600; color: White}
.left_menu h4{ width: 203px; height: 20px; margin: 0 0 1px; padding-left: 12px; background: url(/Images/member_menu_level1.gif) no-repeat; line-height: 20px; font-size: 12px; font-weight: 600}
.left_menu h4 *{ color: Black; text-decoration: none}
.left_menu .l2w1{ width: 215px; margin-bottom: 6px; background: url(/Images/member_menu_item_bg.gif) repeat-y}
.left_menu .l2w2{ background: url(/Images/member_menu_item_top.gif) left top no-repeat}
.left_menu .l2w3{ margin: 0; padding: 2px; background: url(/Images/member_menu_item_bottom.gif) left bottom no-repeat}
.left_menu .l2w3 li{ height: 23px; padding-left: 26px; background: url(/Images/member_menu_symbol.gif) 11px 50% no-repeat; line-height: 23px}
.left_menu .l2w3 li *{ color: #666; text-decoration: none}
.left_menu .l2w3 li a:hover{ color: #ee008e}
.left_menu .l2w3 li.current{ background-image: url(/Images/member_menu_symbol_lightup.gif)}

.news_list{}
.news_list ul{ margin-left: 24px; padding: 8px}
.news_list li{ list-style-type: none; padding-left: 8px; background: url(/Images/list_symbol_glay.gif) left 50% no-repeat; line-height: 28px}
.news_list a{ color: #666; text-decoration: none}
.news_list a:hover{ color: #f0b72c}

.video_list{ margin-left: 12px}
.video_list li{ height:22px; width:200px; overflow:hidden; list-style-type: none; padding-left: 8px; background: url(/Images/list_symbol_glay.gif) left 50% no-repeat; line-height: 22px}
.video_list a{ color: #666; text-decoration: none}
.video_list a:hover{ color: #f0b72c}
.video_list li.current a{ color: #f0b72c}


.utab{ height: 29px; margin-top: 6px; padding-left: 17px; padding-bottom: 4px; background: url(/Images/utab_bg.gif) left bottom repeat-x}
.utab a{ float: left; width: 97px; height: 25px; margin-right: 5px; padding-top: 4px; background: url(/Images/utab_tab.gif) no-repeat; text-align: center; line-height: 25px; font-weight: 600; text-decoration: none; color: #7E7e7e}
.utab a.current{ background-image: url(/Images/utab_current_tab.gif); color: #ee008e}


.category_class{ height: auto!important; height: 1px; overflow: hidden!important; overflow: visible; margin-bottom: 8px}
.category_class h3{ float: left; width: 140px; height: 36px; margin: 0; background: url(/Images/category_class_bg.gif) no-repeat; font-size: 12px; font-weight: 100; color: White; line-height: 36px; text-align: center}
.category_class h3 a{ text-decoration:none; color:White;}
.category_subs{ float: left; display: inline; width: 820px; margin-left: 14px; margin-top: 4px; padding: 0 10px 8px; border: solid 1px #e8e8e8; background: url(/Images/category_sub_bg.gif) left top repeat-x}
.category_subs li{ float: left; display: inline; height: 22px; margin: 8px 2px 0; padding: 0 20px; list-style-type: none; line-height: 22px; white-space:nowrap;}
.category_subs li a{ text-decoration: none; color: #666;}
.category_subs li.current, .category_subs li:hover{ background-color: #f96a96}
.category_subs li.current a, .category_subs li:hover a{ color: White}


.cr_wrap{ width: 877px; margin: 23px auto 12px; padding: 1px; background-color: White; border: solid 1px #ededed}
.cr_wrap .inner_wrap{ padding: 20px; background-color: #f9f9f9}
.cr_wrap p{ height: 32px; line-height: 32px}
.cr_wrap label.title{ padding-left: 12px; font-weight: 600}
.cr_wrap input.textbox{ width: 100px; height: 19px; padding: 0; border: solid 1px #d3d3d3}
.cr_wrap p.ar{ margin-top: 20px; padding-right: 25px; text-align: right}
.cr_wrap .btn_ok, .cr_wrap .btn_no{ width: 62px; height: 22px; margin-right: 12px; padding: 0; border: none}
.cr_wrap .btn_ok{ background: url(/Images/userinfo_btn_ok.gif) no-repeat}
.cr_wrap .btn_no{ background: url(/Images/userinfo_btn_no.gif) no-repeat}
.cr_table{ width: 800px; border-collapse: collapse}
.cr_table td{ padding: 5px; border: solid 1px #ccc}
.cr_table td.title{ width: 120px; font-weight: 600; text-align: right}
.cr_table td.ta{ line-height: 30px}
.cr_table td.ta textarea{ float: left; width: 400px; height: 150px; margin-right: 8px; padding: 0; border: solid 1px #d3d3d3}

.pm_wrap{ padding: 12px}
.pm_wrap .title{ margin-bottom: 0; font-size: 14px}
.pm_wrap .sub{ margin-bottom: 8px}
.pm_wrap .content{}
.pm_wrap .func{ text-align: right}



.product_sort{ width: 944px; height: 20px; margin: 8px auto; padding: 7px 10px; background-color: #efefef; color: #666}
.product_sort .sort_btns{ float: right}
.product_sort .sort_btns a{ display: inline-block; width: 59px; height: 20px; margin-left: 10px; background: url(/Images/sort_btns_bg.gif) no-repeat; color: White; text-align: center; text-decoration: none; line-height: 20px}
.product_sort .sort_btns a.current{ background-position: 0 -20px}


.auction_list{ width: 960px; height: auto!important; height: 1px; margin: 0 auto; overflow: hidden!important; overflow: visible}
.auction_list li{ float: left; display: inline; width: 218px; height: 325px; margin: 11px; background: url(/Images/auction_product_bg.gif) left 300px repeat-x}
.auction_list li:hover{ background-image: url(/Images/auction_product_bg_hover.gif)}
.auction_list li .pp img{ display: block; width: 210px; height: 210px; padding: 2px 6px 6px 2px}
.auction_list li .pp:hover{ border: none}
.auction_list li .pp:hover img{ background: url(/Images/auction_image_hover.gif) no-repeat}
.auction_list li .pt{ display: block; padding: 4px 8px; line-height: 16px; color: #666; text-decoration: none}
.auction_list li .ap{ display: block; padding: 2px 8px; color: #666; line-height: 18px}
.auction_list li .ap span{ font-size: 18px; font-weight: 600; color: #ee008e}
.auction_list li .at{ display: block; padding: 2px 8px; color: #666; line-height: 14px}
.auction_list li .at span{ font-weight: 600}
.auction_list li .dl{ display: block; width: 113px; height: 22px; margin: 12px auto 0}
.auction_list li .dl img{ display: block; border: none}

#page_mask{ position: fixed!important; position: absolute; display: none; left: 0; top: 0; _top: expression(documentElement.scrollTop + "px"); z-index: 9998; width: 100%; height: 100%; background-color: Black; opacity: 0.4; filter: alpha(opacity=40)}

#showhand_parent{ position: relative; z-index: 9999}
#showhand{ position: absolute; display: none; left: 350px; top: -350px; height: 164px; width: 366px; background: url(/Images/showhand_bg.jpg) White 0 19px no-repeat;}
#showhand h4{ height: 19px; margin: 0; padding: 0; background-color: #ee008e; text-align: right; line-height: 19px}
#showhand h4 a.closeBtn{ padding-right: 6px; text-decoration: none; color: White}
#showhand .pan_cont{ padding-left: 195px; padding-top: 15px; padding-right: 20px; line-height: 30px; color: #ee008e}
#showhand .pan_cont .textbox{ width: 130px; height: 19px; padding: 0; border: solid 1px #d3d3d3}
#showhand .pan_cont .button{ width: 56px; height: 20px; border: none; background: url(/Images/showhand_btn.gif) no-repeat; color: White}

#advsrch_parent{ position: relative; z-index: 9999}
#advsrch{ position: absolute; right: 0; top: -34px; display: none; width: 602px}
#advsrch h4{ height: 29px; margin: 0; padding: 0; background-color: #fe9fcc; text-align: right; line-height: 29px}
#advsrch h4 a.closeBtn{ padding-right: 6px; text-decoration: none; color: White}
#advsrch .pan_cont{ padding: 15px; background: url(/Images/advsrch_bg.gif) White left bottom no-repeat}
#advsrch .item_cont{ height: auto!important; height: 1px; margin: 8px 0; overflow: hidden!important; overflow: visible}
#advsrch .item_cont dt{ float: left; width: 110px; text-align: right; font-weight: 600; color: #fd67ae; line-height: 18px}
#advsrch .item_cont dd{ float: left; width: 420px; line-height: 18px}
#advsrch .radiobutton_list label{ padding-right: 4px; white-space: nowrap}
#advsrch .pricerange_textbox input{ width: 120px; border: solid 1px #ccc}
#advsrch .keyword_field{ width: 200px; vertical-align: middle; border: solid 1px #ccc}
#advsrch .search_submit{ width: 48px; height: 19px; border: none; background: url(/Images/advsrch_btn.gif) no-repeat; vertical-align: middle}



.t_info{ margin: 0 20px; line-height: 20px}
.t_info label{ font-weight: 600}

.orderinfo_wrap{ width: 640px; margin: 12px auto 0; padding: 1px; background-color: White; border: solid 1px #ededed}
.orderinfo_wrap .inner_wrap{ padding: 20px; background-color: #f9f9f9}
.orderinfo_wrap h4{ font-size: 12px}
.orderinfo_wrap .total{ margin-top: 8px; text-align: right}
.orderinfo_wrap .lightup{ font-weight: 600; color: #ee008e}
.orderinfo_wrap b.alter{ display: block; height: 1px; margin: 6px 0; background: url(/Images/cart_alter_line.gif) repeat-x}
.order_detail_table{ width: 100%}
.order_detail_table th{ height: 24px; background-color: #ee008e; font-weight: 100; color: White}
.order_detail_table td{ height: 24px; padding: 0 4px; border-bottom: solid 2px #f7f7f7; background-color: White; text-align: center}
.order_detail_table .al{ text-align: left; padding:5px 0px;}