/* CSS Document */
*{ margin:0px; padding:0px; vertical-align: middle;}
body{ width:100%; height:100%; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #222d25; background: url(../images/body_bg1.jpg) repeat-x; background-position: 0px top;}

a{ font-size:11px; color:#222D25; text-decoration:none;}
a:hover{ font-size:11px; color:#990000; text-decoration:underline;}

img{ border:none;}
ul li{ list-style-type:none;}
select,input,img,select{vertical-align:middle;}
.clear{clear:both;}
.left{ float:left;
    height: 18px;
}
.right{ float:right;}
em{ font-style:normal; font-size:12px; color:#f00;}
.red{ font-style:normal; font-size:12px; color:#f00;}
.redtip{border: 1px solid #f60; padding: 1px 2px; background-color:#f60; margin-left: 4px; color: white; z-index: 10000;}

fieldset{ border:1px solid #ddd; margin:6px 0; padding:0px 20px 20px 20px;}
legend{ border:1px solid #ccc; background:#ddd; padding:3px 10px 3px 10px;  font-size:12px; font-weight:bold;}

.but { background: url(../images/but_now.gif) no-repeat; width: 150px; line-height: 33px; height: 33px; padding:0 0 4px 25px; border: 0px; cursor: pointer; color: #FFFFFF; font-weight: 700; }
.butbuy { background: url(../images/butbuy.jpg) no-repeat; width: 80px; line-height: 21px; height: 21px; text-align: center; border: 0px; cursor: pointer; color: #FFFFFF; font-weight: 700; }
select{ border:1px solid #B4B4B4;}

/* header */
#header{ width:960px; height: 1px; width: 100%; margin:0 auto;}

#top-header{ float: left; height: 106px; width: 222px; background: url(../images/top_bg.jpg) no-repeat; background-position: 0px 0px; top:0; left:120px; position:relative;}

#top-header .menu{ float: left; margin-top: 42px; padding-left: 299px; width: 713px; height:25px; overflow:hidden; line-height: 10px;}
#top-header .menu li{ float:left; height:25px; width:auto; display:inline; line-height:25px; padding: 0 20px 0 20px;}
#top-header .menu ul li a{ font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}
#top-header .menu ul li a:hover{color:#FF0000;}
#top-header .menu ul li.bg{	background: url(../images/top_lm.jpg) no-repeat; background-position: right;}
#top-header .menu ul li.bsp{ padding:20px 30px 20px 10px;}

#bottom-header{ float:left; width:960px; height:auto;}
#bottom-header ul li{ float:left;}

#bottom-header #login-panel{ float:right; margin:20px 0 0 0; }
#bottom-header #login-panel img{ cursor:pointer;}
#bottom-header #login-panel .txtinput{ width:100px; height: 16px; margin-bottom: 12px; background:url(../images/kuang.gif); border:1px solid #b4b4b4; font-size:11px;}
#bottom-header #login-panel .div-input{ float:right; padding:2px;}
#bottom-header #login-panel .div-input li.left{ float:left; padding:0 5px 0 20px;}
#bottom-header #login-panel .div-input li.right{ float:left;}

#bottom-header #login-panel .div-link{ float:right; padding:2px;}
#bottom-header #login-panel .div-link li{ float:left; padding:0 5px 0 20px;}

/* content */
#content{ margin:0 auto; padding:0; width:960px; height:auto;}
#content .content{ float:left; width:960px; height:auto; margin:0 auto; background:url(../images/body_bg2.jpg) repeat-x;}

#content .left-panel{ float:left; width: 229px; height:auto; padding:25px 0;}

#content .left-panel .menu-top{ float:left; width: 229px; height: 42px; background: url(../images/wdl_1.gif) no-repeat; background-position: left 0px;}
#content .left-panel .menu-top h2{ height: 20px; font-size: 12px; line-height: 16px; font-weight: bold; color: #6e6266; padding-left: 15px; padding-top: 15px;}

#content .left-panel .menu-middle{ float:left; width: 229px; height: auto; background: url(../images/wdl_bg.gif) repeat-y; background-position: left 0px;}
#content .left-panel .menu-middle dt{ width: 199px; height:30px; margin-left: 10px; padding-left:20px; line-height: 30px; background: url(../images/Round.gif) no-repeat; background-position: left;}
#content .left-panel .menu-middle dt.active a{ font-size:12px; font-weight:bold; color: #FA720C; text-decoration:none;}
#content .left-panel .menu-middle dt a{ font-size:12px; font-weight:bold; color: #6D6270; text-decoration:none; cursor:pointer;}
#content .left-panel .menu-middle dt a:hover{ font-size:12px; font-weight:bold; color: #990000; text-decoration:underline;}
#content .left-panel .menu-middle dd{ padding:0 0 5px 45px;}
#content .left-panel .menu-middle dd a{ font-size:12px; font-weight:normal; color: #878787; text-decoration:none;}
#content .left-panel .menu-middle dd a:hover{ font-size:12px; font-weight:normal; color: #333; text-decoration:underline;}

#content .left-panel .menu-bottom{ float:left; width: 225px; height: 18px; background: url(../images/wdl_2.gif) no-repeat; background-position: left 0px;}

#content .left-panel .live-chat{ width: 229px; height: 117px; background: url(../images/live-chat.jpg) no-repeat; background-position: left 0px;cursor:pointer;}

#content .left-panel .contact-top{ float:left; width: 229px; height: auto; background: url(../images/contact_top.gif) repeat-y; background-position: left 0px;}
#content .left-panel .contact-top ul{ float:left; height: auto; padding:10px 0;}
#content .left-panel .contact-top ul li{ float:left; height: auto; padding:5px 0 5px 10px;}
#content .left-panel .contact-top ul li.mail{ height: auto; line-height:29px; padding:5px 0 5px 45px; background: url(../images/mail.gif) no-repeat 10px 0;}
#content .left-panel .contact-top ul li.msn{ height: auto; line-height:29px; padding:5px 0 5px 45px; background: url(../images/msn.gif) no-repeat 10px 0;}
#content .left-panel .contact-top ul li.phone{ height: auto; line-height:29px; padding:5px 0 5px 45px; background: url(../images/tel.gif) no-repeat 10px 0;}
#content .left-panel .contact-top ul li.ICQ { height:auto;line-height:29px;padding:5px 0 5px 45px; background: url(../images/icq.gif) no-repeat 10px 0;}
#content .left-panel .contact-top ul li.skype { height:auto;line-height:29px;padding:5px 0 5px 45px; background: url(../images/skype.jpg) no-repeat 10px 0;}


#content .left-panel .contact-bottom{ float:left; width: 229px; height: 20px; background: url(../images/contact_bottom.gif) repeat-y; background-position: left 0px;}

#content .left-panel .buyer-list h2{ float:left; height: auto; margin:5px 0; padding:0 0 0 20px; font-size:12px; color:#8F8F8F; background: url(../images/round.gif) no-repeat; background-position: left 0px;}
#content .left-panel .buyer-list h3{ float:left; width: 229px; height: auto; margin:5px 0; padding:0 0 0 0px; font-size:11px; color:#8F8F8F; font-weight:normal;}

#content .left-panel .buyer1{ float:left; width:209px; height: 63px; padding:0 0 0 20px; background: url(../images/buyer1.gif) no-repeat; background-position: left 0px;}
#content .left-panel .buyer1 ul{ float:left; height: 39px; padding:20px 0 0 50px;}
#content .left-panel .buyer1 ul li{ font-size:11px; color:#626264;}

#content .left-panel .buyer2{ float:left; width:209px; height: 63px; padding:0 0 0 20px; background: url(../images/buyer2.gif) no-repeat; background-position: left 0px;}
#content .left-panel .buyer2 ul{ float:left; height: 39px; padding:20px 0 0 50px;}
#content .left-panel .buyer2 ul li{ font-size:11px; color:#626264;}

#content .left-panel .buyer3{ float:left; width:209px; height: 63px; padding:0 0 0 20px; background: url(../images/buyer3.gif) no-repeat; background-position: left 0px;}
#content .left-panel .buyer3 ul{ float:left; height: 39px; padding:20px 0 0 50px;}
#content .left-panel .buyer3 ul li{ font-size:11px; color:#626264;}

#content .left-panel .buyer4{ float:left; width:209px; height: 63px; padding:0 0 0 20px; background: url(../images/buyer4.gif) no-repeat; background-position: left 0px;}
#content .left-panel .buyer4 ul{ float:left; height: 39px; padding:20px 0 0 50px;}
#content .left-panel .buyer4 ul li{ font-size:11px; color:#626264;}



#content .center-panel{ float:right; width:725px; height:auto; padding:25px 0;}

#content .center-panel h2.quick-order-title{ float:left; width:719px; height:31px; background:url(../images/quick-order.gif) no-repeat;}
#content .center-panel div.quick-order{ float:left; width:725px; height:119px; background:url(../images/quick-buy-bg.gif) no-repeat;}



#content .center-panel h2.sales-promotion-title{ float:left; width:719px; height:31px; background:url(../images/sales-promotion.gif) no-repeat;}
#content .center-panel div.sales-promotion{ float:left; width:725px; height:40px; background:url(../images/quick-buy-bg.gif) no-repeat;}

#content .center-panel div.sales-promotion ul { padding: 8px 20px 0; }
#content .center-panel div.sales-promotion ul a { color: #000; text-decoration: none; font-size: 12px; }
#content .center-panel div.sales-promotion ul a:hover { color: #0067C6; text-decoration: underline; }
#content .sales-promotion li { background: url(../images/arrow.jpg) no-repeat 7px center; background-color: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding-left: 19px; line-height: 28px; font-size: 12px; }




#content .center-panel h2.select-server-title{ float:left; width:719px; height:31px; background:url(../images/select-server.gif) no-repeat;}
#content .center-panel .select-server .top{ float:left; width:725px; height: 20px; background: url(../images/real_1.gif) no-repeat; background-position: left 0px;}
#content .center-panel .select-server .middle{ float:left; width:725px; height: auto; background: url(../images/real_bg.gif) repeat-y; background-position: left 0px;}
#content .center-panel .select-server .middle .choose{ float:left; padding:0 0 0 30px;}
#content .center-panel .select-server .middle .choose ul{ float:left; padding:0 0 0 30px;}
#content .center-panel .select-server .middle .choose ul li{ float:left; padding:0 0 0 10px;}
#content .center-panel .select-server .middle h2{ float:left; font-size:13px; font-weight:bold;}
#content .center-panel .select-server .middle .middle-content{ float:left; padding:5px 0 0 30px;}
#content .center-panel .select-server .middle .msg{ float:left; padding:5px 0 0 30px;}
#content .center-panel .select-server .middle table.stock-table td{ border:1px solid #ccc; padding:5px; text-align:center; font-weight:bold;}
#content .center-panel .select-server .middle #alpha_list li{ cursor:pointer; text-decoration:underline;}
#content .center-panel .select-server .middle #alpha_list li:hover{ color:#990000; text-decoration:underline;}
#content .center-panel .select-server .bottom{ float:left; width:725px; height: 20px; background: url(../images/real_2.gif) no-repeat; background-position: left 0px;}


#content .center-panel .top-seller .top{ float:left; width:725px; height: 20px; background: url(../images/real_1.gif) no-repeat; background-position: left 0px;}
#content .center-panel .top-seller .middle h2{ float:left; width:625px; height: 20px; padding:10px 0 0 30px; font-size:12px; color:#8F8F8F; font-weight:bold;}
#content .center-panel .top-seller .middle{ float:left; width:725px; height: auto; background: url(../images/real_bg.gif) repeat-y; background-position: left 0px;}
#content .center-panel .top-seller .middle ul{ float:left; padding:10px 0 5px 25px;}
#content .center-panel .top-seller .middle ul li{ float:left; padding:0 0px 0 0; text-align:center;}
#content .center-panel .top-seller .bottom{ float:left; width:725px; height: 20px; background: url(../images/real_2.gif) no-repeat; background-position: left 0px;}
#content .center-panel .top-seller .menu-bar{ float:left; width:725px; height: 20px; background: url(../images/gdbg.gif) no-repeat; background-position: left 0px;}
#content .center-panel .top-seller .menu-bar li{float:left; line-height:19px; margin:0 37px; text-align:center; width:145px; cursor:pointer;}
#content .center-panel .top-seller .menu-bar .highlight { background:url("../images/gd.gif") no-repeat scroll center 0 transparent; color:#000000; font-weight:700;
height:19px; line-height:19px; width:121px;}
.menuoff  { cursor:pointer; float:left; cursor:pointer;}
.menuon {background:url("../images/gd.gif") no-repeat scroll center 0 transparent; color:#000000; cursor:pointer; font-weight:700; height:19px;
line-height:19px; width:121px;}



#content .center-panel .news .top{ float:left; width:725px; height: 25px; margin:5px 0 0 0px; background: url(../images/news_top.gif) no-repeat; background-position: left 0px;}
#content .center-panel .news .top h2{ padding:3px 0 0 10px; font-size:13px; color:#333;}
#content .center-panel .news .middle{ float:left; width:725px; height: auto; background: url(../images/new_2.gif) repeat-y; background-position: left 0px;}
#content .center-panel .news .middle ul{ padding:5px 0 5px 0px;}
#content .center-panel .news .middle ul li{ padding:3px 0 3px 20px; background:url(../images/new_a.gif) no-repeat 10px 5px;}
#content .center-panel .news .middle ul li a{ font-size:11px; color:#2F281E; text-decoration:none;}
#content .center-panel .news .middle ul li a:hover{ font-size:11px; color:#990000; text-decoration:underline;}
#content .center-panel .news .hotbox{ padding:10px;}
#content .center-panel .news .bottom{ float:left; width:725px; height: 6px; background: url(../images/new_1.gif) no-repeat; background-position: left 0px;}

#content div.center-panel p{ padding:5px 0 10px 0;}
#content h6{ padding:20px 0 0px 0; font-size:12px; color:#333;}
#content table.listtable th{height:28px; text-align:right; padding:0 2px 0 0px; font-size:12px; font-weight:normal; color:#222;}
#content table.listtable td{height:28px; font-size:11px; color:#666;}
#content table.listtable .input{ width:281px; 
height: 18px; margin-bottom: 0px; background:url(../images/kuang.gif); border:1px solid #b4b4b4; font-size:11px;}


#content table.listtable textarea{width:480px; height:180px; text-align:left; padding:0 2px 0 0px; font-size:12px; font-weight:normal; color:#222;}



.VolumeDiscounttitle { width: 100%; background: #ccc; height: 25px; color: #fff; text-align: center; font-size: 14px; font-weight: 700; line-height: 25px; }
.VolumeDiscount { width: 100%; border-collapse: collapse; border-spacing: 0px; text-align: center; }
.VolumeDiscount th { color: #666; text-align: center; background: #E9E4DA; font-weight: 700; border: 1px solid #ccc; font-size: 12px; font-weight: 700; cursor:pointer;}
.VolumeDiscount th:hover { color: #f00; text-decoration:underline;}
.VolumeDiscount td { color: #666; border: 1px solid #ccc; background: #fff; font-size: 12px; padding: 5px 0; }

.table { width: 100%; margin: 5px auto 10px; }
.table td { border-bottom: 1px solid #ccc; padding: 5px; color: #474747; }
.table th { border-bottom: 1px solid #ccc; background: #EFEFEF; text-align: left; padding: 5px; color: #333; }

.team_PL UL { clear: both; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; height: 30px; text-align: left; border-bottom: 2px solid #fff; margin-top: 1px; background:#999;}
.team_PL LI { padding-right: 0px; display: inline; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; text-align: left;}
.team_PL LI a{color:#666; cursor:pointer; text-decoration:none;}
.team_PL LI .tabactivepl { background: #fff; float: left; color: #990000; line-height: 25px; padding-top: 4px; font-size: 12px; text-align: left; height: 24px; padding-left: 10px; padding-right: 10px; margin-left: 2px; margin-top: 2px; margin-right: 2px; }

.tabpl1 { float: left;padding-top: 4px;  line-height: 28px; height: 24px; text-align: center; padding-left: 10px; background: #ddd; padding-left: 10px; padding-right: 10px; margin-left: 2px; margin-top: 2px; margin-right: 2px; }
.tabpl1 a{ font-size: 12px; color: #fff; text-decoration: none;}
.tabpl1 a:hover { color: #990000; text-decoration: none; }

.cdkbox { background: #fff; padding: 10px 15px 5px; height: 139px; border-top: 1px dotted #ccc;}
.cdkbox h2 { font-size: 12px; padding-top: 5px; padding-bottom: 5px; margin: 0px; }
.cdkbox h2 span { float: right; width: 100px; text-align: right; }
.cdkbox .input { width: 25px; background: #fff; border: 1px #B4B4B4 solid; margin-right: 5px; }

#M_Item_Contact {width:572px; padding:0px 0px 0 2px; line-height:20px;}
#M_Item_Contact ul { list-style:none;}
#M_Item_Contact ul li{ font-size:11px; font-weight:bold; color:#990000; margin-bottom:10px;}
#M_Item_Contact ul li a{ text-decoration:none; color:#990000; cursor:pointer;}

#M_Item_Contact ul li.li1{ float:left; margin-right:12px; border:1px solid #e9e9e9; width:176px; text-align:center; cursor:inherit;}
#M_Item_Contact ul li.li1a{ float:left; margin-right:12px; border:1px solid #b7d8e6; width:176px; text-align:center; cursor:inherit; background-color:#efefef; color:#000000;}

.dv_auction{ border:1px solid #ddd; padding:5px;}
.important  { background:url("../images/Alliance2.gif") no-repeat scroll 1% 50% transparent; line-height:30px; padding-left:30px; width:400px;}
.auc_met  { color:#FF0000; padding-left:20px;}

.ul_payinfo02 {margin-left: 25px;}
.ul_payinfo02 ul { margin:0; padding:0; list-style-type:none;}
.ul_payinfo02 ul li { padding:5px 0;list-style-type:none; width:90%; overflow:hidden;}
.ul_payinfo02_left { width:120px; height:20px; float:left; font-weight:bold;}
.ul_payinfo02_right { width:350px; height:20px;  overflow:hidden; color:Red;}

.dv_main03 { margin:0 auto; width:500px; padding-top:50px; padding-bottom:50px;}
.dv_main03 ul { margin:0; padding:20px 10px; background-color:#F0F5F8; border:1px solid #B8D4E8}
.dv_main03 ul li { list-style-type:none;}	

.redfont { color:#FF3300; font-size:14px; line-height:160%;}			
.yesfont { color:#2DCC24; font-size:15px; line-height:160%;}	
.boldfont { color:#FF3300; font-size:14px; line-height:160%;font-weight:bold;}	

.maintext {color:#990000; font-size:12px; font-weight:bold;}
.memberTable { border-collapse:collapse; color:#990000; font-size:12px; text-align:center; width:600px;}
.memberTable tr td { border:1px solid #dddddd; height:30px; border-collapse:collapse;}

a.Bottomspan{ font-size:11px; font-weight:bold; color:#990000; text-decoration:none;}
a.Bottomspan:hover{ font-size:11px; font-weight:bold; color:#990000; text-decoration:underline;}
ul li.Title { text-align:center; color:#990000; font-weight:bold; letter-spacing:1px; margin-top:20px; height:30px;  border-bottom:1px dashed #cecece;}

/* footer */
#footer{ margin:0 auto; padding:0; width:960px; height:auto;}
#footer .footer{ float:left; width:960px; height:auto; margin:0 auto; background:url(../images/body_bg2.jpg) repeat-x;}
#footer .footer .pay-imgs{ margin:20px 0;}
#footer .footer .links{ width:960px; height:auto; margin:0 auto; padding:0 10px 0 10px;}
#footer .footer .links ul{ float:left;}
#footer .footer .links ul li{ float:left; padding:5px;}
#footer .footer .links ul li a{ font-size:12px; color:#000; text-decoration:none;}
#footer .footer .rights{ margin:5px 0 10px 0; text-align:center;}


ul li{display:inherit}
ul li.Title1 { text-align:center; color:#990000; font-weight:bold; letter-spacing:1px; margin-top:20px; height:30px;  border-bottom:1px dashed #cecece;}


/*.menu li{ float:left; height:25px; width:auto; display:inline; line-height:25px; padding: 0 5px 0 5px;}
.menu ul li a{ font-size:11px; font-weight:bold; color:#990000; text-decoration:none;}
.menu ul li a:hover{font-size:11px; font-weight:bold; color:#FF0000;}
.menu ul li.bg1{background: url(../images/top_lm.jpg) no-repeat; background-position: left;}*/

/*-------------------faq-----------------------dc2b00*/
#faq .faqmenu ul{padding:0 0 0 20px;}
.faqtab{ float:left; display:inline; border:1px solid #dddddd; padding:0 3px; margin:0 2px; cursor:pointer; color:#666; font-size:10px; font-weight:bolder; line-height:20px;}
.actfaqtab{ float:left; display:inline; border:1px solid #666; padding:0 3px; margin:0 2px; cursor:pointer; color:#fff; font-size:10px; font-weight:bolder;  line-height:20px;  background:#dc2b00}