/*html,body{overflow:hidden;position:fixed}*/
html{-webkit-text-size-adjust:100%;height:100%;font-size:1em !important}
html,body,a,select,textarea,input,button,h1,h2{font-family:'Open Sans', sans-serif}
.body{height:100%;font-family:"Open Sans",sans-serif;font-style:normal;margin:0;padding:0}
#wcontainer{min-height:100%;width:96%;max-width:520px;margin:0 auto;padding:2% 0;background-color:#fff;/*width:100vw;height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch*/}
#wcontainer header nav{box-shadow:none;color:#666;background-color:transparent;height:auto;line-height:normal}
#wcontainer header > div{position:fixed;width:25%;height:calc(100% - 62px);overflow-y:auto}
#wcontainer header nav a{color:inherit;list-style:outside none none;margin:0;text-align:inherit;text-decoration:none;line-height:58px;padding-left:4%;display:flex;flex-direction:row;position:relative}
#wcontainer header nav a.active{opacity:1;background-color:#fff}/*rgba(var(--pr-color-rgb, #6e55a1),.5)*/
#wcontainer header nav a.active img{filter:var(--flt-pr-color);opacity:1}
#wcontainer header nav a.active > span{color:var(--pr-color)}
#wcontainer header nav a img{min-width:24px;min-height:24px;opacity:.6}
#wcontainer header nav a > span{font-weight:600;margin-right:15px;margin-left:20px}
#wcontainer header nav a .lbl_out{position:absolute;top:1px;margin-left:20px;width:50px}
#wcontainer header nav a .lbl_cnt{background-color:#e10f0f;color:#fff;border-radius:50%;padding:4px;display:inline-block;line-height:1;min-width:20px;height:20px;font-size:.7rem;text-align:center}
#wcontainer header{min-width:0;min-height:0;width:25%}
#wcontainer main{width:75%;min-height:calc(100vh - 62px);display:flex;align-items:stretch;flex:1 1 0%;justify-content:space-between}
.mn_mdl .tab a.active{color:var(--pr-color, #333)}
.pghdr{-ms-flex-align:stretch;-ms-flex-direction:column;-ms-flex-negative:0;-ms-flex-preferred-size:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-basis:auto;-webkit-flex-direction:column;-webkit-flex-shrink:0;align-items:stretch;border:0 solid black;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;margin:0;min-height:0px;min-width:0px;padding:0;position:relative;z-index:0}
.hdrlgbx{display:block;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);position:relative;z-index:1}
.hdrlgbx img{display:block;padding:12px 1% 12px 4%;max-width:96%;max-height:62px}
.mn_mdl{width:65%;min-height:100%;background-color:#fff;box-shadow:0 5px 5px 5px rgba(0,0,0,0.3)}/*;border-width:0 1px;border-style:solid;border-color:#ccc*/
.mn_rgt{width:35%}
.nvtbr{top:0;left:0;width:100%;min-height:60px;padding:0 2%;box-shadow:0 1px 4px rgba(0,0,0,0.3);z-index:2;position:fixed;background-image:linear-gradient(135deg, var(--pr-color, #333) 0%, var(--ac-color, #333) 100%);color:#ffffff;box-sizing:border-box;display:flex}
.nvtbr .lgbx{display:none}
.nvtbr > div{flex:1 1 auto;align-self:center}
.nvtbr > div .uim{vertical-align:middle;width:40px;border-radius:50%;border:1px solid #fff;background-color:#ffffff}
.nvtbr .tlbx{display:inline-flex;flex-direction:column;vertical-align:middle;font-size:1em;margin:0 9px;padding:0;list-style:none}
.nvtbr .tlbx .tl{font-weight:400;line-height:1.22;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nvtbr .tlbx .stl{font-size:.85em}
.nvspc{height:60px}
.mbpkg_bx{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);text-align:center}
ul.plns{overflow:visible;top:auto}
ul.plns .tab a{text-align:center;padding:12px 0;position:relative;overflow:visible}
ul.plns .tab a:hover{color:var(--pr-color);background-color:inherit}
ul.plns .tab a.active{color:var(--opr-color);background-color:var(--pr-color);position:relative;overflow:visible}
ul.plns .indicator{top:0;background-color:var(--ac-color)}
ul.plns .tab a.active::after{content:"";position:absolute;top:97%;left:50%;margin-left:calc(1.1em * -1);border-width:1.1em;border-style:solid;border-color:var(--pr-color) transparent transparent transparent}
.mb_ftr{font-size:.96em;margin:15px auto;display:inline-block;text-align:left;color:#000;padding-left:0;list-style-position:inside}
.mb_ftr>li{list-style-type:circle}
.membrpay{transition:all 1s;animation:anmembrpay 4s infinite;vertical-align:middle}
@keyframes anmembrpay {
30%, 60% {transform:rotate(0deg);}
40% {transform:rotate(-45deg);}
50% {transform:rotate(45deg);}
}

.wdv_btn{background-color:var(--pr-color, #6e55a1);color:#ffffff;border-radius:5px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wdv_btn.otl{color:var(--pr-color, #6e55a1);background-color:#ffffff;border:1px solid}
.btm_btn_bx{overflow:hidden;position:fixed;bottom:0;left:0;width:100%;margin:0;padding:0;text-align:center;z-index:1}
.btm_btn{width:94%;max-width:485px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;outline:0;display:block;color:#ffffff;text-decoration:none;text-align:center;font-size:1.1em;box-sizing:border-box;padding:13.5px 6px;margin:0 auto 12px auto;border-radius:5px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);background-image:linear-gradient(135deg, var(--pr-color, #333) 0%, var(--ac-color, #333) 100%)}
.btm_btn:focus{outline:none;background-color:var(--pr-color, #6e55a1)}
.btm_btn.otl{background-color:#ffffff;border:1px solid;background-image:none}
.btm_btn.otl:focus{outline:none;background-color:#ffffff}
.btm_btn.otl::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:5px;padding:2px;background:linear-gradient(135deg,var(--pr-color, #333),var(--ac-color, #333)); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:destination-out;mask-composite:exclude}
.ripple{position:relative;overflow:hidden;transform:translate3d(0,0,0)}
.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}
.ripple:active:after{transform:scale(0,0);opacity:.2;transition:0s}
.spinner-prm{border-color:var(--pr-color, #6e55a1)}
.toast{background-color:#333333}

@supports(position: sticky) {
.btm_btn.otl{border:0}
}
@supports(margin: max(0px)) {
.btm_btn{margin-bottom:max(12px, env(safe-area-inset-bottom))}
#wcontainer header nav{margin-bottom:max(1px, env(safe-area-inset-bottom))}
.wdmodal .modal-body{padding-bottom:max(0px, env(safe-area-inset-bottom))}
.nvtbr > div{margin-left:max(0px, env(safe-area-inset-left));margin-right:max(0px, env(safe-area-inset-right))}
#wcontainer header nav a{padding-left:max(4%, env(safe-area-inset-left))}
.hdrlgbx{padding-left:max(0px, env(safe-area-inset-left))}
}
@supports(-webkit-overflow-scrolling: touch) {
.hdrlgbx img{max-height:65px}
}
@media only screen and (max-width:980px){
.mn_mdl{width:100%}
.mn_rgt{display:none}
}
@media only screen and (max-width:679px){
.mn_rgt{display:none}
.mn_mdl{width:100%;padding:0;border:0}
#wcontainer main{padding-bottom:52px}
#wcontainer main{padding-bottom:calc(52px + env(safe-area-inset-bottom))}
#wcontainer header{width:0;z-index:1}
#wcontainer header > div{width:100%;height:auto;left:0;bottom:0;background-color:#fefefe;box-shadow:0 -1px 4px rgba(0,0,0,0.3)}
#wcontainer header nav{position:relative;display:flex}
#wcontainer header nav a{flex:1 1 0%;padding:9px 0;text-align:center;display:block}
#wcontainer header nav a img{display:block;margin:auto;opacity:.5}
#wcontainer header nav a span{font-weight:normal;display:block;line-height:1;font-size:.65em;margin:0}
#wcontainer header nav a .lbl_out{width:100%;margin:0;line-height:1}
.nvtbr .lgbx{display:block;position:absolute;z-index:2;width:100%;height:100%;padding:9px;background-color:#fff;left:0;text-align:center;transition:all 500ms ease-in-out}/*-webkit-transition:opacity 2s ease-in-out;-moz-transition:visibility 0s linear 1s, opacity 300ms;-o-transition:all 2s linear;*/
.hdrlgbx{width:42px;overflow:hidden;display:none}
.hdrlgbx img{width:150px;max-width:none}
}
@media (min-width:680px) {
  #wcontainer{box-shadow:0 5px 5px 5px rgba(0,0,0,0.3)}
  #wcontainer::after{content:"";top:0;left:0;bottom:0;right:0;position:fixed;z-index:-1;opacity:0.1;background-attachment:fixed;background-color:var(--pr-color, #333)}/*;background-image:url(/resc/images/bg-pattern.png)*/
  /*background-image:radial-gradient(circle at 0 100%,var(--pr-color, #333),var(--ac-color, #333))*/
}

/* fallback */
/*@font-face {font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2')}
.material-icons {font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale}*/
.material-icons{user-select:none}
.mn_mnubx{display:none;min-width:220px;overflow:auto;z-index:1;right:0;bottom:50px;-webkit-transition:width .2s,height .4s;transition:width 1s,height 1;font-size:1em}
.mn_mnubx a{clear:both;border-top:1px solid #dedede;color:var(--pr-color, #eb0089);padding:14px 16px;text-decoration:none;text-align:left;display:block;width:auto}
.mn_mnubx .rgtbx{float:right;vertical-align:text-bottom;box-sizing:border-box}
.modal-body .mtl{color:#000;padding:16px 0;font-weight:600;text-align:center;margin:0 auto}
.modal-body .ttl{color:#555;font-weight:600;max-width:20ch}
.modal-body .sttl{color:#666;max-width:28ch}
.mn_mnubx .desc{padding:16px;color:#666;text-align:center}
.modal-body{position:relative;background-color:rgba(255,255,255,0.98);box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);border-radius:9px 9px 0 0;overflow:hidden}
.modal-body .mn_mnubx{display:block}

.wdmodal.mbtm{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.6);-webkit-animation-name:mdfadeIn;-webkit-animation-duration:.4s;animation-name:fadeIn;animation-duration:.4s}/*display:flex;align-items:end;justify-content:center;transition-timing-function:ease-in-out;transition:flex-basis 0.3s*/
.wdmodal.mbtm .modal-content{position:absolute;bottom:0;max-height:100vh;width:100%;-webkit-animation-name:slideIn;-webkit-animation-duration:.4s;animation-name:mdslideIn;animation-duration:.4s}
.wdmodal.mbtm.mhide{animation-name:mdfadeOut;opacity:0;animation-duration:.9s}
.wdmodal.mbtm.mhide .modal-content{transform:translateY(100%) translateY(1em) translateZ(0);transition:transform 0.2s ease-out}
/*.wdmodal.mbtm.mhide .modal-content{bottom:-300px;animation-name:mdslideOut}*/
.wdmodal.mtop{position:fixed;z-index:10;display:flex;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.6)}
.wdmodal.mtop .modal-content{margin:auto;width:90%;max-width:560px;animation-name:mdanimatetop;animation-duration:0.4s}
.wdmodal.mtop .modal-body{border-radius:9px;overflow:hidden}
.wdmodal .actnbx{border-top:1px solid #dedede;list-style:none;display:flex;padding:0;margin:25px 0 0 0;color:var(--pr-color, #eb0089)}
.wdmodal .actnbx li{flex-grow:1;text-align:center;padding:14px 0;border-right:1px solid #dedede;cursor:pointer}
.wdmodal .actnbx li:last-child{border-right:0}

.wdmodal .modal-body{margin:auto;max-width:490px;-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.22),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.22),0 11px 15px -7px rgba(0,0,0,0.2)}
.wdmodal .close{position:absolute;top:16px;right:15px;font-size:1.4em;color:#999;cursor:pointer;-webkit-tap-highlight-color:transparent}
.wdmodal .close:hover, .wdmodalc .close:focus{color:#333;text-decoration:none}
.wdmodal .modal-header{font-weight:600;padding:8px 14px;background-color:#f0f0f0;color:#333}
@-webkit-keyframes mdslideIn{from{bottom:-300px}to{bottom:0}}
@keyframes mdslideIn{from{bottom:-300px}to{bottom:0}}
@-webkit-keyframes mdslideOut{from{bottom:0}to{bottom:-300px}}
@keyframes mdslideOut{from{bottom:0;}to{opacity:0}}
@-webkit-keyframes mdfadeIn{from{opacity:0}to{opacity:1}}
@keyframes mdfadeIn{from{opacity:0}to{opacity:1}}
@keyframes mdfadeOut{from{opacity:1}to{opacity:0}}
@keyframes mdanimatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}

.status-success{width:80px;height:115px;margin:0 auto}
.status-success .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid var(--pr-color)}
.status-success .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}
.status-success .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:status-rotate 4.25s ease-in}
.status-success .check-icon::before,.status-success .check-icon::after{content:"";height:100px;position:absolute;background:transparent;transform:rotate(-45deg)}
.status-success .check-icon .icon-line{height:5px;background-color:var(--pr-color);display:block;border-radius:2px;position:absolute;z-index:1}
.status-success .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:status-icon-tip 0.85s}
.status-success .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:status-icon-long 0.85s}
.status-success .check-icon .icon-circle{top:-4px;left:-4px;z-index:1;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(var(--pr-color-rgb),0.8)}
.status-success .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:0;height:85px;position:absolute;transform:rotate(-45deg);background-color:transparent}
@keyframes status-rotate{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}
@keyframes status-icon-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}
@keyframes status-icon-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}

.b{font-weight:600}
.sb{font-weight:600}
.wda{width:auto}
.mga{margin:auto}
.ovh{overflow:hidden}
.tac, .ac{text-align:center} .tar{text-align:right} .tal{text-align:left}
.vam{vertical-align:middle} .vab{vertical-align:bottom}
.clear, .cb{clear:both}
a,.crp{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
.crd{cursor:default}
.dsn{display:none}
.dsb{display:block}
.dsib{display:inline-block}
.dsf{display:flex}
.psr{position:relative} .psf{position:fixed} .psa{position:absolute}
.fl{float:left} .fr{float:right} .fn{float:none}
.ftwht{color:#fff}
.ftpurple{color:var(--pr-color, #6e55a1)}
.ftpink{color:var(--ac-color, #eb0089)}
.ft333{color:#333} .ft666{color:#666} .ft999{color:#999} .ft000{color:#000}
.bgpink{background-color:var(--ac-color, #eb0089)}
.bgpurple{background-color:var(--pr-color, #6e55a1)}
.brpink{border-color:var(--ac-color, #eb0089)}
.brpurple{border-color:var(--pr-color, #6e55a1)}
.bgwht{background-color:#fff}
.bgtrans{background-color:transparent}
.brrnd{border-radius:50%}
.bssd{border-style:solid}
.fxgr1{flex-grow:1}
.fxgr2{flex-grow:2}
.nwrp{white-space:nowrap}
.txttrn{text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden}
.txttrn::-webkit-scrollbar{display:none}