/*
    Document   : style
    Created on : Oct 22, 2011, 2:30:30 PM
    Author     : jesse
    Description:
        Purpose of the stylesheet follows.
*/

/* reset.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;}
th{white-space: nowrap;}
@font-face{font-family:global-iconfont;
           src:url(img/iconfont-v3/iconfont.eot);
           src:url(img/iconfont-v3/iconfont.eot?#iefix) format("embedded-opentype"),url(img/iconfont-v3/iconfont.woff) format("woff"),url(img/iconfont-v3/iconfont.ttf) format("truetype"),url(img/iconfont-v3/iconfont.svg#uxiconfont) format("svg")}
.iconfont{font-family:global-iconfont;font-size:12px; vertical-align: middle; text-align: center; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }


html,body{font:13px/1.5em Verdana,Arial,"Microsoft YaHei"; color:#3F3F3F; 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;font-size: 12px;font-family: Verdana,Arial,"Microsoft YaHei";}
button{background-color: transparent;border: medium none;cursor: pointer;margin: 0;outline: medium none;overflow: visible; padding: 0;}
h1 {color: #333;font-size: 22px; line-height: 2em; font-weight: bold; padding: 0;}
h2 {font-size: 20px; font-weight: bold; padding: 0; line-height: 2em;}
h2 span{font-size: 13px; font-weight: normal; margin-left: 1em;}
img{vertical-align: baseline;}
b,i, cite, em, var, dfn, address {font-weight: normal; font-style: normal;}
a {color: #434343;outline: medium none;text-decoration: none;}
a:hover{text-decoration: none;color:#2D97D4;}
input[disabled]+label{color:#C5C5C5;}
select {border: 1px solid #CCCCCC; padding: 2px; height: 28px;}
.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;}
.txt{height: 22px;line-height: 22px;width: 150px; font-size: 13px; border: 1px solid #2d97d4;padding: 2px 3px;}
.txa{font-size: 12px; border: 1px solid #B3B3B3;padding: 2px 3px; line-height: 20px; box-sizing: border-box;}
.txa-wide{width: 100%;}
.txt:focus, .txa:focus{border-color: #339BF3; box-shadow: 0 0 5px #339BF3;}
.txt[disabled]{background-color: #F1F1F1; cursor:not-allowed; border-color: #DADADA;}
.txm{width:100px;}
.txs{width:80px;}
.txc{width:60px;}
.txb{width:280px;}
.btn{display: inline-block; border: 1px solid #BBB; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); padding: 3px 8px;margin-bottom: 0;font-size: 14px;font-weight: normal; line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;
     -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none; user-select: none;
     border:1px solid #3886B5; border-radius: 2px; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
     color:#FFF;
     background-repeat: repeat-x; background-color: #0d8eb1;
     background-image: -moz-linear-gradient(center top , #10A6D7, #0D8EB1);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#10A6D7), to(#0D8EB1));
     background-image: -webkit-linear-gradient(top, #10A6D7, #0D8EB1);
     background-image: -o-linear-gradient(top, #10A6D7, #0D8EB1);
     background-image: linear-gradient(to bottom, #10A6D7, #0D8EB1);
}
.btn:hover{color:#FFF; background:#0d8eb1; }
.btn:hover, .btn:focus{-webkit-appearance: none;}
.lblrdo, .lblchk, .lbltxt, .lrdo {margin-right: 20px; padding: 5px 0;}
.rdo,.chk{margin-right: 5px; margin-top: -2px;}
.chkall{margin-top: -2px;}
.links{color: #2D97D4; text-decoration: underline; }
.pre{border: 1px solid #CCC; margin: 5px 0;}

/* kc-show-msg */
.bd-show_msg{background: #FFF;height: 100%; }
.bd-show_msg .wrap{height: 100%;}
.show_msg_hd{height:30%;min-height: 120px;}
.show_msg{margin: 0px auto ; color:#999;}
.show_msg_wp{margin: 0 auto; max-width: 600px; border:2px solid #EBEBEB; background: #FFF;}
.show_msg_in{font-size: 14px; position: relative; padding: 20px 10px 20px 100px;}
.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;}
.show_msg_icon{position:absolute; left:15px; top: 25px; font-size: 60px; height: 1em; line-height: 1em; display: block;}
/* kc-show-msg */

/* kc-message */
.message {color:#000; text-align: center; font-size: 14px; line-height: 28px; height: 28px; 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;}
.message b{margin-left: 20px;}

.kc-zoom-wp{position: absolute; overflow: hidden; left: 10px; top: 10px; z-index: 40001; border: 1px solid #CFCFCF; background:rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);  cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: -ms-zoom-out; cursor:zoom-out; text-align: center;}
.kc-zoom-wp .kc-zoom-links{position: absolute; right: 10px; bottom: 2px; color: #999; opacity: 0.4;}
.kc-zoom-wp .kc-zoom-down{margin-right: 10px;}
.kc-zoom-in{vertical-align: middle; height: 100%; display: flex; align-items: center; justify-content: center; flex-flow: column nowrap;}
.kc-zoom-in img{margin: 0 auto; max-width: 100%; max-height: 100%; vertical-align: middle;  }
.kc-zoom-in-vl:after{content:" "; display:inline-block; width:0; height:100%; vertical-align:middle; overflow:hidden;}
.kc-zoom-src{cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor:zoom-in;}

.loading{display: block; height: 36px; width: 36px; border: 1px solid #333; border-radius : 100%; position:relative; top: 0; left:0;
         animation : rond 2s infinite;
         -webkit-animation : rond 2s infinite;
}
.loading:after{ background-color: #333; content: ""; border-radius: 100%; width: 8px; height: 8px; left: 14px; top: -4px; position: absolute; }

@keyframes rond {
    0% {transform : rotate(0deg);}
    100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
    0% {-webkit-transform : rotate(0deg);}
    100% {-webkit-transform : rotate(360deg);}
}
/* common part -- dynamic window created by javascript */
.dwin{position:fixed; box-shadow: 0 0 5px rgba(0,0,0,0.2); max-width: 100%; overflow-y: hidden;}
.dtable{padding: 0px; margin: 0px;}
.dwin_inner{background: #FFF;color:#444444; border: 4px solid #CFCFCF; }
.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; text-align: center;height:20px; width:20px;}
.dwin_inner .dwin_title span a .iconfont{display: block; font-size:14px; height: 20px; line-height: 20px;}
.dwin_inner .dwin_title span a:hover{text-decoration: none; background:#333; color:#FFF;}
.dm_c{padding:0px; margin: 0px; border: none;}
.dmask{position: absolute; left: 0; top: 0; z-index: 999; background: #000;}
.dloading{height: 20px; display: inline-block; line-height: 20px;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 .iconfont{display: inline-block; font-size: 40px; line-height: 1em; margin-right: 20px; }
.dmsg_win .dwin_inner .dwin_title{background: #F3F3F3;}
.dmsg_in_icon{width:50px;}
.dmsg_in{font-size:14px; height:76px ;  line-height:1.6em; width: 260px; padding:0px;}
.d_info{color: #E25B01;}
.d_right{color:#1DCC78;}
.d_error{color:#CC291E;}
.d_loading{color:#666;}
.d_i_info, .d_i_right, .d_i_error, .d_i_loading{ font-size: 14px; }
.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; color:#FFF; padding-left: 28px; box-shadow:3px 3px 3px #4A4A4A; border-radius:3px; background: #222;}
.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;  }
.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; }
.link-h{color: #2D97D4;}
.icon-loading{animation : rond 2s infinite linear;}
.er{color: #CE0002;}
.ok{color: #01CC01;}
@keyframes rond{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
/* common part -- dynamic window created by javascript */

/* kind.dom.nice */
/* files */
/* photos upload */
.upload-wp{min-width: 190px;}
.files{padding: 10px 2px 10px 10px; border:3px solid #DCDCDC; background: transparent; }
.file-support{ margin-bottom: 10px; line-height: 20px;}
.file-supported li{ line-height: 20px; }
.file-unsupported li{ line-height: 20px; }
.file-list{}
.file-list-have{background:#E7E7E7; padding: 10px;}
.file-list-block{clear: left;}
.file-item{font-size: 12px;line-height: 20px;}
.file-item .err{color:#CF0F0F; font-weight: normal;}
.file-list .ajax-file-item{margin-bottom: 0px;}
.file-name{color:#56AC56;}
.file-list-lite{width: 40px; height: 28px; float: left;}
.file-list-lite.file-list-have{line-height: 28px; padding: 0px; background: #FFF;}
.file-list-lite .file-item{display: inline;}
.file-list-lite .u-file-btn{width: auto; margin: 0px; padding: 2px 8px;}
.file-list-lite .u-process-val{float: none;}
.file-list-lite .file-name, .file-list-lite .u-file-tip{display: none;}
.ajax-file-drag-in{background: #FFDEDE;}
.fields div span.file-name{margin-left: 0px;}
.fields-s{margin-top: 10px;}
.u-file{display: block;height: 30px;}
.u-file-c{float: left; display: block;}
.u-file-btn{position: relative; direction:ltr; overflow: hidden; height:22px; line-height: 22px; margin-right: 10px; padding:2px 0; text-align: center;  width:92px; color:#FFF;
            border:1px solid #51A351; border-radius: 2px; 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-button{display: inline;}
.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:#D3D3D3; color:#27740F;  line-height: 22px; height: 22px;}
.u-file b.err{color:#CF0F0F; font-weight: normal;}
.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; width: 200px; overflow: hidden;}
.u-fileicon{float: left; height: 20px; padding:4px 0 0 5px;background:#D3D3D3;}
.u-filesize{float:left; width:50px;}
.u-process-val{min-width: 50px;}
.u-process-val, .u-file-tip{float: right;}
.u-process{float:left; position: relative; width:100px; border:1px solid #22D719; margin-top: 4px;}
.u-process-in{ float:left; background: #22D719; height: 12px;}
.u-process .u-process-val{position: absolute; left: 40px; top: 0px; height: 12px; line-height: 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; margin-left: 10px;}
.u-smt{padding: 10px 0;}
.u-tbl-slash{}
.t-exp{padding: 3px 0; color:#666;}
.upload-n{position: absolute; text-align: center; background: #F5F5F5; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.upload-n i{padding: 5px; display: block;}
.upload-qr{display: block;}

.photos{width: auto; padding: 13px 0 0 0;}
.photos li{border: 1px solid #CCC; background: #FFF; width: 72px; position: relative; z-index: 2; float: left; margin:0 12px 12px 0; vertical-align: middle; text-align: center; padding:10px;}
.photos li:hover{background: #EEE;}
/* .photos li .imbox::before{display: inline-block; content:""; vertical-align: middle; height: 100%;} */
.photos li .imbox{ height: 72px; width: 72px; display: flex; align-items: center; justify-content: center;}
.photos li .imbox img{vertical-align: middle; display: block;}
.photos li .im-ctrl{height:60px; margin-top: 5px;}
.photos li p{font-weight: normal; word-wrap: break-word; word-break: break-all; text-align: left; line-height: 20px; height: 60px; overflow: hidden; margin-top: 5px; font-size:12px; color:#999;}
.photos li p b{display: block;}
.photos li h3{font-weight: normal; line-height: 1em; text-align: center; position: absolute; right: 2px; top:2px;}
.photos li h3 a{display: none;}
.photos li:hover .delete{display: block;}
.photos li:hover .delete:hover{background-position: center -25px;}
.photos li:hover h3 a{display: block;}
.photos li.checked{background: #2F2F2F; border-color: #2F2F2F;}
.photos li.checked:hover{background: #2F2F2F; border-color: #2F2F2F;}
.photo-del{font-size: 12px; color:#999; padding: 0 2px;}
.photo-del:hover{background:#666; color:#FFF;}
.img-item{margin: 0 auto; max-width: 72px; max-height: 72px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.spic{height: 72px; width: 72px; text-align: center; border: 1px solid #EEE; }
/* files */

.wrap{width:1000px;padding:0px;margin:0 auto;}
.main{}
.mcont{position: relative; min-height: 100%; background: #FFF; z-index: 1; transition: all 500ms ease 0s;-webkit-transition: all 500ms ease 0s;}
.h-trans{transform: translate3d(-240px, 0px, 0px); -webkit-transform: translate3d(-240px, 0px, 0px); }
.footer{ background: #FFF; color:#999; border-top: 2px solid #EEE; width: 100%; bottom: 0; left: 0;}
.footer-fix{position: fixed;}
.footer-in{height: 70px; margin: 0 auto; padding-top: 20px;}
.footer-c{padding: 0 10px;text-align: center;}
.footer a, .footer b{color: #999; margin-right: 10px;}
.copyright, .poweredby{display: inline;}
.poweredby{margin-right: 10px;}
.f-copy{margin-top: 20px; color:#E0E0E0; font-size: 10px;}
.f-navs{font-size: 12px;}
.f-navs a:hover{color:#0A65BC;}
.container, .cont{}
.container{ position: relative; }
.cer-preview, .report{margin-top: 10px;}
.cont-backend{padding: 10px 0 20px 0;}
.cont-bd{min-height: 400px;}
.cont-pd{padding-top: 10px; overflow: hidden;}
.cont-tit{margin-bottom: 10px;}
.comm{min-height: 420px;}
.search{margin-bottom: 10px;}
.sctrl{float: right;}
.search .txt{padding: 1px 2px;}
.search .btn{padding: 2px 8px;}
.fld {margin-bottom: 10px;padding: 5px 0; height:34px;}
.fld label.lf {float: left; line-height: 32px; text-align: right;width: 80px;}
.fld select {width:103px; border: 1px solid #CCC;}
.fld-sel{float: left;}
.fld-p{margin-top: 10px;}
.fld-note{padding: 10px; color: #999;}
.fld-auto{height: auto;}
.fld .chk-grp-shw{display: inline-block;}
.fld-date{position: relative;}
.fld-mm{padding: 0 10px;}
.chk-grp-shw, .chk-grp-shw b{color:#C5C5C5;}
.chk-grp-shw b, .fm-front .fld .chk-grp-shw b{margin: 0 10px 0 0;}
.chk-grp-shw b.on{color: #333;}
.f-left{float: left;}
.quick-query .txt{line-height: 28px; height: 28px; width: 200px; font-size: 16px; }
.tiny-info{color:#a0a0a0;}
.box{margin: 10px;}
.fm-box{padding: 10px; background: #F8F8F8; border: 1px solid #e2e2e2; box-shadow: 0 0 1px rgba(0,0,0,0.1);}
.fm-front{}
.fm-front h1 {color:#2D97D4;font-size: 18px; height: 36px;line-height: 36px;}
.fm-front h1 b{font-weight: bold; margin-right: 20px;}
.fm-front .fld{padding: 0px;}
.fm-front .no-pd{margin-bottom: 0px;}
.fm-front .fld label{font-size: 14px; display: inline-block; width: 80px; padding-left: 10px;}
.fm-front .fld label.lchk, .fm-front .fld label.lblchk, .fm-front .fld label.lblrdo{width: auto; padding: 0px; margin-right: 10px;}
.fm-front .link{color: #646464; font-size: 12px;}
.fm-front .link:hover{color: #222;}
.fm-front .link-r{margin-left: 40px;}
.fm-front .txt{line-height: 24px; font-size: 14px; height: 24px;}
.fm-front .tx-code{width: 100px;}
.fm-front .last{margin-bottom: 0px; padding:0 0 20px 90px;}
.fm-code{position: relative; display: inline-block;}
.sec-img{position: absolute; right: 3px; top: 3px; cursor: pointer;}
.fm-ml{margin-left: 10px;}
.fm-msg{padding:5px 10px;}
.fm-msg, #fm_msg{height: 28px; line-height: 28px; overflow: hidden;}
.fm-tit{font-size: 15px; font-weight: bold;}
.fm-tit .log-wx{margin-left: 20px;}
.fm-tit .log-on{color:#2D97D4; }
.fm-in{padding:0;}
.fm-pad{margin-top: 20px;}
.fm-app{clear: left; font-size: 12px; width: 200px; margin: 15px 0 0 80px; }
.fm-app p{padding:5px 0;}
.fm-app .link{color: #2D97D4; text-decoration: underline;}
.fm-app span{margin-right: 10px;}
.pic-btn, .smt, .sbtn{border: 0px none; background: #2D97D4; color: #FFF; padding: 2px 10px; cursor: pointer; font-size: 16px; display: inline-block; line-height: 1.5em; vertical-align: middle; box-shadow: 0 0 2px rgba(0,0,0,0.1);}
.pic-btn:hover, .smt:hover, .sbtn:hover{box-shadow: 0 0 3px rgba(0,0,0,0.2); color: #FFF;}
.sbtn{font-size: 13px;}
.xdobtn{margin-right: 10px;}
.btn-dis, .btn-dis:hover, .pic-btn[disabled], .smt[disabled], .sbtn[disabled], .pic-btn[disabled]:hover{background: #D5D5D5; box-shadow: none; color: #EEE; cursor: no-drop;}
.xdobtn[disabled], .xdobtn[disabled]:hover{background: #EFEFEF; color: #CCC; cursor:not-allowed; box-shadow: none;}
.tabs{min-height: 30px; margin-bottom: 10px; font-size: 15px;}
.tabs li{float: left; margin-right:15px; height: 28px;}
.tabs li:last-child{margin-right:0;}
.tabs li a{padding: 0; display:block ; line-height: 26px; height: 26px; float:left; }
.tabs li a.on{ border-bottom: 2px solid; color: #2D97D4; }
.lite-tabs{background:#F2F2F2; margin-right: 20px; line-height: 22px;}
.lite-tabs a{float: left; padding: 2px 10px; }
.lite-tabs a.on{color: #2D97D4; background: #EAEAEA;}
.ajaxloaded{width: 340px; padding: 10px;}

.reg-code{padding: 50px 0 0 0; width: 420px; margin: 0 auto;}
.reg-code h1{line-height: 2em;}
.reg-code-txt{padding: 15px 0;}
.reg-business{background: #F2F2F2; padding: 10px 0 8px 0; margin-bottom: 10px;}
.reg-personal{margin-bottom: 10px;}
.fm-reg-tips{line-height: 2.5em; font-size: 14px;}
.fm-reg-tips{}
.dwin_content .fm-in{padding: 0; width: 310px;}
.dwin_content .fld{margin-bottom: 10px;}
.dwin_content .login-ajax-btn{width: auto; padding: 0px;}
.dwin_content .fm-app{text-align: right; width: auto; margin: 0px; padding: 0px;}
.wx-center{text-align: center;}
.wx-login-wp{text-align: center; }
.wx-mobile-login{display: none; padding: 80px 20px 20px 20px; text-align: center;}
.wx-mobile-login a{display: block; margin: 0 auto; font-size: 16px; line-height: 120px; width: 120px; height: 120px; border-radius: 100%; box-shadow:0 0 2px rgba(0,0,0,0.2); background: #00A83D; color: #FFF;}
.wx-mobile-login p{color: #999; margin-top: 30px;}
.wx-user-wp{background: #F0F0F0; border-bottom: 1px solid #ebebeb; }
.wx-user{padding:0 5px 10px 5px;line-height: 52px; font-size: 24px; height: 52px; line-height: 52px; background: #FFF;}
.wx-title{font-weight: normal;}
.wx-uicon{border-radius: 100%; font-size: 30px; display: inline-block; line-height: 42px; height: 42px; width: 42px; border: 2px solid #FFF; background: #F2F2F2; box-shadow:0 0 5px rgba(0,0,0,0.2);  vertical-align: middle;}
.wx-avatar{border-radius: 100%; border: 2px solid #FFF; box-shadow:0 0 5px rgba(0,0,0,0.2); max-height: 48px;}
.wx-avatar-wp{width: 52px; height: 52px; float: left; margin-right: 10px;}
.wx-user-types{margin-bottom: 0px;}
.wx-note{padding:0 10px;}
.wx-note p{color: #999; margin-top: 10px;}
.wx-ok h1{color: #00A83D; margin-bottom: 20px;}
.wx-reviewing-wp{height: 110px; width: 110px; margin: 0 auto;}
.wx-reviewing-bd{height: 100%; border-radius: 100%; background-color:#2D97D4; background-image:linear-gradient(91deg, transparent 50%, #8BD4FE 50%), linear-gradient(90deg, #8BD4FE 50%, transparent 50%);}
.wx-reviewing-c{ position: relative; left:5px; top: 5px; line-height: 100px; width: 100px;  border-radius: 100%; background-color:#FFF;}
.wx-status{height: 165px;}
.wx-status a{color: #2d97d4;}
.wx-status-ok{ height: 50%;}
.wx-status-ok h1{color: #01CC01;}
.wx-status-failed{height: 70%;}
.wx-status-failed h1{color: #CE0002;}
.wx-icon-ok{font-size: 30px; text-align: center; color: #01cc01; display: block; margin: 0 auto; width: 40px; line-height: 40px; height: 40px; border-radius: 100%; border: 2px solid #01cc01;}
.wx-idcard-wp{height: auto;}
.wx-idcard{float: left; }
.wx-idcard-l{float: left;}
.wx-idcard-n{float: left; margin-left: 24px;}
.wx-idcard-n i{display: block; padding: 0; color: #089BC4; font-size: 15px;}
.wx-idcard-n a{color: #2D97D4;}
.wx-idcard .file-list{width: 40px; height: 28px; float: left;}
.wx-idcard .file-list-have{line-height: 28px; padding: 0px; background: #FFF;}
.wx-idcard .file-item{display: inline;}
.wx-idcard .u-file-btn{width: auto; margin: 0px; padding: 2px 8px;}
.wx-idcard .u-process-val{float: none;}
.wx-idcard .file-name, .wx-idcard .u-file-tip{display: none;}
.wx-idcard .photos li .imbox{height: 72px;}
.wx-idcard-qr{vertical-align: top; margin-top: 5px; box-shadow: 0 0 2px rgba(0,0,0,0.2);}
.wx-failed{ margin-left: 20px; color: #CE0002;}
.p-code{color: #CE0002; font-size: 16px;}
.eegem-qr{padding: 10px 0 0 0; border-bottom: 1px dashed #CCC;}
.pub-qr{height: 260px;}
.pub-qr p{margin: 0;}
.pub-qr .p2{display: none;}
.pub-qr-img{height:220px; margin: 0 auto;}
.pub-qr-img img{height:100%;}
.pub-qr-loading{height: 220px; background:url(img/msg_loading.gif) no-repeat center center; }
.pub-qr-ok {padding-top: 70px; }
.pub-qr-ok p{font-size: 20px; line-height: 2em; color: #01CC01;}
.unotes{font-size: 20px; line-height: 2em; color: #CE0002; margin: 10px 0;}
.card-exp{text-align: center; padding:0; width:300px; height:400px;}
.card-exp img{vertical-align: middle;}

/*head*/
.header{background-color:#FFF; border-bottom: 2px solid #2D97D4; box-shadow:0 0 2px rgba(0,0,0,0.2);}
.header-in{position: relative; z-index: 10;}
.logo{height:60px; display: block;}
.logo:hover{text-shadow: 0 0 2px rgba(0,0,0,0.2);}
.logo i{font-size: 60px; width: 60px; line-height: 1em; display: block; color: #2D97D4; float: left;}
.logo span{float: left;}
.logo b{display: block; color: #999;}
.logo-t{font-size: 30px; line-height: 1em; letter-spacing: 10px; padding: 5px 0 ;}
.logo-nt{margin-top: 4px; letter-spacing: 12px; text-align: right; font-size:12px; color: #C9C9C9;}
.logo-wp{width:200px; padding: 10px 0;}
.head-user{position: absolute; right: 0px; top: 15px; height: 24px; line-height: 24px; font-size: 14px;}
.head-user b{margin-left: 5px; padding-right: 5px; color: #C9C9C9; }
.hd-u{float: left; position: relative;}
.hd-u .hd-um{display: block; padding: 0 5px; }
.hd-u .dpl{padding: 0px 5px;}
.hu-btn {background: #267ED2; color: #FFF; padding: 2px 8px; font-size: 16px; }
.hu-btn:hover{background: #2D97D4; color:#FFF;}
.hu-logout{color:#999999; margin-left: 10px;}
.hu-sub{display: none;position: absolute; right: 0px; top:56px; padding: 5px 0; text-align: left; background: #FFF; box-shadow: 0 0 8px rgba(0,0,0,0.2); }
.hu-sub a{display: block; position: relative; line-height: 30px; height: 30px; padding: 0 24px; white-space: nowrap; }
.hu-sub i{margin-right: 5px;}
.hd-u-on .hu-sub{display: block;}
.hd-u .wx-avatar{height: 42px; vertical-align: middle;}
.nav-icon{display: none;position: absolute; right: 0; top: 0; padding: 12px; color: #2D97D4;}
.nav-icon i{font-size: 30px; line-height: 1em; height: 1em;}
.hn{color: #646464; float: left; display: block; position: relative; height: 30px; line-height: 30px; padding: 0 5px; }
.hn:hover{color:#222; }
.hon{color:#2D97D4;}
.hon:after{display: block; z-index: 11; width: 0; height: 0; content:" "; position: absolute; bottom: -6px; left: 46px; border-bottom: 6px solid #2D97D4; border-left: 6px solid transparent; border-right: 6px solid transparent; }
.hu-sub .hon:after{left: 6px; bottom:9px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #2d97d4; border-right: 0px none;}
.head-nav{font-size: 14px; position: relative; z-index: 3;}
.head-nav-in{height: 30px; position: absolute; left: 300px; top: 44px; }
.head-nav-in li{float: left; margin-right: 20px; position: relative;}
.head-nav-in .sub{display: none; clear: left; z-index: 20; width: 400px; overflow:visible; position: absolute; top: 30px; left: -150px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-top: 2px solid #646464; background: #FFF; padding: 10px;}
.head-nav-in .sub a{float: left; width: 200px; display: block; padding: 5px 0; cursor: pointer; }
.head-nav-in .sub dl{float: left;width: 200px; }
.head-nav-in .sub dt{float: left;padding: 5px 0;}
.head-nav-in .sub dt.dpl{padding-right: 15px;}
.head-nav-in .sub dd a{width: auto;}
.head-nav-in .sub a:hover, .head-nav-in .sub dl:hover dt{color:#2D97D4;}
.head-nav-in .sub div{position: relative;}
.head-nav-in dl{position: relative; height: 30px;}
.head-nav-in dd{display: none;position: absolute; z-index: 22; top: 30px; left: 26px; width: 184px; padding: 10px 0;  background:#FFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.head-nav-user{position: absolute; top: 12px; right: 0;}
.dpl{position: relative;}
.dpl .down{margin-left: 3px;}
.oc{line-height: 22px;}
.oc i{float: left; height: 22px; width: 22px; background:url(img/o-cert-icons.png) no-repeat 0 0 #646464; margin-right: 6px;  }
.oc:hover i, dl:hover i{background-color: #2D97D4;}
.oc b{float: left;}
.oc-igi i{background-position: 0px -5px; }
.oc-hrd i{background-position: 0px -37px; }
.oc-ngtc i{background-position: 0px -69px; }
.oc-ccgtc i{background-position: 0px -101px; }
.oc-ags i{background-position: 0px -133px; }
.oc-egl i{background-position: 0px -165px; }

.head-nav li .sub a.ic-egl{padding-left: 30px; margin-left: 8px; display: block; float: none;}
.ic-egl{background:url(img/flag-v1.png) no-repeat left top;}
.ic-egl-usa{background-position: 0 -46px;}
.ic-egl-hk{background-position: 0 3px;}
.ic-egl-il{background-position: 0 -69px;}
.ic-egl-ae{background-position: 0 -21px;}
.ic-egl-asia{background-position: 0 -69px;}

.broad{position: absolute; z-index: 100; left: 248px; top: 0px; line-height: 26px; background: #F4F4F4; color: #999; padding: 0 8px;  }
.broad span{color: #AAA; margin-left: 10px;}
/*body*/
.query-icon{height:60px; width:420px; float:left; padding: 60px 0 0 76px;}
.query-icon-in{ height: 50px; background:url(img/logo/GIA-icon.png) no-repeat left center; padding-left: 70px;}
.query-icon h3{padding: 6px 0; font-size: 20px;}
.query-icon p{color:#999;}
.icon-report{width: 320px;}
.icon-report .query-icon-in{background-image: url(img/logo/report-icon.png);}
.icon-gia .query-icon-in{background-image: url(img/logo/GIA-icon.png);}
.icon-igi .query-icon-in{background-image: url(img/logo/IGI-icon.png);}
.icon-hrd .query-icon-in{background-image: url(img/logo/HRD-icon.png);}
.icon-egl .query-icon-in{background-image: url(img/logo/EGL-icon.png);}
.icon-eglhk .query-icon-in{background-image: url(img/logo/EGLHK-icon.png);}
.icon-eglil .query-icon-in{background-image: url(img/logo/EGLIL-icon.png);}
.icon-eglae .query-icon-in{background-image: url(img/logo/EGLAE-icon.png);}
.icon-eglasia .query-icon-in{background-image: url(img/logo/EGLASIA-icon.png);}

.icon-ags .query-icon-in{background-image: url(img/logo/AGS-icon.png);}
.icon-ngtc .query-icon-in{background-image: url(img/logo/NGTC-icon.png);}
.icon-ccgtc .query-icon-in{background-image: url(img/logo/CCGTC-icon.png);}

.quick-query{height:180px; padding:80px 0 120px 0;}
.query-small{padding:0px;}
.quick-query-first{margin-top: 0px;}
.q-content{float:left; width:430px;}
.q-content-gia .fld, .q-content-igi .fld, .q-content-hrd .fld, .q-content-ccgtc .fld, .query-small .q-content-ngtc .fld{margin-bottom: 20px;}
.q-block{display: none; width: 100%; height: 100%; position: absolute; z-index: 101; left: 0px; top: 0px; background: #000;}
noscript{text-align: center; font-size: 20px; color: #FF0000;}
noscript div{height: 30px; line-height: 30px; margin-top: -30px;}
.msg{min-height: 24px; line-height: 24px; padding-left: 14px; background: transparent; }
.msg-error{color: #E60000; }
.question-code{display: inline-block; cursor: pointer; width: 20px; height: 20px; margin-left: 14px;}
.question-code i{font-size:16px;}
.ngtc-code-img-wp{width: 600px; height: 448px;}
.frm-btns{padding-left:80px; height: 36px;}
.q-btn{float:left; border: 1px solid #D5D5D5;border-radius: 2px;cursor: pointer;height: 31px; width: 71px;text-align: center;vertical-align: middle;-webkit-appearance: none;}
.q-btn:hover{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }
.reset-q-btn{background-color: #F5F5F5;font-weight:bold;color:#666666;margin-left:12px}
.report-q-btn{background-color: #70ba5f; border-color: #39855E; color: #fafafa;}
.gia-q-btn{background-color: #E78B00; border-color: #CC6600; font-weight:bold;color: #fafafa;}
.igi-q-btn{background-color: #B9E5FB; border-color: #82D4FF; color: #4C4C4C; font-weight: bold;}
.hrd-q-btn{background-color: #00457C; border-color: #021B4D; color: #fafafa; font-weight: bold;}
.egl-q-btn{background-color: #003057; border-color: #001D34; color: #fafafa; font-weight: bold;}
.ags-q-btn{background-color: #000644; border-color: #04093E; color: #fafafa; font-weight: bold;}
.ngtc-q-btn{background-color: #00007E; border-color: #01063D; color: #fafafa; font-weight: bold;}
.ccgtc-q-btn{background-color: #085FD9; border-color: #0057B4; color: #fafafa; font-weight: bold;}
.note{margin-top: 10px; color: #999;}

.notice{position: absolute; z-index: 20; width: 780px; line-height: 1.6em; font-size: 18px; color:#F92E2E; left: 10px; top: -95px;}
#pre_loading{margin-top: 10px; height: 90px; line-height: 1.2em; padding-top: 50px; text-align: center; font-size: 24px;}
#pre_loading span{background: url(img/msg_loading.gif) no-repeat left center; padding:12px 0 12px 50px;}
.query-result{padding: 1% 0 4% 0;}
.query-result h1{line-height: 1.5em; height: 1.5em; margin-bottom: 1.5%;}
.cert-result{}
.cert-result-show{border-top: 2px solid #EEE;}
.quick-query, .cert-result{font-size: 16px;}
.history-wp{float:left;width:30px; position: relative; margin-left: 6px;}
.history-i{ border: 1px solid #FFF; text-align: center; position: relative; z-index: 2; display: block; width: 28px; height: 20px;overflow: hidden;}
.history-wp-on{box-shadow:0 1px 5px #CCC;}
.history-wp-on .history-list{display: block;}
.history-wp-on .history-i{border:1px solid #CCC;  height: 28px; border-bottom:0px none; background: #FFF;}
.history-list{font-family: Arial,"Microsoft YaHei"; width: 300px; padding:10px 0 10px 5px;  box-shadow:0 1px 5px #CCC; position: absolute; display: none;z-index: 1; top: 28px; right: -37px; background: #FFF; border:1px solid #CCC;}
.history-list a{padding-left: 5px;}
.history-list a:hover{text-decoration: underline;}
.history-list h3{font-weight: normal;}
.history-list ul{margin-top: 5px; line-height: 26px;}
.history-list ul li{white-space: nowrap;}


/*report*/
.query-links{}
.shape_choose{}
.shape_choose ul{margin-top: 10px; text-align: center; padding-left: 142px;}
.shape_choose ul li {float: left; margin-right: 20px;}
.shape_choose ul li a{display: block; width:84px; padding: 12px 0 4px 0; color: #666; background: url(img/icon_bg.png) no-repeat left top;}
.shape_choose ul li span{display: block; cursor: pointer; margin: 0 auto; width:48px; height: 48px; background: url(img/shape.png) no-repeat left top;}
.shape_choose ul li a:hover{color:#09A2BC; background-position: left bottom;}
.shape_choose ul li a.shape-round span{background-position: left top;}
.shape_choose ul li a.shape-other span{background-position: right top;}
.shape_choose ul li a.shape-round:hover span{background-position: left bottom;}
.shape_choose ul li a.shape-other:hover span{background-position: right bottom;}
.shape_choose ul li a b{height: 24px; display: block; line-height: 24px;}


.shape_choose-note{margin-top: 30px; border-top: 1px solid #CCC; padding-top: 10px;}
.shape_choose-note p{margin-top: 10px;}
.shape_choose-note p b{color:#FF6600;}
.q-links{line-height: 24px;}
.q-links dt{width: 3em; height: 26px; text-align:center; margin: 0 0 -26px -3em; position: relative; left: 3em;}
.q-links dd{margin-left: 3em;}
.q-links a{padding:0;float: left; height: 24px; overflow: hidden; background: #F1F1F1; margin:0 1px 1px 0; color:#222; width:45px; text-align: center;}
.q-links a:hover{color:#00B339; background: #E1E1E1;}
.q-links a.on{color:#FFF; background: #606060;}
.q-lk-q_carat{font-family:Arial,"Microsoft YaHei";}
.q-lk-q_carat a{width:91px;}

.diamond-carat{margin:14px 0px 0px 10px; width: 486px;float: left; _display:inline;}
.carat-on{margin-left: 437px;}
.report-box{font-size: 14px;}
.report-box .q-content{width: 600px;}
.report{padding-bottom: 14px;}
.report table{width:100%; padding: 0; border-collapse: collapse; font-family: Verdana,arial,"Microsoft YaHei"; }
.report table td{text-align: center; font-size: 11px;}
.report table th, .report table td, .report h3{border: 1px solid #D0D0D0;}
.report table th, .report td.tbl-title, .report h3{font-size: 11px; background: #F1F1F1;}
.report table th{text-align: center;}
.report h3{font-weight: bold; text-align: center; border-bottom: 0px none;}
.report h3 b{padding: 0 10px; font-weight: bold;}
.carat-on table tr.tr-on td, .carat-on table th.td-on, .carat-on table td.td-on{background: #70BA5F; color:#FFF;}
.carat-on table tr.tr-on td.td-on{background: #E72020; font-weight: bold;}

/* lang */
.report-images-wp{position: relative;}
.report-images{position: absolute; width: 100%; right: 0px; top:10px; text-align: right;}
.report-images .srdcs{display: block; float: right; border: 2px solid #EEE; width: 100px; overflow: hidden; vertical-align: middle;}
.report-images .srdcs img{max-width: 100%; _width:100px; display: block; margin: 0 auto; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor:zoom-in; }
.report-images .srdcs-on{position:absolute; max-width: 99.6%; background: #FFF; border:2px solid #222; box-shadow:0 0 10px rgba(0,0,0,0.3); right:0px;top:0px; width:auto;}
.report-images .srdcs-on img{_width:auto; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: -ms-zoom-out; cursor:zoom-out;}
.report-images-loading{width:40px; height: 40px;  background:url("img/msg_loading.gif") no-repeat right center;}
.ngtc-cnt .report-images .srdcs-on{border:0px none;}
.report-srdcs-keys{display: none; background: #FFF; width: 100%; border-top: 2px solid #EDEDED; }
.report-srdcs-keys ul{margin-left: 6px;}
.srdc-key-tip-wp{position: absolute; width: 200px; z-index: 20000;}
.srdc-key-tip{ border: 2px solid #222;  background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); padding: 10px;}
.srdcs-on{animation-name: pulse; animation-fill-mode: both; animation-duration: 0.5s;}
.srdcs-on .report-srdcs-keys{display:block;}
@keyframes pulse {
    0% {transform: scale(0.5);}
    100% {transform: scale(1);}
}
.srdc-key{background: url(img/ks-icons.png) no-repeat left top; text-align: left; padding-left: 66px; width: 180px; float: left;  height: 66px; line-height: 66px; font-size: 18px;}
.srdc-key-abrasions{background-position:0 0;}
.srdc-key-bruise{background-position:0 -76px;}
.srdc-key-burn-mark{background-position:0 -152px;}
.srdc-key-cavity{background-position:0 -228px;}
.srdc-key-chip{background-position:0 -304px;}
.srdc-key-cloud{background-position:0 -380px;}
.srdc-key-crystal{background-position:0 -456px;}
.srdc-key-extra-facet{background-position:0 -532px;}
.srdc-key-feather{background-position:0 -608px;}
.srdc-key-grain-center{background-position:0 -684px;}
.srdc-key-indented-natural{background-position:0 -760px;}
.srdc-key-internal-graining{background-position:0 -836px;}
.srdc-key-knot{background-position:0 -912px;}
.srdc-key-laser-drill-hole{background-position:0 -988px;}
.srdc-key-natural{background-position:0 -1064px;}
.srdc-key-needle{background-position:0 -1140px;}
.srdc-key-nick{background-position:0 -1216px;}
.srdc-key-pinpoint{background-position:0 -1292px;}
.srdc-key-pit{background-position:0 -1368px;}
.srdc-key-polish-lines{background-position:0 -1444px;}
.srdc-key-scratch{background-position:0 -1520px;}
.srdc-key-surface-graining{background-position:0 -1596px;}
.srdc-key-twinning-wisp{background-position:0 -1672px;}

.ln-wp{position: relative; margin: 0 auto; }
.ln-btns{position: absolute; right:0px; top: 0px; height: 24px; line-height: 24px; text-align: center;
         vertical-align: middle;  background-color: #F5F5F5; color: #999; font-weight: bold; }
.ln-btns b{cursor: pointer; display: block; padding: 0px 10px; height: 24px; float: left;}
.ln-on{color: #FFF; background: #333;}
.cert-share{width:200px; margin: 0 auto; position: relative; text-align: center;}
.cert-share-in{position: absolute; z-index: 10; top: 30px; padding: 15px; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.cert-share-btn{position: absolute; z-index: 10; height: 0px; overflow: hidden; left: 80px; display: block; width: 40px; line-height: 30px;}
.cert-share-btn i{font-size: 18px;}
.cert-qr{margin-top: 10px;}
.copywp{}
.copybtn{padding: 4px 10px;}
.copybtn{
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    color: #fff;
    font: bold 12px/1 monospace;
    text-align: center;
    text-shadow: 0 -1px 0 #4c9021;
}
.copybtn:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
.copybtn:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}
.copyok{color:#1EFFDD;}
.rp-hna{margin: 0 0 10px 0;}
.rp-hna i, .rp-hna b{padding:0 3px; height: 24px; line-height: 24px; display: inline-block; margin: 0 1px 0 0; background: #CCC;}
.rp-hna b{color: #FFF; background: #2D97D4;}
.ln-wp{width: auto;}
.ln-wp table{width: 100%; margin: 0 auto;}
.ln-wp table th, .ln-wp table td{padding:1%;}
.ln-wp table td.c1{color: #666666; width: 35%; padding-left: 4%;}
.ln-wp table td.c2{color: #202020; font-weight: bold;}
.ln-wp table td.cx{padding-left: 1%; color: #000; font-weight: bold; background: #FFF;}
.ln-wp table tr:nth-child(2n+1){background: #F5F5F5;}
.hrd-wp{width: 960px;}
.cin{text-indent:2em;}
.ct{margin: 2% 0 1% 0;}
.ngtc-cnt, .ccgtc-cnt{position: relative;}
.report-img{max-width: 300px; position: absolute; z-index: 5; right: 0px; top: 0px; }
.report-img img{display: block; max-width: 100%; box-shadow: 0px 0px 5px rgba(0,0,0, 0.2); background: #FFF;}
.report-img:hover{max-width: 100%; transition:max-width 1s ease-in-out;}
.report-img:hover img{ }
.code-div{display: block;}

/*query gia*/
.gia-hd{color: #666; font-weight: bold;}
.download-btn{background-color: #DE111E;border: 0 none;border-radius: 4px 4px 4px 4px;
              color: white;cursor: pointer;display: inline-block; float: right; white-space: nowrap;
              font-family: "freight-sans-pro",sans-serif;font-size: 13px;font-style: normal;font-weight: 700;
              letter-spacing: 1px; line-height: 17px; height: 17px; margin: 0;padding: 7px 10px;text-transform: uppercase;}
.download-btn:hover{color:#FFF;}
.gia-wp .gia-tb {}
.gia-tb td.clast{color: #666666;}
.gia-wp h3{margin-bottom: 1%; margin-top: 2%; }
.gia-wp h3.f1{}
.query-result h1.gia-tit{font-size:30px; height: 40px; line-height: 40px; font-weight: 400; padding: 0px; margin: 2% 0 2% 0; font-family: "din-condensed-web",sans-serif;}
.report-date{position: relative; display: inline-block; padding-right: 20px; white-space: nowrap;}
.report-refresh{display: block; position: absolute; right: 0; top: 0; font-size: 20px; font-weight: bold; color: #2D97D4;}
/*query gia*/
/* hrd */
.hrd-table td.c1{color: #666666; width: 35%; padding-left: 4%;}
.hrd-table td.c2{color: #202020; font-weight: bold;}
.hrd-table td.cx{padding-left: 1%; color: #000; font-weight: bold; background: #FFF;}
.hrd-table tr:nth-child(2n+1){background: #F5F5F5;}
.hrd-h1{color:#00447C;}
.hrd-h1 b{color:#3192BA;}
.hrd-head{background: #EFEFEF; color: #333333; line-height: 2em; margin-bottom: 10px;}
.hrd-head-in{padding:10px;}
.hrd-hi{float: left;}
.hrd-hi-1{width: 33%;}
.hrd-hi-3{width: 33%; float: right;}
.hrd-hi b, .hrd-hi strong{display: block;}
/* hrd */

/* cal */
.cal{background:#FFF; padding: 20px 12px 80px 15px;}
.cal .txt{height: 20px; line-height: 20px;}
.cal-t{height: 42px; line-height: 30px;}
.cal-tv, .cal-tv-power var{font-size: 20px; display: inline-block; min-width: 80px; height: 30px; margin:0 10px; text-align: center; border-bottom:1px solid #CCCCCC;}
.cal-pop{float:right; height: 16px;  line-height: 16px; cursor: pointer;}
.cal-pop:hover{color: #002FF8; font-size: 16px;}
.cal-box{width: 830px;}
.cal-box li{float:left; _width:0; white-space: nowrap;}
.cal-item{}
.cal-ibox{height: 150px; border:1px solid #CCC;padding: 8px ; }
.cal-ok{border-color: #14B864;}
.cal-err{border-color: #FF0000;}
.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: 160px; padding: 0 5px;}
.cal-item p{margin-top: 5px; padding: 0 0 0 2px; }
.cal-exp{color:#999; text-align: center; font-size: 12px;}
.cal-e{background:#FEE791;}
.cal-o .txt{border-color:#14B864;}
.cal-app{margin-top: 15px; padding-top: 10px; border-top: 1px solid #CCC;}
.cal-app span{display: inline-block; padding: 0 0 0 2px; }
.cal-app p{display: inline;}
.cal-app b{float:right; cursor: pointer;}
.cal-app b:hover{text-decoration: underline; color: #FF0000;}
.cal-tv-power{display: none;}
.cal-tv-power b{color: #FB2130;}
.cal-tv-ok b, .cal-tv-ok var{color: #14B864;}
.cal-tv-err b, .cal-tv-err var{color: #FB2130;}
.cal-smt{margin-top: 10px;}

.b-nav-pic{text-align: center;}
.b-nav-pic img{}
.page{padding: 20px 12px; min-height: 360px; line-height: 2em; font-size: 15px; }
.page img{vertical-align: middle;}


.alipay{}
.alipay-form{width: 400px; text-align: center; padding-top: 100px;margin: 0 auto;}
.alipay-form .btn{font-size: 32px; padding:5px 10px; cursor: pointer; background: #F6960B; color: #FFF; border: 1px solid #F6960B; box-shadow: 0 0 5px rgba(0,0,0,0.2)}
.alipay-msg{margin-top: 20px;}
.alipay-note{border:2px dashed #BBB; margin: 20px 0; padding: 10px 15px;}
.alipay-price{text-align: center; font-size: 20px; margin-bottom: 10px;  }
.alipay-price strong{color: #FF6600;}
.alipay-icon{width: 135px; margin: 0 auto; height: 45px; background:url(img/alipay.gif) no-repeat left top;}
.alipay-btn{margin-top: 5px;}
.alipay-link{display: block; border: 1px solid #EE7B18; width: 160px; text-align: center; margin: 0 auto; height: 29px; line-height: 28px; color:#FFF;background:url(img/alipay-btn.png) no-repeat 0px -198px; }
.alipay-link:hover{color: #FFF; background-position: 0px -168px;}
.alipay-pre{font-size: 20px; text-align: center; color: #FF6600;}
.alipay-pre p{padding-top: 120px;}
.alipay-pre input{visibility: hidden;}
/*worth*/
.pop-worth{position: absolute; bottom: 6px; right:-5px; font-size: 12px; z-index: 101; height: 36px; width: 147px; overflow: hidden; text-align: center;}
.pop-worth-a{display: block; line-height: 40px; width: 147px; left: 147px; position: absolute; height: 36px; color: #FFF; background:url(img/pop-worth.png) no-repeat left top; }
.pop-worth-a:hover{color:#FFF; background-position: left bottom;}
/*
.mc-worth .header, .mc-worth .top-nav, .mc-worth .footer, .mc-worth .worth-t, .mc-worth .worth-ctrl{display: none;}
.mc-worth .main{padding: 0px; background: #FFF;}
.mc-worth .page{padding: 0px;}
.mc-worth .wrap{width:640px;} */
.mc-worth .top-nav{display: none;}
.wxbox{background: #4F5051; padding: 20px; width: 180px;}
.wxbox-img{width: 180px; display: block; }

.worth-wp{color: #666;}
.worth-t{text-align: center; margin-bottom: 10px;}
.worth-ctrl{text-align: center; margin-bottom: 20px;}
.wcont{width: 640px; margin: 0 auto; padding: 0 0 50px 0;}
.wimg{box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); position: relative;}
.worth-acts{position: absolute; width: 80px; text-align: center; top: 50px; right: -80px; z-index: 21;}
.worth-acts a{color: #FFF; display: block; text-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
              -webkit-transition: background 0.5s ease-out;
              -moz-transition: background 0.5s ease-out;
              -o-transition: background 0.5s ease-out;
              transition: background 0.5s ease-out;
}
.worth-acts a.wh-down{background: #62CAE3;}
.worth-acts a.wh-share{background: #F58426; margin-top: 5px;}
.worth-acts a:hover{background:#333;}
.wshare{position: absolute; display: none; width: 80px; padding: 5px 0; font-size: 13px; line-height: 26px; right: -80px; top: 115px; z-index: 22; background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
.wshare a{display: block; height: 26px; padding-left: 22px; color: #333; background:url(img/share-icons.png) no-repeat 0 0 #FFF;}
.wshare a:hover{background-color: #007FFF; color:#FFF;}
.wshare a.sl-weibo{background-position: 3px 2px;}
.wshare a.sl-qzone{background-position: 3px -25px;}
.wshare a.sl-wechat{background-position:3px -50px;}
.wshare a.sl-douban{background-position:3px -77px;}
.wshare a.sl-renren{background-position:3px -103px;}
.wshare a.sl-t-qq{background-position: 3px -129px;}

/* page */
.page-contact{max-width: 706px; margin: 0 auto; padding-top: 40px;}
.page-contact li{float: left; width: 229px; height: 60px; background:url(img/contact.png) no-repeat 0 0; margin: 0 5px 20px 0; position: relative; }
.page-contact li p{position: absolute; left: 87px; top: 25px;}
.page-contact li.li-1{background-position: 0 0;}
.page-contact li.li-2{background-position: 0 -60px;}
.page-contact li.li-3{background-position: 0 -120px;}
.page-contact li.li-4{background-position: 0 -180px;}
.page-contact li.li-5{background-position: 0 -240px;}
.page-contact li.li-6{background-position: 0 -300px;}

.fld-nopd{padding-top: 0px;}
.fld-tp{padding: 10px 0 5px 0;}
.fld-hd{padding:10px 0 2px 0; font-weight: bold; font-size: 18px; }
.fld-hd span{font-size: 12px; margin-left: 20px; font-weight: normal; border-radius: 8px; padding: 1px 5px; background: #F2F2F2;}
.fld-tbl{width: auto; line-height: 28px;}
.fld-tbl td{padding:5px; vertical-align: top;}
.fld-tbl td .rq{color:#FF0000; font-weight: bold; padding:0 8px 0 5px;}
.fld-tbl td .nt{color:#888; margin-left: 20px;}
.fld-tbl td.l{color:#7D7D7D; padding-right: 10px; white-space: nowrap;}
.fld-tbl .fld-s td{padding-top: 0px; padding-bottom: 0px;}
.fld-btn{padding:24px 0 32px 0;}
.fld-im{min-height: 28px;}
.item-params{line-height: 28px;}
.item-params div.ip{float: left; margin:0 10px 10px 0;}
.item-params div.lb{color: #7D7D7D; }
.item-params div.lc{}
.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;}
.total_count{float: left; min-width: 120px; text-align: left; padding-left: 5px;}
.paginator{border:0px solid #C7E1EF;margin:0;text-align:center;font-size:12px; height: 22px; float: right;}
.paginator a,.paginator span{margin:0 0 0 5px;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:#E6E6E6;}
.data-list{}
.data-list-tbl{width: 100%;}
.trlist td, .tbl-loaded-td{border-bottom: 1px solid #E4E4E4;}
.data-list-tbl-c, .data-list-tbl-c th, .data-list-tbl-c td{text-align: center;}
.data-list-tbl th, .data-list-tbl td{padding: 5px 5px; vertical-align: middle;}
.data-list-tbl-hd{background: #f8f8f8;}
.data-list-tbl-hd th{text-align: left; border-bottom: 1px solid #CDCDCD;}
.tbl-loaded{background: #FCF5E3;}
.tbd{margin-bottom: 10px;}
.dwin-highon{background: #FFF9CB;}
th.t-chk, td.t-chk{width:20px; text-align: center;}
th.t-img{width:80px; text-align: center;}
th.t-act{width:30px; text-align: center;}
.tc, .tck{text-align: center;}
.tbl-view{width: 100%; background: #FFF;}
.tbl-view th, .tbl-view td{padding: 8px 12px; border: 1px solid #CCC;}
.tbl-view tr td:first-child{width: 60px;}
.tbl-view td span{float: right;}

/** user **/
.user-info{font-size: 14px;}
.user-info h2{line-height: 1.6em; padding: 0px;}
.user-info h3{margin-top: 30px; margin-bottom: 6px;}
.user-info .err{margin: 10px 0 ; color: #FF0000;}
.u-account{ margin-top: 5px; color: #999;}
.u-account b{color: #666; font-weight: bold; margin: 0 5px;}
.u-log{margin-top: 20px;}
.u-log li{line-height: 2.5em;}
.u-index-navs{min-height: 120px;}
.u-index-navs li{float: left; text-align: center; margin:0 10px 10px 0; }
.u-index-navs li a{float: left; width: 80px; height: 80px; background: #333; color:#FFF; border-radius: 100%;}
.u-index-navs li a b{display: block; margin-top: 30px; height: 20px;}
.u-index-navs li a b.l2{margin-top: 20px;}
.u-index-navs li a:hover{background: #267ED2; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.mc-user-diamond .main .wrap{width: auto;}
.mc-user-diamond .cont-backend{padding: 0 5px;}
.mc-user-diamond .pager_wrapper{ background: #F8F8F8;}

.sup-list{}
.sup-total{font-weight: bold; font-size: 20px; text-align: center; line-height: 40px; height: 40px; color: #666;}
.has-params{color: #CDCDCD; margin-top: 10px; font-size: 12px;}
.has-params b{margin: 0 5px 5px 0; width: 32px; display: block; float: left; padding: 0px;}
.has-params b.on{color: #FFF; background:#267ED2; }
.has-params b:nth-child(6n){margin-right: 0px;}
.sup-minutes{margin: 5px 0;}
.sup-last{}
.sup-list li{text-align: center; float: left; width: 217px; padding:0 10px; height: 190px; background: #F3F3F3; margin: 0 8px 8px 0; cursor: pointer;}
.sup-list li:hover{background:#FFE6BB;}
.sup-list li.on{background:#2D97D4;color:#FFF;}
.sup-list li h3{font-size: 16px; line-height: 30px;  color: #2D97D4; border-bottom: 1px solid #FFF;}
.sup-list li p{height:40px; line-height: 20px; overflow: hidden; color: #999;}
.sup-list li.on h3{color:#FFF;}
.sup-list li.on b.on{background: #2274A3;}
.sup-list li.on .sup-total{color:#FFF;}
.sup-skypes{padding: 3px 0;}
.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;}
.query-brand{display: none; text-align: center; margin-top: 10px;}
.query-brand img{width:100%;}

.qrs-list{display: none;}
.qrs-list li{background: #EEE; width: 300px; padding: 5px; float: left; cursor: pointer; margin-right: 10px;}
.qrs-list li .qrs-img{float:left; width: 180px;}
.qrs-list li .qrs-cont{line-height: 1.5em;}
.qrs-list li .qrs-cont h4{font-weight: normal; color: #666;}
.qrs-list li .qrs-cont p{height: 3em; overflow: hidden;}
.qrs-list li .qrs-img img{max-width: 100%; display: block;}
.qrs-list li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.qrs-list li.on{background: #FAFFDC; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.qrs-sup-btn{ -moz-user-select: none;background: #EEEEEE; border: 0 none;cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.5em; margin-bottom: 5px;padding: 3px 10px;text-align: center;vertical-align: middle; white-space: nowrap;}
.qr-buy-items{}
.qr-buy-tip{}
.qr-buy-tip-m{background: #FBFBFB url(img/qr_icon.png) no-repeat 20px 20px; color: #666666; padding: 20px 20px 20px 120px; line-height: 1.8em; font-size: 15px;}
.qr-buy-tbl{margin: 20px auto; width: 100%;}
.qr-buy-tbl td{width:100%; display: flex; flex-flow: row wrap; justify-content:space-between;}
.qr-buy-item{float: left; border: 1px solid #DDDDDD; transition: all 0.3s ease-out; margin: 0 0 10px 0; padding: 10px 10px 30px 10px; width: 168px; text-align: center;}
.qr-buy-item h3{font-size: 18px; padding: 30px 0 20px 0;}
.qr-buy-item h4{font-weight: normal;height: 3em; line-height: 1.5em; color: #999;}
.qr-buy-item p{margin-top: 30px;}
.qr-buy-item:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.qr-buy-btn{display: block; width: 80%; margin: 0 auto; transition: all 0.2s ease-out; background: #F46200; font-size: 16px; color: #FFF; font-weight: bold; padding: 10px 0;}
.qr-buy-btn:hover{background:#FF7E29; color: #FFF; font-size: 20px;}
.qr-p li{line-height: 2em;}
.qr-p .as a{margin-right: 10px;}
.sel-rpt{width: 158px;}
.del-param{margin-left: 50px;}
.u-time{font-size: smaller; color:#999;}
.qr-view-link{line-height: 2em; margin-bottom: 10px;}
.qr-view-img img{box-shadow:0 0 10px rgba(0,0,0,0.2);}
.paid-note{text-align: center; margin: 0 auto; font-size: 16px; padding-top: 160px;}

.hna-q{padding: 10px 0;}
.hna-q h3{margin-bottom: 5px;}
.hna-q .txa{width:100%; padding:3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.hna-q .smt-box{margin-top: 8px; text-align: center;}
.hna-tbl{width: 100%; margin-bottom: 20px;}
.hna-tbl th, .hna-tbl td{padding: 5px; border: 1px solid #CCC;}
.hna-tbl td{text-align: center;}
.hna-tbl tr.hna-list-ex{color: #00A83D;}
.hna-tbl tr.hna-list-vg{color: #A8A100;}
.hna-tbl tr.hna-list-gd{color: #A81400;}
.hot a, .hot a:hover{color: #EF4141;}

.bd-wide .main .wrap{width: auto; margin: 0 10px;}
.bd-wide .main .tabs{max-width:1000px;margin: 0 auto;}
.bd-wide .data-list{width:100%; overflow: auto;}
.dwin .data-list{max-height: 400px; max-width: calc(100vmax - 10px); overflow-x: auto;}
.params-view{padding: 0px;}
.params-view .par{text-shadow: 0 0 1px rgba(0,0,0,0.2);}
.params-view .src{color: #999; border-right:  1px solid #E4E4E4;}
.params-view .src-d{border-right: 2px solid #BBB;}
.params-view .back i{display: block; margin: 0 auto;}
.params-view .iconfont::after{content: "\f013e";}
.params-view .back-expired{color: red;}
.params-view .trlist:not([rno]){text-decoration: line-through;}
.params-view .ikey-exp.sbtn{display: block; text-align: center;}
.params-rfd{min-width: 1000px;}
.copy-declaration{text-align: center;}
.briefs-up .photos li{width: auto; float: none;}
.briefs-up .imbox{float: left; margin-right: 5px;}
.briefs-up .file-list-have{background: transparent none;}
.briefs-up .txa{height: 72px; clear: right;}
.bch-list{display: block; margin-bottom: 20px;}
.back-dtl{color: #2D97D4; text-decoration: underline;}
.params-view .tr-er{background: #fff8e1;}
.params-view .er{color: #CE0002;}
.params-view td.bback, .params-view td.sback{background: #f9f5e4;}
.params-view td.bback:focus, .params-view td.sback:focus{box-shadow: 0 0 6px #339BF3 inset; border: 0px none;  outline: none; background: #FFF;}
.params-view tr.on, .params-view tr.on td{background: #f59952; color: #000;}
.params-rfd .tbl-loads .cont-bd{min-height: 10px;}

/* Responsive */
@media screen and (max-device-width: 1024px){
    .copybtn{display: none;}
}
/* ipad Pro */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    /*.wx-login-wp{display: none;}
    .wx-mobile-login{display: block;} */
}
/* ipad screen */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .wrap {width: auto; margin: 0 1%;}
    .query-icon{width: 45%; padding-left: 5%;}
    .q-content{width: 50%;}
    .query-result{padding: 1%;}
    .ln-wp{width: auto;}
    .gia-tb td.c1, .gia-hd td.col1{width: 40%;}
    .mc-report .quick-query{height: auto; padding:10px;}
    .icon-report{padding-top: 10px;}

    .b-nav-pic img{width: 100%;}
    /*
    .wx-login-wp{display: none;}
    .wx-mobile-login{display: block;} */
}
/* General small screen Mobile  */
@media handheld, only screen and (max-device-width: 767px) {
    html, body{height: 100%; min-height: 350px; font-size: 12px;}
    .main{padding: 0px;}
    .wrap {width: auto; margin:0 5px;}
    .header-in{margin: 0px;}
    .comm{min-height: 320px;}
    .txa{width: 96%;}
    .show_msg_hd{min-height:60px;}
    .show_msg_wp{width: auto; margin: 0 5px; border: 0px none;}
    .logo-wp{ margin: 0; padding: 5px 0; width: 170px;}
    .logo{height: 48px;}
    .logo i{font-size: 48px; width: 48px;}
    .logo .logo-t{font-size: 15px; letter-spacing: 2px;}
    .logo .logo-w{font-size: 10px;}
    .nav-icon{display: block;}
    .broad{position: static;}
    .nav-pic{display: none;}
    .head-nav{position: fixed; margin: 0; overflow: hidden; display: none; overflow-y: auto; z-index: 0; right: 0px; top: 0; width: 240px; height: 100%; background: #333;}
    .head-nav-in{margin:12px 10px; position: static; height: auto;}
    .head-nav .hn{float: none; color: #FFF;}
    .head-nav a{color: #FFF;}
    .head-nav li{margin:0 0 12px 0; float: none; border: 1px solid #999;}
    .head-nav li .sub{width: auto; padding: 5px 10px; box-shadow: none; position: static; color: #FFF; background: none;}
    .head-nav li .sub:before{left: 100px;}
    .head-nav li .sub a{display: block; float: none;}
    .head-nav li .sub dt{float: none;}
    .head-nav li .sub dl{float: none; height: auto;}
    .head-nav dd{background: none; width: auto; color:#FFF; box-shadow: none; position: static; margin-left: 22px; padding: 0; border-top: 2px solid #646464;}
    .head-nav-user{position: static; padding:5px 10px; height: 48px; border-bottom: 2px solid #999;}
    .hd-u{float: none; padding: 0;}
    .hu-login{border-radius: 100%; height: 48px; width: 48px; line-height: 48px; box-shadow: 0 0 2px rgba(255,255,255,0.2); display: block; text-align: center;}
    .hu-sub{margin:12px 10px 0 10px; background: transparent none; padding: 0; display: block; box-shadow: none; position: static; text-align: left;}
    .hu-sub a{padding: 0 5px; }
    .hu-sub ul{display: flex; justify-content: space-between;}
    .hu-sub ul li{margin-bottom: 0px;}
    .hon::after, .hu-sub .hon:after{left: -8px; bottom:9px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #999; border-right: 0px none;}
    .oc b{float: none;}
    .oc i{box-shadow: 0 0 2px; border-radius: 100%;}
    .head-user{display: none;}
    .wx-login-wp{display: none;}
    .wx-mobile-login{display: block;}
    .pub-qr{height: 155px;}
    .pub-qr-ok{padding-top: 30px;}
    .pub-qr-img{height: 120px;}
    .query-icon{width:280px; padding: 0 0 0 16px; margin: 0 auto;}
    .query-icon, .q-content{float: none;}
    .msg{position: fixed; display: none; text-align: center; z-index: 200; left: 0px; top: 0px; background:#E74C3C; color:#FFF; width: 100%; padding: 0px; line-height: 2.5em; height: 2.5em; font-size: 15px;}
    .msg-error{display: block;}
    .fm-msg div{position: fixed; display: none; text-align: center; z-index: 200; left: 0px; top: 0px; background: rgba(0,0,0,0.8); color:#FFF; width: 100%; padding: 0px; line-height: 2.5em; height: 2.5em; font-size: 15px;}
    .fm-msg div.d_i_error, .fm-msg div.d_i_loading, .fm-msg div.d_i_info, .fm-msg div.d_i_right{display: block;}
    .dwin{position: fixed; width: 100%;}
    .dtable{width:100%;}
    .fm-in{padding-left: 10px;}
    .login-pan{padding: 0;}
    .fm-front .fld {height: auto;}
    .fm-front .fld b{display:block; margin: 5px 0 0 90px;}
    .fm-front .upload-wp{float: none; padding-left: 90px;}
    .fm-front #btn_wx_up{display: none;}
    .pub-qr .p1{display: none; }
    .pub-qr .p2{display: block;}
    .dwin_content .fm-in{padding: 0 10px 10px 10px; width: auto; margin:0 auto;}
    .dwin_content .fld{text-align: left;}
    .ngtc-code-img-wp{width: auto; height: auto;}
    .ngtc-code-img-wp img{width: 100%;}
    .history-list{right: -10px;}
    .q-content{width: 300px; margin: 0 auto;}
    .quick-query .txt{width: 170px;}
    .quick-query, .cert-result{font-size: 14px;}
    .ln-wp{width: auto;}
    .footer~div{display:none;}
    .quick-query{height: auto; padding: 20px 0 60px 0;}
    .query-small{padding: 0;}
    .query-result{padding: 3% 2%;}
    .ln-wp table th, .ln-wp table td{padding: 1.5%;}

    .gia-h1{font-size: 15px;}
    .gia-hd{font-size: 11px;}
    .download-btn{font-size:10px;}
    .gia-tb td.c1, .gia-hd td.col1{width: 40%;}
    .gia-wp table td{padding: 1%;}
    .query-result h1.gia-tit{font-size: 18px;}
    .download-btn{padding: 5px;}
    .hrd-wp .hrd-hi{width:auto; float: none;}
    .report-img{position: static; padding: 1%; max-width: 100%; overflow: hidden;}
    .report-img img{max-width: 100%; margin: 0 auto; display: block;}
    .report-images .srdcs{max-width:64px;}
    .report-images .srdcs-on{max-width:calc(100% - 4px);}
    .srdc-key-tip-wp{position: fixed; top: 0; left: 0; width: 100%;}
    .srdc-key-tip{margin: 0 2%;}
    .srdc-key{background-size:33px auto;height: 33px; line-height: 33px; padding-left: 33px; font-size: 14px;}
    .srdc-key-bruise{background-position:0 -38px;}
    .srdc-key-burn-mark{background-position:0 -76px;}
    .srdc-key-cavity{background-position:0 -114px;}
    .srdc-key-chip{background-position:0 -152px;}
    .srdc-key-cloud{background-position:0 -190px;}
    .srdc-key-crystal{background-position:0 -228px;}
    .srdc-key-extra-facet{background-position:0 -266px;}
    .srdc-key-feather{background-position:0 -304px;}
    .srdc-key-grain-center{background-position:0 -342px;}
    .srdc-key-indented-natural{background-position:0 -380px;}
    .srdc-key-internal-graining{background-position:0 -418px;}
    .srdc-key-knot{background-position:0 -456px;}
    .srdc-key-laser-drill-hole{background-position:0 -494px;}
    .srdc-key-natural{background-position:0 -532px;}
    .srdc-key-needle{background-position:0 -570px;}
    .srdc-key-nick{background-position:0 -608px;}
    .srdc-key-pinpoint{background-position:0 -646px;}
    .srdc-key-pit{background-position:0 -684px;}
    .srdc-key-polish-lines{background-position:0 -722px;}
    .srdc-key-scratch{background-position:0 -760px;}
    .srdc-key-surface-graining{background-position:0 -798px;}
    .srdc-key-twinning-wisp{background-position:0 -836px;}
    .ngtc-table td.c1{width: 30%;}

    .pop-worth{right: 0px;}
    .footer-in{padding-top:2%;}
    .footer-c{padding: 0 0 0 2%;}
    .f-copy{margin-top: 1%; font-size: 11px;}

    .report-box .q-content{width: auto;}
    .shape_choose h3{text-align: center; white-space: nowrap; margin-bottom: 10px;}
    .shape_choose ul{padding: 0px; display: table; margin: 0 auto;}
    .diamond-carat{margin:2% 1%; width:98%;}
    .shape_choose-note{padding:2%;}
    .ajaxloaded{width:auto;}
    .giarecall{overflow-x: auto;}
    .giarecall-tbl{font-size: 11px; line-height: 1.5em; min-width: 600px;}
    .qr-buy-item{width:42%;}
}

@media screen and (max-width: 480px) {
    /* Add your styles for devices with a maximum width of 480 */
}

@media screen and (max-width: 768px) {
    /* Add your styles for devices with a maximum width of 768 */
}

@media screen and (max-width: 320px) {
    /* Add your styles for devices with a maximum width of 320 */
}

@media screen and (max-width: 1024px) {
    /* Add your styles for devices with a maximum width of 1024 */

}

/* Responsive */
/* ie */
.in_frame .head-nav, .in_frame .nav-icon, .in_frame .quick-query, .in_frame .footer, .in_frame .nav-pic, .in_frame .broad, .in_frame .logo-nt{display: none;}
.in_eegem .quick-query{display: none;}
.in_frame .main{padding-bottom: 0px; padding-top: 0px;}
.in_frame, .in_frame .wrap{width: auto; max-width:680px; _width: 680px; margin: 0 auto; height: auto;}
.in_frame body{height: auto;}
.in_frame .quick-query, .in_frame .cert-result{font-size: 13px;}
.in_frame .cert-result-show{border-top: 0px;}
.in_frame .ln-wp table th, .in_frame .ln-wp table td{padding: 5px;}
.in_frame .logo-wp{margin: 0 auto;}
.in_frame .cert-result{margin-top: 0px; box-shadow: none;}
.in_frame .query-result{padding:0px;}
.in_frame .error_message{display: block; height: 180px; font-size: 16px; color: #CC0000; background: #FFF; padding-top: 150px; text-align: center;}
.in_frame #pre_loading{padding-top: 100px; height: 150px; margin-top: 80px;}
.in_frame .ln-wp{max-width:670px; _width: 670px; padding-bottom: 5px;}
.in_frame .query-result h1.gia-tit{margin:0px;}
.in_frame .query-result h1{margin-bottom: 0px;}
.in_frame .gia-wp{}
.in_frame .gia-wp h3.f1{margin-top: 0px;}
.in_frame .gia-tb td.c1, .in_frame .gia-hd td.col1{max-width:30%;}
.in_frame .egl-ae-box{padding:20px 8px 30px 8px;}
.in_frame .hrd-wp{font-size: 12px;}
.in_frame .hrd-1{width: 100px;}
.in_frame .hrd-2{width: 160px;}
.in_frame .hrd-3{width: 160px;}
.in_frame .report-img{position: absolute; padding: 5px;}
.in_frame .report-images .srdcs{max-width:64px;}
.in_frame .report-images .srdcs-on{max-width:100%;}
.in_frame .ngtc-cnt{border: 0px none; padding: 20px 30px 50px; }
.in_frame .report-img img{width: auto;}
.in_frame .ccgtc-cnt{border:0px none ; padding: 0;}
.in_frame #debug{display: none;}
.in_frame_p .header, .in_frame_p .head-nav{display: none;}
.in_frame .report-date .report-refresh{display: none; visibility: hidden;}

.purepage body{background:#FFF;}
.purepage .head-nav, .purepage .footer, .purepage .nav-pic, .purepage .broad, .purepage .logo-nt, .purepage .header, .purepage .copy-declaration{display: none;}
.purepage .main{background: none transparent;}
.in_frame body{background:#FFF;}
.in_frame .kcd .quick-query, .in_frame .kcd .cert-result{font-size: 12px;}
.mc-in_kcd-gia .copy-declaration{display: none;}