/* 
    Document   : style
    Created on : Apr 6, 2012, 10:49:02 PM
    Author     : Ryan <cumt.xiaochi@gamil.com>
    Description:
        Purpose of the stylesheet follows.
*/
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 li.current-li{}
.smallslider-btns{position:absolute;z-index:103;}
.smallslider-btns span{background-color:#FFFFFF;border:1px solid #DCDCDC;color:#9F9F9F;cursor:pointer;float:left;font-size:12px;height:16px;line-height:16px;text-align:center; width:16px;}
.smallslider-btns span.current-btn{ background-color:#C00100; border:1px solid #A00100; color:white; font-size:13px;font-weight:bold;}
.smallslider-lay{position:absolute;background:black;height:26px;width:100%; z-index:101;}

/* jqzoom */
.zoomPad { position: relative; float: left; z-index: 9; cursor: crosshair; }
.zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(img/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px;  _width:100px; _height:49px;}
.zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; }
.zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/ z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; }
.zoomWindow { position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; }
.zoomWrapper { position: relative; border: 1px solid #DEDEDE; z-index: 110; }
.zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; }
.zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; }
.zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }
/* jqzoom */

html,body{height: 100%;}
body{font:13px/1.5em Verdana,Arial,"Microsoft YaHei"; color:#3F3F3F; background:#EDEDED;}
section, article, aside, header, footer, nav, dialog, figure { display: block; }
input, textarea, select {margin: 0;outline: medium none;padding: 0;vertical-align: middle;font-size: 12px;font-family: Verdana,Arial,"Microsoft YaHei";}
button{background-color: transparent;border: medium none;cursor: pointer;-webkit-appearance: none;margin: 0;outline: medium none;overflow: visible; padding: 0;}
input[type=button],input[type=submit]{-webkit-appearance: none;}
h1 {color: #333;font-size: 22px; font-weight: bold; padding: 0;}
h2 {font-size: 20px; font-weight: bold; padding: 10px 0 5px;}
label{vertical-align: middle;}
select{padding: 2px; height: 26px; border-radius: 0px;}
b,i, cite, em, var, dfn, address {font-weight: normal; font-style: normal;}
a {color: #0041D9;outline: medium none;text-decoration: none;}
a:hover{text-decoration: none;color:#F48422;}
.clearfix:before,
.clearfix:after { content: "."; display: block;  height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
.clearboth{line-height: 1px; font-size: 1px; height: 0px; clear: both;}

/* kc-show-msg */
.show_msg_hd{display: none;}
.show_msg{margin: 0px auto ; padding: 100px 0 120px; color:#999; }
.show_msg_wp{margin: 0 auto; max-width: 600px; border:3px solid #626262; background: #FFF;}
.show_msg_in{font-size: 14px; padding: 20px 10px 20px 100px; background:url("img/message.png") no-repeat scroll 24px 16px transparent;}
.show_msg_h{font-size: 16px;  }
.show_msg_c{font-size: 14px;}
.show_msg_txt{padding: 10px 0; color:#333; font-size: 16px; line-height: 32px; overflow: hidden; }
.show_msg_txt a{text-decoration: underline;}
.show_msg_jup{font-size: 12px; line-height: 24px; height: 24px; overflow: hidden; font-weight: normal;}
.show_msg_jup a{color:#666; text-decoration: underline;}
/* kc-show-msg */

/* kc-message */
.message {color:#000; text-align: center; font-size: 13px; line-height: 24px; min-height: 24px; margin: 10px 0;}
.message-blank{height: 28px;}
.message-in-sub{margin: 0px;}
.message-error{border-color: #CE0002; color: #CE0002;}
.message-ok{border-color:#01CC01; color: #01CC01; }
.message-tip{color:#333;}
.error{text-align: center; padding: 1em 0; margin-top: 1.5em; color: #CE0002; border: 1px solid; background: #ffe7e7;}
.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; }
.ajax-error{line-height: 40px; padding: 20px 10px; min-width: 300px; text-align: center;}
.box{padding: 10px; min-width: 300px;}
.tbl-lite-wp{width: 580px; max-height: 240px; _height:240px; overflow-y: auto; box-shadow: 0 0 10px rgba(0,0,0,0.16) inset;}
.tbl-lite{width: 100%; text-align: center;}

.date_selector, .date_selector * {width: auto; height: auto; border: none; background: none; margin: 0;padding: 0; text-align: left; text-decoration: none;}
.date_selector th{border:0px none;}
.date_selector { background: #F2F2F2;border: 1px solid #bbb;padding: 5px;margin: -1px 0 0 0;position: absolute;z-index: 100;display: none;width:238px;box-shadow:0px 5px 5px rgba(0,0,0,0.1);}
.date_selector_ieframe { position: absolute;z-index: 99;display: none;}
.date_selector .nav {width: 17.5em; /* 7 * 2.5em */}
.date_selector .month_nav, .date_selector .year_nav {margin: 0 0 3px 0;padding: 0;display: block; position: relative;text-align: center;}
.date_selector .month_nav { float: left; width: 55%;}
.date_selector .year_nav {float: right;width: 35%;margin-right: -8px; /* Compensates for cell borders */}
.date_selector .month_name, .date_selector .year_name { font-weight: bold;line-height: 20px;}
.date_selector .button {display: block;position: absolute;top: 0;width: 18px;height: 18px;line-height: 17px;font-weight: bold;color: #003C78; text-align: center;font-size: 120%; overflow: hidden;border: 1px solid #F2F2F2;}
.date_selector .button:hover, .date_selector .button.hover { background: none; color: #003C78;cursor: pointer; border-color: #ccc;}
.date_selector .prev {left: 0;}
.date_selector .next { right: 0;}
.date_selector table { border-spacing: 0;border-collapse: collapse;clear: both;}
.date_selector th, .date_selector td {width: 33px;height: 26px; padding: 0 !important; text-align: center; color: black;}
.date_selector td {border: 1px solid #ccc;line-height: 26px;text-align: center;white-space: nowrap; color: #003C78; background: white;}
.date_selector td.today {background: #FFFEB3;}
.date_selector td.unselected_month {color: #ccc;}
.date_selector td.selectable_day {cursor: pointer;}
.date_selector td.selected {background: #D8DFE5;font-weight: bold;}
.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover { background: #003C78;color: white;}
.auto-complete {position: absolute; top: 30px; z-index: 2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  border: 1px solid #363b3e; background: #FFF;}
.auto-list-tbl { width: 100%;}
.auto-list-tbl td { padding: 5px;white-space: nowrap;}
.over { background: #0097cf; color: #FFF;}
/* common part -- dynamic window created by javascript */
.dwin{position:fixed; }
.dtable{padding: 0px; margin: 0px;}
.dwin_inner{background: #FFF;color:#444444;}
.dwin_inner .dwin_title{height:22px; line-height:22px; padding:5px 8px; background: #F3F3F3;}
.dwin_inner .dwin_title em{color:#1A1A1A; float:left; font-size:14px; font-weight: bold; }
.dwin_inner .dwin_title span{float:right;}
.dwin_inner .dwin_title span a{display: block; background: url(img/close.gif) no-repeat left top; text-indent: -100px;   height:20px; width:20px; overflow:hidden;}
.dwin_inner .dwin_title span a:hover{background-position: 0 -20px; background-color: transparent; text-decoration: underline; color:#0F70B8;}
.dt_l, .dt_c, .dt_r, .dm_l, .dm_r, .db_l, .db_c, .db_r{padding:0px; margin: 0px; border: none; background: #000; z-index:1000; opacity:0.2;filter:alpha(opacity=20);}
.dm_c{padding:0px; margin: 0px; border: none;}
.dt_l, .dt_r,  .db_l, .db_r{width:5px; height: 5px;}
.dmask{position: absolute; left: 0; top: 0; z-index: 999; background: #000;}
.dloading{height: 20px; display: inline-block; line-height: 20px;background: url(img/i-loader.gif) no-repeat left center; padding-left: 20px; width: 120px;}
.dclosebtn{cursor: pointer; text-align: center; font-weight: bold; display: inline-block; font-size:12px; width: 40px; height:22px; line-height:22px; padding:0 8px; color:#FFFFFF; background:#660000 ; border-width:1px; border-style:solid;border-color:#FFD2D2 #3E0000 #3E0000 #FFD2D2; }
.dmsg{padding:10px 10px 10px 20px;}
.dmsg_win .dwin_inner .dwin_title{background: #F3F3F3;}
.dmsg_in{background:url("img/msg_info.gif") no-repeat scroll left center transparent;  font-size:14px; height:76px ;  line-height:1.6em; width: 248px; padding:0px 0px 0px 48px; }
.d_info{background-image:url("img/msg_info.gif") ;}
.d_right{background-image:url("img/msg_right.gif") ;}
.d_error{background-image:url("img/msg_error.gif") ;}
.d_loading{background-image:url("img/msg_loading.gif");}
.d_i_info, .d_i_right, .d_i_error, .d_i_loading{text-align: center; font-size: 13px;}
.d_i_info{color:#333;}
.d_i_right{color:#01CC01;}
.d_i_error{color:#CE0002;}
.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:#212121 ; border-width:1px; border-style:solid;border-color:#CFCFCF #000000 #040404 #CFCFCF; }
.tip_loading{z-index:  20001; position: fixed; left: 0; top:0; height: 22px; line-height: 22px; width: 130px; display: none; background:url(img/loading_b.gif) no-repeat 6px 50% #000; color:#FFF; padding-left: 28px; box-shadow:3px 3px 3px #4A4A4A; border-radius:3px;  }
.pop_tip{z-index: 20002; left: 0; top: 0; font-size: 14px; height: 40px; line-height: 40px; display: none; background: #000; color: #FFF; padding: 0 20px; text-align: center; box-shadow:3px 3px 3px #4A4A4A; border-radius:5px;  }
.kc-show-msg{background: url("img/body-bg.gif") repeat scroll left top #EDEDED;}
.kc-show-msg .main{height: 400px;}
.show_msg_hd{display: none;}
/* common part -- dynamic window created by javascript */

/* paginator */
.pager_wrapper{margin:0 auto;height: 24px; text-align:center; 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: 22px; float: left;}
.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 #CCCCCC; }
.paginator a{color:#494540;text-decoration:none;}
.paginator span{color:#CCCCCC;}
.paginator span.current_page{color:#5A5B5B;font-weight:bold; border: 1px solid #F1F1F1;}
.paginator span.total_page{color:#aeaba6;}
.paginator span.more_page{border:none;color:#000;font-weight: bold;}
.paginator a:hover{background:#DFF6FF;}
.page-lit{padding: 5px 0 0 0; text-align: left; font-size: 12px;}
.page-lit span, .page-lit a{padding: 0 5px;}
.page-lit span{color:#9F9F9F;}
.page-lit span.current_page{color:#9F9F9F;}

/* kind.dom.nice */
/* 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 42px 0px 16px; background: url(img/drop.jpg) no-repeat right center ;  }
.kc-droplist em{display: block; overflow: hidden; white-space: nowrap; line-height: 24px; }
.kc-droplist-items{position: absolute; z-index: 10; left: 0px; top:25px; max-height: 312px; overflow-y:auto; background: #FFF; border: 1px solid #CCC;}
.kc-droplist-items a{padding:0 16px 0 16px; text-align: center; 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: #DD4B39; color:#FFF;}
.kc-droplist-items a.on:hover{background-color: #DD4B39; color:#FFF;}
.kc-droplist-show{z-index: 6;}
.kc-zoom-wp{position: absolute; z-index: 40001; border: 1px solid #DDD; background:#FFF; box-shadow: 10px 10px 10px rgba(0,0,0,0.2); 
            cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: -ms-zoom-out; cursor:zoom-out;}
.kc-zoom-in{vertical-align: middle;}
.kc-zoom-in img{display: block; }
.kc-zoom-src{cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor:zoom-in;}

.lbtn{position: relative; overflow: visible; 
      display: inline-block; padding: 0.4em 0.8em; border: 1px solid #d4d4d4; margin: 0;
      text-decoration: none; text-shadow: 1px 1px 0 #fff; font:11px/normal sans-serif; color: #333;  white-space: nowrap; 
      cursor: pointer; outline: none; 
      background-color: #ececec;
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
      background-image: -moz-linear-gradient(#f4f4f4, #ececec);
      background-image: -o-linear-gradient(#f4f4f4, #ececec);
      background-image: linear-gradient(#f4f4f4, #ececec);
      -webkit-background-clip: padding; -moz-background-clip: padding;-o-background-clip: padding-box; 
      /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
      -webkit-border-radius: 0.2em;  -moz-border-radius: 0.2em;  border-radius: 0.2em; 
      /* IE hacks */
      zoom: 1; *display: inline; } /* link btn */
.lbtn{margin-left: 5px;}
.lbtn:hover,
.lbtn:focus,
.lbtn:active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
    color: #fff; 
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

.lbtn:active,
.lbtn.active {
    border-color: #2a65a0;
    border-bottom-color: #3884CF;
    color: #fff; 
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}

/* overrides extra padding on button elements in Firefox */
.lbtn::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.xdobtn, .btns{border-radius:3px; border:1px solid #D5D5D5; line-height:1.5em; padding: 3px 15px; background-color: #eee; background-image:linear-gradient(#FCFCFC, #EEE); user-select: none; box-shadow: 2px 2px 2px rgba(0,0,0,0.05); -webkit-appearance: none;}
.xdobtn[disabled], .btns[disabled]{box-shadow: none; color: #CCC;}
.xdobtn:not([disabled]):hover, .btns:not([disabled]):hover{border-color: #CCC; background-color:#DDD; background-image:linear-gradient(#EEE, #DDD);}
.xdobtn:not([disabled]):focus,.xdobtn:not([disabled]):active,.btns:not([disabled]):focus,.btns:not([disabled]):active{border-color:#51A7E8; box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);}
/* css3 */
.txt-error{
    border-color:#D11919 !important;
    animation-name: glow;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 500ms;
}
@keyframes glow {
    0% { box-shadow: 0 0 3px #D11919; }
    100% { box-shadow: 0 0 10px #D11919; }
}
/* css3 */
.flex-box{display: flex; justify-content: center; align-items: center; min-height: 300px;}
.fld{height: 30px; margin: 10px 0 0 0; padding: 0;}
.fld label{}
.fld .lbl{float: left; height: 26px; width:84px; line-height: 26px; text-align: right; padding-right: 16px;}
.fls{height: auto;}
.fld-i{float: left;}
.fld-i b{float: left;}
.fld-t{float: left; line-height: 26px;}
.txt{border:1px solid #ADADAD; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; height: 24px; line-height: 24px; padding:1px 3px; width:180px;}
.txt:hover{border-color: #A0A0A0 #B9B9B9 #B9B9B9 #B9B9B9;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;}
.txt:focus{border:1px solid #4D90FE; box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;}
.txs{width:80px;}
.txm{width: 120px;}
.txb{width:360px;}
.f-l{float: left;}
.f-r{float: right;}
.tc{text-align: center;}
.rdos{float: left; line-height: 26px;}
.txa{height: auto; width: auto;}
.rich_text{min-width: 100px; width: 99%; height: 480px;}
.CodeMirror-scroll { height: 480px !important; font-size: 14px;}
.pdr{margin-right: 30px;}
.pdl{margin-left: 30px;}
.spl,.spl-kc{margin-left: 30px; margin-right: 10px;}
.lblrdo, .lblchk, .lbltxt{margin-right: 5px;}
.check_one_lbl{padding-left: 5px;}
.pd{margin-left: 20px;}
.chk{margin-right: 4px; margin-top: -2px;}
.rdo{margin-right: 4px; margin-top: -2px;}
.hidden{display: none;}

.fld-smt{padding-left: 100px; height: 30px;}
.smt{padding: 3px 10px; font-size: 14px; color: #FFFFFF; -webkit-appearance: none; background-color: #4D90FE; border: 1px solid #3079ED;text-shadow: 0 1px rgba(0, 0, 0, 0.1); width: 188px;}
.smt:disabled{background: #F0F0F0; border-color: #e5e5e5; color: #CCC;}
.btn{padding: 1px 5px;color: #FFFFFF; height: 24px; background-color: #4D90FE; border: 1px solid #3079ED;text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
.btn-big{padding: 5px 18px; height: auto;}
.sec-im{ margin-left: -82px; margin-top: 1px;}
select {border: 1px solid #CCC;}
.note{color: #999; margin-right: 20px;}
.note b{color: #EF2323; padding: 0 5px;}
p.bline, p.note{margin-top: 5px;}
.bline{color: #000000;}
.nd{color: #D41319;}
.xd{color: #09b709;}
.mb{margin-bottom: 10px;}

.wrappers{max-width: 1120px; margin: 0 auto;}
.bus-body .wrappers, .con-body .wrappers{width: 1280px; max-width: 1280px;}
.navs-wp, .footer, .navs-wp .wrappers, .footer .wrappers{background: #373737; color:#FFF; }

.containers{min-height: 100%;}
.main-wp{ margin: 0 auto; padding-bottom: 90px;}
.main{margin: 0 auto; min-height: 360px; padding: 10px; background:#FFF; }
.no-main-pd{padding:0px;}
.header{margin: 0 auto; background: #FFF;}
.header-in{background: #FFF; height: 80px; margin: 0 auto; position: relative; }
.logo{float:left; width:30%;}
.logo a{display: block; float: left; height: 80px; overflow: hidden; padding-left: 20px;}
.logo img{vertical-align: top;}
.login-logo{text-align: center;}
.broad{float:left; width:40%;line-height: 24px; height: 48px; overflow: hidden; color:#E64F32;}
.broad-in{padding:16px 20px 10px 20px; }
.navs-wp{height: 32px; width: 100%;}
.navs-in{margin: 0 auto; line-height: 32px;  height: 32px;}
.navs-fixed{position: fixed; z-index: 1000; width: 100%; top: 0px; box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);}
.navs a{color:#15ADE0; white-space: nowrap;}
.navs h3{float:left; font-weight: normal; line-height: 32px;}
.navs ul{float: left;}
.navs ul a{color:#FFF;}
.navs li{float: left; position: relative; z-index: 990;}
.navs li a.li-a, .navs li span{padding:0 8px; float:left;  display: block;border-right:1px solid #101010; }
.navs li span{cursor:default;padding-right:26px; position: relative;} 
.navs li b{ display: block; position: absolute; width: 16px; height: 16px; right: 6px; top: 8px; background:url(img/droplist.gif) no-repeat center;
            -webkit-transition: -webkit-transform 0.3s ease-in; -moz-transition:-moz-transform 0.3s ease-in; -o-transition:-o-transform 0.3s ease-in; transition:transform 0.3s ease-in;}
.navs li.hv b{ -moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.navs dl{display: none; position: absolute; border:1px solid #101010; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.9); z-index: 52; left: -1px; top:31px;}
.navs dd{line-height: 30px; }
.navs dd a{display: block; border-bottom:1px solid #5F5F5F; padding:0 42px 0 24px; white-space: nowrap;}
.navs dd a:hover{color:#FFF; background: #555}
.navs dd:last-child a, .navs dd.last a{border-bottom: 0px none;}
.navs li.hv{z-index: 51;}
.navs li.hv span{z-index: 53;}
.navs li.hv dl{display: block;}
.navs dl, .navs li.on, .navs li.hv span, .navs a.li-a:hover{background-color:#666;}

.nav-u{float: right; line-height: 32px; padding-right: 10px;}
.nav-u b{padding:0 8px; color: #999;}

.footer{background:#333; color:#FFF; height: 90px; margin-top: -90px;}
.footer-in{margin: 0 auto; padding:10px; height: 68px; font-size: 10px;}
.copyright{float:left;}
.copyright h3{font-weight: normal;}
.copyright a{color:#C5C5C5;}
.copyright a:hover{color:#32F9B4;}
.copyright p{margin-top: 1em; color:#B3B3B3;}
.copyright p span{color:#666; margin-left: 10px; display: none;}
.poweredby{margin-left: 10px; display: none;}
.footer-logo{display: none ; float: right; width:150px; height:48px; overflow: hidden; text-align: right;}
/* login */
.login{height: 360px;}
.login-box {float: right; width:320px; margin-top: 3em; }
.login-im {height: 20px;line-height: 20px; padding: 5px 10px; text-align: center;}
.login_ajax{height: 200px;}
.register-wp .login-box{margin-top: 0px;}
.login_ajax .login-box{float:none; margin-top: 0px;}
.login_ajax .login-icon{display: none;}
.qv-form{margin: 0 auto; display: flex; text-align: center; justify-content: center; flex-flow: column;}

/*diamond*/
/* searches */
.search-hd{padding:0px; background: #FFF; border-bottom:1px solid #BCBCBC;}
.searches{height: auto;}
.search-panel{float: left; border-right: 1px solid #BCBCBC; padding:0;}
.search-panel dl{line-height: 20px;  font-size: 12px; overflow: hidden;}
.search-panel dt{display: table-cell; vertical-align: middle; color: #00665A; 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 dl.sp-last dd{padding-bottom: 0px;}
.search-panel a{float: left;cursor:default;  width:48px; overflow: hidden; height: 20px; margin:0 1px 1px 0; color:#333; text-align: center;}
.search-panel a span{display: block;  width:48px;}
.search-panel a.on, .search-panel a.ui-selecting, .search-panel a.hvr{color:#FFF; background-color: #A1A1A1;}
.search-panel a.on{background-color:#666; }
.search-panel a.on:hover{background-color:#666; border: none;}

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

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

.search-panel dl.pan-shape dt, .search-panel dl.pan-shape dd{padding-top: 1px;}
.search-panel dl.pan-fluorescence dt, .search-panel dl.pan-fluorescence dd{padding-bottom: 1px;}

.shp a{height: 61px;}
.shp span{height: 61px; text-indent: -2000px; background:url(img/shape-v3.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;}

.fcy a{height: 40px; padding-top: 4px;}
.fcy a span{display: block; width: 20px; height: 20px; border-radius: 100%; margin: 0 auto;}
.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;}


.search-action{float: left; padding-left: 16px; width: 364px;}
.search-action h2{padding: 0px; font-weight: normal; font-size: 13px;}
.search-action h2 b{font-weight: bold; margin-right: 10px;}
.search-action li{margin-top: 8px; height: 28px;}
.search-action li.last{margin-bottom: 0px;}
.search-action li i{float: left; width: 182px;}
.lbl-sa{}
.di-wpx{position: relative;}
.lbl-sa, .search-action .txt, .b-seg, .lbl-sb{float: left;}
.lbl-sa .check_one_lbl{padding-left: 5px;}
.lbl-sa select{width:79px; padding: 3px;}
.b-seg{width: 12px; text-align: center; line-height: 24px;}
.ser-pdl{}
.ser-btn{color:#FFF; border:0px none; font-size: 13px; vertical-align: middle; background: #00847D; cursor: pointer; width: 79px; text-align: center; height:26px; line-height: 23px; display: inline-block;  }
.ser-sch{color:#FFF;}
.ser-btn:hover{background-position: left bottom;}
span.lbl-sa{line-height: 24px; color:#00665A;}
.kc-tip-p{position: relative; margin-right: 20px;}
.kc-tip-in{display: none; cursor: default; position: absolute; box-shadow: 5px 5px 5px rgba(0,0,0, 0.2); right: -172px; top: 0px; background: #FFF; width: 156px;padding: 6px; border: 2px solid #FCF;}
.kc-tip{background:url(img/tip.png) no-repeat left top; cursor: pointer; width: 16px; height: 16px; display: block; position: absolute; right: -16px; top: -2px;}
.report-wp{max-width: 700px; margin: 0 auto; padding:30px 0px;}
.eegem-iframe{display: block; margin: 0 auto; padding: 0px; overflow: hidden;}
/* dia_image list */
.dimg, .dmov { background: url("img/media_icons.png") no-repeat scroll center 2px rgba(0, 0, 0, 0);display: inline-block; text-indent: -500%; height: 19px; width: 24px; overflow: hidden;}
.dimg-p {text-indent: 0; height: auto; background: none; overflow: visible; position: relative;}
.dimg-p img{width: 20px; vertical-align: middle;}
.dimg-p[num]::after{display: block; font-size: 10px; height: 1.2em; width: 1.2em; line-height: 1.2em; position: absolute; top: -5px; right: -3px; background: #232323; background: rgba(0,0,0,0.75); box-shadow: 0 0 2px rgba(0,0,0,0.5); content: attr(num); color: #FFF; border-radius: 100%; }
.dmov {background-position: center -22px;}
.dia-images{height: 100%; width: 100%; color: #FFF; vertical-align: middle;overflow: hidden;}
.dia-images::after{content: " ";display: inline-block;height: 100%; overflow: hidden; vertical-align: middle; width: 0;}
.dia-images video{max-width: 100%; max-height: 100%;}
.dia-images img{display: inline-block; box-shadow: 0 0 10px rgba(0,0,0,0.5); transition: all 0.5s ease-in-out; max-width: 98%; max-height: 90%; min-height: 120px; vertical-align: middle; opacity: 0;}
.dia-images img.dia-img-hide{display: none;}
.dia-images img.dia-img-loaded{background: #FFF; opacity: 1;}
.dia-images img.dia-img-error, .dia-images video.dia-img-error{background: #FFF url(img/nopic-240.png) no-repeat center center; width: 240px; height: 240px; opacity: 1;}
.dia-images .error{width: 500px; text-align: center; border:2px solid #CCC; font-size: 20px; padding-top: 150px; margin: 100px auto 0 auto; height: 200px; background:#FFF;}
.dia-loading, .dia-img-loading{background:#FFF url(img/zoomloader.gif) no-repeat center center; width: 40px; height: 40px; border-radius: 100%; box-shadow: 0 0 3px rgba(255,255,255,0.3); position: absolute; left: 49%; left: calc(50% - 20px); top:49%; top: calc(50% - 20px); z-index: -1;}
.dia-loading{text-indent: -10000px; overflow: hidden;}
.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: inline-block; cursor: pointer; background: #B4B4B4; width: 20px; height: 20px; margin-right: 10px; border-radius: 100%;}
.dia-img-spots b.on{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-wp{height: 96%; height: calc(100% - 10px); width: 98%; padding-top: 5px; margin: 0 auto; overflow: hidden;}
.dia-img{max-width: 100%; max-height: 100%; margin: 0 auto; display: block;}
.mov-org-link{display: none;}

.pulse, .fadeIn, .bounceIn {animation-fill-mode: both; animation-duration: 1s;}
.pulse{animation-name: pulse;}
.fadeIn{animation-name: fadeIn;}
.bounceIn {animation-name: bounceIn; }
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes bounceIn {
    0% {opacity: 0;transform: scale(.3);}
    50% {opacity: 1; transform: scale(1.05); }
    100% { transform: scale(1);}
}
@keyframes pulse {
    0% {transform: scale(1);}
    40% {transform: scale(1.2);}
    70% {transform: scale(0.8);}
    100% {transform: scale(1);}
}
.dia-view-image{position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 1001; background: rgba(0,0,0,0.5); text-align: center;}
.dia-view-image-cnt{z-index: 1002; top: 0px; width: 100%; height: 100%; overflow: auto;}
.dia-view-image iframe{width: 100%; height: 100%;}
.dia-view-close{background:url(img/close_icon.png) no-repeat left top; position: fixed; z-index: 1008; display: block; right: 15px; top: 10px; width: 50px; line-height: 50px; text-align: center; 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;}
/* seaches */


/* jquery-ui */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dashed black; }
.ser-ipx{float: left;}
.searches .txs{width:72px;}
.searches .txmm{width: 164px;}
.search-chk{ float: left;height: 24px; line-height: 22px; text-align: left; width: 57px; margin-right: 12px;}
.search-chk-nice{background: url(img/chkbg.png) no-repeat left top; border: 1px solid #adadad; padding-left: 20px;}
.search-chk-nice input{display: none;}
.search-chked{background-position: left bottom; border-color: #EB6100; color:#EB6100;}
.lbl-sa select:not(:first-child){margin-left: 7px;}
.search-p {margin-top: 8px; height: 28px;}
.search-smt{text-align: right; margin-top:8px; height: 28px;}
.search-smt .ser-btn{float: left; font-size: 14px; font-weight: bold; -webkit-appearance: none; border-radius: 2px;}
.search-smt .ser-btn:hover{color:#FFF; background: #EB6100;}
.search-smt a.ser-btn{margin-left: 12px; font-weight: normal;}
.search-nopd{margin-top: 0px;}
.orderby{padding: 0 1px; color:#333;}
.orderby b{line-height: 1em; font-weight: bold; padding-right: 10px; background: url(img/list_arr.gif) no-repeat 100% -3px;}
.orderby:hover, .orderon{}
.orderon b{background-position: 100% -3px;}
.asc b{background-position: 100% -19px;}
.desc b{background-position: 100% -35px;}
.is_stock{color: #AE2222; }
.item-list{position: relative;}
.mask{background: #FFF; color: #FFF; width:100%; height:100%; display: none; text-align: center; position: absolute; left: 0px; top: 0px; z-index: 100;}
.mask p{padding-top: 30px;}
.mask span{padding-left: 24px; background:url(img/loading_b.gif) no-repeat left center; font-size: 16px; }

/* list */
.search {padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px solid #F3F0E4;}
.search label{padding:0 5px;}
.search .btn{margin-left: 5px;}
.search select{padding:2px;}
.list-hd{min-height: 20px;margin-bottom: 8px;}
.list-hd .total{float: left; padding:0 9px;}
.list-hd .sum{float: right;}
.list-hd .sum a, .list-hd .sum span{margin-left: 20px;}
.list-hd .paginator{float:right;}
.list-hd .paginator a, .list-hd .paginator span{margin: 0 0 0 5px; border:1px solid #E4E4E4;}
.list-ft{margin-top: 8px; margin-bottom: 0px;}
.list-ck{width:12px; text-align: left;}
.chk_ids{margin-top: -2px;}
.mr{margin-left: 10px;}
.batch-btns{margin-left: 10px;}
.batch-btns input{margin-right: 5px;}
.list-tab{min-height: 24px; padding: 6px 0 0 16px; margin-bottom: 10px; background: #8F8F8F; display: flex; flex-wrap: wrap;}
.list-tab li{float:left;}
.list-tab a{display: block;color:#FFF;float: left;height: 24px;line-height: 24px;padding: 0 12px;text-align: center;}
.list-tab a:hover{}
.list-tab a.tab-on{background:#FFF; color:#333;}
.list-tab a span{font-weight: bold;}
.tbl-box{padding:0px;} 
.dia-empty{padding-top:100px; height: 200px; text-align: center; border-bottom: 1px solid #797979;}
.tbl-list{width: 100%; empty-cells: show; text-align: center; border:1px solid #F3F0E4; border-top: 0px none;}
.tbl-list-x{margin-bottom: 20px;}
.tbl-list tr.list td, .tbl-list th{padding:3px 1px; border-top:1px solid #F3F0E4;}
.tbl-list th{background: #FFF4C6; white-space: nowrap;}
.tbl-list tr.list td.tl, .tbl-list th.tl{text-align: left;}
.tbl-list tr.list{background: #FFF;}
.tbl-list tr.list:nth-child(2n){background: #F3F0E4;}
.tbl-list tr.list.tron{box-shadow: 0 0 10px inset rgb(0 0 0 / 20%);}
.tbl-list tr.list.tbl-loaded, .tbl-list tr.list.tbl-loaded:hover{background:#FCD100;}
.tbl-list th.list-ck, .tbl-list tr.list td.list-ck{padding-left: 8px; padding-right: 8px;}
.tbl-list a:hover{text-decoration: underline;}
.tbl-list .ar{text-align: right;}
.tbl-list .ar span{padding-right:10px;}
.tbl-lite, .tbl-lite th, .tbl-lite td{border:1px solid #F3F0E4;}
.tbl-lite th, .tbl-lite td{padding:5px;}
.tbl-lite th.tl, .tbl-lite td.tl{text-align: left;}
.o-nt{width: 100px; color: #999;}
@media (hover: hover) {
    .tbl-list tr.list:hover{background:#FFE068;}
    .tbl-list tr.tbl-loaded:hover{background:#FCD100;}
}

.dia-add-share .ser-dis{border: 1px solid #CCC; cursor: pointer; padding: 0 1px; display: block;}
.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;}
.dia-shares-a .btn{height: 28px;}
.dia-shares-txt-copy{box-sizing: border-box; width: 100%;}

.t1{text-align: left;}
.t2, .t3, .t4{width: 10%;}
.order{margin-bottom: 20px; box-shadow: 0 2px 2px rgba(0,0,0,0.05);}
.oinfo{border:1px solid #F3F0E4; padding:5px; background: #F2F2F2;}
.oinfo h3{font-weight: normal;}

.tbl-loaded-td{text-align: left;padding:10px;}
.h-split{}
.h-split-l{float:left; width:49%;}
.h-split-r{float:right; width:49%;}
.h-split h3{height: 24px; line-height: 24px;}
.h-split h3 span{float:right; font-weight: normal; font-size: 12px;}
.h-split h3 em{margin-left: 10px; color: #EE0000;}
.h-split h3 a{margin-left: 10px;}
.h-split .tbl-view{width:100%;}
.hl{margin-top: 10px;}
.tbl-view{border:1px solid #FFD28F;}
.tbl-view td{padding: 5px; border:1px solid #FFD28F; background: #FFF; word-break: break-all;}
.tbl-view td b{margin: 0 10px;}
.tbl-view .lb{background: #FFF4C6; color:#666; text-align: right;}
.a-view{padding: 5px 0; color:#3E3D3D;}
.a-view a{margin-right: 10px;}
.sp-td{vertical-align: top; padding-right: 10px;}
.fld-box{margin-left: 50px;}
.fld-box .message{text-align: left;}
.fld-hd{padding:10px 0 2px 0; font-weight: bold; font-size: 18px; }
.fld-tbl{width: auto;}
.fld-tbl td{padding: 8px 5px;}
.fld-tbl td .rq{color:#FF0000; font-weight: bold; padding:0 8px 0 5px;}
.fld-tbl td .nt{color:#888; margin-left: 20px; vertical-align: middle;}
.fld-tbl td.l{text-align: right; color:#7D7D7D; padding-right: 10px; vertical-align: top;}
.fld-tbl .fld-s td{padding-top: 0px; padding-bottom: 0px;}
.fld-btn{padding:24px 0 32px 0;}
.fld-im{line-height: 24px;min-height: 24px;}

.cart-added a{display: none;}
.cart-added {display: inline-block;width:24px;height: 14px; background: url(img/checked.gif) no-repeat center center;}
.did{padding-right: 17px; text-align: right; margin-left: 8px;}
.didm{position: relative; z-index: 10; background: url(img/field_more.png) no-repeat right center; cursor:default;}
.did-on{z-index: 11; text-decoration: underline;}
.did-on .fd-m{display: block;}
.fd-m{ display: none; color: #222; position: absolute; right: -195px; top: 20px; z-index: 12; padding: 10px; width:180px; line-height: 20px; border:2px solid #4F4F4F; background: #FFF; text-align: left; word-break: break-all;}
.fd-m b{color: #666;}
.fd-m-up{top: auto; bottom: 15px;}
.list-marked .did::before{content: '√';}

.tbl-hd{min-height: 20px; line-height: 20px;padding:6px 0;}
.tbl-hd .xdobtn{float: left;}
.page-total{color: #6D6D6D; float: left; font-size: 12px;}
.pages{text-align: right;}
.pages span, .pages a { padding: 0 5px;border:1px solid #CCC; margin-left: 3px;}
.pages a:hover{background:#2E59F2; color:#FFF;}
.note-list{padding: 10px;}
.note-list .sbtn{border: 1px solid #CCC; padding: 2px 10px;}
.note-list .sbtn:hover{background: #0041D9; color: #FFF;}

/* user index */
.user-info{line-height:26px; min-height: 320px;}
.user-info h3{margin-top: 20px;}
.user-info h3.ui-title{margin:0 0 10px 0; border-bottom: 1px solid #CBCBCB; color: #888;}
.user-info strong{color:#222;margin: 0 10px; color: #222;}
.user-info b{margin-right: 20px; color:#666;}
.user-info i{color:#0503F5; margin-right: 3px; display: inline-block;text-align: center;}
.user-info span{margin-right: 20px; white-space: nowrap;}
.recv-code img{max-width: 370px;}
.tbl-info{width:100%;}
.tbl-info td{border:1px solid #CCC; padding: 5px;}

.list-theme{min-height: 360px;}
.list-theme li{float: left; margin-right: 20px; 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;}

/* cart */
#g_cart_num_v{display: block;}
#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 5px 0 30px; background: url(img/cart.gif) no-repeat 10px 50%;}
#g_cart_num_v a{background-color:#E4393C;}
#g_cart_num_v a:hover{text-decoration: none;}
.cart-icon{padding-left: 16px; display: inline-block; position: relative; }
.cart-icon a:hover{text-decoration: underline; color:#15ADE0;}
.cart-icon-on{color:#FF0000;}
.cart-summary{font-size:12px; line-height: 24px; position: absolute; z-index: 100000; display: none; right: 0px; top: 32px; background: #FFF; color:#333; border: 2px solid #E4393C; box-shadow: -3px 3px 3px rgba(0,0,0,0.3); padding: 3px; width: 540px;}
.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: 5px; padding-right: 5px;}
.cart-tbl{width: 100%; text-align: center;}
.cart-summary-smt{color:#999; height: 24px; padding: 5px 12px 0 20px; text-align: right;}
.cart-summary-smt span{padding-right: 10px;}
.src-to-dst {background-color: #F46200; text-align: center; display: none; position: absolute; top: 0; z-index: 100000;}
#cart_body .cart-text{height: 160px; padding-top: 90px;}
#cart_body h2{font-size: 14px; font-weight: bold; color: #666; padding: 5px 10px;}
.cart-jew-h2 {margin-top: 5px;}
.cart-h1 {font-size: 20px;font-weight: bold;height: 50px;line-height: 50px;padding-left: 5px;}
.cart-h1 span{font-size: 14px; font-weight: normal; padding-left: 20px; }
.cart-h1 em{padding: 0 5px; color: #EE0000;}
.cart-content .list-ft{padding: 0 10px; border-top: 1px solid #E3E3E3; color:#666;}
.cart-fill{padding:0 5px; margin:20px 5px 10px 5px; color:#666; border-bottom: 1px solid #EEE;}
.stock-saled{}
.cart-tbl .tl{text-align: left;}
span.is_art::after { content: 'LGD';color: #0db029; border: 1px solid;font-size: smaller; margin-left: 10px;}
.stock-saled div{margin-bottom: 5px;}
/* submit-order */
.submit-order{ height: 270px; padding-top: 110px; background: #FFF;}
.submit-wp{width:600px ; margin: 0 auto;}
.submit-result{background: url("img/msg_right.gif") no-repeat scroll 50px 24px #FFF; min-height: 96px; border: 3px solid #E2E2E2; box-shadow: 0 0 5px rgba(0,0,0,0.2); font-size: 14px; padding: 24px 10px 20px 120px;}
.submit-result-ok {background-image: url("img/msg_right.gif");}
.submit-result-err {background-image: url("img/msg_error.gif");}
.submit-result-info {background-image: url("img/msg_info.gif");}
.submit-result h1{font-size: 18px;}
.submit-result p{line-height: 1.8em;margin-top: 8px;}
.submit-result p a:hover{text-decoration: underline;}


/* custom order-view */
.order-view{padding: 12px; padding-bottom: 60px;}
.order-flow{background:#FFFBC6; padding: 10px 0 10px 10px;}
.order-flow h2{font-size: 13px; color:#888; font-weight: normal; padding:0px;}
.order-flow h2 b,.order-flow h2 span{font-weight: bold; margin-right: 20px;}
.order-flow h2 span em{font-weight: bold; color:#EE0000;}
.order-flow-list{height: 44px;margin-top: 10px;}
.order-flow-list li {float: left; height: 44px; padding-right: 10px;}
.order-flow-list li div{ height: 24px; line-height: 24px; padding-right: 156px; background: url(img/flow.png) no-repeat right -18px;}
.order-flow-list li.on div{background-position: right 6px; color:#b20000;}
.order-flow-list li.off div{color:#818181;}
.order-flow-list li.last-chd{padding-right: 0px;}
.order-flow-list li.last-chd div{padding-right: 0px; background: none;}
.order-flow-list li p{height: 20px; font-size: 11px; font-family: arial,sans-serif;}

.order-view h3{ border-bottom: 1px solid #E1E1E1; margin: 10px 0 10px 0; font-weight: bold; padding: 5px 10px;}
.order-view h3 i{padding-left: 30px;color:#666;}
.order-view h3 b, .order-view h3 span{color:#B20000;}
.order-block{padding:0px 10px 0 90px ;}
.order-block td{padding: 8px 5px;}

.follows{padding: 4px 16px 4px 36px; background: #FCFFCB; list-style: decimal outside; width: 480px; }
.follows li{line-height: 24px; border-bottom: 1px solid #C8C8C8; word-wrap: break-word; word-break: break-all;}
.follows li span{margin-right:12px; color:#DD0E0E;}
.follows li i{margin-right: 12px;}
.follows li b{color:#000; }
.follows li.fol-con-vis, .follows li.fol-con-vis span{color:#03b703;}

.page-content{min-height: 320px;}
.pop-browser{position: fixed; right: 0; top: 0; width: 300px; padding:10px; background:#FFF; border:3px solid #333;}
.edit-tools{height: 24px; margin-bottom: 5px; }
.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;}
.inavs{float: left; margin-left: 20px; background:#D3D3D3; color:#7D7D7D; height: 24px; line-height: 24px; cursor: pointer;}
.inavs a{float: left; padding:0 10px;}
.inavs a.on{background:#333; color:#FFF;}

/* index */
#index_slider{height: 500px;}
#index_slider .smallslider-btns span {border:0px none; width:20px; height: 20px; background:url("img/button.png") no-repeat left top; _background-image:url("img/button.gif");}
#index_slider .smallslider-btns span.current-btn{background-position: left bottom;}

/* about */
.con-bg {background-color: #F3F3F3;}
.about {padding: 32px 58px 80px;}
.about h1 {line-height: 2em;}
.about p {line-height: 1.8em;text-indent: 2em; margin-top: 1em;}
.index-intro{background-color:#f3f3f3;padding-bottom:21px;width:1150px;}
.intro-f{width:24%;float:left;padding: 10px 0 0 64px;}
.intro-r{width:62%;float:left;padding: 15px 0 0 0;line-height: 28px;}
.intro-r h2{line-height:50px;color:#926106;}

.faq{background-color: #f3f3f3; padding:10px 10px 80px 68px;}
.faq h1{line-height:2em;}
.faq dl{margin-top:30px; line-height:1.8em;}
.faq dt{padding-left:24px; color:#202020; margin-bottom:8px; background:url("img/q.gif") no-repeat left center; }
.faq dd{padding-left:24px; color:#666; background:url("img/a.gif") no-repeat left center; }

/* contact */
.contact{padding:38px 62px 128px ;}
.contact p{line-height: 1.8em;}
.contact-f{width:50%;float:left;}
.contact-r{width:50%;float:left;}

.register, .lostpwd{padding: 160px 20px 20px 20px ; height: 240px; text-align: center; font-size: 20px; line-height: 2em;}


/* jewelry-css */
.top-price{ position: absolute; visibility: hidden; z-index: 10; right:5px; top: 5px; height: 24px; overflow: hidden; text-align: right; background: #393939;}
.top-price li{color: #FFF; height: 24px; line-height: 24px; overflow: hidden; padding:0 5px;}
.top-price li b{color: #FFC;}
.top-price li strong{padding: 0 5px;}

/* jewelry */
/* jewelry nav */
.jew-search-wp{padding:0 3px;}
.jew-search-hd{font-size: 12px; padding:12px 0; background: #FFF; border-bottom:1px solid #CCC;}
.jew-searches{height: auto; overflow: hidden;}
.jew-search-cates{margin-bottom: 10px; padding-left: 20px; border-bottom: 2px solid #ED5C5C; }
.jew-search-cates a{font-size: 14px; color:#D50C0C; background: #F2F2F2; margin-right: 10px; padding: 0.5em 1em; height: 1em; line-height: 1em; float: left;}
.jew-search-cates a:hover{background: #ED5C5C; color: #FFF;}
.jew-search-cates a.on{background: #ED5C5C; color: #FFF;}
.jew-search-items li{float: left; margin:0 5px 2px 0;}
.jew-search-items li a{display: block; float: left;}
.jew-search-items li a:hover{background: #C5C5C5; color:#222;}
.jew-search-items li a.on, .search-items li a.on:hover{background: #666666; color: #FFF;}
.jew-search-navs-type li{float: left; margin-right: 5px; }
.jew-search-navs-type li a{display: block; line-height: 1em; height: 1em; padding: 5px 10px; float: left; }
.jew-search-navs-type li a:hover{ }
.jew-search-navs-type li a.on, .search-navs-type li a.on:hover{}
.jew-search-navs{background: none;}
.jew-search-navs-type{font-size: 13px;}
.jew-search-tags{font-size: 12px; margin-top: 8px; background: #F8F8F8; padding: 5px 0;}
.jew-search-tags dl{margin-bottom: 5px; position: relative; overflow: hidden;}
.jew-search-tags dt{position: absolute; left: 0px; white-space: nowrap; min-width: 52px; text-align: center;  color: #666; font-weight: bold; line-height: 22px; padding: 0 2px;}
.jew-search-tags dd{margin-left: 60px;}
.jew-search-tags dd ul{float: left;}
.jew-search-tags dd ul li{float: left; margin: 0 5px 2px 0;}
.jew-search-tags dd ul li a{padding: 3px 5px; line-height: 16px; min-width: 28px; text-align: center; white-space: nowrap; }
.jew-search-tags dl.sp-last dd{padding-bottom: 0px;}

.jew-search-action{margin:12px 0 0 0; padding-left: 14px; height: 26px; clear: left;}
.jew-search-action i{float:left; margin-right: 30px;}
.jew-search-action span{float: left; padding-right: 10px; line-height: 24px;}


.jew-list{background: #FFF; padding: 8px 0;}
.jew-list-box{}
.jew-list ul{margin: 0 auto; border-left: 1px solid #CCC; border-top: 1px solid #CCC; max-width: 972px;}
.jew-list li{float: left; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; width: 242px; padding: 0 0 5px 0;}
.jew-list li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: relative;}
.jew-list li.jlview{float: none; width: auto; clear: left; margin-right: 0px; padding: 0px; border-color: #F20424; border: 0px none; position: relative;}
.jew-list li.jlview:hover{box-shadow: none;}
.jew-list li.on{position: relative; margin-bottom: 10px;}
.jew-list li.on:after{content: " "; position: absolute; display: block; left: 114px; bottom: -11px; width:0px; height:0px;border-bottom: 10px solid #8E8E8E;border-left: 10px solid transparent;border-right: 10px solid transparent;}
.jew-pic{height: 240px; position: relative;}
.jew-stock{color: #E4393C;}
.jew-mark{position: absolute; display: block; height: 40px; line-height: 34px; width:80px; text-align: center; color:#FFF; letter-spacing: 3px; left: -4px; top: 10px; background:url(img/jew-mark.png) no-repeat left -5px;}
.jew-mark var{ font-size: 16px;}
.jew-mark-0{background:none;}
.jew-mark-2{background-position: 0 -55px;}
.jew-mark-3{background-position: 0 -105px;}
.jew-mark-4{background-position: 0 -155px;}
.jew-mark-5{background-position: 0 -205px;}
.jew-mark-6{background-position: 0 -255px;}
.jew-mark-7{background-position: 0 -305px;}
.jew-mark-8{background-position: 0 -355px;}
.jew-mark-9{background-position: 0 -405px;}
.jew-mark-10{background-position: 0 -455px;}
.jew-mark-11{background-position: 0 -505px;}
.jew-mark-12{background-position: 0 -555px;}
.jew-mark-13{background-position: 0 -605px;}
.jew-mark-14{background-position: 0 -655px;}
.jew-mark-15{background-position: 0 -705px;}
.jew-mark-wp{display:block;position: relative; height: 40px; width: 100px; cursor: pointer;}
.jew-mark-wp .jew-mark{top: 0px; left: 0px;}
.jew-name{line-height: 24px; height: 24px; overflow: hidden; text-align: center;}
.jew-name a,  .jew-sn-price a{ color: #666;}
.jew-name a:hover, .jew-sn-price a:hover{text-decoration: underline; color:#F60;}
.jew-sn-price{padding: 6px 10px;}
.jew-sn-price strong{float: right; color:#F60;}
.jew-total{margin: 0 3px; height: 20px;}
.jew-empty{height: 280px; padding-top: 180px; text-align: center; font-size: 24px;}
.jew-show-login{margin: 0 10px; }
.jew-show-login:hover{text-decoration: underline;}
.jew-facs{}
.jew-facs b{margin-right: 10px; padding: 1px 3px; border: 1px solid #FF3300; cursor: pointer;}
.jew-tag-box{position: relative;}
.jew-tag-pan{position: absolute; left: 0px; top: 24px; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); border: 1px solid #CCC;}
.jew-tag-panin{ padding: 10px; }
.jew-tag-panin div{margin:0 0 5px 0;}
.jew-tag-pan fieldset{border: 1px solid #CCC; padding:0 10px; margin: 0 0 5px 0;}
.jew-tag-pan legend{padding: 5px 2px;}
.jew-tag-pan b{display: inline-block; cursor: pointer; color: #44B2FF; border: 1px solid #CCC; margin: 0 5px 5px 0; padding: 1px 3px;}
.jew-tag-pan b:hover{border-color: #44B2FF;}


/** jewelry-view **/ 
.jview{padding: 0; margin: 0 auto;}
.jview-details{padding-top: 0px;}
.jview-pics{width: 410px; float: left; margin-right: 5px;}
.jview-picture{width: 400px; height: 400px;border: 1px solid #E0E0E0;}
.jview-pics-small{height: 80px; margin-top: 10px;}
.jview-pics-small li{float: left; margin-right: 8px;}
.jview-pics-small li a{border: 1px solid #e6e6e6; position: relative; width: 72px; height: 72px;}
.jview-pics-small li a:hover, .jview-pics-small li a.on{border-color: #F46200;}
.jview-pics-small li a.on:after{content: " "; display: block; width: 0px; height: 0px; position: absolute; top: -5px; left: 32px; z-index: 5; border-style: solid; border-width: 0px 5px 5px 5px; border-color: transparent transparent #F46200 transparent;}
.jview-expl{height: 1.8em; overflow: hidden; position: relative; padding-right: 16px;}
.jview-expl i{display: none; position: absolute; right: 0px; top: 7px; height: 10px; width: 15px; background:url(img/more_info.png) no-repeat left top;}
.jview-expl-more{cursor: pointer; }
.jview-expl-more i{display: block;}
.jview-expl-on{background-position: bottom right;padding-bottom: 5px;}
.jview-expl-on i{background-position: left bottom; top: auto; bottom:0px;}
.jview-param-list li.jview-note{padding-left: 0px;}
.jview-param-list li.jview-stones{}
.jview-stones i{margin-right: 5px; padding-right:5px; border-right: 1px solid #CCC; color: #f46200;}
.jview-param{float: left; width: 550px; padding-bottom: 10px;}
.jview-t{font-size: 16px; padding:8px 0; line-height: 22px; font-weight: bold;}
.jview-t b{font-weight: bold; color: #E4393C;}
.jview-link-out{}
.jview-link-out:hover{text-decoration: underline;}
.jview-modify{font-size: 12px; margin-left: 10px; font-weight: normal;}
.jview-modify:hover{text-decoration: underline;}
.jview-param-list{ line-height: 1.8em;  margin-bottom: 10px;}
.jview-param-list-normal{}
.jview-param-list ul{padding: 5px 10px;  border: 1px solid #EEE; background: #FFF; position: relative; z-index: 5;}
.jview-param-list ul.on{box-shadow: 5px 5px 5px #F2F2F2;}
.jview-param-list li{ position: relative; line-height: 1.8em; padding-left: 50px;}
.jview-param-list li.q-stone{color: #ff4a4a; border-bottom: 1px solid #ff4a4a;}
.jview-param-list li span{ position: absolute; left: 0px; top: 0px; color: #a1a1a1; }
.jview-param-list li b{margin-left: 10px; color: #A1A1A1;}
.jview-param-list li.jview-expl-stock{height: auto;}
.jview-customize{border: 1px solid #ffc6a4; padding: 10px 0px 10px 10px; background: #fffaf7;}
.jview-cu-item{margin-bottom: 5px;}
.jview-cu-item dt{float: left; width: 50px; line-height: 22px;}
.jview-cu-other .jv-material, .jview-cu-other .jv-letter{display: none;}
.gender{font-size: 12px;}
dt.gender{clear: left; text-indent: 20px;}
.jv-letter .gender, .jv-num .gender{display: inline-block; width: 34px; text-indent: 5px;}
.jv-letter .gd-m, .jv-num .gd-m{}
.jv-stock-num{margin-left: 10px; color: #999;}
.jview-cu-item dd{float: left; width: 412px; color:#333;}
.gd-m{color: #489CFE;}
.gd-f{color: #FF559C;}
.t-fig{font-size: 20px; line-height: 30px; height: 30px;}
.jv-check span{float: left; padding:2px 0px; background: #FEE5D4; text-align: center; margin:0 2px 2px 0; cursor: pointer}
.jv-check span.on{background: #F46200; color:#FFF;}
.jv-pair span, .jv-material span{width: 66px; }
.jv-size span{width:32px;}
.jv-letter-txt, .jv-num-txt{width: 62px; margin-right: 2px;}
.jv-figures{position: absolute; z-index: 306; max-width: 240px; text-align: left; left: 0px; top: 24px; background: #FFF;font-weight: bold; font-size: 22px; line-height: 32px; color:#44B2FF; border: 2px solid #3D3D3D; padding: 7px 5px 5px 7px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);}
.jv-figures b{margin: 0 2px 2px 0; cursor: pointer; background:#EDEDED; display: inline-block; width: 32px; height: 32px; text-align: center;}
.jv-figures b:hover{background: #44B2FF; color:#FFF;}
.jv-letter-figure{background:url(img/add_love.png) no-repeat left top; cursor: pointer; padding: 0 12px; margin: 0 6px;}
.jv-note{color: #A1A1A1;}
.jv-mr{margin-left: 50px;}
.jv-price{line-height: 22px;}
.pr-mask{position: absolute; z-index: 1; left: 0px; top: 0px; background: #FFFAF7;}
.price-box{font-size: 16px; color: #F2621F; position: relative;z-index: 3;}
.price-box strong{font-weight: normal;}
.pcalc{color:#333; display: none; border: 1px solid #3CA272; position: absolute; right: -354px; top: -59px; width: 300px; font-size: 12px; padding: 10px 15px; background: #FFF;  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.pcalc:after{content: " "; display: block; width: 0px; height: 0px; left: -10px; top: 52px; position: absolute; border-right: 10px solid #3CA272;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.pc1{font-size: 13px; padding: 0 0 3px 0; color: #3CA272;}
.pc2{padding: 0 0 5px 0; border-bottom: 1px solid #CCC; }
.jview-buy{padding-left: 50px;}
.jview-buy-btn, .jview-top-btn{height: 46px; line-height: 46px; width: 146px; font-size: 16px; display: block; text-align: center; background:#f46200; color: #FFF; }
.jview-buy-btn:hover{color:#FFF;}
.jview-buy-dis{background: #CCC;}
.jview-buy-dis:hover{background: #CCC;}
.jview-text{padding: 10px 10px 30px 10px; line-height: 2em;}
.jview-mask{width:100%; height: 100%; background:url(img/loader-bar.gif) no-repeat center center #8E8E8E; position: absolute; z-index: 5; left: 0px; top: 0px; text-align: center; color: #FFF;}
.jview-mask p{height: 20px;}
.jview-shut{width:36px; height: 36px; border-radius: 18px; cursor: pointer; position: absolute; top: 5px; right: 5px; z-index: 4; background:url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMTMvMTKswDp5AAAAd0lEQVQ4jb2VQRLAIAgDE///Z3qqY1FAhalHMCsCIkVEAIAkkVgvp2lDBgYAnAyHkWotLccNrEd4A7X2TqIdqLfnWBAdaF5rJdyJfjtPH5GT37CaGhoVq3nOm/XflUuLUto2pY1d+vRKh0Pp+MrAVtDe2JkvYNQ+jVSEEFmOkggAAAAASUVORK5CYII=") center center no-repeat #DDDDDD;}
.jview-shut:hover{background-color: #CC0000;}
.jview-iframe{width: 100%; height: 100%; overflow: hidden; display: block;}
.jview-top-btn{position: absolute; z-index: -2;}
.jview-sten{}
.jview-sten i{margin-right: 6px; color:#F46200;}
.jview-param .jv-stock{display: none;}
.jview-stock{}
.jview-stock .jv-no-stock{display: none}
.jview-stock .jv-stock{display: inline;}
.jview-stock li.jv-stock{display: list-item;}
.jview-cu-stocks{padding: 0px; border: 0px none; background: #FFF;}
.jview-cu-stocks .jview-cu-item{display: none;}
.jview-cu-stocks .jview-buy{padding-left: 0px;}
.jview-more-link{margin: 10px 0; display: none;}
.stk-lk:hover{text-decoration: underline;}
.stocks-list{background: #FFF;margin-bottom: 10px; }
.stocks-list-max{max-height: 316px; overflow-y: auto;}
.stocks-list-tbl{width: 100%;}
.stocks-list .st-groups div{right: 0px; left: auto;}
.stocks-list th, .stocks-list td{padding: 3px; border: 1px solid #CCC; text-align: center;}
.stocks-list td .st-groups td{white-space: nowrap;}
.stocks-list td{cursor: pointer;}
.stocks-list td.wh{white-space: nowrap;}
.stocks-list tbody tr:hover{background:#FFF5EF;}
.stocks-list tbody tr.on{background: #FEDDC4;}
.stocks-list .jv-letter-txt{margin-right: 0px;height: 18px; line-height: 18px;}
.stocks-list .jv-figures{left: auto; right:0px; width: 240px;}
.stk-list-gd-female{color: #dc0000}
.stk-list-gd-male{color: #004ee9}

.st-groups{position: relative;}
.st-groups div{display: none; z-index: 10; position: absolute; left: 0px; top: 20px; background: #FFF; padding: 10px; border: 1px solid #666; box-shadow: 5px 5px 5px rgba(0,0,0,0.5);}
.ord-tbl tr.list td .st-groups td, .tbl-list tr.list td .st-groups td{padding: 5px; white-space: nowrap; height: 20px; border: 0px none;}
.st-groups:hover div{display: block;}

.cart-pic img{height: 50px; border: 1px solid #FF5500;}
.cart-summary h2{font-size: 14px; line-height: 1em; padding: 5px 0; font-weight: bold; border-bottom: 1px solid #CCC; float: none;}
.cart-summary .cart-pic img{height: 32px;}
.cart-summary .cart-tbl th{white-space: nowrap;}
.cart-summary .cart-tbl td{padding: 3px 0; border-bottom: 1px dashed #CCC; line-height: 1.2em;}
.cart-am{width: 18px; height: 13px; cursor: pointer; margin-top: 5px; text-indent: -100px; overflow: hidden; display: block; float: left; background:url(img/cart_num_ctrl.png) no-repeat left top;}
.cart-am-minus{margin-right: 2px;}
.cart-am-add{background-position: left center; margin-left: 2px;}
.cart-num-txt{float: left; width: 30px; text-align: center;}
.cart-ch{}
.cart-ch-box{position: relative; min-height: 20px; line-height: 20px; border: 1px solid #B8B8B8; cursor: pointer;}
.cart-dis{border:0px none; cursor: default;}
.cart-ch-pan:after{display: block; position: absolute; content:""; left: 50%; top: -7px; border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #666666;}
.cart-ch-pan{position: absolute;text-align: left;  z-index: 3; left: 0; top: 20px; display:none; border: 2px solid #666666; background: #FFF; padding: 10px 5px 8px 5px; box-shadow: 5px 5px 5px rgba(0,0,0,0.5); }
.cart-ch-box[pan="note"]{font-size:12px;}
.cart-ch-pan .jv-letter{width: 182px;}
.cart-ch-pan .jv-letter .jv-letter-figure{margin-right: 0px;}
.cart-ch-pan .jv-note{padding: 5px 0 0 2px; font-size: 12px; width: 182px;}
.cart-ch-pan .jv-num{width: 74px; height: 24px;}
.cart-ch-pan .jv-letter-txt{width: 120px;}


.orders{padding: 0;}
.ord-not-err{padding: 30px;}
.ord-box{border: 1px solid #E0E0E0;background:#FFF; margin-bottom: 10px;}
.ord-box:hover{box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
.ord-hd{background: #FFF;}
.ord-hd-tbl{width: 100%;}
.ord-hd-tbl td{padding: 5px;}
.ord-hd-tbl b{color:#222;}
.ord-hd-tbl i{color:#999;}
.ord-hd-u{}
.ord-sn{padding-left: 5px;}
.ord-sn a:hover, .ord-time a:hover{text-decoration: underline;}
.ord-time{font-size: 12px; color:#666;}
.ord-time b{color: #888; float: right;}
.ord-note{font-size: 12px; color:#999;}
.ord-proxy{float: left;}
.ord-proxy em{color:#EE0000; padding: 0 5px;}
.order-cu {font-size: 12px;}
.ord-tbl{width: 100%;margin: 0 auto; }
.ord-tbl th{padding: 5px; font-weight: normal; background: #F4F4F4;}
.ord-tbl th.list-c1{padding-left: 10px;}
.ord-tbl tr.list td{padding: 2px 5px; border-bottom: 1px dashed #EAEAEA; text-align: center;}
.ord-tbl tr.list:last-child td{border-bottom: 0px none;}
.ord-tbl td.jno{cursor: pointer;}
.ord-tbl td.jno b{ position: relative; }
.ord-tbl td.jno i{position: absolute; left: -13px; top: 2px; width: 12px; height: 12px; display: block; background: url(img/hurry_star.png) no-repeat left -24px;}
.ord-tbl td.jno:hover i{background-position: left top;}
.ord-tbl td.star i{background-position: left bottom;}
.ord-tbl td.star:hover i{background-position: left bottom;}
.ord-tbl tr.list:hover{background:#FEF2B9;}
.ord-tbl tr.tbl-loaded{background:#FFDC6A;}
.ord-tbl .tbl-loaded-td{border-bottom: 0px none;}
.ord-tbl tr.handling td{background: #FFFE5E;}
.ord-total{padding-left: 11px;}
.ord-pic{position: relative;}
.ord-pic img{width: 36px; border:1px solid #E0E0E0;}
.ojp-note{color: #999; font-size: 12px;}
.ord-prog-num{height: 17px; line-height: 17px; text-align: center;}
.ord-prog-num a{float: left; margin-right: 12px; background:#EAEAEA; position: relative; color:#35ACA6; height: 17px; line-height: 17px; width: 30px;}
.ord-prog-num a:before{border-color: transparent transparent transparent #EAEAEA; border-style: solid; border-width: 9px 0 9px 9px; content: " ";display: block; height: 0; position: absolute;right: -9px; top: 0;width: 0;}
.ord-nm{font-size: 12px;}
.op-1{}
.op-2{}
.op-3{}
.op-4{}
.op-9{}
.op-20{}
.op-21{}
.ord-prog-num a:hover{background: #C0E8E6; color:#FFF;}
.ord-prog-num a:hover:before{border-left-color:#C0E8E6;}
.ord-prog-num a.op-on{background: #C0E8E6; color:#FFF;}
.ord-prog-num a.op-on:before{border-left-color:#C0E8E6; }
.ch-fac:hover{text-decoration: underline;}
.op-sign-eq{background:url(img/money_over.png) no-repeat right center;}
tr.items td{padding: 5px; text-align: center;}

.u-field-cal{padding: 10px; width: 773px; background:#F2F2F2;}
.tabs{min-height: 30px;}
.tabs li{float: left;}
.tabs li a{float: left; line-height: 30px; height: 30px; padding: 0 10px;}
.tabs li a.on{background:#FFF;}
.tabs-conts{background:#FFF; padding: 10px; height: 280px; position: relative; overflow: hidden;  }
.tabs-cont{ background: #FFF; position: absolute; z-index: 2; width: 752px; height: 246px; }
.tabs-cont-on{z-index: 3;}

.cal-box{}
.cal-t{height: 42px; line-height: 30px;}
.cal-tv{font-size: 20px; display: inline-block; min-width: 80px; height: 30px; margin:0 10px; text-align: center; border-bottom:1px solid #CCCCCC;}
.cal-box li{float:left;}
.cal-item{}
.cal-ibox{height: 112px; border:1px solid #CCC;padding: 8px ; }
.cal-ibox-r{text-align: right;}
.cal-ibox h3{height: 24px ; max-width: 130px; overflow: hidden; line-height: 24px; font-weight: bold; font-size: 16px; text-align: center;}
.cal-add{font-size: 50px; line-height: 100px; padding: 0 10px;}
.cal-item p{margin-top: 5px; }
.cal-item .cal-exp{color:#999; text-align: center; font-size: 12px;}
.cal-err{background:#FEE791;}
.cal-app{margin-top: 15px; padding-top: 10px; border-top: 1px solid #CCC;}
.cal-smt{margin-top: 10px;}
.mpv{margin-right: 10px;}
.mpv-on{color:#F91616;}
.ord-cu-cal{background: #FFF; margin: 0 auto; width: 752px; overflow: hidden; padding: 10px;}
.ord-stones-tbl{ width: 320px; margin: 0 auto;}
.tbl-list tr.items td .ord-stones-tbl td{text-align: left; border: 1px solid #CCC;}
/* jewelry-css */

/* pad */
.pads{ margin-right: 50px;}
.pads table td{text-align: left; padding: 10px 5px;}
.pads table td.l{width: 200px;text-align: left;}
.pad-i{border-bottom: 1px dotted #CCC; padding-bottom: 20px; margin-bottom: 20px;}
.blk{position: relative; padding: 5px; margin-top: 5px; border: 1px solid #CCC;}
.imp{background: url("img/trans.png") repeat scroll 0 0 rgba(0, 0, 0, 0); }
.blk .lbl{position: absolute; right: 0px; bottom: 0px; color: #DA0000;}
.blk .lbl input{margin: -3px 3px 0 0;}
.mimps{margin-top: 10px;}
.mimps li{float: left; height: 96px; margin: 0 10px 10px 0;}
.search-pws{}
.search-pw-item{ margin-bottom: 8px;}
.search-pw-item b{display: inline-block; width: 30px;}
.search-pw-item label{margin-left: 20px;}
.search-pw-item label input{margin-right: 3px;}
.search-pw-item a{font-size: 18px; margin-left: 20px;}
.pads .fld-btn{margin-left: 220px;}
.article{text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.article h1{text-align: center;padding: 10px 0 10px 0; line-height: 1.5em;}
.article h3{text-align: center; color: #999; text-align: right; font-weight: normal; padding-right: 30px;}
.art-content{line-height: 2em; font-size: 15px;}
.art-content p{margin-bottom: 10px;}
/* pad */

.auto-logs .txa{width: 100%; margin-bottom: 10px; box-sizing: border-box;}
.noslist b{margin-right: 5px;}


/* business upload file */
.files{padding: 10px 2px 10px 10px; border:2px solid #d5d5d5; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset; background: transparent; }
.file-support{ margin-bottom: 10px; }
.file-support li{ line-height: 20px; }
.file-support li .if{vertical-align: top; margin-left: 5px;}
.file-supported .if{ color: #5EB829; }
.file-unsupported .if{ color: #F14A4A; }
.u-file{display: block;height: 32px; }
.u-file-c{float: left; display: block;}
.u-file-btn{
    position: relative; direction:ltr; overflow: hidden; height:22px; 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: flex; align-items: center; padding:0 5px; background:#EBEBEB; color:#27740F;  line-height: 32px; height: 32px;}
.u-file b.err{color:#CF0F0F;}
.u-file b.ok{}
.u-file b.tip{}
.u-file i{float:left; margin-right: 12px; height: 24px;} 
.u-file i span{float:left; line-height: 24px;}
.u-file i input{float:left;}
.u-file i label{vertical-align: middle;}
.upload-basic .u-filename{margin-right: 12px;}
.u-fileicon{float: left; height: 32px; padding:0 0 0 5px; background: #EBEBEB;}
.u-filesize{float:left; width:50px;}
.u-process{float:left; position: relative; width:100px; height: 12px; border:1px solid #22D719;}
.u-process-in{ float:left; background:#36D754; height: 100%;}
.u-process-val{position: absolute; left: 40px; top: 0px; height: 12px; line-height: 12px; font-size: 12px;}
.u-process-st{border:0px none; width: 99%; min-width: 100px;}
.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-preview{float: left; display: block; text-align: center;}
.u-preview::after{content: " "; display: inline-block; width:0; height: 100%; vertical-align: middle; overflow: hidden;}
.u-preview img{max-width: 32px; max-height: 32px; vertical-align: middle;}
.u-smt{padding: 10px 0;}
.u-tbl-slash{}
.t-exp{padding: 3px 0; color:#666;}

/* files */
.ajax-file-btn{height: 24px; margin-bottom: 10px;}
.ajax-file-list{padding: 10px 0;}
.ajax-file-list .u-filename{width:400px; display: block; overflow: hidden;}
.ajax-file-item{margin-bottom: 10px; display: flex; align-items: center;}
.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; }
.file-item-preview{position: relative;}
.file-item-preview .u-cancel-wp{position: absolute; right: -6px; top: -10px;}
.file-item-preview .u-process{border: 0px none; height: 2px; width: 100%; position: absolute; left:0px; bottom: 0px;}
/* 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;}

.follow-up, .file-list{display: inline-flex;}
.follow-fm .file-item-preview{margin-right: 2px;}
.fol-pic-wp{display: inline-block; vertical-align: middle; overflow: hidden; width: 32px; height: 32px; box-shadow: 0 0 2px rgba(0,0,0,0.15); margin: 5px; text-align: center;}
.fol-pic-wp::after{content: " "; display: inline-block; width:0; height: 100%; vertical-align: middle; overflow: hidden;}
.fol-pic-wp a.fol-ext{display: block; height: 32px; line-height: 32px; width: 100%;}
.fol-pic{max-width: 32px; max-height: 32px; vertical-align: middle;}

.txt-sn{width: 180px;}
.txt-io{width: 140px;}
.txt-tl{width: 88px;}
.jew-pic-list{margin-top: 20px; padding: 10px; box-shadow: 0 0 10px inset rgba(0,0,0,0.2);}
.jew-pic-item{line-height: 30px; min-height: 32px; padding: 5px 0; border-bottom: 1px solid #CCC;}
.jew-pic-sm{max-width: 32px; max-height: 32px;}
.jew-pic-list .jpb{display: inline-block; width: 32px; text-align: center;}
.jew-pic-list .smt{display: none;}
.jew-pic-list div + .smt{display: inline-block;}
.jew-pic-list .smt{margin-top: 20px;}
.jew-pic-list .jpr{position: relative;}
.jew-price-help{position: absolute;width: 380px; z-index: 2; left: 0; top:23px; border: 2px solid #222; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 10px;}
.jew-price-help .btn-add-new{position: absolute; right: 10px; top: 10px;}


/*款式*/
.page-wrap.jew-show {background:#FFF;padding: 20px 0; margin: 0 auto;}
.jew-show-list {margin-left:-16px;}
.jew-show-list li {width:25%;float:left;cursor: pointer;}
.jew-show-list li h4 {text-align: center;text-indent: 0;font-weight: normal;color: #333;line-height: 2em;}
.jew-show-list li p.price{color:#FF6600;text-indent:0;text-align:center;margin-top:0px;}
.jew-show-list li div {margin: 0 0 16px 16px;background: #fff;border: 1px solid #dcdcdc;height: 280px;border-radius: 5px;flex-flow: column;display: flex;justify-content:center;overflow: hidden;}
.jew-show-list li:hover div {box-shadow: 0 0 5px rgba(0,0,0,0.2); border-color: #949494;}
.jew-show-list li.tron div {box-shadow: 0 0 5px rgba(0,0,0,0.2); border-color: #ff4c00;}
.jew-show-list img{display: block;margin: 0 auto; max-width: 100%; max-height: 200px;}
.jew-subs-a{margin-bottom: 10px;}
.jew-show .tabs{margin-bottom: 20px;}
.jew-show .tabs a, .jew-subs-a a{color:#333;font-size:15px;display:inline-block;padding:5px 10px;border-radius:3px;}
.jew-show .tabs a.on, .jew-subs-a a.on{background:#666;color:#FFF;}
.jew-show .tabs .txt{margin:5px 0;}
.jew-show-prices{width: 300px; margin-left: 1px; background: #FFF; padding: 10px;min-height: 240px; color: #333;text-align: left;}
.jew-dia-images{display: flex; flex-flow: row; align-items: center; justify-content: center;}
.jew-dia-images  img.dia-img-loaded {margin: initial;}
.jew-show-prices-val{margin-top: 60px;}
.jew-show-prices-val strong{color: #ED5C5C;}
.btn-price{margin:3px;}
.btn-price-on{color: #ED5C5C; border-color: #ED5C5C; background: #FFF;}
.theme-mobile .jew-show li {width: 50%;}
.theme-mobile .jew-show-list li div{height:200px;margin:0 0 5px 5px;}
.theme-mobile .jew-show-list {margin-left: -5px;}