/* 
    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; }

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-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;}

@font-face {
    font-family: "diamonds";
    src: url("img/iconfont/diamonds.eot?v3"); /* IE9 */
    src: url("img/iconfont/diamonds.eot?v3#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("img/iconfont/diamonds.woff?v3") format("woff"), /* chrome、firefox */
    url("img/iconfont/diamonds.ttf?v3") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("img/iconfont/diamonds.svg?v3#uxfonteditor") format("svg"); /* iOS 4.1- */
}
.ifa::before {font-family: "diamonds" !important; font-size: 13px; line-height: 1em; vertical-align: middle; text-align: center; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ifa-online::before{content: '\A41';}
.ifa-online-bus::before{content: '\A46';}
.ifa-online-pxy::before{content: '\A43';}
.ifa-er::before{content: '\C7'; color: #CF0F0F ;}
.ifa-ok::before{content: '\DA'; color: #02d210 ;}
.oisb .ifa-ok::before{color: #FF9800;}
.ord_im-new::before{content: '\A18'; color: #428f00 ;}
.ord_star::before{content: '\A3A'; color: #ff6601;}
.didm .ifa-list::before{content: '\A11'; margin-left: 5px; font-size: 15px;}
.ifa-close::before{content: '\C6';}
.dclose:hover .ifa-close::before{content: '\C7'; font-size: 16px;}
.ifa-dmsg{ display: inline-block; width: 60px;}
.ifa-dmsg::before{font-size: 48px; }
.d_info .ifa-dmsg::before{content: '\B1'; color: #ea5e03;}
.d_right .ifa-dmsg::before{content: '\D2'; color: #02d210;}
.d_error .ifa-dmsg::before{content: '\C4'; color: #CF0F0F;}
.d_loading .ifa-dmsg::before{content: '\A74'; color: #1A1A1A; display: block; animation: rotation 2s linear infinite;}
.ifa-info::before{content: '\B4'; font-size: 60px;}
.ifa-dloading::before, .ifa-loading::before{content: '\A72'; font-size: 16px; display: inline-block; animation: rotation 2s linear infinite;}

.cart-adding .ifa-cat::before{content: '\A73'; height: 20px; width: 20px; line-height: 20px; font-size: 18px; display: inline-block; animation: rotation 2s linear infinite;}
.cart-added .ifa-cat::before{content: '\D1'; font-size: 18px;}
.ifa-cart::before{content: '\A3'; font-size: 30px;}
.ifa-icart::before{content: '\A3'; font-size: 20px;}
.ifa-vis::before{content: '\A31'; font-size: 14px;}
.ifa-del::before{content: '\C7'; font-size: 16px;}
.ifa-weixin::before{content: '\A2B'; font-size: 20px; color: #45b70d;}

@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
}

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; height: 26px; border-radius: 2px;}
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;}
.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: 80px;}
.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 3px;}
.txt:focus, .txa:focus{border-color:#B4E7FF; box-shadow:0 0 5px #B4E7FF;}
.txt {height: 22px;line-height: 22px;width: 180px; border-radius: 2px;}
input[type=search].txt{box-sizing: content-box;}
.txa{line-height: 22px;}
.txa100{width: 100%; box-sizing: border-box;}
.xtx{font-size:13px;  border: 1px solid #B3B3B3; height: 20px; line-height: 20px; width:30px;}
.btn{font-size: 13px; padding:3px 8px; line-height: 18px; border: 1px solid #CCCCCC; box-shadow:0 0 3px rgba(0,0,0,0.05); outline: none;
     background: linear-gradient(to bottom, #FEFEFE, #EEEEEE); border-radius: 2px;
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}
.btn-lite{padding:0 2px;}
.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;}
.txt[disabled], .txt[readonly]{background: #F0F0F0;}
.txt[url]{border-color: #000; font-weight: bold;}
.pic-btn{border: 0px none; background: #3190B0; color: #FFF; padding: 4px 15px; line-height: 20px; margin-right: 20px; cursor: pointer; font-size: 14px; border-radius: 2px;}
.txm{width:120px;} .txs{width:60px;} .txi{width: 40px;} .txb{width:360px;} .txz{width: 540px;} .sbtn{padding: 6px 24px;} .xdobtn{margin-left: 5px;} .txd{width: 80px;}
.chk, .rdo, .check_one{margin:-2px 4px 0 0; vertical-align:middle; line-height: 1.5;}
.chk-dis{color: #BBB;}
.check_one{margin-left: 20px;} .lrdo, .lchk{padding-right: 10px;}
.chk-in-chks{margin-right: 10px;}
.chk-in-chks .chkone{margin: 0;}
.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 ;}
.nopd{margin: 0;}
.chkgroup2{margin-top: 10px;}
.chkgroup label{ padding-left: 6px; margin-right: 12px;}
.lbl-i input{margin-right: 5px;margin-top: -2px;}
.ilbl{margin: 0 5px 5px 0; display: inline-block; padding: 3px; background: #F2F2F2;}
.ilbl span{margin: 0;}
.chklbl{margin-right: 10px; display: inline-block; white-space: nowrap;}
.pd-r{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; }
.message-in-sub{margin: 0 20px 10px 20px;}
.message-error {border-color: #CE0002; color: #CE0002; }
.message-ok     {border-color:#01CC01; color: #01CC01; }
.err{color:#CF0F0F;}
.error{height: 300px; font-size: 16px; text-align: center; display: flex; justify-content: center; align-items: center; width: 100%;}
.hide{display: none;}
.bd-page-preview .front-broad, .bd-page-preview .top-login, .bd-page-preview .footer-navs{display: none;}

/* common part -- dynamic window created by javascript */
.dwin{position:fixed; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.1); opacity: 0; transform: translate3d(0, -15%, 0); transition: all 0.3s ease-in, opacity 0.2s ease-out, left 0s, top 0s;}
.dwin-show{opacity: 1; transform: translate3d(0, 0, 0);}
.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; height:20px; width:20px; overflow:hidden; text-align: right;}
.dwin_inner .dwin_title span a:hover{text-decoration: none; color:#0F70B8;}
.dwin_inner .dwin_title em.ws-signal-on{color: #0e50f1;}
.dwin_inner .dwin_title em.ws-signal-msg{color: #0cb96c;}
.dwin_inner .dwin_title em.ws-signal-on:after{content: '●●●○○○';}
.dwin_inner .dwin_title em.ws-signal-msg:after{content: '●●●●●●'}
.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; vertical-align: middle; width: 150px;}
.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 15px 10px 5px;}
.dmsg_win .dwin_inner .dwin_title{background: #F3F3F3;}
.dmsg_ctx{font-size:14px; height:60px ; line-height:1.6em; width: 240px; }
.d_i_info{color:#FF7A04;}
.d_i_right{color:#5EB829;}
.d_i_error{color:#FF0000;}
.d_i_loading{color:#333;}
.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; }
.msg{height: 30px; line-height: 30px;}
.tip_loading{z-index:  20001; position: fixed; left: 0; top:0; height: 24px; line-height: 24px; width: 130px; display: none; background: #000; background: rgba(0,0,0,0.8); color:#FFF; padding:0 10px; box-shadow:0 10px 20px rgba(0,0,0,0.2); border-radius:2px; transition: all 0.2s ease-out;}
.tip-show{opacity: 0.65;}
.pop_tip{z-index: 20002; left: 0; top: 0; font-size: 14px; height: 40px; line-height: 40px; display: none; background: #000; background: rgba(0,0,0,0.85); color: #FFF; padding: 0 20px; text-align: center; box-shadow:0 0 30px rgba(0,0,0,0.2); border-radius:5px;  }
.show_msg{margin: 0px auto ; padding: 160px 0 0 0; height: 340px; color:#C8C8C8;}
.show_msg_wp{margin: 0 auto;width: 600px; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 2px;}
.show_msg_in{font-size: 14px; padding: 22px 10px 10px 10px;}
.show_msg_h{font-size: 20px; border-bottom: 1px solid #dedede;}
.show_msg_c{font-size: 18px; line-height: 2em; padding: 0 10px;}
.show_msg_txt{padding: 10px 0 ;color:#000; font-size: 16px; }
.show_msg_jup{font-size: 12px; font-weight: normal; text-align: right;}
.show_msg_jup a{color:#666; text-decoration: underline;}
.kc-confirm-tip{padding: 10px; }
.kc-confirm-msg{width: 345px; 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: flex; justify-content: center; align-items: center; 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, .dpdf { background: url("img/media_icons.png") no-repeat scroll center 2px rgba(0, 0, 0, 0);display: block; height: 20px;margin: 0 auto;width: 20px; display: inline-block;}
.dmov {background-position: center -22px; position: relative;}
.dimg img{max-width: 20px; max-height: 20px;}
.dimg{background: none;}
.dimg[dnum]{position: relative;}
.dimg[dnum]::after{content: attr(dnum); position: absolute; right: -5px; top: -10px; background: #2c9ed0;border: 2px solid white;  z-index: 10;border-radius: 12px;box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);color: white; font: bold 12px/9px Helvetica, Verdana, Tahoma; padding: 2px 3px 1px 3px; text-align: center;min-width: 8px;}
.dmov:before {position: absolute; width: 0; height: 0; content: ''; left: 6px; top: 5px; border-top: 5px solid transparent; border-left: 10px solid #FFF; border-bottom: 5px solid transparent; opacity: 0.8;}
.dmov:after{position: absolute; width: 10px; height: 10px; content: ''; left: 3px; top: 3px; border: 2px solid #FFF; border-radius: 100%; display: block;opacity: 0.8;}
.dmov:hover:before {border-left-color: #333; opacity: 0.8; box-shadow: 0 0 3px rgba(255,255,255, 0.6);}
.dmov:hover:after{border-color: #333; }

/* 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{cursor: crosshair;}
.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?v=2) 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;}
.icon-mp4{background-position: 0px -144px;}

/*header*/
.wrap{margin: 0 auto;}
.bd-backend .wrap{min-width: 1440px; }
.u-side-in, .u-main, .main-front, .login, .register{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{min-width: 1420px;}

.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;}
.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: 600px;}
/* .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 5px;}
#g_cart_num_v a{background-color: #D50077;}
#g_cart_num_v b{background-color: #42B8DD;}

.front-header{color:#333;}
.front-header-in{min-height: 76px; padding: 10px 0; margin: 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{min-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;}
.front-broad .broad-have{ padding:10px; }
.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:0 0 0 2px;}
.top-login{position: absolute; right: 0px; top: 6px; z-index: 101;}
.top-login b{padding:0 5px;}
.top-login h2{font-weight: normal; height: 24px; line-height: 20px; width: 318px; overflow: hidden; padding: 0;}
.top-login-box{float: right;}
.top-login-logged{margin-top: 0;}
.top-login-fds{color: #888888; height: 28px;}
.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; text-align: right;}
.top-login-navs a{border-radius: 2px; background: #ececec; padding: 4px 8px; font-size: 14px; display: inline-block; text-align: center; min-width: 50px;}
.top-login-navs a:hover{box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.top-login-navs a.tna-login{background: #1FAAD7; color: #FFF;}
.top-dia-link{display: none;}
.langs{text-align: right;}
.langs b{padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #CCC;}

.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:1200px; height: 500px; margin: 0 auto; overflow: hidden; position: relative;}
.slider .smallslider{width:1200px; 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{padding-top: 12px; text-align: center; }
.footer-navs{ margin: 0 auto; min-height: 30px;}
.footer-navs a{color:#637585;}
.footer-navs a:hover{text-decoration: underline;}
.footer-navs b{padding: 0 14px 0 0; margin: 0 10px 0 0; border-right: 1px solid #CCC;}
.footer-flash{ margin: 0 auto; width: 40px; height: 20px;}
.footer .langs{display: none;}
.copyright span{display: none;}
.poweredby{margin-top: 10px;}
.poweredby b{margin-right: 10px;}
.bot-pad{height: 24px;}
.tpl-error{height: 120px; padding-top: 100px; text-align: center;}
/*login*/
.wx-user{border-bottom: 1px solid #C5C5C5; padding-bottom: 5px;}
.wx-qrwp{width:123px; height: 123px; text-align: center; position: relative;}
.wx-usup{width:123px; text-align: center;}
.wx-img{max-width: 48px; max-height: 48px; border-radius: 100%; border: 2px solid #FFF; box-shadow: 0 0 2px rgba(0,0,0,0.2); float: left; margin-right: 20px;}
.wx-ava{max-width:32px; max-height: 32px; border-radius: 100%; border: 2px solid #FFF; box-shadow: 0 0 2px rgba(0,0,0,0.2); margin: 0 auto; position: absolute; z-index: 2; left: 43px; top: 43px; transition: all 0.3s ease-in-out;}
.wx-qrwp:hover .wx-ava{opacity: 0;}
.wx-nick{line-height: 48px; font-size: 20px;}
.ftabs{margin-top: 10px;}
.ftabs a{display: inline-block; line-height: 20px; padding: 3px 10px; margin-right: 5px; background: #F3F3F3;}
.ftabs a.on{ color: #FFF; background: #128ee6; }
.ftabs-conts{padding: 5px 10px 10px 5px; border: 1px solid #128ee6;}
.ftabs-flex{display: flex; line-height: 24px;}
.ftabs-right{flex:1;text-align: right;}
.ftabs-center{display:flex; text-align:center; flex-flow:nowrap; margin-top: 1px; line-height: 24px; }
.ftabs-center b{display:inline-block; border:1px solid #b3b3b3; background:#F2F2F2; text-overflow: ellipsis; overflow: hidden; }
.ftabs-center b:not(:first-child){margin-left: 1px; }
.ftabs-rbtn{margin-left: 5px;}
.ftabs .ftabs-right a{margin: 0 0 0 5px;}
.sch-c0{visibility: hidden;}
.cm-s-default{border:1px solid #CCC;}

.fm-front h1{font-size: 15px; color: #0B7DC4; line-height: 36px; height: 36px;}
.fm-front h1 span i{margin-right: 10px;}
.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 .sec-wp{position: relative; padding-top: 0; margin-top: 5px;}
.fm-front .sec-img{position: absolute; right: 1px; top: 1px; z-index: 10;}
.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{float: left; margin-right: 10px;}
.fm-in{float: left; font-size: 12px; padding:80px 0 0 100px;}
.fm-in .fld label{display: inline-block; width: 80px;}
.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:10px 10px 20px 10px; 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 .login-ajax-btn{padding-top: 2px; padding-bottom: 2px;}
.login-app{margin: 30px 0 0 80px;}
.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 .fld{height: 28px; padding: 0px; width: 266px; margin:0 0 10px 0;}
.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 .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: #f5f6f7;}
.u-side dl{height: 30px; float: left; padding-right: 1px; position: relative; z-index: 101;}
.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: 10px 10px 20px rgba(0, 0, 0, 0.15);}
.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 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;}
.u-droplist, .dl-down{position: relative;}
.u-droplist:after, .dl-down: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; }
.dl-down{float: left; height: 26px; min-width: 20px;}
.dl-down:after{border-color:#000 transparent transparent transparent; }

.u-main{margin: 0 auto; padding: 5px 0;}
.u-field{background: #FFF; }
.u-index{min-height: 400px;}
.u-notice{background: #e4e4e4; color: #DCA000; border-bottom: 1px dashed #818181; line-height: 36px; font-size: 14px; padding: 10px; }
.u-sup{padding:16px 12px; background:#EDFAFF;  line-height: 20px;}
.u-sup div{margin-bottom: 8px;}
.u-sup i{color:#666; display: inline-block; margin-right: 5px;}
.u-sup b{padding-right: 10px; color: #000; display: inline-block; min-width: 8em;}
.my-sales{display: none;}
.html-ln-en .u-sup i{min-width: 96px;}


/* fields */
.u-field-bd{ min-height: 400px; }
.u-field-h{background: #9DE7FF;}
.u-field-h ul{height: 30px; padding-top: 2px; padding-left: 10px; box-shadow: 0 -2px 2px rgba(0,0,0,0.05) inset;}
.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; border-radius: 2px 2px 0 0; box-shadow: 5px 0 5px -5px rgba(0,0,0,0.1);}
.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-more{margin: 10px 0; height: 20px;}
.u-field-more a{ height: 20px; line-height: 20px; color:#222; background: url("img/fold_and_unfold.png") no-repeat scroll right top transparent; padding-right: 14px; margin-right: 50px;}
.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: 10px;}
.u-field-ajax .u-field-tbl{background: #F2F2F2;}
.u-field-ajax2{width:360px;}
.u-field-pop{padding: 10px 10px 10px 10px; width:450px;}
.u-field-pop li{padding-bottom: 10px; min-height: 26px;}
.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-field-pop li.upd-f i{display: inline-block; border-radius: 2px; background:#2a3642; color: #FFF; padding:0 5px; margin-bottom: 2px;}
.u-field-pop-lite{width:320px;}
.u-field-pop-wide{width: 800px;}
.u-field-pop-max{max-height: 280px; margin-bottom: 5px; padding: 10px; box-shadow: 0 0 5px rgba(0,0,0,0.2) inset; overflow-y: auto;}
.u-sub-h{padding: 10px 30px;}
.u-sub-h a{color:#333;}
.bat-apply-per{visibility: hidden;}
.bat-apply-per[app-type="1"], .bat-apply-per[app-type="11"]{visibility: visible;}

.u-field-tbl{padding:0px;}
.u-field-tbl100{width:100%; table-layout: fixed;}
.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-tbl>tbody>tr>td:nth-child(2n+1):not(.wht){background:#EDFAFF;text-align: right;}
.u-field-tbl-l th{text-align: left;background:#F4FFFE;}
.u-field-tbl-c td{text-align: center;}
.u-field-upload-tbl{font-size: 12px; width: 100%;}
.u-field-upload-tbl caption{margin-bottom: 5px;}
.u-tbl-hd, .u-tbl-ft{padding: 5px 7px; }
.u-tbl-hd{ height:28px; min-height: 28px; line-height: 20px;}
.u-tbl-ft { height: 28px;}
.u-tbl-ft-auto{min-height: 28px; height: auto;}
.u-tbl-ft-auto .u-page{float: right;}
.u-tbl-x{height: 28px; }
.u-tbl-x input{font-size:12px;}
.u-tbl-x-auto{height: auto;}
.u-tbl-x-auto .u-page{float: right;}
.u-fld th, .u-fld td{border:1px solid #E0E0E0; padding: 5px;}
.u-exp-tbl{width: 100%;}
.u-exp-tbl tr:hover{background: #EEE;}
.u-exp-tbl-l th{text-align: left;}
.u-exp-tbl th{background: #EDFAFF;}
.u-exp-tbl th, .u-exp-tbl td{border:1px solid #E0E0E0; padding: 5px; height: 20px;}
.u-exp-tbl-c td{text-align: center;}
.u-exp-tbl-c td.td-l{text-align:left;}
.u-sup-ratios-th{width: 100px;}
.u-sup-ratios{background: #CCC; height: 3px;}
.u-fills{overflow-x: auto; box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;}
.u-fill-tbl{font-size:12px;}
.u-fill-tbl th, .u-fill-tbl td{text-align: center; white-space: nowrap;}
.u-fill-tbl th.fc-org, .u-fill-tbl td.fc-org{background: #f3f3f3;}
.u-fill-tbl th.fc-brd, .u-fill-tbl td.fc-brd{border-left-width: 3px;}
.u-fill-tbl th.fc-chk{text-decoration: underline;}
.u-fill-tbl tbody tr:hover td, .u-fill-tbl tbody tr:hover td.fc-org{background: #ffffe8;}
.u-fill-tbl td.fc-err, .u-fill-tbl tbody tr:hover td.fc-err{color: #FF0000;background: #fdd;}
.u-fill-tbl .dimg, .u-fill-tbl .dmov{border: 1px solid #1FAAD7; display: inline-block;}
.u-fill-tbl td.up-res {
    white-space: normal;
    word-break: break-all;
}
.utl{width: 80px;}
.utm{width: 150px;}
.utw{width: 180px;}
.utx{width: 462px;}
.dtl-l{float: left; width: 40%;}
.dtl-r{float: right; width: 58%;}
.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;}
.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;}
.a-up-note{float: right; font-size: 13px; font-weight: normal; color: #FF6600;}
.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 107px; }
.u-field-s2{padding:0 0 20px 10px;}
.u-field-s-min{padding:0 0 40px 87px;}
.u-field-s2 select, .u-field-s2 span.pdr{margin-right: 10px;}
.u-field-s2 .mlef{margin-left: 20px;}
.u-field-s .btn{margin: 0;}
.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:10px;}
.dwin_content .u-field-s{padding: 0 0 20px 107px;}
.dwin_content .dia-stats-wp{max-width: 1000px;overflow-y: auto;}
.dwin_content .dia-stats-wp td, .dwin_content .dia-stats-wp th{white-space: nowrap;}

.u-search{ vertical-align: middle; }
.u-search label{padding-left: 10px; vertical-align: middle; display: inline-block;}
.u-search label.nopd{padding: 0;}
.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: 26px; text-align: right;}
.u-page a:hover{background: #035f7b; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.u-page span, .u-page a{padding: 3px 6px; display: inline-block; background:#42B8DD; color: #FFF; margin-left: 5px; border-radius: 2px;}
.u-page span.current_page{  color:#666; }
.u-page span{background:#E8E8E8; color:#BABABA;}
.u-page-total{float: left; color: #6D6D6D; font-size: 12px; padding: 3px 0;}
.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;}
@media (hover: hover) {
    .tbl-list tr.list:hover{background:#EEE;}
}
.tbl-list tr.list.on{background: #fff7f2;}
.tbl-list tr.list-hd th, .tbl-list tr.list td{height: 24px;}
.tbl-list tr.list-hd th, .tbl-list tr.list td, tr.items td{border-bottom:1px solid #E2E2E2; padding:5px 2px; 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; padding-right: 5px;}
.tbl-list tr.list-hd th:first-child, .tbl-list tr.list td:first-child{padding-left: 8px;}
.tbl-list tr.list-hd th.list-c1, .tbl-list tr.list td.list-c1, tr.items td.list-c1{text-align: left;padding-left:7px; 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: #2a3642; color:#FFFFFF; font-size: 12px; border-bottom: 0px none; white-space: nowrap;}
.tbl-list tr.tbl-loaded{background: #EEEEEE;}
.tbl-list tr.handling td{background: #3C0000; color:#FFF;}
.tbl-list-l tr.list-hd th, .tbl-list-l tr.list td{text-align: left;}
.tbl-list-l tr.list-hd th.td-c,.tbl-list tr.list td.td-c{text-align: center;}
.list-down, .list[upattr="list-down"]{color: #AAA; text-decoration: line-through;}
.tbl-loaded-td{border-bottom:1px solid #E2E2E2; }
.tbl-loads{padding:10px 20px; margin-bottom:10px; border: 1px solid #E2E2E2; border-top: 0px none;}
.list-c1{width:16px;}
.list-f1{width:24px;}
.tdel{width: 30px;}
.tl td{text-align: left;}

.in-list{ line-height: 20px; }
.notes{line-height: 24px; margin-top: 15px; border: 1px solid #E8E8E8; padding: 5px;}
.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; max-height: 240px; overflow-y: auto;}
.multi-links li{float:left; margin-right: 10px;}
.box{white-space: normal;}
.exp-video{padding: 10px;}
.exp-video video{width: 1058px; height: 409px;}

/* 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; min-height: 285px;}
.search-panel dl{line-height: 20px;  font-size: 12px; overflow: hidden;}
.search-panel dt{display: table-cell; width: 45px; vertical-align: middle; color: #0B7DC4; font-weight: bold; height: 100%; line-height: 20px; padding:0 12px;}
.search-panel dd{display: table-cell; width: 539px; border-left: 1px solid #D7D7D7; padding-left: 1px; }

.search-panel-color dt{min-width: 60px;}
.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 .btn{line-height: 17px; padding: 1px 8px; margin-right: 1px;}
.search-panel .bon{background: #666; color: #FFF;}
.pan-disabled a, .pan-disabled a.hvr, .pan-disabled a.on, .pan-disabled a.ui-selecting{background: #FFF; color: #BBB; cursor: no-drop;}

.search-panel-color dl.pan-clarity a{height: 40px;}
.wrap_wide .search-panel-color dl.pan-clarity a{height: 20px;}
.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-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-panel dl.pan-color-intensity a {line-height: 18px; display: flex; align-items: center; justify-content: center; height: 42px;}
.search-hd{position: relative;}
.ch-3exn{position: absolute; left: 510px; top: 186px; padding: 2px; cursor: pointer;}
.li-wht{position: relative;z-index: 5;}
.weight-list, .expand-txa{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;}
.li-ids{position: relative; z-index: 3;}
.expand-txa{width: 400px;}
.expand-txa .txa{width: 100%; box-sizing: border-box; resize: vertical;}
.li-ids-show{position: relative;}
.li-ids-show .expand-txa{display: block;}
.li-ids-show .dl-down:after{border-color: #3ab6df transparent transparent transparent;}

.shp a{height: 61px;}
.shp span{height: 61px; text-indent: -1000px; background:url(img/shape-v6.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-asscher{background-position: -144px 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-asscher, .shp a.ui-selecting span.shape-asscher{background-position: -144px -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-asscher{background-position: -144px -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;}

.shp-icon a span::before, .iconfont::before{font-family: "diamonds"; font-size: 16px; vertical-align: middle; text-align: center; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.shp-icon span{text-indent: 0; background-image: none;}
.shp-icon a span::before{font-size: 36px; line-height: 1.20em; }
.shp-icon a span::after{display: block; font-size: 12px; line-height: 1em; transform:scale(0.75); transform-origin: center top;}
.shp-icon a span.shape-round::before{content: "\0061";}
.shp-icon a span.shape-princess::before{content: "\0062";}
.shp-icon a span.shape-emerald::before{content: "\0063";}
.shp-icon a span.shape-radiant::before{content: "\0064";}
.shp-icon a span.shape-oval::before{content: "\0065";}
.shp-icon a span.shape-pear::before{content: "\0066";}
.shp-icon a span.shape-marquise::before{content: "\0067";}
.shp-icon a span.shape-heart::before{content: "\0068";}
.shp-icon a span.shape-cushion::before{content: "\0069";}
.shp-icon a span.shape-asscher::before{content: "\006A";}
.shp-icon a span.shape-triangle::before{content: "\006B";}
.shp-icon a span.shape-other::before{content: "\0071";}

.shp-icon a span.shape-round::after{content: "Round";}
.shp-icon a span.shape-princess::after{content: "Princess";}
.shp-icon a span.shape-emerald::after{content: "Emerald";}
.shp-icon a span.shape-radiant::after{content: "Radiant";}
.shp-icon a span.shape-oval::after{content: "Oval";}
.shp-icon a span.shape-pear::after{content: "Pear";}
.shp-icon a span.shape-marquise::after{content: "Marquise";}
.shp-icon a span.shape-heart::after{content: "Heart";}
.shp-icon a span.shape-cushion::after{content: "Cushion";}
.shp-icon a span.shape-asscher::after{content: "Asscher";}
.shp-icon a span.shape-triangle::after{content: "Triangle";}
.shp-icon a span.shape-other::after{content: "Other";}

.clo a{height: 61px;}
.clo span{height: 61px; text-indent: -1000px; background:url(img/fancy-diamond-icons-v4.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;}

.fancies{display: inline-block;width:10px; height: 10px; margin-top: -2px; border-radius: 100%; margin-right: 3px; vertical-align: middle;}
.fancy-yellow{background:#F0B20B;}
.fancy-pink{background:#F15EA9;}
.fancy-blue{background:#2972C1;}
.fancy-red{background:#BD183A;}
.fancy-green{background:#2EAD60;}
.fancy-purple{background:#884898;}
.fancy-orange{background:#FF6600;}
.fancy-violet{background:#523FAA;}
.fancy-gray{background:#C4C4C4;}
.fancy-black{background:#000;}
.fancy-brown{background:#834131;}
.fancy-champagne{background:#C48245;}
.fancy-cognac{background:#ECAD73;}
.fancy-chameleon{background:#374B3F;}
.fancy-white{background:#EEE;}
.fancy-other, .fancy-all{background:#C4C4C4;}

.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 dt{padding: 0px;}
.searches-v .search-panel dl.pan-shape dd{padding: 0px;}
.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: 0 0 5px 12px; min-width: 330px; width: 790px; width: calc(100% - 645px);}
.search-action h2{padding-top:5px; text-align: right; font-size: 15px;}
.search-action li{margin-top: 10px; min-height: 26px;}
.search-action li:first-child{margin-top: 5px;}
.search-action li.last{margin-bottom: 0px;}
.search-action li i{float: left; width: 160px;}
.lbl-sa{margin-right: 5px;}
.lbl-sa, .search-action .txt, .b-seg, .lbl-sb{float: left;}
.lbl-sa select{max-width: 72px;}
.lbl-sa label{margin-right: 8px; padding-right: 10px; min-width: 42px; display: inline-block;}
.lbl-sa label:last-child{margin-right: 0px;}
.lbl-sa select{min-width:68px; padding: 2px; border-radius: 2px;}
.lbl-sa cite{display: inline-block; min-width: 63px;}
.lbl-exrate{margin-left: 10px; padding: 0 5px;}
.b-seg{width: 16px; text-align: center; line-height: 24px;}
.sch-txt{width: 144px;}
.ser-btn{color:#FFF; border:0px none; font-size: 13px; vertical-align: middle; background: #3190B0; cursor: pointer; width: 68px; text-align: center; height:24px; line-height: 24px; display: inline-block;  }
.ser-sch{color:#FFF;}
.search-smt .chkone{width: 68px; margin-right: 16px; text-align: left;}
.ser-btn:hover{background-position: left bottom;}
span.lbl-sa{line-height: 24px;}
.ser-ipx{float: left;}
.search-note{background: #fff8df; border: 1px solid #fbe69f; 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; }
.search-chk-nice input{display: none;}
.search-chk-nice label{padding-left: 3px;}
.search-chked{background-position: left bottom; color:#EB6100;}
.search-smt{text-align: right; margin-top:5px; height: 24px;}
.search-smt .ser-btn{float: left; font-size: 14px;}
.search-smt .ser-sch{font-weight: bold; border-radius: 0px;}
.ser-rst{margin-left: 16px; color: #2a3642; background:#DDDDDD; }
.search-nopd{margin-top: 0px;}
.search-ft{clear: both;}
.orderby{padding: 0 1px; color:#42b8dd;}
.orderby b{line-height: 1em; font-weight: bold; }
.orderby b::after{content: '↑'; font-size: 15px;}
.orderon{color: #fe4701;}
.asc b{background-position: 100% -19px;}
.desc b{background-position: 100% -35px;}
.desc b::after{content: '↓';}
.is_stock{color: #AE2222; }
.is_live{color:  #009A00; }
.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;}
.dia-add-share .ser-dis{border: 1px solid #CCC; cursor: pointer; padding: 0 1px;}
.dia-add-share .ser-dis:hover{border-color: #000;}
.dia-add-share-g .ser-rmb1{border: 1px solid #CCC; cursor: pointer; padding: 0 1px; display: block;}
.dia-add-share-g .ser-rmb1:hover{border-color: #000;}
.dia-shares-wp{}
.dia-shares-list{max-height: 240px; padding: 5px; border:1px solid #CCC; overflow-y: auto;}
.dia-shares{padding: 20px;}
.dia-shares-c{padding: 10px; line-height: 2em; box-shadow: 0 0 5px rgba(0,0,0,0.1) inset; margin-bottom: 10px;}
.dia-shares-c var{color: #E00C0C;}
.dia-shares-list .dia-shares-c:last-child{margin-bottom: 0px;}
.dia-shares-a{padding: 10px;}
.dia-shares-a .txt{margin: 0 5px; vertical-align: bottom;}
/* 宽的搜索形状 */
/*
.search-panel dd{width: 574px;}
.shp a{width:81px;} */


/* dia-list */
.bch-fix{position: fixed; top: 0; background: #FFF; box-shadow: 0 0 20px rgba(0,0,0,0.5); padding: 5px; z-index: 100;}
.dmdbtns.hide .counts{display: none;}
.dmdbtns.hide.bch-fix .counts{display: inline-block;}
.dia-list{color:#333;}
.dia-list tr.list-hd th{text-align: center;}
.dia-list tr.list td{text-align: center;}
.dia-list tr.list-hd th.td-r,.dia-list tr.list td.td-r{text-align: right; padding-right: 10px; padding-left: 2px;}
.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, .u-exp-tbl tr.tron td{background-color:#F5FFB1;}
.dia-back-list tr.list-hd th, .dia-back-list tr.list td {text-align: center;}
.dia-back-list tr.list td.td-did{text-align: left;}
.dia-list .tbl-loads{padding-top: 10px;}
.dia-ups{padding: 10px 0; color:#666;}
.dias-0{color:#999;}
.dias-1{color:#333;}
.dias-2{color:#FF8A80;}
.dias-3{color:#9C27B0;}
.dias-4{color:#673AB7;}
.dias-5{color:#5100df;}
.dias-7{color:#3F51B5;}
.dias-8{color:#FFEB3B;}
.dias-9{color:#795548;}
.cart-act{text-align: center;}
.cart-adding a, .cart-added a{display: none;}
.cart-adding b, .cart-added b{display: inline-block; width:24px; height: 20px; color: #42B8DD;}
.td-did{font-family: "SFMono-Regular","Consolas","Liberation Mono","Menlo","monospace";}
.bd-backend-b .td-did{border-right: 1px solid #E2E2E2;}
.did{display: inline-block;}
.didm{position: relative; z-index: 10; cursor:default;}
.did-on{z-index: 11;}
.did-on .fd-m{display: block;}
.in-bkl{text-decoration: overline;}
.fd-m{ display: none; word-break: break-all; color: #222; white-space: normal; position: absolute; left: 0px; top: 18px; z-index: 12; padding: 5px; width:360px; line-height: 20px; border:2px solid #4F4F4F; background: #FFF; background: rgba(255,255,255,0.9); text-align: left; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.fd-m b{color: #AAA; display: inline-block; margin-right: 5px; min-width: 5.5em;}
.fd-m i{margin-right: 5px; display: inline-block; min-width: 4em;}
.fd-m li i+b{text-align: right;}
.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;}
.html-ln-en .fd-m b{min-width: 6.5em;}
.fd-m b.nw{min-width: 4.5em;}
.fd-m-up{top: auto; bottom: 20px; box-shadow: 5px -5px 5px rgba(0,0,0,0.2);}
.fd-m-up:after{top: auto; bottom: -7px; border-bottom: 0px none; border-top: 5px solid #4F4F4F;}
.chk-extend{border: 1px solid #CCC; margin-top: 5px; padding: 10px; background:#FFF;}
.txt-dia-w{width:352px;}
.dia-budget .amt, .dia-budget .rmb,.dia-budget .t-rmb, .dia-budget .t-price, .dia-budget .ord-amount-actual{text-decoration: underline; text-shadow: 0 0 2px rgba(0,0,0,0.2);}

/* dia_image list */
.dia-img-wp{max-width: 500px;}
.dia-images .error{width: 500px; text-align: center; border:2px solid #CCC; font-size: 20px; margin: 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-hide{display: none;}
.dia-img{max-width: 100%; margin: 0 auto; display: block;}
.dia-img-spots{position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; flex-flow: row nowrap; justify-content:center; align-items:center;}
.dia-img-spots b{display: flex; align-items: center; cursor: pointer; border: 1px solid #606060; width: 20px; height: 20px; margin-right: 10px;}
.dia-img-spots b.on{border-color: #FFF; box-shadow: 0 0 5px rgba(255,255,255,0.6);}
.dia-images img, .dia-images video{max-width: 100%; max-height: 98vh; transition: all 0.30s ease-in-out;}
.dia-images img.dia-img-first, .dia-images video.dia-img-first{max-width: 120px;}
/* .dia-images img.dia-img-out, .dia-images video.dia-img-out{max-width: 120px;} */
.dia-mov-iframe{ width: 500px; height: 500px; border: 2px solid #c9c9c9; box-shadow: 0px 0px 8px rgb(0 0 0 / 30%);}
.dmov-i{background: #b9b9b9; display: inline-block; width: 20px; height: 20px;}
.dia-mov-iframe-loading { background: url(img/loader_file.gif) no-repeat center center;}
.dia-view-image[mtype="pdf"] .dia-mov-iframe{height: 90vh; width: 94vw;}
.dia-view-image[mtype="pdf"] .dia-img-wp{max-width: 95vw;}

.dia-view-image{position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 1001; text-align: center; background: rgba(0,0,0,0); transition: all 0.3s ease-in-out; opacity: 0;}
.dia-view-image-cnt{z-index: 1002; top: 0px; width: 100%; height: 100%; overflow: auto; display: flex; justify-content: center; align-items: center; transform: translateY(-30px); transition: all 0.3s ease-in-out;}
.dia-view-image-show{background: rgba(0,0,0,0.6); opacity: 1;}
.dia-view-image-show .dia-view-image-cnt{transform: translateY(0px); }
.dia-view-close{background:url(img/close_icon.png) no-repeat left top; position: fixed; z-index: 1008; display: block; right: 1px; top: 1px; width: 50px; height: 50px; }
.dia-view-close:hover{background-position: left bottom;}
.dia-view{padding:20px 0; margin-left:5px;}
.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;}
.paid-modes label:nth-child(2){display: none;}

/* 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 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; color:#333;}
.bu-tip li a:hover{color: #001BDD; }
.bu-tip li i{float: left;}
.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; width: calc(100% - 250px); }
.bu-stat-mu{width: calc(100% - 470px); }
.bu-stat-in{height: 400px; background: #FFF;}
.bu-stat-btns{text-align: center;}

/* order-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:18px; height: 18px; display: inline-block; visibility: hidden;}
.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: -10px; right: -13px; margin-left: 2px;}
.ord_stock em{color:#AE2222;}
.ord_from_dst{width:12px; height:12px; display: block; position:absolute; right:-13px; bottom:-2px;background:url(img/from_dst.png) no-repeat right bottom;}
.ord-amount{margin-left: 20px;}
.ord-amount-pre,.ord-rap-pre{color: #FF9800;}
.ord-bak{position: relative;}
.ord-bak sub{position: absolute; right: 2px; bottom: -2px; font-size: 10px; color: red;}
.o-abbr{max-width: 60px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.o-rmb{color: #02d210;}
.is_purchased{color:#CC148F;}
.handle-link{display:block;}
.ub-usd{margin-right: 10px;}
.gds-hk{color: #CC148F; }
.gds-sz{color: #1451CC; }
.gds-ok{color: #01CC01; }
.ord-d-tbl{width: 100%;}
.ord-details-h{height: 36px; width: 484px;}
.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;}
.o-follows{min-height: 216px;}
.ord-d-tbl .sw-l, .ord-d-tbl td .link-h{float: right;}
.ord-page .chkone{margin: 0 0 0 10px;}
.er, .e{color: #f10e0e;}
.ok, .o{color: #02d210;}
.ok, .tbl-list tr.list td.ok{padding-right: 13px;}
.mg-l{margin-left: 20px; display: inline-block;}
.print h1{text-align: center; margin-bottom: 10pt;}
.print .u-tbl-hd-top, .print .ord_im, .print .ord_star, .print .u-field-t, .print .u-page, .print .list-c1{display: none;}
.print .u-page-total{float: right;}
.print .list-hd th.ord-amt-hd{text-align: right;}
.print .list td.ord-amount-actual{text-align: right;}
.print-hd{margin: 5pt 5pt 10pt 5pt;}
.print-hd span{float: right;}
.print-sign{margin-top: 20pt; text-align: right;}
.print-sign span{display: inline-block; width: 100pt; border-bottom: 1pt solid #000; padding-bottom: 2pt;}
.print-ft{text-align: center;}

/* 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{border-color: #FCC; color: #FCC;}
.ibtn-on, .ibtn-on:hover{border-color: #FCC; background: #FCC; color: red; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.follow-fm{margin-bottom: 10px;}
.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; }
ol.follows{list-style: decimal outside; padding: 4px 4px 4px 24px; }
.follows li{line-height: 24px; border-bottom: 1px solid #E6E6E6;}
.follows li .fol-wp{display: flex; word-wrap: break-word; word-break: break-all; position: relative; float: left; width: 100%;}
.follows li .fol-title{display: inline;}
.follows li .fol-con{display: inline; color:#000; padding-right: 20px; flex:1;}
.follows li .fol-vis{position: absolute; right: 0px; top: 3px; height: 16px; width: 16px; visibility: hidden;}
.follows li .fol-visible{visibility: visible; color: #000; font-weight: bolder;}
.follows li:hover .fol-blocked .ifa, .follows li:hover .fol-del{visibility: visible;}
.follows li .fl{height: 24px;}
.follows li span, .follows li em, .follows li b{display: inline-block; min-width: 5em;}
.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 10px 10px 10px;}
.ohd{width:560px;}
.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-con i.ub-usd, .ohd-con i.ub-rmb{margin-left: 0;}
.ohd-con .txa{height: 48px;}
.ohd-smt span{margin-left: 20px;}
.ord-bat{font-weight: normal; margin-left: 10px;}
.ord-bat:hover{text-decoration: underline;}
.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;}
.ok-d-t { color: #00b316; }
.ok-d-p { color: #0031dd; }
.ok-d-m { color: #ee0000; }

.sup-fm .txb{width:452px;}
.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; margin-bottom: 10px; position: relative;}
.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:1px solid #DCDCDC; background: transparent; box-shadow: 0 0 5px rgba(0,0,0,0.1) inset; }
.file-support{ margin-bottom: 10px; }
.file-supported li{ line-height: 20px; }
.file-unsupported li{ line-height: 20px; }
.u-file{display: block;height: 26px; }
.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 i{float:left; margin-right: 12px; height: 26px;} 
.u-file i span{float:left; line-height: 26px;}
.u-file i .txt{float:left;}
.u-file i .lbl{line-height: 26px;  display: block;}
.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-preview{float: left; height: 24px; width: 24px; padding-left: 5px; display: flex; justify-content: center; align-items: center; background:#EBEBEB;}
.u-preview img, .u-preview video{max-width: 100%; max-height: 100%;}
.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;}
.t-exp{padding: 3px 0; color:#666;}
.test-movie{width: 640px; height: 480px; overflow-y: auto; padding: 5px; text-align: center;}
.test-movie video{max-height: 480px; box-shadow: 0 0 5px rgba(0,0,0,0.2);}

/* files */
.ajax-file-btn{height: 24px; margin-bottom: 10px;}
.ajax-file-list{padding: 10px 0;}
.ajax-file-list .u-filename{width:320px; overflow: hidden;}
.ajax-file-list-l .u-filename{width:720px; }
.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;}
.ajax-file-list .u-filename[compressed]::after{ content: "(" attr(compressed) ")"; margin-left: 2em; color: #085a90;}

/* list-help */
.list-help-wp{position: relative; display: inline-block;}
.list-help{position: absolute; z-index: 5; min-height: 30px; background:#FFF; border: 1px solid #B3B3B3; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); border-radius: 2px; padding:10px 0 5px 5px; white-space: nowrap; width: auto; transform: translateY(-5px); opacity: 0.5; transition: all 0.1s ease-out;}
.list-help-multi{min-width: 320px; white-space: normal;}
.list-help-show{transform: translateY(0px); opacity: 1;}
.list-help li{padding: 5px 5px; border-radius: 2px; line-height: 22px; margin:0 5px 5px 0; background:#657688; color:#FFF; display:inline-block; cursor:default; transition: all 0.2s ease-out;}
.list-help li:hover{background:#2a3642; color:#FFF; transform: translateY(-2px);}
.auto-complete{position: absolute; background: #FFF;border: 1px solid #000; border-radius: 2px; min-width: 180px; padding:0px; z-index: 2; box-shadow: 10px 10px 20px rgba(0,0,0,0.05);}
.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.auto-dis{background: #F0F0F0;}
.auto-complete tr.over{background:#3366CC; color:#FFF;}
.auto-complete tr.over strong{color:#ED0D0D;}
.auto-complete .error{padding: 10px; height: auto; width: 200px;}

.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;}
.imp img{max-width: 40px; max-height: 20px;}
.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;} 
.bat-ids{max-height: 318px; overflow-y: auto; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;}
.bat-ids-flex {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.bat-ids-flex a{min-width: 240px;}
.rev-ids{min-height: 312px; }
.bat-tbl{ padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;}
.bat-tbl-in{overflow-x: auto;}
.bat-tbl th{white-space: nowrap;}
.bat-tbl .u-exp-tbl td{white-space: nowrap;}
.bat-tbl-in{min-height: 300px;}
.ddtl{display: block; background: #efefef;}
.dwin .bat-tbl{max-height: 400px; overflow-y: auto;}
.wrap_wide .tbl-list .tbl-loaded-td .bat-tbl td{white-space: nowrap;}
.bat-revs{padding-top: 15px; display: flex; flex-flow: row wrap; margin-left: 0.5%;}
.bat-revs li{width: 19.5%; margin-right: 0.5%; margin-bottom: 15px;}
.bat-revs div{border: 1px solid #CCC;padding: 2px 5px; display: flex; justify-content: space-between;}
.bat-revs div a{color: #999;}
.bat-revs div.ok, .bat-revs div.ok a{border-color:#02d210; color: #02d210;}
.bat-revs b{margin-right: 10px;}
.bat-per{background: #CCC;height: 16px;}
.bat-per span{display: block; height: 16px; transition: all 0.2s ease-in; background: #3EB350; margin: 0; font-size: 12px; line-height: 16px; color: #FFF; text-align: right;}
.td-mod, .td-cate{cursor: pointer;}
.td-mod:hover, .tron .td-mod:hover, .td-cate:hover, .tron .td-cate:hover{background-color: #ffefd5;}

/* code page */
.lite-menu{padding:0 0 0 20px; margin: 0 10px 10px 10px; min-height: 30px; line-height: 30px; background: #CBCBCB; overflow: hidden;}
.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 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;}
.fld-dis{opacity: 0.2;}
.ibox span{float: left; padding: 0 10px 6px 0;}
.iwp{display: inline-block;}
.tag-pan{background: #FFF; min-width: 200px; transform: translateY(0px); transition: all 0.2s ease-out;}
.tag-pan-pop{position: relative;}
.tag-pan-pop .tag-pan{position: absolute; display: none;  padding: 10px 10px 5px 10px; top: 23px; border: 1px solid #B3B3B3; border-radius: 2px; box-shadow: 10px 10px 20px rgba(0,0,0,0.05);}
.tag-box-on{z-index: 21;}
.tag-box-on .tag-pan{display: block; transform: translateY(5px); opacity: 1;}
.tag-panin{ padding: 0; }
.tag-panin b{display: inline-block; cursor: pointer; color: #44B2FF; border: 1px solid #CCC; margin: 0 5px 5px 0; padding: 1px 3px; border-radius: 2px;}
.tag-panin b:hover{border-color: #44B2FF;}
.tag-panin b.on{border-color: #5bb75b; color:#5bb75b;}
.tag-grp var{display: none;}
.tag-grp b{min-width: 26px; text-align: center;}
.tag-grp[tar-grp="carat"] b{width: 65px;}
.tag-grp[tar-grp="clarity"] b[v="VVS1"], .tag-grp[tar-grp="clarity"] b[v="VVS2"]{width: 65px;}
.u-field-pop .tag-pan{transform: translateY(5px);}
.search-action .tag-pan{min-width: 300px;}
.dmd-fm select{width: 128px;}
.supwps{display: flex;}
.supup-iframe, .sup-dmov-ifm{width: 60px; height: 70px; border: 1px solid #43b8dd;}
.supwps video{width: 60px; max-height: 70px;}
.supwps .dmov{width: auto; height: auto; background: #c1c1c1; display: flex; align-items: flex-end;}
.supwps .dmov div{width: 60px; height: 60px; display: flex; justify-content: center; align-items: center;}
/* business.css */



/* consumer.css */
/* cart-page */
.cart-h1{height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; }
.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: 10px;}
#cart_body .cart-text{height: 180px; padding-top: 120px; padding-left: 0px; font-size: 24px;}
#cart_body .u-tbl-ft{padding-left: 22px;}
#cart_body .cart-tbl-fancy-wh{margin-top: 40px;}
.cart-content .u-field{margin: 20px;}
.cart-content .u-field-tbl th, .cart-content .u-field-tbl td{border:0px; padding: 8px 10px;}
.cart-content .u-field-s{margin-left:23px; }
.cart-content .list-f1{width: 45px;}
.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: block;}
.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{min-height: 96px; border: 3px solid #EBEBEB; font-size: 14px; padding: 24px 10px; display: flex; flex-flow: row; align-items: center;}
.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;}
.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; display: flex;}
.order-flow-list li {float: left; width:19.9%; height: 64px; text-align: center; flex-grow: 1;}
.order-flow-list li div{ height: 24px; line-height: 24px; padding:20px 0 0 0; border-top: 2px solid; position: relative;}
.order-flow-list li div:before {display: block;content: ""; width: 8px; position: absolute; top: -5px; border-radius: 100%; background: #818181; left: 49%; height: 8px;}
.order-flow-list li.on div{color:#00847D;}
.order-flow-list li.on div:before{background: #00847D;}
.order-flow-list li.off div{color:#818181;}
.order-flow-list li.off div:before {background: #818181;}
.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: 33%;}
.co-details dt{font-weight: bold; padding-left: 10px;}
.co-details dd{padding-left: 10px;}
.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: 0.5%;}
.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;}
.div-dna{padding: 50px 10px; max-width: 800px; margin: 0 auto;}
.table-dna{width: 100%; margin-bottom: 20px;}
.table-dna td{padding: 8px; border: 1px solid #CCC;}
.dna-f1{width: 150px;}
.bd-dna .front-header, .bd-dna .footer{display: none;}

/* stats */
.u-stats{display: flex; flex-flow: row wrap; justify-content: space-between;}
.u-st-col{width: 48%; margin-bottom: 20px;}
.u-stats-show-cuts td::after{content: attr(cu); display: block; font-size: smaller;}
.u-stats:not(.u-stats-show-cuts) tfoot{display: none;}
.u-stats-show-cuts .u-st-col{width: 100%; }
.u-stats-show-cuts .u-st-col .u-exp-tbl{table-layout: fixed;}
.u-stats-show-cuts .u-st-fst{width: 40px;}
.u-stats-show-cuts .t[cla="<=I3"]{width: 40px;}

.date_wp{position: relative;}
.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: #F3F3F3;border: 1px solid #B3B3B3; border-radius: 2px; padding: 8px; margin: -1px 0 0 0;position: absolute;z-index: 100; display: none;width:238px;box-shadow:10px 10px 20px rgba(0,0,0,0.05); transform: translateY(-10px); transition: all 0.2s ease-out; opacity: 0;}
.di-show{transform: translateY(0); opacity: 1;}
.date_selector_ieframe { position: absolute;z-index: 99;display: none;}
.date_selector .nav {overflow: hidden; min-height: 24px; border-bottom: 1px solid #D2D2D2;}
.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%;}
.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: #267dd4; 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;}
.date_selector th{color: #c11a1a;}
.date_selector td {border: 1px solid #E8E8E8;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: #ebf4ff;font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover { background: #267dd4;color: white;}

.bd-backend-u .tbl-over{overflow-x: auto;}
.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;}
.theme-blank .front-header, .theme-blank .footer{display: none;}
.theme-blank .show_msg_wp{max-width: 600px; width: auto;}

.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;}

.wrap_wide .tbl-list{font-size: 12px;}
.wrap_wide .dia-list{font-size: 11px;}
@media screen and (min-device-width: 1600px) {
    .wrap_wide .tbl-list{font-size: 13px;}
    .wrap_wide .tbl-list td{white-space: nowrap;}
    .wrap_wide .tbl-list .tbl-loaded-td td{white-space: normal;}
    .wrap_wide .tbl-list td .tbl-loads{white-space: normal;}
    .wrap_wide .wrap, .wrap_wide .u-side-in, .wrap_wide .u-main{min-width: 1600px;}
}

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

@page{
    size: auto;
    margin: 2mm 6mm 2mm 6mm;
}
@media only print{
    html, body{margin: 0; padding: 0;}

    body, .main{background: transparent none;}
    .front-header, .u-side, .u-field-h, .footer{display: none;}
    .wrap_wide .wrap, .wrap_wide .u-side-in, .wrap_wide .u-main{width: auto !important;}
    #debug{display: none;}
    .print{width: auto;}
    .print .txt{border: 0pt none;}
    .print h2 span{display: none; visibility: hidden; }
    .print-tbl td{border-width: 1pt;}
    .print-ft{position: absolute; bottom: 8mm; width: 100%;}
}