/* 
    Document   : style
    Created on : 2011-7-22, 10:18:57
    Author     : sin
    Description:
        default.css
*/
a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, 
s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, 
var{background: transparent;border: 0 none; font-size: 100%; margin: 0;padding: 0;border: 0;outline: 0; }

select{font-family: inherit; color:inherit;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table, table td { padding:0; border:none; border-collapse:collapse;}
img {vertical-align:top; }
embed { vertical-align:top;}

.smallslider{position:relative;padding:0;margin:0;overflow:hidden;}
.smallslider ul{list-style-type:none;padding:0;margin:0;position: absolute;width:auto;height:auto;}
.smallslider li{margin:0;padding:0;}
.smallslider li a{margin:0;padding:0;}
.smallslider li a img{border:0;padding:0;margin:0;vertical-align:top;}
.smallslider  h3{position:absolute;font-weight:bold;font-size:12px;margin:0;padding:0;text-indent:2%;line-height:26px;z-index:102; width:98%;color:#CCC;}
.smallslider  h3 a{padding:0;margin:0;text-indent:0; }
.smallslider  h3 a:link,.smallslider  h3 a:visited{text-decoration:none;color:#FFFFFF;}
.smallslider  h3 a:hover{text-decoration:underline;color:#FF6600;}
.smallslider li.current-li{}
.smallslider-btns{position:absolute;z-index:103;}
.smallslider-btns span{background-color:#FFFFFF;border:1px solid #DCDCDC;color:#9F9F9F;cursor:pointer;float:left;font-size:12px;height:16px;line-height:16px;text-align:center; width:16px;}
.smallslider-btns span.current-btn{ background-color:#C00100; border:1px solid #A00100; color:white; font-size:13px;font-weight:bold;}
.smallslider-lay{position:absolute;background:black;height:26px;width:100%; z-index:101;}


body {font-size: 13px; font-family:Verdana,arial,"Microsoft YaHei"; color:#737373; background: #FFF; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
input, textarea, select {margin: 0;outline: medium none;padding: 0;vertical-align: middle;}
select{border: 1px solid #797979; padding: 2px; font-size: 13px;}
option{padding:0 6px; }
label{vertical-align: middle;}
label span{margin-left: 20px;}
h1{font-size:32px;}
a {color:#1FAAD7; outline: medium none;text-decoration: none;}
a.x:hover{background: #0F70B8; color: #FFF;}
.link, .link-d{color:#333;}
.link:hover, .link-h:hover{text-decoration: underline; }
.link-d{text-decoration: underline;}
.link-d:hover{text-decoration: none;}
.link-g{text-decoration: underline;}
.linkdo{margin-left: 10px;}
b,i, cite, em, var, dfn, address {font-weight: normal; font-style: normal;}
.clearfix:before,
.clearfix:after { content: "."; display: block;  height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.t_c{text-align:center;}
.t_r{text-align:right;}
.f_l{float:left;}
.f_r{float:right;}
.section{margin-top: 10px;}
.bd{font-weight: bold;}
.warn{color:#FF0000; font-weight: bold;}
div.section{ line-height: 24px;  font-size: 14px;}
.fld {padding: 5px 0;}
.fld-h{font-weight: bold; font-size:26px; padding: 6px 0 6px 60px; }
.fld label.lf {float: left;padding: 3px 3px 3px 0;text-align: right;width: 100px;}
.ifd {padding-left: 120px;}
.ifx {margin-bottom: 10px;}
.ifd .ifm {margin-left: 5px;display: inline-block;padding-left: 16px;}
.req .ifm {background:url("img/req.png") no-repeat left center; }
.lef-pad{padding-left: 48px;}
.ifd em, .isp em{font-weight: bold; color: red;}
.fld-t{padding:16px 0 0 120px ;}
.ifd-b{height:24px; padding:3px;}
.txt,.txa{font-size:13px; border: 1px solid #B3B3B3;padding: 1px;}
.txt:focus, .txa:focus{border-color:#B4E7FF; box-shadow:0 0 5px #B4E7FF;}
.txt {height: 20px;line-height: 20px;width: 180px;}
.txa{line-height: 20px; width: 180px}
.xtx{font-size:13px;  border: 1px solid #B3B3B3; height: 20px; line-height: 20px; width:30px;}
.btn{font-size: 13px; padding:2px 8px; line-height: 18px; border: 1px solid #CCCCCC;cursor: pointer; box-shadow: 0 1px 1px #CCCCCC, 0 1px 0 rgba(255, 255, 255, 0.25) inset;
        background: -moz-linear-gradient(center top , #FEFEFE, #EEEEEE); 
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#EEEEEE));
        background: -webkit-linear-gradient(top, #FEFEFE, #EEEEEE);
        background: -o-linear-gradient(top, #FEFEFE, #EEEEEE);
        background: linear-gradient(to bottom, #FEFEFE, #EEEEEE);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    }
.btn:hover{border-color: #BBBBBB; transition: border-color 0.15s linear 0s; box-shadow: 0 0 3px #CCC;}
.btn[disabled]{color:#CCC; box-shadow: none;}
a.btn{display: inline-block;vertical-align: top;color: #333;}
.txt[disabled]{background: #F0F0F0;}
.pic-btn{border: 0px none; background: #3190B0; color: #FFF; padding: 2px 10px; margin-right: 20px; cursor: pointer; font-size: 16px;}
.txm{width:120px;} .txs{width:60px;} .txb{width:360px;} .txz{width: 540px;} .sbtn{padding: 6px 24px;} .xdobtn{margin-left: 10px;} .txd{width: 80px;} .txn{width: 180px;}
.chk, .rdo, .check_one{margin:-2px 4px 0 0; vertical-align:middle; line-height: 1.5;} 
.check_one{margin-left: 20px;} .lrdo, .lchk{padding-right: 15px;}
.lbon{color: #000; }
.lbdis{color: #AAA;}
.readonly{background: #EEE;}
.readonly:focus{box-shadow: none; border-color: #B3B3B3;}
.high{color: #ff0000;}
.check_one_lbl{padding-left: 8px;}
.chkone{margin-right: 10px; display: inline-block;}
.chkone .chk{margin: -2px 2px 0 0 ;}
.chkgroup2{margin-top: 10px;}
.chkgroup label{ padding-left: 6px; margin-right: 12px;}
.lbl-i input{margin-right: 5px;margin-top: -2px;}
.chklbl{margin-right: 10px;}
select{border: 1px solid #797979;}
.bline{padding: 5px 0;}
.note{margin-top: 8px; line-height: 2em; color: #666;}
.content-p{line-height: 1.6em;}
.content-p table.ct{margin: 0 auto;}
.message {border: 2px solid #000000; color:#000; text-align: left; font-size: 14px; line-height: 20px; height: 20px; font-weight: bold; margin: 10px 0; padding: 2px 10px 2px 36px; background: url(img/i-info.gif) no-repeat 16px 50% #FFF; }
.message-in-sub{margin: 0 20px 10px 20px;}
.message-error {border-color: #CE0002; color: #CE0002; background-image: url(img/i-error.gif);}
.message-ok     {border-color:#01CC01; color: #01CC01;  background-image:url(img/i-right.gif); }
.message-tip     {background-image:url(img/i-info.gif) ;}
.err,.validator-error{color:#CF0F0F;}
.ok,.validator-success{color: #01CC01;}
.margin-right{margin-right: 10px;}
.margin-left{margin-left: 10px;}
.margin-top{margin-top: 10px;}
.margin-bottom{margin-bottom: 10px;}
.padding{padding: 10px;}
.mrg-b-lg{margin-bottom: 20px;}
.dis-table{display: table;width:100%;}
.dis-table-cell{display: table-cell;vertical-align: top;}
.half-width{width:50%;}
.text-primary{color: #fff;}

/* common part -- dynamic window created by javascript */
.dwin{position:fixed; }
.dtable{padding: 0px; margin: 0px;}
.dwin_inner{background: #FFF;color:#444444;}
.dwin_inner .dwin_title{height:22px; line-height:22px; padding:5px 8px; background: #F3F3F3;}
.dwin_inner .dwin_title em{color:#1A1A1A; float:left; font-size:14px; font-weight: bold; }
.dwin_inner .dwin_title span{float:right;}
.dwin_inner .dwin_title span a{display: block; background: url(img/close.gif) no-repeat left top; text-indent: -100px;   height:20px; width:20px; overflow:hidden;}
.dwin_inner .dwin_title span a:hover{background-position: 0 -20px; background-color: transparent; text-decoration: underline; color:#0F70B8;}
.dwin-phone .dwin_inner{}
.dt_l, .dt_c, .dt_r, .dm_l, .dm_r, .db_l, .db_c, .db_r{padding:0px; margin: 0px; border: none; background: #000; z-index:1000; opacity:0.2;filter:alpha(opacity=20);}
.dm_c{padding:0px; margin: 0px; border: none;}
.dt_l, .dt_r,  .db_l, .db_r{width:5px; height: 5px;}
.dmask{position: absolute; left: 0; top: 0; z-index: 999; background: #000;}
.dloading{height: 20px; display: inline-block; line-height: 20px;background: url(img/loader_f3.gif) no-repeat left center; padding-left: 20px; width: 120px;}
.dclosebtn{cursor: pointer; text-align: center; font-weight: bold; display: inline-block; font-size:12px; width: 40px; height:22px; line-height:22px; padding:0 8px; color:#FFFFFF; background:#660000 ; border-width:1px; border-style:solid;border-color:#FFD2D2 #3E0000 #3E0000 #FFD2D2; }
.dmsg{padding:10px 10px 10px 20px;}
.dmsg_win .dwin_inner .dwin_title{background: #F3F3F3;}
.dmsg_in{background:url("img/msg_info.gif") no-repeat scroll left center transparent;  font-size:14px; height:60px ;  line-height:1.6em; width: 240px; padding:0px 0px 0px 48px; }
.d_info{background-image:url("img/msg_info.gif") ;}
.d_right{background-image:url("img/msg_right.gif") ;}
.d_error{background-image:url("img/msg_error.gif") ;}
.d_loading{background-image:url("img/msg_loading.gif");}
.d_i_info, .d_i_right, .d_i_error, .d_i_loading{padding:0 20px;}
.d_i_info{background:url(img/waiting.png) no-repeat left center; color:#FF7A04;}
.d_i_right{background:url(img/normal.png) no-repeat left center; color:#5EB829;}
.d_i_error{background:url(img/blocked.png) no-repeat left center; color:#FF0000;}
.d_i_loading{background:url("img/loader_white.gif") no-repeat scroll left center transparent; color:#333;}
.d_i_info, .d_i_right, .d_i_error, .d_i_loading{background: none; padding-left: 0px;}
.dmsg_ft{background: #F3F3F3;  height:24px; padding:5px 8px; text-align:right;}
.dmsg_ft span{cursor: pointer; text-align: center; font-weight: bold; display: inline-block; font-size:12px; width: 40px; height:22px; line-height:22px; padding:0 8px; color:#FFFFFF; background:#4E4E4E ; border-width:1px; border-style:solid;border-color:#393939; }
.tip_loading{z-index:  20001; position: fixed; left: 0; top:0; height: 22px; line-height: 22px; width: 130px; display: none; background:url(img/loader_black.gif) no-repeat 6px 50% #000; color:#FFF; padding-left: 28px; box-shadow:3px 3px 3px #4A4A4A; border-radius:3px;  }
.pop_tip{z-index: 20002; left: 0; top: 0; font-size: 14px; height: 40px; line-height: 40px; display: none; background: #000; color: #FFF; padding: 0 20px; text-align: center; box-shadow:3px 3px 3px #4A4A4A; border-radius:5px;  }
.show_msg{margin: 0px auto ; padding: 160px 0 0 0; height: 340px; color:#C8C8C8; background: #DEDEDE;}
.show_msg_wp{margin: 0 auto;width: 600px; border-left:2px solid #626262; background: #FFF;}
.show_msg_in{font-size: 14px; padding: 20px 10px 20px 120px; background:url("img/message-icon.png") no-repeat scroll 40px 50% transparent;}
.show_msg_h{font-size: 16px; }
.show_msg_c{font-size: 14px; line-height: 2em;}
.show_msg_txt{padding: 10px 0 ;color:#000; font-size: 16px; }
.show_msg_jup{font-size: 12px; font-weight: normal;}
.show_msg_jup a{color:#666; text-decoration: underline;}
.kc-confirm-tip{padding: 10px; }
.kc-confirm-msg{width: 360px; line-height: 2em;font-size: 14px; color: #C10066;}
.kc-confirm-acts{margin-top: 10px; text-align: center; border-top: 1px solid #CCC; padding-top: 10px;}
.kc-confirm-acts .btn-secondary{margin-right: 20px; color: #ee0000;}


.d_balloon{background: #FFF; border:2px solid #FF0000; box-shadow:3px 3px 4px #5B5B5B;}
.d_balloon_in{padding: 2px 10px;}
.d_balloon_i{border-color: #FF0000 transparent transparent;  border-width: 12px; bottom: -24px; height: 0; left: 5px; border-style: solid dashed dashed;  overflow: hidden; position: absolute; width: 0;}
.d_balloon_i2{border-color: #FFFFFF transparent transparent; border-width: 12px; bottom: -21px; height: 0; left: 5px; border-style: solid dashed dashed;  overflow: hidden; position: absolute; width: 0;}
.src-to-dst{display: none; text-align: center; background-color: #EEEEEE; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7); border: solid 1px #E2E2E2; position: absolute; top: 0px; z-index: 100000;}
.d_block{background:#FFF;width:400px; padding: 30px 5px; border: 5px solid #000; text-align: center; font-size: 14px;}
.d_block-load{background:url(img/loader_file.gif) no-repeat right center;padding-right: 30px; }
.valign{display: block; display:-ms-flexbox; -ms-flex-pack:center; -ms-flex-align:center; display: -webkit-box; -webkit-box-align: center; -webkit-box-box-pack:center; display: -moz-box; -moz-box-align: center; -moz-box-pack:center; display: box; box-align: center; box-pack:center; }
.dimg, .dmov { background: url("img/media_icons.png") no-repeat scroll center 2px rgba(0, 0, 0, 0);display: block; height: 19px;margin: 0 auto;width: 24px;}
.dmov {background-position: center -22px;}

.img-con{padding: 10px 0;}

.img-box{position: relative;margin-bottom:10px;border: 1px solid #ccc;width:100px;height:75px;background:#f5f5f5;}
.img-box .no-img{height:100%;background:url("../img.png") no-repeat center center;}
.img-box .img-ele{height:100%;}

.img-box .u-file-c input{opacity: 0;}
.img-box .img-add{position: relative;height:100%; background:url("../plus.png") no-repeat center center;overflow: hidden;}
.img-box img{max-width: 100%;max-height: 100%;}
.img-box .del-btn{position: absolute;right:-10px;top:-10px;z-index: 9;width:20px;height:20px; background:url("img/close.gif") no-repeat center bottom;    cursor: pointer;}
.img-box .img-add input{cursor: pointer;text-align: right;font-size: 118px;z-index: 10;position: absolute;top: -6px;right: -6px; }
.note{font-size: 12px;color: #999;}
.img-con .img-ele,.img-con .del-button{display: none;}
.has-pic .no-img{display: none;}
.has-pic .img-ele,.has-pic .del-button{display: block;}

.img-table{display: table;width:100%;height: 100%;}
.img-table-cell{display: table-cell;width:100%;height: 100%;vertical-align: middle}
.img-banner-list li{float: left;margin-right:10px;}
/* paginator */
.pager_wrapper{margin:0 auto;text-align:center;clear:both;padding:10px 0;}
.pager_wrapper table{margin:0 auto;border-collapse:separate;}
.pager_wrapper table td{padding:0;margin:0;}
.paginator{border:0px solid #C7E1EF;margin:0;text-align:center;font-size:12px; height: 20px;}
.paginator a,.paginator span{margin:0 5px 0 0;padding:0 6px;float:left;line-height:18px;height:18px; width:auto;overflow:hidden; border:1px solid #000; }
.paginator a{color:#000; text-decoration:none;}
.paginator span{color:#aeaba6; border: 1px solid #aeaba6;}
.paginator span.current_page{color:#FFF; background: #000; font-weight:bold; border: 1px solid #000;}
.paginator span.total_page{color:#aeaba6;}
.paginator span.more_page{border:none;color:#000;font-weight: bold;}
.paginator a:hover{background:#000; color: #FFF;}

/* kindcent common */
.kc-droplist{position: relative; z-index: 5; display: block; background:#EDEDED; cursor: pointer; }
.kc-droplist cite{border: 1px solid #CCC; display: block;  padding:0px 32px 0px 16px; background: url(img/drop.jpg) no-repeat right center ;  }
.kc-droplist em{display: block; overflow: hidden; white-space: nowrap; line-height: 22px; }
.kc-droplist-items{position: absolute; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); z-index: 10; left: 0px; top:24px; max-height: 312px; overflow-y:auto; background: #FFF;width: 100%;}
.kc-droplist-items-in{border-left: 1px solid #CCC; position: relative;}
.kc-droplist-items a{padding:0 16px 0 16px; text-decoration: none;  white-space: nowrap; color:#333; display: block; line-height: 24px; height: 24px;}
.kc-droplist-items a:hover{background-color: #E0E0E0; text-decoration: none; }
.kc-droplist-items a.disabled{color:#858585; cursor: default;}
.kc-droplist-items a.disabled:hover{background-color: transparent;}
.kc-droplist-items a.on{background-color: #3691FF; color:#FFF;}
.kc-droplist-items a.on:hover{background-color: #3691FF; color:#FFF;}
.kc-droplist-show{z-index: 6;}

.kc-items-list-wp{position: relative;}
.kc-items-list{position: absolute; background:#FFF; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}
.kc-items-list-btn{display: inline-block; padding:3px; margin-bottom: 2px;}
.kc-items-list-dl{padding: 10px; border: 1px solid #EDEDED;}
.kc-items-list-dl dt{line-height: 22px; cursor: pointer;}
.kc-items-list-dl dt:hover{color:#556AFF; }
.kc-items-list-dl dt.on{color: #000BCC;}
.kc-items-list-dl dd{padding:0;}
.kc-items-list-dl dd a{ display: inline-block; color: #1A1A1A; padding:2px; margin-right: 5px;}
.kc-items-list-dl dd a:hover{background: #EFEFEF;}
.kc-items-list-dl dd a.on, .kc-items-list-dl dd a.on:hover{background:#1A1A1A; color: #FFF;}


/* jquery-ui */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dashed black; }

/* file types  */
.file-icon{float:left; width:16px; height: 16px; background: url(img/filetype.png) no-repeat ;}
.icon-mp3{background-position: 0px 0px;}
.icon-pdf{background-position: 0px -16px;}
.icon-unknown,.icon-txt{background-position: 0px -32px;}
.icon-doc{background-position: 0px -48px;}
.icon-xls{background-position: 0px -64px;}
.icon-img{background-position: 0px -80px;}
.icon-ppt{background-position: 0px -96px;}
.icon-zip{background-position: 0px -112px;}
.icon-csv{background-position: 0px -128px;}

/*header*/
.wrap{margin: 0 auto; width: 1590px; }
.u-side-in, .u-main, .main-front, .login, .register{width: 1590px; margin: 0 auto;}
.mc-register .main-front, .mc-login .main-front{width: auto;}
.wrap_wide .wrap, .wrap_wide .u-side-in, .wrap_wide .u-main{width: 1415px;}

.main .wrap{width: auto;}
.main{ background: url(img/bg.gif) repeat left top ;}
.main-front{background: #FFF; margin: 0 auto;}
.mc-index .main-front{width: auto;}
.content{min-height: 500px; line-height: 2em; margin:0 auto; background: #F2F2F2;}
.topper{height: 26px; font-size: 13px; line-height: 24px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); background: #EFEFEF; position: fixed; left: 0px; top: 0px; z-index: 500; width: 100%; border-bottom: 1px solid #BCBCBC;}
.topper a:hover{text-decoration: underline;}
.topper b{padding:0 8px;}
.topper-u{float: left;}
.topper-my{float: right;}
.topper .wrap{height: 24px; padding: 0 10px;}
.cart-icon{display: inline-block; position: relative; }
.cart-summary{font-size:12px; box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.17);  position: absolute; display: none; right: 0px; top: 30px; background: #FFF; color:#333; border: 2px solid #3190B0; padding: 3px; width: 500px;}
/* .cart-icon:hover .cart-summary{display: block;} */
.cart-text{line-height: 30px; text-align: center; font-size: 14px; color: #666;}
/* global top cart */
.cart-lite .cart-list-in{ max-height: 150px; overflow-y: auto; overflow-x:hidden; padding-left: 15px; padding-right: 30px;}
.cart-tbl{width: 100%; text-align: center;}
.cart-summary-smt{height: 24px; line-height: 24px; padding: 0 12px 0 20px; text-align: right; border-top: 1px solid #EEE;}
.cart-summary-smt span{padding-right: 10px;}
.cart-have{border-color: #D50077;}
.fixed-iframe{position: absolute;width:100%;height:100%; z-index:-1; left:0px; top:0px;}
.cart-iframe{height:150px;}
#g_cart_num_v{display: block;}
#g_cart_num_v a, #g_cart_num_v b{display: inline-block; white-space: nowrap; color: #FFF; padding: 0 20px 0 35px; background: url(img/cart.gif) no-repeat 10px 50%;}
#g_cart_num_v a{background-color: #D50077;}
#g_cart_num_v b{background-color: #42B8DD;}

.front-header{color:#333;}
.front-header-in{height: 76px; padding: 10px 10px 0 10px; position: relative;}
.front-heade-lay{display: none;}
.front-inlocal{position: absolute; border: 2px solid #CC0000; color:#CC0000;  border-radius: 40px; width: 80px; height: 80px; top: 1px; left: 0px; text-align: center;}
.front-inlocal div{margin-top: 30px;}
.front-top-nav{text-align: right; padding:5px 0;}
.front-top-nav b{padding: 0 5px;}
.front-top-nav a{color:#333;}
.front-top-nav a:hover, .front-top-nav a.on{background: #783a3d; color:#FFF;}
.front-logo{height: 60px; float:left;}
.front-logo-pd{padding-top: 10px;}
.logo-link{display: block; float: left; width:148px; height: 60px; font-size: 30px; background: url(img/lz_logo-v1.png) no-repeat left top; text-indent: -1000px; color:#783A3D; overflow: hidden;}
.logo-on{visibility: visible;}
.front-broad{float:left; word-break: break-all; color: #A9A9A9; width:450px; line-height: 24px; height: 48px; overflow: hidden;}
.front-broad .broad-have{ padding:0 30px; }
.front-broad a{text-decoration: underline;}
.front-broad a:hover{color:#FDDB02;}
.front-broad .on{border-bottom: 1px solid #000;}
.front-nav{border-bottom: 3px solid #783a3b; height: 30px; }
.front-nav a{float: right; color:#783a3d; height: 30px; line-height: 30px; padding: 0 10px; margin-left:  12px;}
.front-nav a:hover,.front-nav a.on{background:url(img/menu_bg.png) repeat-x left top; color:#FFF;}
.online{padding-right: 16px; background: url(img/status_online.png) no-repeat right center;}
.top-login{position: absolute; right: 0px; top: 6px; z-index: 101;}
.top-login b{padding:0 5px;}
.top-login a{text-decoration: underline;}
.top-login a:hover{text-decoration: underline;}
.top-login h2{font-weight: normal; height: 24px; line-height: 20px;}
.top-login-box{}
.top-login-logged{margin-top: 10px;}
.top-login-fds{color: #888888; height: 24px;}
.top-login-fds div{float:left; width: 124px; height: 24px; margin-right: 10px; position: relative;}
.top-login-fds label{position: absolute; z-index: 5; line-height: 22px; padding: 0 2px;}
.top-login-fds .txt{position: absolute; z-index: 6; color:#333; background: transparent; }
.top-login-btn{height: 24px; float: left; line-height: 24px; font-size: 13px; padding: 0 10px; background: #3190B0; color: #FFF; border: 0px none; cursor: pointer;}
.top-login-ft{margin-top: 10px; text-align: right;}
.top-login-ft a{margin-left: 10px;}
.top-login-navs{padding-top: 10px;}
.top-dia-link{display: none;}
.front-logo .logo{
        float: left; margin-top: 10px;
}

.front-navs{height: 30px; padding-top: 6px;}
.front-navs ul{height: 36px; display: table; margin: 0 auto;}
.front-navs ul li {float: left; margin-right: 10px;}
.front-navs ul li:last-child{margin-right: 0px;}
.front-navs ul li a{display: block; line-height: 30px; height: 30px; float:left; padding: 0 12px;}
.front-navs ul li a:hover{background: #F1F1F1;}

#index_flash{position: absolute; left: 0; top: 0; z-index: 201; width: 300px; height: 250px; visibility: hidden; }
#index_flash_fr{position: absolute; width: 300px; height: 250px; z-index: 203; text-align: center;}
#index_flash_fr span{position: absolute; bottom: 0px; left: 130px; color:#3D3D3D; cursor: pointer;}
#index_flash_lay{position: absolute; left: 0; top: 0; z-index: 200; width: 100%; height: 100%; background: #000;}
#index_body{height: 500px; background:url("img/bg.gif") repeat scroll left top transparent; }
.slider{width:1000px; height: 500px; margin: 0 auto; overflow: hidden; position: relative;}
.slider .smallslider{width:1000px; height: 500px;}
.slider-icon{position: absolute; z-index: 20; right: 5px; bottom: 20px;height: 10px; }
.slider-icon li{width:30px; height: 10px; font-size: 1px; margin-right: 15px; float: left; background: #D4CDC3; cursor: pointer;}
.slider-icon li.selected-icon{background:#5C544B;}

.header{height:110px;  background: url(img/banner_pic.png) no-repeat 420px 50% #581a1a; margin-bottom: 12px;}
.header, .header a{color:#F2F2F2;}
.banner{height: 46px; font-size:28px; padding:34px 0 0 60px;}
.top-bus{text-align: right; padding-right: 20px;}
.top-bus b{padding:0 5px; }
.top-bus a:hover{text-decoration: underline;}

/*footer*/
.footer{font-size: 12px; line-height: 20px; }
.footer-in{height: 76px;padding-top: 12px; text-align: center; }
.footer-navs{ margin: 0 auto; height: 40px;}
.footer-navs a{color:#666;}
.footer-navs a:hover{text-decoration: underline;}
.footer-navs b{padding: 0 10px;}
.footer-flash{ margin: 0 auto; width: 40px; height: 20px;}
.copyright span{display: none;}
.bot-pad{height: 24px;}
.tpl-error{height: 120px; padding-top: 100px; text-align: center;}
/*login*/
.fm-front h1{font-size: 18px; color: #0B7DC4; line-height: 36px; height: 36px;}
.fm-front h2{height: 24px; line-height: 24px; overflow: hidden; font-size: 12px; font-weight: normal;}
.fm-front .link{color: #1FAAD7;}
.fm-front .txt{width: 178px; line-height: 24px; border-color:#1FAAD7; height: 24px;background: #FFF;}
.fm-front .tx-code{width: 100px;}
.fm-front h1 span{font-size: 12px; font-weight: normal; color:#909090; float: right;}
.fm-front h1 b{display: none; font-weight: normal; font-size: 12px; color: #909090; margin-left: 10px;}
.fm-front h1 b.fh-p1{margin-left: 50px;}
.fm-front h1 strong{letter-spacing: 3px; float: left;}
.fm-in{float: left; font-size: 12px; padding:80px 0 0 100px;}
.fm-app{clear: left; border-top: 1px solid #26BBED; font-size: 12px;}
.fm-app p{padding:5px 0;}
.fm-app .link{color: #1FAAD7; text-decoration: underline;}

.login-wp{background-repeat:no-repeat; background-position: center center;}
.login{height: 500px; overflow: hidden; color: #909090; margin: 0px auto;}
.login-ajax{float: none; background: #FFF; padding:0 6px 10px 36px; width:292px;}
.login-ajax h2{font-weight: normal; height: 18px; line-height: 18px;}
.login-ajax .login-fld, .login-ajax .login-app{float: none; text-align: left;}
.login-ajax .login-app p{display: inline; margin-right: 10px;}
.login-ajax .login-app{display: none;}
.login-pan .fld{padding-top: 8px; padding-bottom: 8px;}
.login-pan .login-ajax-btn{padding-top: 2px; padding-bottom: 2px;}
.login-dias{ text-align: center; background: url(img/hr.gif) no-repeat left top; margin-top: 10px; padding-top: 10px;}
.login-dias h3{margin-top: 10px; font-size: 20px;}
.login-app{margin: 30px 0 0 55px;}
.login-lostpwd-sd{display: none; margin-left: 10px;}

/* register */
.register-wp{ background-repeat:no-repeat; background-position: center center;}
.register{height: 500px; color:#909090; overflow: hidden; margin: 0 auto; }
.reg{}
.reg .fld{height: 28px; padding: 0px; width: 262px; margin:0 0 10px 0; position: relative;}
.reg .fld label{width:70px; text-align: left; color: #666; padding:0px; z-index: 4; position: absolute; line-height: 28px; height: 28px;}
.reg .fld input{margin-left: 80px;}
.reg .fld .txt{background: #FFF;}
.reg .sec-code{}
.reg .sec-img{position: absolute; right: 1px; top: 2px; z-index: 10;}
.reg .lef-pad{padding-left:0px; padding-top: 12px; background: transparent;}
.reg .txt:focus, .login .txt:focus{border-color: #1FAAD7;}
.reg-app{display: none; margin: 20px 0 0 80px; }

/* lost-pwd */
.lost_pwd{height: 480px; background: #F2F2F2; padding: 10px; border-bottom:1px solid #783A3B; font-size: 15px; }
.lost_pwd p{line-height: 2em;}
/*user*/
.u-side{background: #E6E7E8;}
.u-side dl{height: 30px; float: left; padding-right: 1px; position: relative; z-index: 11;}
.u-side dt{height: 30px; line-height: 30px; padding: 0 25px; margin-bottom: 0px; background:#42B8DD; color:#FFF; cursor: default;}
.u-side dt, .u-side dd div{height: 30px;}
.u-side dl.on dt, .u-side dl:hover dt{background: #3190B0;}
.u-side dl dt a{padding:0 25px; display: block; line-height: 30px; height: 30px; color: #FFF;}
.u-side dl dt a.on{color:#FFEE9D;}
.u-side dd{position: absolute; z-index: 12; display: none;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.32);}
.u-side dd div{line-height: 30px; height: 30px; margin: 0px; border: 0px none; background: #3190B0; word-break: keep-all; white-space: nowrap;}
.u-side dd div a{display: block; padding: 0 25px; color:#FFF;}
.u-side dd div a:hover{background:#42B8DD; color:#FFEE9D;}
.u-side dd div a.on{color:#FFEE9D; font-weight: bold; position: relative;}
.u-side dd div a.on:after{position: absolute; left: 12px; top: 10px; display: block; content: " "; width: 0px; height: 0px; border-style: solid; border-width: 5px 0 5px 5px; border-color:transparent transparent transparent #FFF; }
.u-side dd div a.on:hover{}
.u-side dd div a b{font-weight: bold; color: #9DE3FF;}
.u-side dd div a em{font-weight: bold;}
.u-side dl.one-level dt{padding:0px;}
.u-side dl.cart-dl{background: none; padding-right: 0px; float:right;}
.u-side dl.cart-dl dt{background: none;}
.u-side dl.cart-dl:hover dt{background:none;}
.u-side-items{height: 30px; }
.u-side-in{margin: 0 auto;}
.u-side dl dt span a{display: inline; padding: 0px; color: #1FAAD7;}
.u-side dl.cart-dl:hover #g_cart_num_v b{background-color: #3190B0;}
.u-side dl.cart-fix{position: fixed; top: 0px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);}
.u-side dl dt span .cart-lite{line-height: 24px;}
.u-side dl dt span .cart-lite a{line-height: 24px;}
.u-side dl dt span .cart-lite a.dimg{display: block; height: 19px; line-height: 19px; }
.tip-num{position: relative; overflow: visible;}
.tip-num-in{position: absolute; right: 2px; top: -10px;
        background: radial-gradient( 1px -11px, circle, white 8%, red 26px );
        background: -moz-radial-gradient( 1px -11px, circle, white 8%, red 26px );
        background: -ms-radial-gradient( 1px -11px, circle, white 8%, red 26px );
        background: -o-radial-gradient( 1px -11px, circle, white 8%, red 26px );
        background: -webkit-radial-gradient( 1px -11px, circle, white 8%, red 26px );
        background-color: red;
        border: 2px solid white;
        border-radius: 12px;
        box-shadow: 1px 1px 1px black;
        color: white;
        font: bold 12px/9px Helvetica, Verdana, Tahoma;
        padding: 2px 3px 1px 3px;
        text-align: center;
        min-width: 8px;
}
.cart-fix .tip-num-in{top: 0px;}
.online{background-image:url(img/status_online.png);}
.u-droplist{position: relative;}
.u-droplist:after{display: block; content: " "; width: 0px; height: 0px; right: 8px; top: 12px; position: absolute; z-index: 2;  border-style: solid; border-width: 5px 5px 0 5px; border-color:#FFFFFF transparent transparent transparent; }

.submenu{position: relative;}
.submenu > a{position: relative;}
.submenu > a:after{display: block; content: " "; width: 0px; height: 0px; right: 8px; top: 12px; position: absolute; z-index: 2;  border-style: solid; border-width: 5px 0px 5px 5px; border-color: transparent transparent transparent #FFF; }
.submenu > .submenu-con{display: none; position: absolute; left: 100%;top:0;z-index: 9;min-width: 200px;background: #2882b9;}
.submenu:hover > .submenu-con{display: block;}

.u-main{margin: 0 auto; padding: 5px 0;}
.u-field{background: #FFF; }
.u-index{min-height: 400px;}
.u-notice{background: url(img/waiting.png) no-repeat 10px 50% #e4e4e4; color: #DCA000; border-bottom: 1px dashed #818181; line-height: 36px; font-size: 14px; padding: 10px 30px; }
.u-sup{padding:16px 12px; background:#EDFAFF;  line-height: 20px;}
.u-sup div{margin-bottom: 8px;}
.u-sup i{color:#666;}
.u-sup b{padding-right: 10px; color: #000;}


/* fields */
.u-field-bd{ min-height: 400px; }
.u-field-h{background: #9DE7FF;}
.u-field-h ul{height: 30px;}
.u-field-h ul li{float:left; margin-right: 5px;}
.u-field-h ul li a{color:#1E92B8; float:left; display: block; padding:0 12px; height: 30px; line-height: 30px; text-align: center; }
.u-field-h ul li a.on{background:#FFF; color: #000;}
.u-field-b{padding:0 10px 10px 10px;}
.u-field-t{padding:12px 10px;}
.u-field-t h2{font-size: 16px;}
.u-field-t h2 label{font-size: 14px; font-weight: normal;}
.u-field-t h2 span{font-weight: normal; color:#F50000; font-size: 14px; padding-left: 20px;}
.u-field-t h2 .strong{font-weight: normal; color:#F50000; font-size: 14px; padding-left: 0;}
.u-field-more{margin: 10px 0; height: 20px;}
.u-field-more a{ height: 20px; float:left; line-height: 20px; color:#222; background: url("img/fold_and_unfold.png") no-repeat scroll right top transparent; padding-right: 14px;}
.u-field-more a:hover{color:#FF6600;}
.u-field-more a.opened{background-position: right bottom;}
.u-field-line{padding-bottom: 8px;}
.u-field-tcol{height: 24px;}
.u-field-tcol .u-field-h2{float: left; line-height: 24px; }
.u-field-tcol .u-field-h2-r{float: left; padding-left: 20px;}
.u-field-ajax, .u-field-ajax2{padding: 20px 30px;}
.u-field-ajax .u-field-tbl{background: #F2F2F2;}
.u-field-ajax2{width:360px;}
.u-field-pop{padding: 20px 10px 20px 20px; width:450px;}
.u-field-pop li{padding-bottom: 10px;}
.u-field-pop li .on{color:#FF0000; font-weight: bold;}
.u-field-pop li b{font-weight: bold;}
.u-field-pop li i{color: #0690A2;}
.u-field-pop li var{color:#FF5500; font-weight: bold;}
.u-sub-h{padding: 10px 30px;}
.u-sub-h a{color:#333;}

.u-field-tbl{padding:0px; min-width:1000px;}
.u-field-tbl td, .u-field-tbl th{border:1px solid #E0E0E0; padding: 5px;}
.u-field-tbl td b{font-weight: bold; color: red;}
.u-field-tbl td i{margin-right:10px;}
.u-field-tbl td i:last-child{margin-right: 0px;}

.u-field-tb2{padding:0px; min-width:680px;}
.u-field-tb2 td, .u-field-tbl th{border:1px solid #E0E0E0; padding: 5px;}
.u-field-tb2 td b{font-weight: bold; color: red;}
.u-field-tb2 td i{margin-right:10px;}
.u-field-tb2 td i:last-child{margin-right: 0px;}

.u-field-tbl-l th{text-align: left;background:#F4FFFE;}
.u-field-tbl-c td{text-align: center;}
.u-tbl-hd, .u-tbl-ft{padding: 6px 6px; }
.u-tbl-hd{ height:20px; line-height: 20px;}
.u-tbl-ft { height: 28px;}
.u-tbl-summary{line-height: 28px;text-align: right;}
.u-tbl-x{height: 28px; }
.u-tbl-x input{font-size:12px;}
.u-tbl-l{background:#EDFAFF; text-align: right;}
.u-tbl-trh th, .u-tbl-h{background: #EDFAFF; text-align: center;}
.u-tbl-w{background: #FFF;}
.ui-sortable img{cursor: move;}
.tog-tbl-cnt{display: none;}
.tog-tbl{cursor: pointer;}
.tog-tbl:hover{text-decoration: underline;}
.cpm-tbl{margin-top: 0px;}
.cpm-tbl td{ vertical-align: top}
.cp-tbl{float: left; margin: 0 10px 10px 0;}
.cp-tbl td{line-height: 1.5em;width: 120px;}
.dtbl{background: #FFF; width: 100%;}
.dtbl td, .dtbl th{border:1px solid #E0E0E0; padding: 5px; word-break: break-all; word-wrap: break-word;}
.hl{padding: 10px 0 5px 0; height: 18px;}
.hl a{margin-left: 10px; font-weight: normal;}
.hl i{float: right; color:#666; font-size: 12px;}
.w{background: #FFFFFF;}
.t{background: #EDFAFF;}
.u-tbl-h3{padding:5px; line-height: 18px; text-align: center; font-weight: bold; background: #EDFAFF; border:1px solid #E0E0E0; border-bottom: 0px none;}
.u-field-a{padding-bottom: 20px;}
.u-field-s{ padding:0 0 40px 97px; }
.u-field-s2{padding:0 0 20px 20px;}
.u-field-s2 select, .u-field-s2 span.pdr{margin-right: 10px;}
.u-field-s2 .mlef{margin-left: 20px;}
.u-td-col1, .u-td-col2{vertical-align: top;}
.u-td-col2{padding-left: 20px;}
.u-cols2{float: left; margin: 0px 20px 20px 0;}
.u-cols-on .col{border-color: #FF6600;}
.u-cols-on .tr-on td, .u-cols-on .td-on{background-color:#A1B150; color:#FFF;}
.u-cols-on .tr-on td.td-on{font-weight: bold; background-color: #0AB2B5; }
.flds{border: 1px solid #CCC;}
.flds legend{padding: 0 5px; margin: 0 0 0 10px;}
.flds div{margin: 10px; padding: 5px;}
.flds div label{margin-right: 20px; padding-left: 5px;}
.reset .all{color: #ff0000;}
.reset .all .flds{border-color: #ff0000;}

.dwin_content .u-field-b{padding:20px;}
.dwin_content .u-field-s{padding: 0 0 20px 107px;}

.u-search{ vertical-align: middle; }
.u-search label{padding-left: 10px; vertical-align: middle;}
.u-search label.lbl-last{padding-left: 2px; padding-right: 10px;}
.u-search b{text-align: center; padding:0 5px;}
.u-page{line-height: 20px; height: 20px; text-align: right;}
.u-page a:hover{text-decoration: underline;}
.u-page span, .u-page a{padding: 0 5px; background:#42B8DD; color: #FFF; margin-left: 5px;}
.u-page span.current_page{  color:#666; }
.u-page span{background:#E8E8E8; color:#BABABA;}
.u-page-total{float: left; color: #6D6D6D; font-size: 12px;}
.u-page-total .chkall{margin-left:0px;}
.u-page-lit{padding: 5px 0 0 0; text-align: left; font-size: 12px;}
.u-page-lit span, .u-page-lit a{padding: 0 5px;}
.u-page-lit span{color:#9F9F9F;}
.u-page-lit span.current_page{color:#9F9F9F;}
.u-tbl{ border-bottom: 0px none; }
.tbl-list{width: 100%; empty-cells: show;}
.tbl-list tr.list, .tbl-list tr.items,tr.items{background: #FFF;}
.tbl-list tr.list:hover{background:#EEE;}
.tbl-list tr.list-hd th, .tbl-list tr.list td, tr.items td{border-bottom:1px solid #E2E2E2; padding: 5px; text-align: center;}
.tbl-list tr.list-hd th.td-l, .tbl-list tr.list td.td-l, tr.items td.td-l{text-align: left;}
.tbl-list tr.list-hd th.td-r, .tbl-list tr.list td.td-r, tr.items td.td-r{text-align: right;}
.tbl-list tr.list-hd th.list-c1, .tbl-list tr.list td.list-c1, tr.items td.list-c1{text-align: left;padding-right: 0px;}
.tbl-list tr.list-hd th.nop-l, .tbl-list tr.list td.nop-l, tr.items td.nop-l{padding-left: 0px;}
.tbl-list tr.list-hd th.nop-r, .tbl-list tr.list td.nop-r, tr.items td.nop-r{padding-right: 0px;}
.tbl-list tr.list-hd th{background: #878787; color:#FFFFFF; font-size: 12px; border-bottom: 0px none;}
.tbl-list tr.tbl-loaded{background: #EEEEEE;}
.tbl-list tr.handling td{background: #3C0000; color:#FFF;}
.tbl-loaded-td{border-bottom:1px solid #E2E2E2; }
.tbl-loads{padding: 0 0 10px 30px; margin-bottom:10px; border: 1px solid #E2E2E2; border-top: 0px none;}
.list-c1{width:16px;}
.tl td{text-align: left;}

.in-list{ line-height: 20px; }
.notes{line-height: 24px; padding-top: 10px;}
.notes li{padding-left: 2em;}
.notes-t{font-weight: bold;}
.notes li.notes-t{padding-left: 0px;}
.multi-links{width: 422px; padding: 10px 0 10px 10px; min-height: 120px;overflow: hidden;}
.multi-links li{float:left; margin-right: 10px;}

/* searches */
.search-hd{padding:0px; background: #FFF; border-bottom:1px solid #BCBCBC; }
.searches{height: auto;}
.search-panel{float: left; border-right: 1px solid #BCBCBC; padding:0;}
.search-panel dl{line-height: 20px;  font-size: 12px; overflow: hidden;}
.search-panel dt{display: table-cell; vertical-align: middle; color: #0B7DC4; font-weight: bold; height: 100%; line-height: 20px; padding:0 12px;}
.search-panel dd{display: table-cell; border-left: 1px solid #D7D7D7; padding-left: 1px; }
.search-panel-color dd{}
.search-panel dl.sp-last dd{padding-bottom: 0px;}
.search-panel a{float: left;cursor:default;  width:48px; overflow: hidden; height: 20px; margin:0 1px 1px 0; color:#333; text-align: center;}
.search-panel a span{display: block;  width:48px;}
.search-panel a.on, .search-panel a.ui-selecting, .search-panel a.hvr{color:#FFF; background-color: #A1A1A1;}
.search-panel a.on{background-color:#666; }
.search-panel a.on:hover{background-color:#666; border: none;}
.search-panel dl.pan-colors a{ }
.search-panel-color dl.pan-clarity a{height: 40px;}
.search-panel-color dl.pan-clarity a b{display: block;}

.search-panel dl.pan-shape{border-bottom: 1px solid #D7D7D7;}
.search-panel dl.pan-color{border-bottom: 1px solid #D7D7D7;}
.search-panel dl.pan-colors{border-bottom: 1px solid #D7D7D7;}
.search-panel dl.pan-color-color{border-bottom: 1px dashed #D7D7D7;}
.search-panel dl.pan-clarity{border-bottom: 1px solid #D7D7D7;}
.search-panel dl.pan-cut{}
.search-panel dl.pan-polish{}
.search-panel dl.pan-symmetry{}
.search-panel dl.pan-report{}
.search-panel dl.pan-fluorescence{}

.search-panel dl.pan-shape dt{}
.search-panel dl.pan-color dt{}

.search-panel dl.pan-shape dt, .search-panel dl.pan-shape dd{padding-top: 1px;}
.search-panel dl.pan-fluorescence dt, .search-panel dl.pan-fluorescence dd{padding-bottom: 1px;}
.search-hd{position: relative;}
.ch-3exn{position: absolute; left: 510px; bottom: 0; padding: 2px; cursor: pointer;}
.li-wht{position: relative;z-index: 5;}
.weight-list{position: absolute; padding: 5px; display: none; width: 240px; left: 0px; top: 23px;box-shadow: 5px 5px 5px rgba(0,0,0,0.2); background: #FFF; border: 1px solid #b3b3b3; line-height: 1.8em;}
.weight-list a{padding: 0 5px; display: inline-block;}
.weight-list a:hover{background: #F8F8F8;}

.shp a{height: 61px;}
.shp span{height: 61px; text-indent: -1000px; background:url(img/shape-v5.png) no-repeat center center ; }
.shp-txt a{height: 20px;}
.shp-txt a span{display: none; background:none; text-indent: 0px;}
.shp-pic b{display: none;}
.shp-pic_txt a{height: 81px;}
.shp span.shape-round{background-position: 0px 0px;}
.shp span.shape-princess{background-position: -48px 0px;}
.shp span.shape-emerald{background-position: -288px 0px;}
.shp span.shape-radiant{background-position: -96px 0px;}
.shp span.shape-oval{background-position: -240px 0px;}
.shp span.shape-pear{background-position: -336px 0px;}
.shp span.shape-marquise{background-position: -192px 0px;}
.shp span.shape-heart{background-position: -384px 0px;}
.shp span.shape-triangle{background-position: -528px 0px;}
.shp span.shape-cushion{background-position: -432px 0px;}
.shp span.shape-other{background-position: -480px 0px;}

/* hover */
.shp a.hvr span.shape-round, .shp a.ui-selecting span.shape-round{background-position: 0px -61px;}
.shp a.hvr span.shape-princess, .shp a.ui-selecting span.shape-princess{background-position: -48px -61px;}
.shp a.hvr span.shape-emerald, .shp a.ui-selecting span.shape-emerald{background-position: -288px -61px;}
.shp a.hvr span.shape-radiant, .shp a.ui-selecting span.shape-radiant{background-position: -96px -61px;}
.shp a.hvr span.shape-oval, .shp a.ui-selecting span.shape-oval{background-position: -240px -61px;}
.shp a.hvr span.shape-pear, .shp a.ui-selecting span.shape-pear{background-position: -336px -61px;}
.shp a.hvr span.shape-marquise, .shp a.ui-selecting span.shape-marquise{background-position: -192px -61px;}
.shp a.hvr span.shape-heart, .shp a.ui-selecting span.shape-heart{background-position: -384px -61px;}
.shp a.hvr span.shape-triangle, .shp a.ui-selecting span.shape-triangle{background-position: -528px -61px;}
.shp a.hvr span.shape-cushion, .shp a.ui-selecting span.shape-cushion{background-position: -432px -61px;}
.shp a.hvr span.shape-other, .shp a.ui-selecting span.shape-other{background-position: -480px -61px;}

/* selected */
.shp a.on span.shape-round{background-position: 0px -122px;}
.shp a.on span.shape-princess{background-position: -48px -122px;}
.shp a.on span.shape-emerald{background-position: -288px -122px;}
.shp a.on span.shape-radiant{background-position: -96px -122px;}
.shp a.on span.shape-oval{background-position: -240px -122px;}
.shp a.on span.shape-pear{background-position: -336px -122px;}
.shp a.on span.shape-marquise{background-position: -192px -122px;}
.shp a.on span.shape-heart{background-position: -384px -122px;}
.shp a.on span.shape-triangle{background-position: -528px -122px;}
.shp a.on span.shape-cushion{background-position: -432px -122px;}
.shp a.on span.shape-other{background-position: -480px -122px;}

.clo a{height: 61px;}
.clo span{height: 61px; text-indent: -1000px; background:url(img/fancy-diamond-icons.png) no-repeat 0 0 ;}
.clo span.color-yellow{background-position: 0px 0px;}
.clo span.color-pink{background-position: -48px 0px;}
.clo span.color-blue{background-position: -96px 0px;}
.clo span.color-green{background-position: -144px 0px;}
.clo span.color-red{background-position: -192px 0px;}
.clo span.color-all{background-position: -240px 0px;}

.clo a.hvr span.color-yellow, .clo a.ui-selecting span.color-yellow{background-position: 0px -61px;}
.clo a.hvr span.color-pink, .clo a.ui-selecting span.color-pink{background-position: -48px -61px;}
.clo a.hvr span.color-blue, .clo a.ui-selecting span.color-blue{background-position: -96px -61px;}
.clo a.hvr span.color-green, .clo a.ui-selecting span.color-green{background-position: -144px -61px;}
.clo a.hvr span.color-red, .clo a.ui-selecting span.color-red{background-position: -192px -61px;}
.clo a.hvr span.color-all, .clo a.ui-selecting span.color-all{background-position: -240px -61px;}

.clo a.on span.color-yellow{background-position: 0px -122px;}
.clo a.on span.color-pink{background-position: -48px -122px;}
.clo a.on span.color-blue{background-position: -96px -122px;}
.clo a.on span.color-green{background-position: -144px -122px;}
.clo a.on span.color-red{background-position: -192px -122px;}
.clo a.on span.color-all{background-position: -240px -122px;}

.searches-v{height: auto;}
.searches-v .search-panel dl{float: left; display: block; height: auto; border-right: 1px solid #BCBCBC; border-bottom: 0px none;}
.searches-v .search-panel dt{float: none; display: block; height: 22px; line-height: 22px; width:72px; text-align: center; margin: 0px; padding: 0px; border-right:0px none; border-bottom: 1px solid #BCBCBC; }
.searches-v .search-panel dd{float: none; display: block; width: auto; border-left: 0px; padding: 0px;}
.searches-v .search-panel dl a{display: block; width: 72px; line-height: 18px; height: 18px; float: none; margin: 0px; margin-bottom: 1px;}
.searches-v .search-panel dl.pan-shape{}
.searches-v .search-panel dl.pan-shape dt{padding: 0px;}
.searches-v .search-panel dl.pan-shape dd{padding: 0px;}
.searches-v .search-panel dl.pan-shape a{ }
.searches-v .search-panel dl.pan-fluorescence{border-right: 0px none;}
.searches-v .search-panel dl.pan-fluorescence dt{padding:0px;}
.searches-v .search-panel dl.pan-fluorescence dd{padding:0px;}
/* force to display text mode */
.searches-v .shp a{height: 20px;}
.searches-v .shp a span{display: none; background:none; text-indent: 0px;}
.searches-v .shp-pic b{display: inline;}
.searches-v .shp-pic_txt a{height: 20px;}


.search-action{float: left; padding-left: 16px; width: 700px;}
.search-action ul li h2{padding-top:5px; text-align: left; font-size: 15px; margin-left: 270px;}
.search-action li{margin-top: 10px; height: 24px;}
.search-action li.last{margin-bottom: 0px;}
.search-action li i{float: left; width: 195px;}
.q_carat1 { margin-left:-1px;}
.lbl-sa{ margin-right: 5px; width: 70px;}
.search-action li i.per_page {float: left; width: 240px;}
.search-action li i.per_page select{ width: 145px; margin-left: -1px;}
.lbl-sa, .search-action .txt, .b-seg, .lbl-sb{float: left;}
.lbl-sa .check_one_lbl{padding-left: 5px;}
.lbl-sa select{width:68px; padding: 2px;}
.b-seg{width: 16px; text-align: center; line-height: 24px;}
.sch-txt{width: 140px;}
.ser-pdl{}
.ser-btn{color:#FFF; border:0px none; font-size: 13px; vertical-align: middle; background: #3190B0; cursor: pointer; width: 64px; text-align: center; height:24px; line-height: 24px; display: inline-block;  }
.ser-sch{color:#FFF;}
.ser-btn:hover{background-position: left bottom;}
span.lbl-sa{line-height: 24px;}
.ser-ipx{float: left;}
.search-note{background: url(img/pop.gif) no-repeat left top; margin-left: 69px; width:179px; height: 43px; line-height:18px; padding: 14px 10px 0px 10px;}
.search-note i{text-decoration: underline; color:#BF9709; cursor: pointer; margin-left: 20px;}
.search-chk{ float: left;height: 24px;text-align: left; width: 60px;}
.search-chk-nice{background: url(img/in_stock_search.png) no-repeat left top; padding-left: 20px;  line-height: 20px; }
#check_no_milky_shade,#check_shade_milky_shade,#check_is_ha,#check_in_stock,#check_in_image,#check_in_movie,#check_in_live,#check_in_outside,#check_in_inside{background-image: url(img/in_stock_search-l.png);margin-right: 5px;}
.search-chk-nice input{display: none;}
.search-chk-nice label{padding-left: 1px; margin: 0px;}
.search-chked{background-position: left bottom; color:#EB6100;}
.search-smt{text-align: right; margin-top:13px; height: 32px;}
.search-smt .ser-btn{float: left; font-size: 14px;}
.search-smt .ser-sch{ font-weight: bold;}
.search-smt a.ser-btn{margin-left: 16px; color: #878787; background:#DDDDDD; }
.search-nopd{margin-top: 0px;}
.search-ft{clear: both;}
.orderby{padding: 0 1px; color:#333;}
.orderby b{line-height: 1em; font-weight: bold; padding-right: 10px; background: url(img/list_arr.gif) no-repeat 100% -3px;}
.orderby:hover, .orderon{}
.orderon b{background-position: 100% -3px;}
.asc b{background-position: 100% -19px;}
.desc b{background-position: 100% -35px;}
.is_stock{color: #AE2222; }
.is_live{color:  #0B7DC4; }
.item-list{position: relative; min-height: 400px;}
.mask{background: #FFF; color: #FFF; width:100%; height:100%; display: none; text-align: center; position: absolute; left: 0px; top: 0px; z-index: 1000;}
.mask p{padding-top: 30px;}
.mask span{padding-left: 24px; background:url(img/loader_black.gif) no-repeat left center; font-size: 16px; }
.mask-black{display: block; background: #000;}
.ani-broad{position: absolute; height: 180px; width: 450px; top: -180px; z-index: 3000000; display: table;}
.ani-broad-in{border: 3px solid #8ABA04; height: 134px; width:100%; background: #FFF; padding: 20px; line-height: 30px; font-size: 18px; display: table-cell; vertical-align: middle;}
.ani-broad-close{display: block; position: absolute; right: -25px; top: -25px; width: 50px; height: 50px; background: url(img/close_icon.png) no-repeat left top;}
.ani-broad-close:hover{background-position: left bottom;}
.ani-broad-close-bot{top: auto; bottom: -25px;}
/* 宽的搜索形状 */
/*
.search-panel dd{width: 574px;}
.shp a{width:81px;} */


/* dia-list */
.dia-list{color:#333;}
.dia-list tr.list-hd th{text-align: left; padding: 3px 5px; }
.dia-list tr.list td{text-align: left; padding: 3px 5px;}
.dia-list tr.list-hd th.td-r,.dia-list tr.list td.td-r{text-align: right; padding-right: 10px; padding-left: 5px;}
.dia-list tr.list-hd th.td-c,.dia-list tr.list td.td-c{text-align: center;}
.dia-list tr.list-hd th.td-dic,.dia-list tr.list td.td-dic{padding-right: 22px;}
.dia-list tr.tron td{background-color:#F5FFB1;}
.dia-back-list tr.list-hd th, .dia-back-list tr.list td {text-align: center;}
.cart-adding a, .cart-added a{display: none;}
.cart-adding b, .cart-added b{display: inline-block;width:24px;height: 14px; background: url(img/loader_none.gif) no-repeat center center;}
.cart-added b{background-image: url(img/hook.png);  _background-image: url(img/checked.gif);}
.did{padding-right: 17px; text-align: right;}
.didm{ background: url(img/field_more.png) no-repeat right; cursor:default;}
.did-on{z-index: 11;}
.did-on .fd-m{display: block;}
.fd-m{ display: none; word-break: break-all; color: #222; position: absolute; left: auto; top: auto; z-index: 12; padding: 10px; width:180px; margin-left: -60px; margin-top: 10px; line-height: 20px; border:2px solid #4F4F4F; background: #FFF; text-align: left; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.fd-m b{color: #666;}
.fd-m:after{position: absolute; display: block; content: " "; width: 0px; height: 0px; top: -7px; left: 70px; border-bottom: 5px solid #4F4F4F; border-left: 5px solid transparent;border-right:5px solid transparent;}
.chk-extend{border: 1px solid #CCC; margin-top: 5px; padding: 10px; background:#FFF;}

/* dia_image list */
.dia-images{}
.dia-images .dia-img-wp{padding: 20px;background: #fff;}
.dia-images .error{width: 500px; text-align: center; border:2px solid #CCC; font-size: 20px; padding-top: 150px; margin: 100px auto 0 auto; height: 200px; background:#FFF;}
.dia-img-box{margin: 0 auto; background: #FFF; padding-left: 30px;}
.dia-img-item{float: left; margin:0 30px 30px 0;}
.dia-img-one{float: none; margin: 0 auto; padding-bottom: 30px;}
.dia-img-item h3{text-align: center; font-size: 20px; line-height: 3em; height: 3em; }
.dia-img-item .img-wp{background:#F8F8F8;box-shadow:0 0 5px rgba(0, 0, 0, 0.2); padding: 10px;}
.dia-img-item .img-wp img{display: block; margin: 0 auto; vertical-align: middle;}
.dia-img-item .img-in{background:#FFF;}
.dia-img{max-width: 100%; margin: 0 auto; display: block;}

.dia-view-image{position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 1001; background: rgba(0,0,0,0.5); text-align: center;}
.dia-view-image-cnt{z-index: 1002; top: 0px; width: 100%; height: 100%; overflow: visible;    position: absolute; left: 50%; top: 50%; margin-left: -350px; margin-top: -280px; width: 700px; height: auto;}
.dia-view-close{background:url(img/close_icon.png) no-repeat left top; position: absolute; z-index: 1008; display: block; right: -25px; top: -25px; width: 50px; height: 50px; }
.dia-view-close:hover{background-position: left bottom;}
.dia-view{padding:20px 0; margin-left:5px;}
.dia-view-img-cnt img {width: 700px; height: 560px;}
.dia-error{padding-top: 132px; text-align: center; font-size: 20px; line-height: 40px; height: 40px; color: #333; height: 180px;}
.d_block{background:#FFF;width:400px; padding: 30px 5px; border: 3px solid #BBBBBB; text-align: center; font-size: 14px;}
.d_block-load{background:url(img/loader_file.gif) no-repeat right center;padding-right: 30px; }
.d_block-load var{color: #2D97D4;}

/* status color */
.status-waiting{color: #CC2929;}
.status-following{color:#8F14CC;}
.status-unpaid{color:#CC148F;}
.status-undelivered{color:#CC8F14;}
.status-delivered{color:#148FCC;}
.status-completed{color:#1414CC;}
.status-cancelled{color:#757575; text-decoration: line-through;}
.status-refunded{color:#585A5A;}

/* business.css */
/* bu buinsess-index  */
.bu-cont{margin-top: 10px; padding:0 0 20px 10px;}
.bu-float{float: left;}
.bu-box{}
.bu-box h3{text-align: center; height: 32px; font-size: 14px; line-height: 32px; color:#6b6b6b;}
.bu-tip{width: 220px; }
.bu-tip ul{padding: 5px; background: #FFF;}
.bu-tip li{line-height: 38px;border-bottom: 1px dashed #BCBCBC; }
.bu-tip li a{display: block; height: 38px; padding:0 10px; color:#333;}
.bu-tip li a:hover{color: #001BDD; }
.bu-tip li a i, .bu-tip li b{}
.bu-tip li i{float: left; width:100px;}
.bu-tip li b{float: right; font-size: 14px; line-height: 1em; padding: 5px 6px; border-radius: 6px; margin-top: 8px; background: #CCC; text-align: right; font-weight: bold;}
.bu-stat{margin-left: 10px; width: 1140px; }
.bu-stat-chart{margin-bottom: 10px;}
.bu-stat-in{height: 400px; background: #FFF;}


/* order-view */
.ord-view{}
.tbl-loads .ord-view .u-field-b{padding:0 0 20px 0;}
.ord-view .message-in-sub{margin-top: 20px; margin-bottom: 0px;}
.ord_star{width:12px; height: 12px; line-height: 12px; display: inline-block; visibility: hidden; background: url(img/hurry_star.png) no-repeat left top;}
.ord_star1{background-position: left bottom; visibility: visible;}
.ord-star-wp{cursor: pointer;}
.ord-star-wp:hover .ord_star{ visibility: visible;}
.ord_no{position: relative; display: inline-block;}
.ord_im{width:11px; height: 12px; display: block; position: absolute; top: -3px; right: -13px; margin-left: 2px;}
.ord_im-new{background: url(img/new-message.png) no-repeat left top;}
.ord_stock em{color:#AE2222;}
.ord_from_dst{width:12px; height:12px; display: block; position:absolute; right:-28px; top:2px;background:url(img/from_dst.png) no-repeat right bottom;}
.ord-amount{margin-left: 20px;}
.is_purchased{color:#CC148F;}
.gds-hk{color: #CC148F; }
.gds-sz{color: #1451CC; }
.gds-ok{color: #01CC01; }
.ord-d-tbl{width: 100%;}
.ord-details-h{height: 36px; width: 450px;}
.ord-follows-h, .ord-follows{padding-left: 20px;}
.ord-follows-h{width:100px;}
.ord-details-h h3 span{padding-left: 10px; font-weight: normal;}
.ord-details-h h3 span em{color:#EE0000; padding: 0 5px;}
.ord-st, .ord-hk, .ord-ph{float: right; margin-left: 10px;font-size: 12px;}
.ord-st{color:#CC148F;}
.ord-hk{color:#00B316;}
.ord-ph a{font-size: 12px; margin-left: 5px;}
.ord-ph a.link-d{font-size: inherit;}
.ord-details .u-field-tbl{width:100%;}
.ord-details,.ord-follows{vertical-align: top;}

/* order-follows */
.ibtn{padding:2px 10px; display: inline-block; font-size: 12px; line-height: 1em; font-weight: normal; border:1px solid #CCC; background: #FFF;}
.ibtn:hover{background: #FCC; color: red;}
.follow-fm{padding:0;}
.follow-fm b{color: #635603;}
.follow-form{font-size: 12px; border-radius: 8px; position: relative; background: #EDFAFF; width: 636px; padding: 5px 10px; height: 24px;}
.follow-form:after{content:""; display: block; position:absolute; left: -16px; top: 8px; border-width: 8px 16px 8px 0; width: 0px; border-color:transparent #EDFAFF; border-style: solid; }
.follow-form .txt{font-size: 12px;}
.follows{background: #FFF; width: 800px;}
ol.follows{list-style: decimal outside; padding: 4px 4px 4px 24px; }
.follows li{line-height: 24px; border-bottom: 1px solid #C8C8C8; word-wrap: break-word; word-break: break-all; position: relative;}
.follows li .fol-title{display: inline;}
.follows li .fol-con{display: inline; color:#000; padding-right: 20px;}
.follows li .fol-vis{position: absolute; right: 0px; top: 3px; height: 16px; width: 16px; }
.follows li .fol-visible{background:url(img/visible.png) no-repeat left top;}
.follows li:hover .fol-blocked{background:url(img/visible.png) no-repeat left top;}
.follows li .fl{height: 24px;}
.follows li span, .follows li em, .follows li b{display: inline-block; min-width: 4em;}
.follows li span{padding-right: 12px; color:#980000;}
.follows li em{padding-right: 12px;}
.follows li b{padding-right: 12px; display: inline-block; color:#635603;}

/* order-handle */
.order-handle{padding:6px 20px 10px 20px;}
.ohd{width:480px;}
.ohd h3, .ohd h4{font-weight: normal;}
.ohd h3 span{margin-right: 10px; color:#980000;}
.ohd h3 b{margin-right: 10px; color:#635603;}
.ohd h4{margin-top: 10px;}
.ohd h4 em{margin-right: 10px; font-weight: bold;}
.ohd-con, .ohd-con p, .ohd-con div.p{margin-top: 10px;}
.ohd-con .lrdo{margin-right: 20px;}
.ohd-con .txb{width: 381px;}
.ohd-con b{margin-right: 20px;}
.ohd-con i{margin-left: 20px;}
.ohd-smt span{margin-left: 20px;}
.ord-bat{font-weight: normal; margin-left: 10px;}
.ord-bat:hover{text-decoration: underline;}
.omt{}
.ord_amt_pan{display: none; position: absolute; left:0px; top:23px; z-index: 30002; width:300px; background:#F2F2F2; border: 1px solid #B3B3B3; padding: 10px 10px 10px 25px; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.ord_amt_pan div{padding-top: 10px;}

.sup-fm .txb{width:452px;}
.sup-view{padding: 20px 0;}
.sup-details{padding: 20px 20px; position: relative;}
.sup-details td{background: #FFF;}
.sup-tbl{width: 750px;}
.sup-tbl-dtl{}
.sup-tbl td{padding:5px; vertical-align: top; border:1px solid #797979;}
.sup-tbl td.l{background: #F6F6F6;}
.sup-tbl td p{padding:0 0 5px 0; font-weight: bold;}
.sup-tbl td b{margin-right: 10px; font-weight: bold;}
.sup-skypes{}
.sup-skypes a{margin-right: 10px; font-weight:bold; color: #007fae; background: url(img/skype_bg.jpg) no-repeat left center #DAF0FB; border: 1px solid #007fae; border-radius:4px; padding: 3px 10px 3px 26px;}
.supplier{background: #FFF; padding-top: 10px; margin-right: 30px; position: relative;}
.supplier-table{width:100%;min-width:auto;}
.black-icon{position: absolute; right: 0px; top: 0px; width:72px; height: 72px; z-index: 2; background: url(img/blacklist.png) no-repeat right top;}
.supplier-table td{padding:5px; border:1px solid #CCC; vertical-align: top;}
.supplier-table td.sl{font-weight: bold; background: #EDFAFF;}
.supplier-table td b{padding-right: 20px; font-weight: bold; }
.supplier-table td p{padding-bottom: 5px;}
.rap-link{padding-left:73px; background: url(img/rapnet_link.png) no-repeat left top; text-indent: -1000px; overflow: hidden;}
.sup-wp-td{vertical-align: top;}
.sup-log{width:620px; margin-left: 20px;}
.sup-log-tbl{table-layout: fixed; width: 100%;}
.sup-log-tbl th, .sup-log-tbl td{ padding:5px; border:1px solid #797979; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}


/* business upload file */
.files{padding: 10px 2px 10px 10px; border:3px solid #DCDCDC; background: transparent; }
.file-support{ margin-bottom: 10px; }
.file-supported li{ line-height: 20px; background: url(img/i-right.gif) no-repeat 140px 50%; }
.file-unsupported li{ line-height: 20px; background: url(img/i-error.gif) no-repeat 140px 50%; }
.u-file{display: block;height: 24px; }
.u-file-c{float: left; display: block;}
.u-file-btn{
    position: relative; direction:ltr; border-radius: 2px; overflow: hidden; height:20px; line-height:20px; margin-right: 10px; padding:1px 8px; text-align: left; color:#FFF; 
    border:1px solid #51A351; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
    background-repeat: repeat-x; background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351); 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#51A351));
    background-image: -webkit-linear-gradient(top, #62C462, #51A351);
    background-image: -o-linear-gradient(top, #62C462, #51A351);
    background-image: linear-gradient(to bottom, #62C462, #51A351);
}
.u-file-on{background: #51A351;}
.u-file-btn input{cursor: pointer; text-align: right;font-size: 118px; z-index: 10; position: absolute; top: -6px; right:-6px;}
.u-file b{float: left; display: block; padding:1px 5px; background:#EBEBEB; color:#27740F;  line-height: 22px; height: 22px;}
.u-file b.err{color:#CF0F0F;}
.u-file b.ok{}
.u-file b.tip{}
.u-file i{float:left; margin-right: 12px; height: 24px;} 
.u-file i span{float:left; line-height: 24px;}
.u-file i input{float:left;}
.u-file i label{vertical-align: middle;}
.upload-basic .u-filename{margin-right: 12px;}
.u-fileicon{float: left; height: 20px; padding:4px 0 0 5px;background:#EBEBEB;}
.u-filesize{float:left; width:50px;}
.u-process{float:left; position: relative; width:100px; border:1px solid #22D719; margin-top: 4px;}
.u-process-in{ float:left; background:#ADFFBC; height: 12px;}
.u-process-val{position: absolute; left: 40px; top: 0px; height: 12px; line-height: 12px; font-size: 12px;}
.u-percent-ok{color:#26A420;}
.u-cancel-wp{width:12px;}
.u-cancel{cursor:pointer; width: 12px; float: left; text-align: center; overflow: hidden; }
.u-cancel:hover{color:#FF0000; }
.u-file-tip{overflow: hidden;}
.u-smt{padding: 10px 0;}
.u-tbl-slash{}
.t-exp{padding: 3px 0; color:#666;}

/* files */
.ajax-file-btn{height: 24px; margin-bottom: 10px;}
.ajax-file-list{padding: 10px 0;}
.ajax-file-list .u-filename{width:200px; overflow: hidden;}
.ajax-file-item{margin-bottom: 10px;}
.ajax-file-cancelled{color:#666; text-decoration:line-through; }
.ajax-file-cancelled .u-process{border-color: #B0B0B0;}
.ajax-file-cancelled .u-process-in{background: #B0B0B0;}
.ajax-file-cancelled b{color: #666; }
/* drag and drop */
.ajax-file-drag-in{background-color: #FFCCCC; border-color: #FF9966;}
.u-idx-pics{background:url(img/index-picture-preview.png) no-repeat left top; padding-left: 140px; height: 80px;}

/* list-help */
.list-help-wp{position: relative; display: inline-block;}
.list-help{position: absolute; z-index: 5; height: 30px; background:#FFF; border: 2px solid #555; padding:10px 0 0 5px; white-space: nowrap; width: auto;}
.list-help li{padding: 5px 5px; line-height: 22px; margin:0 5px 5px 0; background:#999; color:#FFF; display:inline; cursor:default;}
.list-help li:hover{background:#666; color:#FFF;}
.auto-complete{position: absolute; background: #FFF;border: 2px solid #555;padding:0px; z-index: 2;}
.auto-complete table{width:100%;}
.auto-complete td{line-height:24px; border: 0px none; height:24px; overflow:hidden; padding: 0 6px; word-break: keep-all;white-space:nowrap; cursor: pointer;}
.auto-complete td strong{font-weight: bold; color:#001BDD;}
.auto-complete td address, .auto-complete td abbr{display: none;}
.auto-complete tr.over{background:#3366CC; color:#FFF;}
.auto-complete tr.over strong{color:#ED0D0D;}

.title{padding: 15px 0 8px 0;}
.title span{font-weight: normal; margin-left: 20px;}
.big_text{width: 100%; height: 180px;}
.perm-tbl td{padding: 10px 20px; }
.perm-tbl td.u-tbl-h{padding: 10px 5px;}
.perm-tbl p{border-bottom: 1px solid #DDD; padding: 5px; margin-top: 20px;}
.perm-tbl td p:first-child{margin-top: 0px;}
.perm-tbl td .last{height: 10px;}
.imp{padding: 5px 0;}
.dis{color: #AAA;}
.list-box{padding:0 20px;}
.list-box li{padding-bottom: 15px;}
.list-box li label{display: inline-block; min-width: 100px;}
.list-box li.dis{color: #AAA;}
.list-box li.on{color: #001BDD;} 

/* code page */
.lite-menu{padding:0 0 0 168px; margin: 0 20px 10px 20px; height: 30px; line-height: 30px; background: #CBCBCB;}
.lite-menu li{float:left; margin-right: 5px;}
.lite-menu li a{background: #333; opacity: 0.35; color:#FFF; display: block; padding: 0 12px;}
.lite-menu li a.on{opacity: 1;}
.code_editor{}
.code_editor h3{padding:5px 0;}
.code_editor h3 span{font-weight: normal;}
.code_editor h3 select{border:1px solid #ccc;}
.code_save{text-align:center;padding:10px 0;}
.rich_text{min-width:100px; width:99%; height: 480px;}
.edit-tools{height: 24px; }
.edit-modes{float: left; background:#D3D3D3; color:#7D7D7D; height: 24px; line-height: 24px; cursor: pointer; }
.edit-modes li{float: left; padding:0 10px;}
.edit-modes li.on{background:#333; color:#FFF;}
.CodeMirror-scroll{height: 480px !important; font-size: 14px;}
.mc-business-rapnet .CodeMirror-scroll{height: 400px !important;}
.fld-smt{padding:10px 0; text-align: center;}
.ibox span{float: left; padding: 0 10px 6px 0;}
/* business.css */



/* consumer.css */
/* cart-page */
.cart-h1{height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; background: url("img/cart.png") no-repeat scroll 10px center; padding-left: 60px;}
.cart-h1 span{font-size: 14px; font-weight: normal; padding-left: 20px; }
.cart-h1 em{padding: 0 5px; color: #EE0000;}
.cart-back{float: right;}
.cart-back span{padding-right: 20px;}
#cart_body .cart-text{height: 180px; padding-top: 120px; padding-left: 0px; font-size: 24px;}
#cart_body .u-tbl-ft{padding-left: 22px;}
.cart-tbl-color-wh{margin-top: 20px;}
.cart-content{}
.cart-content .u-field{margin: 20px 0 20px 24px;}
.cart-content .u-field-tbl th, .cart-content .u-field-tbl td{border:0px; padding: 8px 10px;}
.cart-content .u-field-s{margin-left:48px; }
.u-more-addbar{padding: 10px 22px 0 0; height: 30px;}
.u-more-addbar .btn{cursor: pointer; font-size: 12px;}
.u-more-addbar .link-h{display: none; float: right; margin-top: 3px;}
.u-more-address{display: none;}
.u-more-address li{float: left; width: 288px; padding: 10px; cursor: pointer; background: #F2F2F2; margin: 0 15px 15px 0;}
.u-more-address li:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.u-more-address li.on{background:#FAFFDC; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.u-more-address h3{color:#000;}
.u-more-address h3, .u-more-address h4{font-weight: normal;}
.u-more-address h4{margin-top: 4px;}
.u-more-address p{margin-top: 4px; line-height:20px; height: 40px; overflow: hidden;}
.c-address-ctrl{display: none;}
.tbl-address .list:hover .c-address-ctrl{display: inline;}
.tbl-address tr.list-hd th.cas, .tbl-address tr.list td.cas{text-align: left; padding-left: 60px;}
.c-address-error{padding-top: 80px; height: 150px; font-size: 30px; text-align: center;}

/* submit-order */
.submit-order{ height: 270px; padding-top: 110px; background: #FFF;}
.submit-wp{width:600px ; margin: 0 auto;}
.submit-result{background: url("img/msg_right.gif") no-repeat scroll 50px 24px #FFF; height: 96px; border: 3px solid #EBEBEB; font-size: 14px; padding: 24px 10px 20px 120px;}
.submit-result-ok {background-image: url("img/msg_right.gif");}
.submit-result-err {background-image: url("img/msg_error.gif");}
.submit-result-info {background-image: url("img/msg_info.gif");}
.submit-result h1{font-size: 18px;}
.submit-result p{line-height: 1.8em;margin-top: 8px;}
.submit-result p a:hover{text-decoration: underline;}
/* custom order-view */
.order-view{padding: 12px; padding-bottom: 60px; }
.order-view h3{margin-top: 10px; padding: 5px 10px; font-weight: bold;}
.order-flow{background:#FBFBFB; padding: 10px 0 10px 10px;}
.order-flow h2{display: none;}
.order-flow h2 b,.order-flow h2 span{font-weight: bold; margin-right: 30px;}
.order-flow h2 span em{font-weight: bold; color:#EE0000;}
.order-flow-list{height: 64px;margin-top: 10px;}
.order-flow-list li {float: left; width:112px; height: 64px; text-align: center;}
.order-flow-list li div{ height: 24px; line-height: 24px; padding:20px 0 0 0; background: url(img/flow.gif) repeat-x 50px 8px;}
.order-flow-list li.on div{background-position: 50px -52px; color:#00847D;}
.order-flow-list li.off div{color:#818181;}
.order-flow-list li.last-chd{}
.order-flow-list li.last-chd div{padding-right: 0px; }
.order-flow-list li p{height: 20px; font-size: 11px; line-height: 20px; color: #EA9C4F; font-family: arial,sans-serif;}

.order-view h3{ font-weight: bold; padding: 5px 10px;}
.order-view h3 i{padding-left: 30px;color:#666;}
.order-view h3 i a.dimg{display: inline-block; margin-right: 10px; }
.order-view h3 b, .order-view h3 span{color:#B20000;}
.order-view .tbl-list tr.list-hd th{background: #EEEEEE; color: #666;}
.order-block{padding:0px 10px 0 90px ;}
.order-block td{padding: 8px 5px;}

.follow-list{font-size: 12px;}
.follow-list h4{font-weight: normal; color:#333; margin-top: 5px;}
.follow-list li{line-height: 1.5em;}
.follow-list li b{margin-right: 10px; color:#999;}
.co-details{line-height: 28px; margin-top: 20px;}
.co-details dl{float: left; width: 302px; padding-left: 20px;}
.co-details dt{font-weight: bold;}
.co-details dl b{color:#333;}
.co-details dl i{margin-left: 10px;}
.co-details dl.sales-detail{float: right;}
.co-note{padding: 8px 10px; background: #EFFFEA;}
.pay-detail{background: #F7FFE5; margin-right: 4px;}
.send-detail{background: #E5FFF3;}
.sales-detail{background: #E5FCFF;}
.pay-detail dt{color: #659101;}
.send-detail dt{color: #00847D; }
.sales-detail dt{color: #0690A2;}

.global-html{position: fixed; right: 0px; top: 180px; z-index: 20; background:#FFF; box-shadow: -5px 5px 5px rgba(0,0,0,0.1); filter: progid:DXImageTransform.Microsoft.Shadow(color='#000', Direction=145, Strength=3, Opacity=0.3); }
.global-html-pre{float: left;}
.global-html-cont{float: left;}
.global-html-in{padding: 10px 12px 0 12px;}
.global-html .gl-in{overflow: hidden;}
.global-html .ex{background: url(img/service-icons-default.png) no-repeat 1px -15px ; width: 32px; height: 32px;}
.global-html .hd{font-size: 16px; width: 16px; padding: 10px 10px 0 10px; font-weight: bold; color: #3190B0; }
.global-html .gt{background: #3190B0; padding: 0 20px; color:#FFF; height: 38px; line-height: 38px;}
.global-html .bg{background:url(img/service-icons.png) no-repeat left top;padding-left: 36px; height: 42px; line-height: 32px;}
.global-html .qq{background-position: 0 -146px;}
.global-html .ph{background-position: 0 -78px; color:#3190B0; }
/* consumer.css */

.report-wp{max-width: 700px; margin: 0 auto; padding:30px 0px;}
.eegem-iframe{display: block; margin: 0 auto; padding: 0px; overflow: hidden;}
.article{padding: 20px 10px 50px 10px;}
.article-title{text-align: center; font-size: 26px; }
.article-sub{text-align: right; padding: 5px 100px; color: #999;}
.article-content{margin-top: 10px; font-size: 14px; line-height: 2em;}
.redirect-box{width: 400px; height: 120px; min-height: 120px;text-align: center; margin:0 auto;  padding-top: 120px; }
.redirect-box p{color:#009658;}
.redirect-box h1{ line-height: 2em; color: #D20E0E; font-size: 28px; letter-spacing: 2px;}
.split{display: inline-block; width: 10px; margin-right: 10px; border-right: 1px solid #CCC;}
.im-wp{position: relative;}
.im-wp .ord_im{left: 0px;}


.date_selector, .date_selector * {width: auto; height: auto; border: none; background: none; margin: 0;padding: 0; text-align: left; text-decoration: none;}
.date_selector th{border:0px none;}
.date_selector { background: #F2F2F2;border: 1px solid #bbb;padding: 5px;margin: -1px 0 0 0;position: absolute;z-index: 100;display: none;width:238px;box-shadow:3px 3px 3px #262626;}
.date_selector_ieframe { position: absolute;z-index: 99;display: none;}
.date_selector .nav {width: 17.5em; /* 7 * 2.5em */}
.date_selector .month_nav, .date_selector .year_nav {margin: 0 0 3px 0;padding: 0;display: block; position: relative;text-align: center;}
.date_selector .month_nav { float: left; width: 55%;}
.date_selector .year_nav {float: right;width: 35%;margin-right: -8px; /* Compensates for cell borders */}
.date_selector .month_name, .date_selector .year_name { font-weight: bold;line-height: 20px;}
.date_selector .button {display: block;position: absolute;top: 0;width: 18px;height: 18px;line-height: 17px;font-weight: bold;color: #003C78; text-align: center;font-size: 120%; overflow: hidden;border: 1px solid #F2F2F2;}
.date_selector .button:hover, .date_selector .button.hover { background: none; color: #003C78;cursor: pointer; border-color: #ccc;}
.date_selector .prev {left: 0;}
.date_selector .next { right: 0;}
.date_selector table { border-spacing: 0;border-collapse: collapse;clear: both;}
.date_selector th, .date_selector td {width: 33px;height: 26px;padding: 0; text-align: center; color: black;}
.date_selector td {border: 1px solid #ccc;line-height: 26px;text-align: center;white-space: nowrap; color: #003C78; background: white;}
.date_selector td.today {background: #FFFEB3;}
.date_selector td.unselected_month {color: #ccc;}
.date_selector td.selectable_day {cursor: pointer;}
.date_selector td.selected {background: #D8DFE5;font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover { background: #003C78;color: white;}


.theme-default-consumer .mc-diamond .u-side, .theme-default-consumer .mc-color_diamond .u-side, .theme-default-consumer .mc-consumer-cart .u-side, .theme-default-consumer .mc-consumer-submit_order .u-side{display: none;}

.list-theme{}
.list-theme li{float: left; margin: 0 20px 20px 0; width: 140px; }
.list-theme li div{width:120px; height: 120px; border: 1px solid #CCC;  margin: 0 auto;}
.list-theme li h3{text-align: center; margin-top: 5px; line-height: 22px; height: 22px;}
.list-theme li a:hover{text-decoration: underline;}
.list-theme li p{ font-size: 12px; line-height: 18px; text-align: center;}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .topper-my{float: left;}
}

/* ie 6-7 */
/* ie6 */
*html .top-login-box{_width:344px;}
*html .u-side dl dt{float: left;}
*html .u-side dl dt a{float: left;}
*html .u-side dl dd{clear: left; width: 82px;}
*html .u-side dl dd a{width: 100%;}
*html .u-side dl.cart-dl{display: inline;}
*html .u-side dl dt #top_cart a{float: none; display: inline; line-height: 24px;}
*html .u-side dl dt #top_cart a.f_l{float: left;}

*html .search-panel dl{float:left; display: block; width: 591px; clear: left;}
*html .search-panel dt{float:left; display: inline; }
*html .search-panel dd{float:left; display: inline;}
*html .search-panel dd a{}
*html .global-html{position: absolute; border: 3px solid #CCC; float: left; width: 100px;}
*html .global-html-pre{display: none;}
*html .gl-in .gt{white-space: nowrap;}
*html .search-chk-nice label{_display: block; _padding-top: 3px; }

*html .cart-lite .cart-list-in{height:150px;}


.hidden {display: none}
.u-tbl{ overflow: auto; }
.u-tbl > .tbl-list{ display: inline-table;min-width:100%;white-space: nowrap}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}

.u-steps{ display: table; width: 400px; text-align: center}
.u-steps-sm{ width: 300px;}
.u-steps-lg{ width: 600px;}
.u-steps li{ display: table-cell; vertical-align: top;color: #878787;}
.u-steps-2 li{ width: 50%}
.u-steps-3 li{ width: 33.33%}
.u-steps-4 li{ width: 25%}
.u-steps-5 li{ width: 20%}
.u-steps .line{ position: relative; margin: 10px auto; height: 5px;background-color: #ddd; background-clip: content-box}
.u-steps li:first-child .line{ padding-left: 50%;}
.u-steps li:last-child .line{ padding-right: 50%;}
.u-steps .line:before{ content: ""; display: block; position: absolute; left: 50%; top:50%; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; background-color: #ddd; border-radius: 50%;}
.u-steps .passed,.u-steps .active{color: #35ACA6;}
.u-steps .passed .line,.u-steps .active .line{ background-color: #35ACA6;}
.u-steps .passed .line:before,.u-steps .active .line:before{ background-color: #35ACA6; }

.order-detail-layer{ padding: 20px; }
.order-detail-layer .log td{ line-height: 24px; border-bottom: 1px solid #E2E2E2}
.order-detail-layer .log .time{ color: #980000}
.order-detail-layer .log .dep-name{}
.order-detail-layer .log .real-name{ color: #635603}
.order-detail-layer .log .content{}
.order-detail-layer h4{ margin: 5px auto }
.order-detail-layer .keys, .order-detail-layer .log{ margin-bottom: 20px;}
.order-detail-layer .keys li{ float: left; width: 33.33%}
.order-detail-layer .keys li.full-width{ width: 100%}
.order-detail-layer .keys span + span{ margin-left: 30px;}

.soreport-thumbnail{ height: 30px}

body{
        min-width: 1150px !important;
}
.wrap{ width: 100% !important;}
.footer-in, .front-header-in, .u-side-in, .u-main, .main-front, .login, .register{
        width: auto !important;
}
.front-header-in{
        margin: 0 auto !important;
}
.fd-m{
        margin-left: 0 !important;
}
@media(min-width: 1900px){
        .footer-in, .front-header-in, .u-side-in, .u-main, .main-front, .login, .register{
                max-width: 1880px !important;
        }
}

 .auto-complete{display: none; position: absolute; background: #FFF;border: 2px solid #555;padding:0px; z-index: 2;}
.auto-complete table{width:100%;}
.auto-complete td{line-height:24px; border: 0px none; height:24px; overflow:hidden; padding: 0 6px; word-break: keep-all;white-space:nowrap; cursor: pointer;}
.auto-complete td strong{font-weight: bold; color:#001BDD;}
.auto-complete td address, .auto-complete td abbr{display: none;}
.auto-complete tr:hover {background:#3366CC; color:#FFF;}
.auto-complete tr:hover strong{color:#ED0D0D;}

/* tip-wrap */
.tip-wrap{position: relative;width: 100%;height: 100%;}
.tip-con{display: none;position: absolute;left: 0;top: 100%; z-index: 9; padding: 15px 5px; min-width: 100%; width: 200px; line-height: 1.5;text-align: left;color: #fff;background: #666;}
.tip-wrap:hover .tip-con{display: block;}

/* no-data */
.no-data{padding: 50px 0;text-align: center;}
/* tab */
.tab-header > li{float: left;margin-right: 20px;border: 1px solid #ddd;padding: 0px 15px;line-height: 27px;font-size: 14px;color: #666;cursor: pointer;}
.tab-header > li.selected{border-color: #08c;background: #08c; color: #fff;}