@charset "utf-8";
:root{
    --black:#000;
    --white:#fff;
    --grey:#ccc;
    
    /* SHADOWS */
    --shd_black_0316:0 .03rem .06rem rgba(0,0,0,.16);

    /* MAX MIN WIDTH */
    --min_width:320px;
    --max_width:750px;
}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, textarea, button, select {margin: 0; padding: 0; outline:none;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;/*new add*/}
body{-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100% !important;letter-spacing:.01rem;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/*clear default style*/
a{text-decoration: none;}
input,textarea, button, select{font-size:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none; border-radius: 0}
/* COMMON */
.mi_mx_w{max-width:var(--max_width);min-width:var(--min_width);}
h1,h2,h3,h4,h5,h6{font-size:100%;}
.bw100{display:block;width:100%;}
.w100{width:100% !important;}
/* ------ clear */
.clearfix:after{content:'\0020'; display:block; width:100%; height:0; clear:both;overflow:hidden}
.clear{clear:both;width:100%;height:0px;padding:0;margin:0;overflow:hidden}
/* ------ position */
.psr{position: relative;}
.pab{position: absolute;}
/* ------ block center */
.blockc{display:block;margin:0 auto;}
/* ------ text align */
.txtc{text-align:center !important;}
.txtr{text-align:right !important;}
.txtj{text-align:justify !important;word-break: break-all;}
/* ------ text style */
.uline{text-decoration: none;border-bottom:1px solid;}
.noline{text-decoration: none !important;}
.txtin2em{text-indent:2em;}
.fwn{font-weight:normal !important;}
.fwb{font-weight:bolder !important;}
.fsxt{font-style: italic;}
.fsnm{font-style: normal;}
.nowrap{white-space: nowrap;}
.pointer{cursor:pointer}
/* ------ font size */
.txtin2em{text-indent:2em;}
.fs_xt{font-style: italic;}
/* ============ old font style */
/* ------ colors */
.c_black{color:var(--black) !important;}
.c_white{color:var(--white) !important;}
.c_grey{color:var(--grey) !important;}
/* ------ lrpad */
.xslrpad{padding-left:.2rem !important;padding-right:.2rem !important;}
.smlrpad, .lrpad{padding-left:.3rem !important;padding-right:.3rem !important;}
.smlpad, .lpad{padding-left:.3rem !important;}
.smrpad, .rpad{padding-right:.3rem !important;}
.mdlrpad{padding-left:.4rem !important;padding-right:.4rem !important;}
.lglrpad{padding-left:.5rem !important;padding-right:.5rem !important;}
.xlglrpad{padding-left:.55rem !important;padding-right:.55rem !important;}
.xlrpad{padding-left:.6rem !important;padding-right:.6rem !important;}
.xxlrpad{padding-left:.7rem !important;padding-right:.7rem !important;}
.xxxlrpad{padding-left:.8rem !important;padding-right:.8rem !important;}
/* ============ old space style */
.pt0{padding-top:0 !important;}
.pt10{padding-top:.1rem !important;}
.pt15{padding-top:.15rem !important;}
.pt20{padding-top:.2rem !important;}
.pt30{padding-top:.3rem !important;}
.pt40{padding-top:.4rem !important;}
.pt50{padding-top:.5rem !important;}
.pb0{padding-bottom:0 !important;}
/* ------ space */
.space_xs,.space_xxs,
.space_sm,
.space_md,
.space_lg,
.space_xl,
.space_xxl{clear:both;display:block;width:100%;overflow:hidden;}
.space_xs{height:.1rem;}
.space_xxs{height:.15rem;}
.space_sm{height:.2rem;}
.space_md{height:.3rem;}
.space_lg{height:.4rem;}
.space_xl{height:0.5rem;}
.space_xxl{height:.6rem;}
.space_3xl{height:0.8rem;}
/* ------ nomsg */
.nomsg{padding:.5rem 0 .9rem;text-align:center;color:var(--grey);}
/* ------ else */
.circular{border-radius:50%;}
.round{border-radius:.2rem;}
.noborder{border:0 !important;}
.nobr{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break:break-all;}
.bg_transp{background-color:var(--transparent) !important;}