*{box-sizing:border-box;}
body{margin:0px auto;padding:0px;font-family:"Open Sans",Roboto,"Microsoft JhengHei";font-size:1rem;background-color:#eee;color:#666;-webkit-text-size-adjust:none;text-size-adjust:none;}
div{-webkit-overflow-scrolling:touch;}
img{vertical-align:middle !important;}
svg{vertical-align:middle !important;}
i{vertical-align:middle !important;}
form{margin:0px auto;padding:0px;}
input{-webkit-appearance:none;appearance:none;font-family:"Open Sans",Roboto,"Microsoft JhengHei";}
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;}
table{width:100%;border:1px solid #00afde;border-collapse:collapse;}
th{padding:10px;border:1px solid #00afde;text-align:right;white-space:nowrap;}
td{padding:10px;border:1px solid #00afde;text-align:right;white-space:nowrap;word-break:break-all;}
body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-track{background-color:rgba(255,255,255,0);}
body::-webkit-scrollbar-thumb{background-color:rgba(0,122,138,1);}
textarea::-webkit-scrollbar{width:7px;}
textarea::-webkit-scrollbar-track{border-radius:7px;background-color:rgba(255,255,255,0);}
textarea::-webkit-scrollbar-thumb{border-radius:7px;background-color:rgba(0,122,138,1);}
select::-webkit-scrollbar{width:7px;}
select::-webkit-scrollbar-track{border-radius:7px;background-color:rgba(255,255,255,0);}
select::-webkit-scrollbar-thumb{border-radius:7px;background-color:rgba(0,122,138,1);}
a{color:#fff;text-decoration:none;}
a:hover{}
.a{padding:10px;color:#666;text-decoration:none;}
.a17{color:#00afde;text-decoration:none;}
hr{border:1px solid #00afde;}
label{color:#666}
span{margin:10px;}
.span{font-size:1.2rem;font-weight:bold;}

.a2hs,.alert{display:none;}

.material-icons.md-25{font-size:25px;}
.material-icons.md-35{font-size:35px;}
.material-icons.md-17color{color:rgba(0,175,222,1);}
.material-icons.md-white{color:rgba(255,255,255,1);}
.material-icons.md-black{color:rgba(0,0,0,1);}

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

.scls::-webkit-scrollbar{width:10px;height:10px;}
.scls::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(255,255,255,0);}
.scls::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,122,138,1);}

.sclx::-webkit-scrollbar{height:10px;}
.sclx::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(255,255,255,0);}
.sclx::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,122,138,1);}

.sclx1::-webkit-scrollbar{height:10px;}
.sclx1::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(255,255,255,0);}
.sclx1::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,122,138,1);}

.scly::-webkit-scrollbar{width:7px;}
.scly::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(255,255,255,0);}
.scly::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,122,138,1);}

.scly1::-webkit-scrollbar{width:0px;}
.scly1::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(255,255,255,0);}
.scly1::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(255,255,255,0.5);}

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

.bcr{
  background:linear-gradient(bottom,#000,transparent 95%);
  background:-webkit-linear-gradient(bottom,#000,transparent 95%);
}
.fxs{
  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;
}
.fxs1{
  display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:flex-end;-webkit-flex-wrap:nowrap;
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;
}
.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;
}
.fx1{
  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;
}
.fx2{
  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;
}
.txt1{text-align:left;}
.txt2{text-align:center;}
.txt3{text-align:right;}

.text{margin:0px auto;padding:10px;width:100%;border-color:#00afde;border-style:solid;border-width:0px;border-radius:0px;background-color:#f5f5f5;color:#00afde;font-size:1rem;}
.text1{margin:0px auto;padding:10px;width:150px;border-color:#ddd;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#fff;color:#00afde;font-size:1rem;}
.text2{margin:0px auto;padding:10px;width:100%;border-color:#ddd;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#fff;color:#00afde;font-size:1rem;}
.text3{margin:0px auto;padding:10px;width:250px;border-color:#00afde;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#eee;color:#00afde;font-size:1rem;}
.text4{margin:0px auto;padding:10px;width:100px;border-color:#00afde;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#eee;color:#00afde;font-size:1rem;}
.text5{margin:0px auto;padding:10px;width:100%;border-color:#00afde;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#fff;color:#00afde;font-size:1rem;}
.textarea{margin:0px auto;padding:10px;width:100%;height:200px;border-color:#ddd;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#fff;color:#00afde;font-size:1rem;}
.textarea1{margin:0px auto;padding:10px;width:100%;height:70px;border-color:#ddd;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#fff;color:#00afde;font-size:1rem;}
.select{cursor:pointer;margin:0px auto;padding:10px;border-color:#666;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#fff;color:#00afde;font-size:1rem;}
.select1{cursor:pointer;margin:0px auto;padding:10px;width:100%;border-color:#ddd;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#fff;color:#00afde;font-size:1rem;}
.select2{cursor:pointer;margin:0px auto;padding:10px;border-color:#00afde;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#eee;color:#00afde;font-size:1rem;}
.date{cursor:pointer;margin:0px auto;padding:10px;width:100%;border-color:#ddd;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#fff;color:#00afde;font-size:1rem;}
.date1{cursor:pointer;margin:0px auto;padding:10px;border-color:#00afde;border-style:solid;border-width:0px 0px 1px 0px;border-radius:0px;background-color:#eee;color:#00afde;font-size:1rem;}
.file{display:none;}

.bt{cursor:pointer;transition:all 0.3s;white-space:nowrap;}
.bt1{cursor:help;}

.cb{color:#00afde;}/* blue 007ade*/
.cr{color:#d0112b;}/* red */
.cg{color:#399614;}/* green fa4c06 */
.cy{color:#399614;}/* yellow fcd91d */
.c17{color:#00afde;} /* 1a7bbe,00A0E9 */
.cp{color:#007a8a;}/* purple 673AB7 */

/* gray #666 #f5f5f5 #eee rgba(102,102,102,0.5) rgba(245,245,245,1) rgba(238,238,238,1) */
/* 17 #607D8B rgba(96,125,139,1) */
/* blue #00BCD4 rgba(0,188,212,0.5) */
/* red #E91E63 rgba(233,30,99,0.5) */
/* green #009688 rgba(0,150,136,0.5) */
/* yellow #FFC107 rgba(255,193,7,0.5) */
/* fb #3b5998 rgba(59,89,152,1)*/

.bts-c{margin:10px;padding:5px;border-radius:100%;}
.bts-c:hover{background-color:rgba(255,255,255,0.3);}
.bts-c svg{width:35px;}
.bts-m{padding:15px;color:#fff;}
.bts-m:hover{background-color:rgba(255,255,255,0.3);}
.bts-ms{padding:15px;background-color:#fff;color:#00afde;}
.bts-ms:hover{background-color:rgba(57,150,20,1);color:#ffffff;}
.bts{padding:15px;}
.bts:hover{background-color:rgba(255,255,255,0.3);}
.bts svg{width:35px;}
.bts1{margin:10px;padding:5px 15px;border-radius:100px;background-color:#399614;color:#fff;}
.bts1:hover{background-color:rgba(57,150,20,0.7);}
.bts2{padding:10px;color:#00afde;}
.bts3{padding:10px;color:#666;}
.bts3:hover{background-color:rgba(57,150,20,0.3);}
.bts4{margin:10px;padding:5px 15px;border-radius:100px;background-color:#399614;color:#fff;}
.bts4:hover{background-color:rgba(57,150,20,0.7);}
.bts41{margin:20px 10px;}
.bt-th{cursor:pointer;color:#00afde;}
.bts-add{padding:10px;color:#00afde;}
.bts-page{margin:20px;padding:5px 15px;border-radius:100px;background-color:#007a8a;color:#fff;}
.bts-page:hover{background-color:rgba(0,122,138,0.7);}
.bts-login{padding:15px;color:#fff;}
.bts-login:hover{background-color:rgba(255,255,255,0.3);}
.bts-login>img{width:100%;}
.bts-logout{padding:10px;color:#3b5998;}
.bts-form{padding:10px;color:#00afde;font-weight:bold;}
.adminc,.checkaddress{color:#fff;}
.closecovers{position:relative;bottom:-10px;padding:5px;border-radius:100%;background-color:rgba(57,150,20,1);}
.closecovers:hover{background-color:rgba(57,150,20,0.7);}

.slidebox{display:none;}

.msgbox{position:relative;}
.msg-help{position:absolute;top:0px;right:3px;}
.msgbox-help{display:none;padding:5px;width:100%;border-radius:5px;background-color:rgba(26,123,190,0.7);color:#fff;font-size:0.8rem;}
/*.msgbox:hover .msgbox-help{display:block;}*/

.top{display:none;z-index:10;position:fixed;bottom:200px;right:2%;padding:5px;border-radius:100%;box-shadow:2px 5px 15px rgba(0,0,0,0.3);background-color:rgba(0,122,138,1);}
.top:hover{background-color:rgba(0,122,138,0.7);}
.add{z-index:10;position:fixed;bottom:150px;right:2%;padding:5px;border-radius:100%;box-shadow:2px 5px 15px rgba(0,0,0,0.3);background-color:rgba(0,122,138,1);}
.add:hover{background-color:rgba(0,122,138,0.7);}
.add1{z-index:60;position:fixed;bottom:30%;right:165px;padding:5px;border-radius:100%;box-shadow:2px 5px 15px rgba(0,0,0,0.3);background-color:rgba(0,122,138,1);}
.add1:hover{background-color:rgba(0,122,138,0.7);}
.add2{z-index:60;position:fixed;bottom:30%;right:115px;padding:5px;border-radius:100%;box-shadow:2px 5px 15px rgba(0,0,0,0.3);background-color:rgba(0,122,138,1);}
.add2:hover{background-color:rgba(0,122,138,0.7);}

.addbox7{z-index:60;position:fixed;bottom:-200%;left:0%;width:100%;height:100%;background-color:#fff;}
.addbox6{z-index:60;position:fixed;bottom:-200%;left:0%;width:100%;height:100%;background-color:#fff;}
.addbox-title{padding:15px;color:#fff;font-size:1.2rem;white-space:nowrap;background-color:#00afde;}

.pageloading{z-index:99;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:rgba(255,255,255,1);}
.pageloading i{font-size:70px;}
.pageloading i{-webkit-animation:pageloading 3s infinite;animation:pageloading 3s infinite;}

.cover{display:none;z-index:50;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.coverbox{z-index:80;position:fixed;bottom:-200%;left:0%;padding:0px 20px;width:100%;}
.coverboxs{margin-bottom:30px;padding:20px;width:100%;border-radius:10px;background-color:#fff;color:#00afde;font-size:1.3rem;}

.coverloading{display:none;z-index:90;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.coverloadingbox{width:100%;height:100%;}
.coverloadingboxs{padding:20px;border-radius:10px;background-color:rgba(255,255,255,1);}
.coverloadingboxs1{}

.covers{display:none;z-index:50;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.coversbox{width:100%;height:100%;}
.coversboxs1{position:relative;top:50px;padding:0px;width:85%;height:65%;border-radius:10px;background-color:#fff;}
.coversboxs{width:100%;height:100%;}
.coversboxss{position:relative;}

.delete{z-index:80;position:fixed;bottom:-200%;left:0%;padding:0px 20px;width:100%;}
.deletebox{margin-bottom:30px;padding:20px;width:100%;border-radius:10px;background-color:#fff;color:#00afde;font-size:1.3rem;}
.deleteboxs{}

.mailmsg{padding:10px;}
.mailloading{display:none;}

.loading{display:none;}
.space{width:100%;height:100px;}
.space1{width:100%;height:50px;}
.space2{width:100%;height:20px;}

.ads{width:100%;text-align:center;}
.ads1{display:block;}
.ads2{display:none;}

.block{margin:0px;width:100%;column-count:3;-webkit-column-count:3;column-width:33%;-webkit-column-width:33%;column-fill:balance;-webkit-column-fill:balance;/*column-gap:20px;-webkit-column-gap:20px;*/}
.box{display:inline-block;transition:all 0.3s;margin:10px 0px;padding:10px;width:100%;border-radius:10px;background-color:#fff;}
.box:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.boxs{padding:10px;font-size:1.2rem;color:#00afde;}
.boxss{padding:10px;}
.box1{padding:10px;width:100%;}

.menu-title{padding:20px;color:#fff;font-size:1.2rem;white-space:nowrap;}
.menubox{z-index:60;position:fixed;top:0%;left:-200%;padding:0px;width:300px;height:100%;background-color:#00afde;text-align:right;}
.inforbox{position:relative;width:100%;height:250px;}
.inforboxs{position:relative;bottom:0%;left:0%;padding:20px 15px;width:100%;background-color:rgba(0,0,0,0.5);color:#fff;font-size:1.2rem;}
.inforboxs span{padding:15px;font-size:1rem;}

.headerhide{top:-50%;}
.headershow{top:0%;}
.header{z-index:20;position:fixed;left:0px;padding:0px;width:100%;background-color:#00afde;transition:top 0.5s;}
.main{margin-top:100px;padding:0px 10px;width:100%;}
.datas{width:100%;}
.datasbox{width:100%;}
.datasbox1{padding:20px;width:100%;}
.shows{width:50%;}
.shows1{width:33%;}
.shows2{width:25%;}
.show{transition:all 0.3s;margin:10px;padding:5px;width:600px;border-radius:10px;background-color:#fff;word-break:break-all;text-align:left;}
.show:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.show1{transition:all 0.3s;margin:10px;padding:5px;max-width:100%;border-radius:10px;background-color:#fff;text-align:left;page-break-after:always;}
.show1:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.show2{margin:10px;padding:0px;max-width:100%;border-radius:10px;text-align:left;page-break-after:always;}
.show3{transition:all 0.3s;margin:10px;padding:5px;width:80%;border-radius:10px;background-color:#fff;word-break:break-all;text-align:left;}
.show3:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.show4{transition:all 0.3s;margin:10px;padding:10px;width:30%;border-radius:10px;background-color:#fff;word-break:break-all;text-align:left;}
.show4:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.showboxs{padding:5px;}
.showbox{padding:10px;}
.showbox1{padding:10px;}
.showbox2{padding:10px;}
.showbox3{padding:10px;}
.showbox3s{padding:10px;font-size:3.5rem;font-weight:bold;}
.showbox4{padding:5px;color:#00afde;font-size:1.2rem;border-color:#00afde;border-style:solid;border-width:0px 0px 1px 0px;}
.showbox4s1{padding:5px;color:#666;font-size:1.2rem;}
.showbox4s{margin:10px;padding:5px;color:#666;font-size:1rem;}
.showbox5{cursor:pointer;text-align:center;}
.showbox5s{display:none;text-align:left;}
.showbox5s1{}
.showbox5s2{display:none;}

.drawCharts{width:98%;min-height:500px;}
.drawTables{margin:10px 0px;width:100%;height:100%;}

.google-visualization-table-table * {font-size:1.2rem;font-family:"Open Sans",Roboto,"Microsoft JhengHei";}
.google-visualization-table-table .gradient{background-color:#00afde;color:#fff;}

#map{width:100%;height:450px;}
#inforcontent{padding:0px;max-width:100%;height:100%;font-size:1rem;}

.attends{display:none;}
.menuopen{}
.menuclose{display:none;}

@-webkit-keyframes pageloading{
	0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}
@keyframes pageloading{
	0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;}
}
@media screen and (max-width:2561px){
  .add1{right:255px;}
  .add2{right:205px;}
 	.block{column-count:4;-webkit-column-count:4;column-width:25%;-webkit-column-width:25%;}
}
@media screen and (max-width:1441px){
  .add1{right:165px;}
  .add2{right:115px;}
 	.block{column-count:3;-webkit-column-count:3;column-width:33%;-webkit-column-width:33%;}
}
@media screen and (max-width:1025px){
  .add1{right:135px;}
  .add2{right:85px;}
 	.block{column-count:3;-webkit-column-count:3;column-width:33%;-webkit-column-width:33%;}
}
@media screen and (max-width:769px){
  .add1{right:115px;}
  .add2{right:65px;}
	.show4{margin:10px 0px;width:100%;}
  .ads1{display:none;}
  .ads2{display:block;}
	.block{column-count:2;-webkit-column-count:2;column-width:50%;-webkit-column-width:50%;}
}
@media screen and (max-width:426px){
  .msg-help{top:-3px;}
  .add1{right:90px;}
  .add2{right:40px;}
  .show, .show1, .show3, .show4{margin:10px 0px;width:100%;}
  .ads1{display:none;}
  .ads2{display:block;}
  .shows, .shows1, .shows2{width:100%;}
	.menubox{width:70%;}
	.block{column-count:1;-webkit-column-count:1;column-width:100%;-webkit-column-width:100%;}
}
@media screen and (max-width:376px){
  .msg-help{top:-3px;}
  .add1{right:85px;}
  .add2{right:35px;}
  .show, .show1, .show3, .show4{margin:10px 0px;width:100%;}
  .ads1{display:none;}
  .ads2{display:block;}
  .shows, .shows1, .shows2,{width:100%;}
	.menubox{width:70%;}
	.block{column-count:1;-webkit-column-count:1;column-width:100%;-webkit-column-width:100%;}
}
@media screen and (max-width:321px){
  .msg-help{top:-3px;}
  .add1{right:85px;}
  .add2{right:35px;}
  .show, .show1, .show3, .show4{margin:10px 0px;width:100%;}
  .ads1{display:none;}
  .ads2{display:block;}
  .shows, .shows1, .shows2{width:100%;}
	.menubox{width:70%;}
	.inforboxs span{font-size:0.7rem;}
	.block{column-count:1;-webkit-column-count:1;column-width:100%;-webkit-column-width:100%;}
}