:root{
  --cr-bg:#eeeeee;
  --cr-ft:#333333;
  --cr-ft-1:#ffffff;
  --cr-placeholder:#aaaaaa;
  --cr:57,150,20;
  --cr-0:255,255,255;
  --cr-1:0,175,222;
  --cr-2:0,122,138;
  --cr-3:238,238,238;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{margin:0px auto;padding:0px;font-family:"Open Sans",Roboto,"Microsoft JhengHei";font-size:1rem;background-color:var(--cr-bg);color:var(--cr-ft);-webkit-text-size-adjust:none;text-size-adjust:none;}
div{-webkit-overflow-scrolling:touch;outline:none;}
form{margin:0px auto;}
input[type=text]{-webkit-appearance:none;appearance:none;font-family:"Open Sans",Roboto,"Microsoft JhengHei";}
input[type=checkbox]{width:15px;height:15px;}
textarea{-webkit-appearance:none;appearance:none;font-family:"Open Sans",Roboto,"Microsoft JhengHei";}
select{-webkit-appearance:none;appearance:none;font-family:"Open Sans",Roboto,"Microsoft JhengHei";}
date{-webkit-appearance:none;appearance:none;font-family:"Open Sans",Roboto,"Microsoft JhengHei";}
input:focus{outline:none;}
textarea:focus{outline:none;}
select:focus{outline:none;}
date:focus{outline:none;}
fieldset{margin:10px;border:0px solid rgba(var(--cr),1);}
legend{padding:5px;color:rgba(var(--cr),1);font-size:1.1rem;}
table{width:100%;border:1px solid rgba(var(--cr),0.7);border-collapse:collapse;}
th{padding:10px;white-space:nowrap;text-align:center;}
td{padding:10px;white-space:nowrap;word-break:break-all;text-align:center;}
body::-webkit-scrollbar{width:0px;}
body::-webkit-scrollbar-track{background-color:rgba(var(--cr-2),0);}
body::-webkit-scrollbar-thumb{background-color:rgba(var(--cr-2),0);}
textarea::-webkit-scrollbar{width:5px;}
textarea::-webkit-scrollbar-track{background-color:rgba(var(--cr-2),0);}
textarea::-webkit-scrollbar-thumb{background-color:rgba(var(--cr-2),0.3);}
select::-webkit-scrollbar{width:5px;}
select::-webkit-scrollbar-track{background-color:rgba(var(--cr-2),0);}
select::-webkit-scrollbar-thumb{background-color:rgba(var(--cr-2),0.3);}
img{vertical-align:middle !important;}
i{vertical-align:middle !important;}
a{text-decoration:none;}
span{color:rgba(var(--cr),1);font-size:1.2rem;}
::placeholder{color:var(--cr-placeholder);}
::-webkit-clear-button{display:none;}

.bkgf{background-attachment:fixed;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.bkgs{background-attachment:scroll;background-position:center center;background-size:cover;background-repeat:no-repeat;}

.fx{
  display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;-webkit-flex-wrap:wrap;
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
}
.fxt{
  display:-webkit-flex;-webkit-align-items:flex-start;-webkit-justify-content:center;-webkit-flex-wrap:wrap;
  display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;
}
.fxtt{
  display:-webkit-flex;-webkit-align-items:flex-start;-webkit-justify-content:flex-start;-webkit-flex-wrap:wrap;
  display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;
}
.fxn{
  display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:flex-start;-webkit-flex-wrap:nowrap;
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;
}
.fxs{
  display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
}

.sclx,.sclx1{overflow:hidden;overflow-x:auto;}
.scly,.scly1{overflow:hidden;overflow-y:auto;}

.sclx::-webkit-scrollbar{height:7px;}
.sclx::-webkit-scrollbar-track{background-color:rgba(var(--cr),0);}
.sclx::-webkit-scrollbar-thumb{background-color:rgba(var(--cr-0),0.3);}
.sclx1::-webkit-scrollbar{height:7px;}
.sclx1::-webkit-scrollbar-track{background-color:rgba(var(--cr-2),0);}
.sclx1::-webkit-scrollbar-thumb{background-color:rgba(var(--cr-2),0.3);}

.scly::-webkit-scrollbar{width:7px;}
.scly::-webkit-scrollbar-track{background-color:rgba(var(--cr),0);}
.scly::-webkit-scrollbar-thumb{background-color:rgba(var(--cr-0),0.3);}
.scly1::-webkit-scrollbar{width:7px;}
.scly1::-webkit-scrollbar-track{background-color:rgba(var(--cr-2),0);}
.scly1::-webkit-scrollbar-thumb{background-color:rgba(var(--cr-2),0.3);}

.text{margin:0px;padding:10px;width:100%;border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.text1{margin:0px;padding:10px;width:100%;border-radius:0px;border-width:0px 0px 0px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.text2{margin:0px;padding:10px;width:100px;border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.text-search{margin:0px;padding:10px;width:100%;border-radius:0px;border-width:0px 0px 0px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.textarea{resize:none;margin:0px;padding:10px;width:100%;height:100px;border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.textarea1{resize:none;margin:0px;padding:10px;width:100%;height:200px;border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.textarea2{resize:none;margin:0px;padding:10px;width:100%;height:400px;border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.select{cursor:pointer;margin:0px;padding:10px;border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.date{cursor:pointer;margin:10px;padding:10px;width:100%;border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);background-color:#fff;color:rgba(var(--cr-1),1);font-size:1rem;}
.file{display:none;}

.txt1{text-align:left;}
.txt2{text-align:center;}
.txt3{text-align:right;}

.bt{cursor:pointer;transition:all 0.3s;-webkit-user-select:none;user-select:none;}
.btn{cursor:pointer;transition:all 0.3s;-webkit-user-select:none;user-select:none;white-space:nowrap;}
.a2hs,.alert,.loading{display:none;}

.bt-i{margin:5px;color:rgba(var(--cr),1);}
.bt-fb>img{width:250px;}
.bt-404{margin:5px;padding:10px 20px;background-color:rgba(var(--cr-1),1);color:#fff;}
.bt-404:hover{background-color:rgba(var(--cr-1),0.7);}
.bt-menu,.bt-menu1{padding:15px 25px;color:#fff;}
.bt-menu:hover{background-color:rgba(var(--cr-2),1);}
.bt-menu1:hover{background-color:rgba(var(--cr-0),0.3);}
.bt-more{padding:10px 20px;color:var(--cr-ft-1);}
.bt-reset{padding:10px;color:rgba(var(--cr-2),1);text-align:center;}
.bt-reset:hover{color:rgba(var(--cr),1);}
.bt-del,.bt-dels{padding:10px;color:rgba(var(--cr-2),1);text-align:center;}
.bt-del:hover,.bt-dels:hover{color:rgba(var(--cr),1);}
.bt-mods{padding:10px;color:rgba(var(--cr),1);text-align:center;}
.bt-mods:hover{color:rgba(var(--cr-2),1);}
.bt-adds,.bt-add,.bt-mod{padding:10px;width:50%;background-color:rgba(var(--cr),1);color:#fff;text-align:center;}
.bt-mod1{padding:10px;width:40%;background-color:rgba(var(--cr),1);color:#fff;text-align:center;}
.bt-mod2{padding:10px;width:30%;background-color:rgba(var(--cr-2),1);color:#fff;text-align:center;}
.bt-adds:hover,.bt-add:hover,.bt-mod:hover,.bt-mod1:hover{background-color:rgba(var(--cr),0.7);}
.bt-check-del{padding:10px;width:50%;background-color:rgba(var(--cr),1);color:#fff;text-align:center;}
.bt-check-del:hover{background-color:rgba(var(--cr),0.7);}
.bt-check-cancel{padding:10px;width:50%;background-color:rgba(var(--cr-2),1);color:var(--cr-ft-1);text-align:center;}
.bt-check-cancel:hover{background-color:rgba(var(--cr-2),0.7);}
.bt-add-cancel,.bt-mod-cancel{padding:10px;width:50%;background-color:rgba(var(--cr-2),1);color:var(--cr-ft-1);text-align:center;}
.bt-mod-cancel1{padding:10px;width:30%;background-color:rgba(var(--cr-2),1);color:var(--cr-ft-1);text-align:center;}
.bt-add-cancel:hover,.bt-mod-cancel:hover,.bt-mod-cancel1:hover,.bt-mod2:hover{background-color:rgba(var(--cr-2),0.7);}
.bt-print{padding:10px;color:rgba(var(--cr),1);text-align:center;}
.bt-print:hover{color:rgba(var(--cr-2),1);}

.pageloading{z-index:99;position:fixed;top:0%;left:0%;width:100%;height:100%;}
.coverloading{display:none;z-index:99;position:fixed;top:0%;left:0%;width:100%;height:100%;}
.coverloading>div{width:100%;height:100%;}
.pageloading img,.coverloading img{width:100px;}
.top{display:none;}
.page{display:none;}
.add{display:none;}
.mod{padding:10px;color:rgba(var(--cr),1);text-align:center;}
.mod:hover{color:rgba(var(--cr-2),1);}
.view{padding:10px;color:rgba(var(--cr),1);text-align:center;}
.view:hover{color:rgba(var(--cr-2),1);}
.adds{padding:10px;color:rgba(var(--cr),1);text-align:center;}
.adds:hover{color:rgba(var(--cr-2),1);}

.bkc-set{background-color:rgba(var(--cr-2),0.7);}
.bkc{background-color:rgba(var(--cr-2),1);}

.block{width:100%;}
.block-alert-log{padding:10px;width:100%;}
.block-alert-log>div{color:#E91E63;font-size:1.3rem;text-align:left;}
.block-alert{display:none;padding:110px 10px 10px 10px;width:100%;}
.block-alert>div{color:#E91E63;font-size:1.3rem;text-align:left;}
.block-loading{display:none;padding:10px 0px;width:100%;text-align:center;}
.block>.box{margin:10px;background-color:#fff;box-shadow:0px 0px 10px #666;}
.block>.boxs{margin:10px;width:100%;background-color:#fff;}
.block>.boxs1{padding:10px 0px;width:100%;text-align:center;}
.block-search{width:100%;padding:10px;}
.block-space-top{width:100%;padding:5px 0px 0px 0px;}
.block-space-bottom{width:100%;height:100px;}
.menuhide{top:-50%;}
.menushow{top:0%;}
.block-menu{z-index:10;position:fixed;left:0px;width:100%;background-color:rgba(var(--cr),1);transition:top 0.5s;}
.block-menu .box{padding:15px 25px;color:#fff;white-space:nowrap;}
.block-submenu{z-index:5;position:fixed;bottom:0px;left:0px;width:100%;background-color:rgba(var(--cr-1),1);}
.block-submenu>div>div{padding:15px 25px;color:var(--cr-ft-1);white-space:nowrap;}
.block-submenu>div>div:hover{background-color:rgba(var(--cr-0),0.3);}
.block-check,.block-checks,.block-add,.block-mod{display:none;z-index:70;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.block-check>div,.block-checks>div,.block-add>div,.block-mod>div{width:100%;height:100%;transform:scale(0);transition:all 0.3s;}
.block-window,.block-back{padding:10px;width:100%;}
.block-window>div,.block-back>div{margin:10px;padding:10px;color:rgba(var(--cr),1);}
.block-window>div:hover,.block-back>div:hover{color:rgba(var(--cr-2),1);}

.box-loading{display:none;text-align:center;}
.box-check,.box-checks{width:200px;background-color:#fff;}
.box-check-content,.box-checks-content{padding:30px 20px;color:rgba(var(--cr),1);text-align:center;}
.box-add,.box-mod{background-color:#fff;box-shadow:0px 0px 20px #000;}
.box-add-content,.box-mod-content{max-height:60vh;}
.box-add-content>form>div,.box-mod-content>form>div{padding:10px;}
.box-menu{width:100%;background-color:rgba(var(--cr-2),1);}
.box-menu>div{height:0;}
.box-top{padding:10px;background-color:rgba(var(--cr),0.7);color:var(--cr-ft-1);}
.box-top1{padding:10px;background-color:#777;color:var(--cr-ft-1);}
.box-top>div,.box-top1>div{word-wrap:break-word;}
.box-bottom,.box-check-bottom{width:100%;}
.box-404{padding:20px;}
.box-404>div{margin:20px;}
.box-index{padding:20px;}
.box-index>div{margin:20px;}
.box-main{max-height:350px;}
.box-main>div{padding:10px;border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);}
.box-main>div>div{padding:5px;}
.box-main boxs{color:rgba(var(--cr),1);}
.box-main boxs1{font-size:0.9rem;}
.box-show{padding:10px;word-wrap:break-word;}
.box-show boxs{color:rgba(var(--cr-1),1);font-size:0.8rem;}
.box-show boxs1{font-size:0.8rem;}
.box-msg{display:none;padding:10px;background-color:rgba(var(--cr),1);color:#fff;}
.box-analytics{border-radius:0px;border-width:0px 0px 1px 0px;border-style:solid;border-color:var(--cr-placeholder);}
.box-analytics>div{padding:10px;}

@-webkit-keyframes pageloadings{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}
@keyframes pageloadings{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}
@media screen and (max-width:2561px){
  .block .box{width:20%;}
  .box-add,.box-mod{width:30%;}
}
@media screen and (max-width:1441px){
  .block .box{width:30%;}
  .box-add,.box-mod{width:50%;}
}
@media screen and (max-width:1025px){
  .block .box{width:40%;}
  .box-add,.box-mod{width:60%;}
}
@media screen and (max-width:769px){
  .block .box{width:40%;}
  .box-add,.box-mod{width:70%;}
}
@media screen and (max-width:426px){
  .block .box{width:96%;}
  .box-add,.box-mod{width:96%;}
}
@media screen and (max-width:376px){
}
@media screen and (max-width:321px){
}