body{
overflow: visible;
 background-color:#f1f1f1;
 color:#333;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 line-height:1.6;
} 
#nav li{ display:block; float:left; margin:0 20px;}
.tab-bg{ background-color:#f4f7f8;}
.margin{ margin:10px;}
.border2{ border:#f0f0f0 4px solid;}
#left-cat li.tit{
	padding:2px 4px;
	list-style-position:inside;
	list-style-image: url(../images/list-left.gif);
	font-size:14px; font-weight:bold; color:#ffa009;
	line-height:30px ; border-bottom:1px dashed #666;
}#left-cat li.tit2{
	padding-left:35px;
	list-style:none;
	line-height:20px ; border-bottom:1px dashed #666;
	font-family:"ËÎÌå";
	font-size:12px;
	height:20px;
}
#left-cat li.tit2 div{ overflow:hidden;}
#newsList li{
	list-style-position: inside;
	list-style-type: square;
	border-bottom:1px dashed #666;
}
#proTopList li{ display:block; height:35px;clear:both;}
#proTopList li.top{border-bottom:1px solid #CCC; margin-bottom:5px; clear:both;height:70px;}

 div .crusherimage{
float:left;
background:#CCC;
position:relative;
}
 .pro-img {
position:relative;
display:block;
top:-3px;
left:-3px;
background:#cd1f23;
padding:1px;
}

#news-table tr td{ border-bottom:1px dashed #CCC}
.search a:link, .search a:visited{
padding:2px 4px;  border:0;
} 
.search a:hover{
	padding:2px 4px; background-color:#ffffec; border:1px solid #ffdd76; text-decoration:none;
	}
.search-a{padding:2px 4px; background-color:#ffffec; border:1px solid #ffdd76; text-decoration:none;color:#C30;}

.broder-btm{ border-bottom:#CCC 1px solid}

#proColor li{ display:block; float:left;}
#proColor li img{ margin:2px;}

.price {
	FONT: 24px tahoma, arial, verdana, geneva, sans-serif; COLOR: #ce1919
}
DIV.box {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #eee 1px solid; MARGIN-TOP: 7px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: #eee 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #eee 1px solid
}
SPAN.num {
	FONT-WEIGHT: bold; COLOR: #e9be16
}

DIV.property {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 5px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ddd 1px solid
}
DIV.property UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
DIV.property UL LI {
	FLOAT: left; WIDTH: 345px; LINE-HEIGHT: 1.8
}

.style1 {
	background:url(../images/tabs_common.gif) no-repeat;
	display:block;
	float:left;
	text-align:center;
	line-height:25px;
	height:25px;
	width:91px;
	margin:0 2px;
	margin-top:8px;
	cursor:pointer;
}
.style2 {
	background:url(../images/tabs_on.gif) no-repeat;
	display:block;
	float:left;
	text-align:center;
	line-height:35px;
	width:117px;
	font-weight:bold;
	margin:0 1px;
	cursor:pointer;
}
.boxBrown{border:1px solid #E5DDC7;}
.boxxTitle{background:#F5F4EC; padding:7px;}
.border{ border:1px solid #CCC}
.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd; background-color:#e6efc2; border:1px solid #c6d880; color:264409;}
#khal li{ display:block;float:left; width:75px; line-height:1.8; font-weight:bold; background:url(../images/list-d.gif) no-repeat left center;}
#small-top li{ display:block; height:30px; line-height:30px;}
#mycount-left{ font-size:14px;color:#0F42A2; }
#mycount-left li{ display:list-item; list-style-type:circle;}


.bor4-brown{border:4px solid #F5ECE0; padding:3px 4px 0 4px;}
.bor2-brown{border:2px solid #F5ECE0;}
.col_mem_a .bor2-brown{border-top:none; padding-top:2px;}
.memnav li span{display:block; padding-left:30px; cursor:pointer; height:30px; line-height:30px; background-image:url(../images/my_icon_list.gif); background-repeat:no-repeat;}
#mem-n-1 a span{background-position:8px -132px;}
#mem-n-2 a span{background-position:8px -172px;}
#mem-n-3 a span{background-position:8px -212px;}
#mem-n-4 a span{background-position:8px -252px;}
#mem-n-5 a span{background-position:8px -292px;}
#mem-n-6 a span{background-position:8px -334px;}
#mem-n-7 a span{background-position:8px -372px;}
#mem-n-8 a span{background-position:8px -412px;}
#mem-n-9 a span{background-position:8px -452px;}
#mem-n-10 a span{background-position:8px -495px;}
/*--link color--*/
a.a3{ font-size:14px;}
a.a3:link{color:#804825;}
a.a3:visited{color:#804825;}
a.a3:hover{color:#804825;}
.col_mem_a {float:left; width:180px;}
.memnav {/*background:url(../images/navbg.jpg) repeat-y 50% 0; */border:1px solid #c8a582; border-top:none;}
.memnav li {font-size:14px; margin:0px 0 2px 0;position:relative;}
.memnav li a {text-decoration:none; height:30px; line-height:30px; display:block; padding:0px 4px;}
.memnav li a:hover, .memnav li.cur a {text-decoration:none; background:url(../images/my_icon_list.gif) no-repeat 0 -60px;}
.memnav .mennavsub {background:#fff;}
.memnav .mennavsub li a {padding-left:45px; background:url(../images/ico-dot.gif) no-repeat 30px -52px;}
.memnav .mennavsub li a:hover, .memnav .mennavsub li.cur a{background:url(../images/my_icon_list.gif) no-repeat 0 -100px;}
.memnav li.cur a span,.mennavsub li.cur a{cursor:default;}
.memnav-title a{text-indent:-9999em; display:block; background:url(../images/my_icon_list.gif) no-repeat 0 0; width:180px; height:37px; overflow:hidden;}
.headline { margin-top:10px; }
.headline .pos { line-height:24px; font-size:24px; font-family:"Microsoft YaHei"; }
.headline p { line-height:18px; }
.col_mem_b { width:760px; float:right; }
.memnote1 {border:1px solid #ccc; background:#F6F6F6; line-height:200%; }
.memnote2 {background:#FFF; line-height:200%; }
.memnote2 .con, .memnote1 .con { padding:10px 15px; }
.memnote1 .con2 { padding:5px 15px; }
.bdot { border-bottom:1px dashed #ccc; }
.infobox {margin-bottom:10px;width:100%; border:1px solid #E0CEC2; border-top:1px solid #E0CEC2;}
.infobox td,.infobox th{ border-bottom:1px solid #EEDFD0; padding:4px 5px 4px 14px;  }

.infobox caption{border:1px solid #E0CEC2; font-size:14px; font-weight:600; line-height:28px; background:#F3ECE6 url(../images/caption_bg.gif) repeat-x center center; margin-left:-1px; padding-left:15px; text-align:left;}
.infobox caption a { font-size:12px; font-weight:400; }
.infobox caption.t0 { padding-top:0;}
.infobox td{border-bottom:1px solid #EEDFD0;border-left:1px solid #EEDFD0;line-height:20px; color:#333; }

.infobox th{background:#f9f4f1;color:#666; font-weight:normal;}
.infobox input, .infobox select { color:#666; vertical-align:middle; }
.infobox .input1 { border:1px solid #ccc; height:20px; line-height:20px; }
.infobox .th1 { width:80px; }
.infobox .th2 { width:120px; }
.infobox .th3 { width:240px; }
.infobox .th4 { width:180px; }
.infobox .th5 { width:150px; }
.infobox .w1 { width:40px; }
.infobox .w2 { width:300px; }
.infobox .w3 { width:10px; }
.infobox.order td.tl { text-align:left; }
.infobox.order .th1{ width:120px;}
a.blue{color:#2962F9; text-decoration:underline;}
.infobox.order .w4{ width:72px;}
.infobox .voucher { margin:10px 0; }
.infobox .voucher label { float:left; text-align:right; width:170px; line-height:20px; }
.infobox .voucher input { float:left; }
.btnsub { float:left; padding:0 14px; border:1px solid #F8A95A; height:23px; background:url(../images/btn-sumbit.gif) repeat-x; line-height:23px; }
.align { padding-left:100px; }
.align2 { padding-left:170px; }
.infobox.order th, .infobox.order td {text-align:center;}
.btn-cancel { float:left; height:18px; border-right:1px solid #F0F0F0; }
.btn-cancel a { display:block; padding:0 5px; border:1px solid #C6C6C6; background: url(../images/btn-cancel.gif) repeat-x; line-height:18px; }
div a.btn-pay { display:block; width:93px; height:33px; background:url(../images/btn-pay.jpg) no-repeat; text-align:center; font-size:14px; line-height:30px; font-weight:600; color:#fff; overflow:hidden; }
.btn-cancel a.btn-pay:hover, div a.btn-pay:visited { color:#fff; }
.btn-buy { margin:0 auto; width:150px; }
.btn-buy a { float:left; margin:0 5px; }
.btn-buy a.buy { width:59px; height:21px; background:url(../images/btn-buy.gif) no-repeat 0 0; line-height:21px; color:#fff; text-align:center; }
.btn-buy a.buy:hover{ color:#fff;}
.unline { text-decoration:underline; }
.ind { text-indent:2em; }
.f14 { font-size:14px; }
.infobox.voucher td { padding-bottom:30px; border:1px solid #ccc; border-top:0; }
.page { padding-top:4px; text-align:right; clear:both; }
.page a { margin:0 5px; padding:0px 4px; background:#757575; color:#fff; }
.page a.nextpage, .page a.nextpage:hover { display:inline-block; margin-right:15px; padding-right:6px; color:#757575; background:url(http://img.m18.com/web/i/vi//page-arrow.gif) no-repeat 100% 5px; text-decoration:none; }
.page a:hover { background:#C2030D; color:#fff; text-decoration:none; }
.page a.cur { background:#C2030D; cursor:default; }
.page a.pageprev, .page a.pageprev:hover { background:transparent url(../../i/list/bg-pageprev.png) no-repeat scroll 0 50%; color:#757575; padding-left:10px; }
/** faq**/
.faq { color:#333; }
.faq li { border-top:2px solid #ccc; padding-bottom:10px;}
.relay { position:absolute; width:100%; }
.faq-q { padding:10px 10px 5px 50px; margin:0 0 4px 164px; border-bottom:1px solid #E8E8E8;border-top:1px solid #E8E8E8;background: #F8F8F8 url(../../i/vi/btn-qa.jpg) no-repeat 6px 10px; }
.faq-f { overflow:hidden; margin:-15px 0 5px 155px;border:1px solid #E8E8E8; padding:0 5px 0; }
.faq-f li { border-top:1px dotted #E8E8E8; padding:8px; position: relative; }
.faq-f li.first { border-top-width:0; }
.callcenter .fl { color:#CD1E3B; }
.faq-arrow{ margin-left:60px;}
.faq-arrow .uparrow { display:block; position:relative; width:15px; height:13px; top:-12px;margin-left:180px;background:url(http://img.m18.com/web//i/vi/uparrow.gif) no-repeat 0 0; z-index:9 }
.bt1 { border-top:1px solid #E7E7E7; }
.comhead { font-size:26px; font-family:"Microsoft YaHei"; }
.mt20 { margin-top:20px; }
.faqprod {float:left; margin:10px; height:130px; width:140px; background:#fff; text-align:center; }
.faqprod a span{ width:120px;overflow:hidden;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.alterinfo{padding:10px;border:1px solid #E1C6AC; background:#FFF5D7;}
.forbid{ padding:30px 260px 20px 330px; background:url(http://img.m18.com/web/i/comm/ico-no.jpg) no-repeat 200px 30px; font-size:14px; line-height:25px;}
.forbidcon{ padding:5px 10px; background:#FCF4E4;}
.btn-modify { float:left; margin:10px 10px 10px 0; padding-left:8px; height:28px; background:url(http://img.m18.com/web/i/checkout/btn-modifyorde2.gif) no-repeat 0 0; color:#CF0F0F; font-size:14px; font-weight:600; line-height:28px; text-align:center; }
.btn-modify span { display:block; padding-right:8px; height:28px; background:url(http://img.m18.com/web/i/checkout/btn-modifyorde2.gif) no-repeat 100% 0; cursor:pointer }
.fontyh{ color:#CC0000;font-size:18px;font-family:"Microsoft YaHei";}
.nocontent{ margin:20px 0;text-align:center; font-size:14px;}
a.ordername {display:block; color:#000000; line-height:18px; text-align:left; }
a.ordername img { float:left; margin:0 10px 0 0; vertical-align:top; }
.infobox.order td.p2,.infobox.order th.p2{ padding:0 2px;}
/*--process state--*/
.process-state{margin-top:10px; padding-top:25px; margin-left:-20px;}
.process-state li{ text-align:center; float:left; width:125px; padding:0 5px;}
#process-state-1{ background:url(../images/process_1.gif) no-repeat 55px 0;}
#process-state-2{ background:url(../images/process_2.gif) no-repeat 55px 0;}
#process-state-3{ background:url(../images/process_3.gif) no-repeat 55px 0;}
#process-state-4{ background:url(../images/process_4.gif) no-repeat 55px 0;}
#process-state-5{ background:url(../images/process_5.gif) no-repeat 55px 0;}
/*--unnormal process state--*/
#process-state-unnormal{background:url(../images/process_6.gif) no-repeat 55px 0;}
#process-state-cod-unnormal{background:url(../images/process_cod_5.gif) no-repeat 55px 0;}
/*--cash on delivery process state--*/
#process-state-cod-1{ background:url(../images/process_cod_1.gif) no-repeat 55px 0;}
#process-state-cod-2{ background:url(../images/process_cod_2.gif) no-repeat 55px 0;}
#process-state-cod-3{ background:url(../images/process_cod_3.gif) no-repeat 55px 0;}
#process-state-cod-4{ background:url(../images/process_cod_4.gif) no-repeat 55px 0;}
.order-info span{margin-left:20px;}
.order-info strong{font-weight:800;}
.order-info a:link{color:#2962F9;}
.order-info a:visited{color:#2962F9;}
.order-info a:hover{color:#F60;}
.btn-process{display:-moz-inline-stack; display:inline-block; padding:0 2px 0 0; background:url(../images/btn-pay2.gif) no-repeat 0 0; text-align:center; font-size:12px; line-height:26px; font-weight:600; *display:inline;}
.btn-process a{ display:-moz-inline-stack; display:inline-block; height:26px; line-height:26px; padding:0 12px; background:url(../images/btn-pay2.gif) no-repeat; color:#FFF;}
.order-info .btn-process a:link,.order-info .btn-process a:visited,.order-info .btn-process a:hover{color:#FFF;}
.btn-process a:link,.btn-process a:visited,.btn-process a:hover{color:#FFF;}
.dot-icon{background:url(../images/ico-dot.gif) no-repeat 0px -56px; padding-left:10px;}
/** add for img ----clx**/
.faqprod .s-pic{ width:50px; height:65px;}
/** add for modify order ----clx**/
.rebuy{float:left; padding-left:10px; height:28px; line-height:28px;background:url(../../i/modifyorder/re-btn.gif) no-repeat 0 0; color:#fff; font-size:14px; font-weight:600;}
.rebuy span{ float:left;height:28px; padding-right:10px;background:url(../../i/modifyorder/re-btn.gif) no-repeat 100% 0; cursor:pointer;}
a.rebuy:hover{ color:#fff;}
.checknote{padding-left:15px; color:#666;line-height:30px;}
.memhead{ line-height:34px;}
.memhead span{ font-size:14px; font-weight:600;}
/** add for FAQ new-icon ----clx**/
.memnav li a{position:relative;}
.memnav li .mem-new{position:absolute;width:20px; height:13px;background:url(http://img.m18.com/web/i/member/new.gif) no-repeat 0 0; top:0;right:62px; text-indent:-2em; overflow:hidden;}
/*--for rate star comment--*/
.order-title{color:#666; font:600 18px Tahoma, Geneva, sans-serif;  text-indent:14px;}
.order-title span{font:normal 12px Tahoma, Geneva, sans-serif;}
/*--for complaint--*/
.bor1-yellow{border:1px solid #FAE9A7;}
.bor1-brown{border:1px solid #D18556;}
.tips{padding:10px; background:#FEFAE9;}
.list-square li {overflow:hidden; padding:4px 0 4px 10px; background:url(http://img.m18.com/web/i/comm/ico2.gif) no-repeat 2px 50%;}
.complaint-text{padding:15px;}
.complaint-c{background:url(../images/icon_write.gif) no-repeat 5px 30px;}
.complaint-text textarea{width:660px; height:100px; overflow:auto; margin-left:60px;}
.btn-red{background:url(../images/btn-red.gif) no-repeat 0 3px; width:130px; height:37px; border:none; color:#FFF; font:bold 14px Tahoma, Geneva, sans-serif,'ËÎÌå'; line-height:28px; display:block; cursor:pointer;}
.btn-red1{background:url(../images/btn-red1.gif) no-repeat 0 3px; width:130px; height:37px; border:none; color:#FFF; font:bold 14px Tahoma, Geneva, sans-serif,'ËÎÌå'; line-height:28px; display:block; cursor:pointer;}
.complaint-text .btn-red,.complaint-text .btn-red1{margin:0 0 0 60px; _display:inline;}
.complaint-question{border-top:1px solid #CCC;}
.complaint-question .list-square li{ float:left; width:345px;}
.complaint-c .fag-error{margin:7px 0 0 10px; display:none;}
/*--for answer succeed pop up box--*/
.pop-box{width:600px; height:150px; background:#FFFFDF url(../../i/vi/account-photo.gif) no-repeat 25px 30px; margin:0 auto; display:none;}
.pop-main{ background:url(../../i/comm/box_shadow_b.gif) 0 100% no-repeat; height:100%;}
.pop-content{background:url(../../i/comm/box_shadow_r.gif) 100% 100% no-repeat; height:100%; position:relative;}
.bor2-r{border:2px solid #C00;}

.pop-box .bor2-r{margin:0 5px 5px 0; padding:35px 10px 50px 110px; line-height:2em;}
.bor1-r{border:1px solid #C00;}
.pop-box .f14{color:#666;}
.fag-error{background:#FFECEC url(../../i/comm/error-2.gif) no-repeat 5px 3px; padding:2px 10px 2px 25px; margin:5px 0 0 10px; display:inline;}
.clearboth{clear:both;}
.complaint-text .pop-box{margin:50px auto;}
.complaint-text p{color:#969696}
/*--link blue--*/
.link_b:link{color:#095aca;}
.link_b:visited{color:#095aca;}
.link_b:hover{color:#c00;}
.color-red{color:#F00;}
/*--split wrap order detail--*/
.split-wrap{border-top:1px solid #EEDFD0; padding:8px;}
.split-wrap li{ background:url(../../i/comm/icon-transport.gif) no-repeat 0 8px; padding:5px 0 5px 40px;}
.infobox .color-org{color:#F60;}
.btn-brown{display:-moz-inline-stack; display:inline-block; width:80px; height:28px; background:url(../../i/comm/btn/btn-brown.png) no-repeat 0 0; line-height:28px; text-align:center; color:#FFF;*display:inline;}
.btn-brown a{ display:-moz-inline-stack; display:inline-block; line-height:28px; padding:0 10px 0 10px; background:url(../../i/comm/btn/btn-brown.png) no-repeat 0 0;}
.batch td{border-bottom:2px solid #E3CBB3;}
.bor-dot{border-bottom:1px dashed #CCC;}
.ml15{margin-left:15px;}
.infobox td.checkbox-width{width:20px; padding-right:14px;}
/*--tab3--*/
.tab3 {height:35px; padding-left:10px; margin:0px 0 10px; background:url(../../i/comm/tab/bg-tab3.gif) repeat-x 0 100%;}
.tab3 li {overflow:hidden; float:left; margin:0 15px -1px 0; line-height:35px; font-size:14px; text-align:center; width:158px;}
.tab3 li a {display:block; background:#FFF; height:29px; margin-top:4px; border:1px solid #999; border-bottom:none; padding:0 10px; line-height:29px; color:#A35E30; font-size:14px;}
.tab3 li a.cur {background:url(../../i/comm/tab/bg-tab3-on.gif) repeat-x 0 0; margin:0; height:29px; padding-top:5px; border:1px solid #A0774A; border-bottom:none; cursor:default;}
.tab3 li a:hover {text-decoration:none;}
.tab3 li a.cur{color:#333; font-weight:bold;}
/*--popup style--*/
.wrap-popup2{width:500px;background:#FFF; border:2px solid #ae0a01; background:#FFF;}
.wrap-popup2 .popup-suceed{background:url(../../i/comm/icon-ex-sucess.gif) no-repeat 20px 0; padding:0 10px 0 100px; color:#333;}
.wrap-popup2  h3{font:bold 14px Tahoma, Geneva, sans-serif ,'ËÎÌå';}
.wrap-popup2  input{padding:4px 6px;}
.wrap-popup2 .close-t{position:absolute; top:5px; right:10px; padding-left:16px; display:block; width:24px; height:18px; background:url(../../i/comm/ico-close.png) no-repeat 0 1px;}  
.wrap-popup2 .title{padding-left:10px; background:#EEE; text-indent:0;}
/*--mask style--*/
.dialog-box{display:none;}
.title {color:#333; font-size:20px; font-weight:600; font-family:"Microsoft YaHei"; line-height:30px; text-indent:15px; }

 a.a2:link , a.a2:visited {color:#0077ff; 
text-decoration:underline; }
a.a2:hover {color:#C30; 
text-decoration: none; }
.ml10{ margin-left:10px;}
.mb10{ margin-bottom:10px;}

.pic_links {
	padding: 10px 0 0 10px;
}

.pic_links ul {
	width: 702px;
	background: url(../images/bg_pic_links.gif) repeat-y;
	border-top: 2px solid #e3e3e3;
}

.pic_links ul li {
	float: left;
	width: 140px;
	height: 36px;
	text-align: center;
	padding-top: 4px;
}

.text_links {
	padding: 30px 0 0 10px;
}

.text_links ul {
	width: 702px;
	background: url(../images/bg_text_links.gif) repeat-y;
	border-top: 2px solid #e3e3e3;
}

.text_links ul li {
	float: left;
	width: 140px;
	height: 30px;
	text-align: center;
	line-height: 27px;
}

.pic_links h2, .text_links h2 {
	font-size: 14px;
	color: #EE7441;
	height: 30px;
	line-height: 30px;
}

.pic_links table tr td {
	width: 148px;
	height: 38px;
	text-align: center;
	background: #fff;
}

.text_links table tr td {
	width: 148px;
	height: 28px;
	text-align: center;
	background: #fff;
}
.xlss li{ display:block; float:left;}
.xlss li img{ margin-left:1px; margin-bottom:1px; float:left;}

.text{ width:150px; height:20px; border:1px solid #CCC;}

.top-search div{ height:41px; float:left; line-height:41px;}
.search-cat li{ border-bottom: dashed 1px #CCC; clear:both;}
#foot-help li{ display:block; float:left; background:#FFF; height:120px; width:175px; line-height:120px; background-color:#FFF;}