/* @import url('https://fonts.googleapis.com/css?family=Anton'); */

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; position:relative;
	-webkit-font-size-adjust: none;-moz-font-size-adjust: none; font-size-adjust: none; 
}

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0; 
	background: transparent;
	font-weight:normal;
	
}
ol, ul {list-style: none;}
a{text-decoration:none;}
hr,.br{clear:both;}


blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { width:auto;border-collapse: collapse; border-spacing: 0;}


html,body { position:relative ; height:100%; margin:0px ; padding:0px; text-align:left;word-break: break-all}

input.onfocus{} 
input, select{ padding:3px}
header,footer,aside,article,section{ display:block}

table { width:auto; border-collapse: collapse;border-spacing: 0; }

div{ display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; position:relative}

h1, h2, h3, h4, h5, h6{ font-weight: normal; margin:0px; padding:0px }


img { border: 0px; max-width: 100%; }

a{text-decoration:none;
	-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;
}
a:link {}
a:visited {}
a:hover {text-decoration:none}
a:active {}

/*selection*/
::selection {
background: #C1A264;
color: #fff; 
text-shadow:none;
}
::-moz-selection {
background: #C1A264;
color: #fff; 
text-shadow:none;
}
img::selection {
background: rgba(0,0,0,0.1);
}
img::-moz-selection {
background: rgba(0,0,0,0.1);
}

/* 設定提示字的文字顏色 */
::-webkit-input-placeholder {color: #AAAAAA;}
:-moz-placeholder  {color: #AAAAAA;}
.placeholder {color: #AAAAAA;}


.datepicker td{padding: 0px; white-space: nowrap;}
.datepicker table tr td span {
	height: 40px!important;
	line-height: 40px!important; }

.show-0{background:#AAA!important;color: #FFF;}	
.show-1{background:green!important;color: #FFF;}	
.show-2{background:purple!important;color: #FFF;}
	
.RWD-show{ display:none!important}
.shadow{box-shadow:0px 1px 5px rgba(0,0,0,0.2);}

.data-small-label{display:inline-block; padding:5px;}
.data-small{ background:#C39573; color:#FFFFFF; display:inline-block; padding:5px 10px; font-size:10pt; border-radius:5px }
 
.w30{ width:100%;max-width:30px!important}
.w80{ width:100%;max-width:80px!important}

.w100{ width:100%;max-width:100px!important}
.w200{ width:100%;max-width:200px!important}
.w300{ width:100%;max-width:300px!important}
.w400{ width:100%;max-width:400px!important}
.w500{ width:100%;max-width:500px!important}
.w600{ width:100%;max-width:600px!important}
.w700{ width:100%;max-width:700px!important}
.w800{ width:100%;max-width:800px!important}
.w900{ width:100%;max-width:900px!important}

.w50{ width:100%;max-width:50px!important}
.w150{ width:100%;max-width:150px!important}
.w250{ width:100%;max-width:250px!important}
.w350{ width:100%;max-width:350px!important}
.w450{ width:100%;max-width:450px!important}
.w550{ width:100%;max-width:550px!important}
.w650{ width:100%;max-width:650px!important}
.w750{ width:100%;max-width:750px!important}
.w850{ width:100%;max-width:850px!important}
.w950{ width:100%;max-width:950px!important}

.w1000{ width:100%;max-width:1000px!important}

.p10{width:10%}
.p20{width:20%}
.p25{width:25%}
.p30{width:30%}
.p40{width:40%}
.p50{width:50%}
.p60{width:60%}
.p70{width:70%}
.p75{width:75%}
.p80{width:80%}
.p90{width:90%}
.p100{width:100%}

.f7{ font-size:7pt!important}
.f8{ font-size:8pt!important}
.f9{ font-size:9pt!important}
.f10{ font-size:10pt!important}
.f11{font-size:11pt!important}
.f12{font-size:12pt!important}
.f14{font-size:14pt!important}
.f16{font-size:15pt!important}
.f18{font-size:16pt!important}
.f20{font-size:20pt!important}
.f22{font-size:22pt!important}
.f24{font-size:24pt!important}
.f36{font-size:36pt!important}
 
a.btn{ opacity: 0.9;cursor: pointer;}
a.btn:hover{ opacity: 1;}

.btn{ display: inline-block; vertical-align: center; border-radius: 5px; padding: 8px 12px; margin: 3px 0px; font-weight: bold;  white-space: nowrap}

.btn-white{ background: #FFFFFF; color: #999999!important; }
.btn-green{ background: #00C4CC; color: #FFFFFF!important; }
.btn-red{ background: #FF1111; color: #FFFFFF!important;; }
.btn-blue{ background: #006699; color: #FFFFFF!important; }
.btn-yellow{ background:#FBB929 ; color: #FFFFFF!important;; }
.btn-purple{ background:#800080 ; color: #FFFFFF!important;; }
.btn-black{ background:#000000 ; color: #FFFFFF!important;; }
.btn-gold{ background:#BA9E78 ; color: #FFFFFF!important;; }
.btn-gary{ background:#999999 ; color: #FFFFFF!important;; }
.btn-orange{ background:#FF9966 ; color: #FFFFFF!important;; }

.btn-qrcode{ padding: 5px;cursor: pointer; }
.btn-qrcode i{ display: block;}

.bttt{
color:#121640;
color:#00C4CC;
color:#E43397;
color:#CB88FF;
color:#FBABE6;
color:#FBAB8A;
color:#FFFF66;
}

*[class^='msg-']{padding:15px 20px; border-radius: 5px; margin-bottom: 5px; }
*[class^='msg-'] b{font-weight: bolder; }
*[class^='msg-'] a{ color: initial}
.msg-white{ background: #FFFFFF; background: #FFFFFF; color: #999999!important; }
.msg-green{ background: #00C4CC; background: #00C4CC; color: #FFFFFF!important; }
.msg-red{ background: #FF1111; background: #FF1111; color: #FFFFFF!important;; }
.msg-blue{ background: #006699; background: #006699; color: #FFFFFF!important; }
.msg-yellow{ background:#FBB929 ; background:#FBB929 ; color: #FFFFFF!important;; }
.msg-purple{ background:#800080 ; background:#800080 ; color: #FFFFFF!important;; }
.msg-black{ background:#000000 ; background:#000000 ; color: #FFFFFF!important;; }
.msg-gold{ background:#BA9E78 ; background:#BA9E78 ; color: #FFFFFF!important;; }
.msg-gary{ background:#999999 ; background:#999999 ; color: #FFFFFF!important;; }
.msg-orange{ background:#FF9966 ; background:#FF9966 ; color: #FFFFFF!important;; }

*[class^='tag-']{ display: inline-block; padding:3px 5px; border-radius: 5px; margin-bottom: 5px; }

.tag-white{ background:  #FFFFFF ; color:#000000}
.tag-green{ background:  #00C4CC ; color:#FFFFFF }
.tag-red{ background:  #FF1111 ; color:#FFFFFF }
.tag-blue{ background:  #006699 ; color:#FFFFFF }
.tag-yellow{ background:  #FBB929 ; color:#FFFFFF }
.tag-purple{ background:  purple ; color:#FFFFFF}
.tag-black{ background:  #000000 ; color:#FFFFFF }
.tag-gold{ background:  #BA9E78 ; color:#FFFFFF  }
.tag-gary{ background:  #999999 ; color:#FFFFFF  }
.tag-orange{ background:  #FF9966 ; color:#FFFFFF}

.tag-white-border{ background:rgba(0,0,0,0.75);border:1px solid #FFFFFF!important ; color: #FFFFFF!important; }
.tag-green-border{ background:rgba(255,255,255,0.8);border:1px solid #00C4CC!important ; color: #00C4CC!important; }
.tag-red-border{ background:rgba(255,255,255,0.8);border:1px solid #FF1111!important ; color: #FF1111!important; }
.tag-blue-border{ background:rgba(255,255,255,0.8);border:1px solid #006699!important ; color: #006699!important; }
.tag-yellow-border{ background:rgba(255,255,255,0.8);border:1px solid #FBB929!important ; color:#FBB929 !important; }
.tag-purple-border{ background:rgba(255,255,255,0.8);border:1px solid purple!important ; color:purple !important; }
.tag-black-border{ background:rgba(255,255,255,0.8);border:1px solid #000000!important ; color:#000000 !important; }
.tag-gold-border{ background:rgba(255,255,255,0.8);border:1px solid #BA9E78!important ; color:#BA9E78 !important; }
.tag-gary-border{ background:rgba(255,255,255,0.8);border:1px solid #999999!important ; color:#999999 !important; }
.tag-orange-border{ background:rgba(255,255,255,0.8);border:1px solid #FF9966!important ; color:#FF9966 !important; }

.btn-white-border{ border:1px solid #FFFFFF ; color: #FFFFFF!important; }
.btn-green-border{ border:1px solid #00C4CC ; color: #00C4CC!important; }
.btn-red-border{ border:1px solid #FF1111 ; color: #FF1111!important; }
.btn-blue-border{ border:1px solid #006699 ; color: #006699!important; }
.btn-yellow-border{ border:1px solid #FBB929 ; color:#FBB929 !important; }
.btn-purple-border{ border:1px solid purple ; color:purple !important; }
.btn-black-border{ border:1px solid #000000 ; color:#000000 !important; }
.btn-gold-border{ border:1px solid #BA9E78 ; color:#BA9E78 !important; }
.btn-gary-border{ border:1px solid #999999 ; color:#999999 !important; }
.btn-orange-border{ border:1px solid #FF9966 ; color:#FF9966 !important; }

.bg-white{ background: #FFFFFF!important; }
.bg-green{ background: #00C4CC!important; }
.bg-red{ background: #FF1111!important; }
.bg-blue{ background: #006699!important; }
.bg-yellow{ background:#FBB929 !important; }
.bg-purple{ background:purple !important; }
.bg-gary{ background:#999999 !important; }
.bg-black{ background:#000000 !important; }
.bg-gold{ background:#BA9E78 !important; }
.bg-orange{ background:#FF9966 !important; }

.white{ color:#FFFFFF!important;}
.green{ color: #00C4CC!important; }
.red{ color: #FF1111!important; }
.blue{ color: #006699!important; }
.yellow{ color:#FBB929 !important; }
.purple{ color:purple !important; }
.gary{ color:#999999 !important; }
.black{ color:#000000 !important; }
.gold{ color:#BA9E78 !important; }
.orange{ color:#FF9966 !important; }

.center{ text-align:center!important;}
.left{ text-align:left!important;}
.right{ text-align:right!important;}

.none{ display: none;}
.flex{ display: flex;}

.bold{ font-weight: bold!important}
.nowrap{ white-space: nowrap!important;} 
.notrans,.notrans *{-webkit-transition:none!important;-o-transition: none!important;-moz-transition: none!important;-ms-transition: none!important;}
/*clearfix*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1; /*For IE 6&7 only*/
}


/*lb元件*/
.lb-divider{ display:flex; align-items:center; }
.lb-divider::before{ margin-right:15px}
.lb-divider::after{margin-left:15px}
.lb-divider::before,
.lb-divider::after{content:"";flex:1; height:1px; background:#000000; opacity:0.2 }

.lb-switch{ background: #00000033; display:inline-block;  ;border-radius:100px;}
.lb-switch a{ display:inline-block;  border-radius:100px; padding:8px 15px; font-size:10pt; cursor:pointer; color:#666666}
.lb-switch a:hover{ background:rgba(255,255,255,0.3)}
.lb-switch a.on{background:rgba(255,255,255,0.6); color:#F45F5B; font-weight:bold}


/*page-num*/

.page-num{   position:relative; text-align:center; width:100%; }
  

.pagination{ display: flex; align-items: center;  justify-content: center; flex-wrap: wrap; list-style:none; text-align:center; margin: 10px 0px;}
.pagination li{  }

.pagination li *{display: block; padding:8px  ;   border-radius: 5px;color: #333333 !important ; margin: 2px;}
.pagination li a:hover{  }
.pagination li.active *{  color:#FF1111!important; font-weight: bold!important;}

.pagination li:first-child a,
.pagination li:last-child a{  }
.pagination li:first-child ,
.pagination li:last-child {  }

/*no-break*/
.no-break *{ white-space:nowrap;  }
.no-break td{ border-right:1px solid #e1e1e1; max-width: 200px; overflow: auto; height: 50px; }

/*center-box*/
.center-box{ width:100%; height:100%; text-align:center}
.center-box:before {  content: "";  height: 100%;  display: inline-block; vertical-align: middle}
.center-box-content{ display: inline-block;vertical-align:middle; text-align:left}

/*data-table*/
.data-table{ width:100%; background:#CCCCCC; text-align:center; ; margin:0px auto }

.data-table th{ background:#666666; color:#FFFFFF;text-align:center;  padding:5px;}

.data-table tr{ background:#FFFFFF }
.data-table tr:nth-child(even){background:#f1f1f1; }

.data-table td{ padding:5px; }
.data-table td b{ color:#CC0000; font-weight:bold}
.data-table tr.noshow{background:#FFCCCC }
.data-table tr:hover{ background:#D2F3FB}
.data-table tr.noshow:hover{ background:#D2F3FB}

/*update-table*/
.update-table{ width:100%; background:#CCCCCC; text-align:left; margin:0px auto }
.update-table th{ text-align:center; background:#000000; color:#FFFFFF;  font-weight:bold}
.update-table tr{ background:#FFFFFF;}
.update-table tr:nth-child(even){background:#f1f1f1; }
.update-table tr td{ padding:10px 5px}
.update-table tr td:first-child{ text-align:center; background:rgba(0,0,0,0.1)}

.update-table textarea{ vertical-align:top; width:100%; height: 100px } 
.update-table input.submit-btn{ width:100px; margin-right:5px}
 
.update-table-send{display: block; width: auto; padding: 15px; background:#00C4CC; text-align: center; cursor: pointer; color: #FFFFFF; font-weight: bold;}
 
 
.br-line td,.br-line th{ border-top:3px solid #68B88E}
.type-line td,.type-line th{background:#68B88E; text-align:left; color:#FFFFFF; font-size:12pt; font-weight:bold;padding:10px;  }

.type-line{background:#68B88E!important; text-align:left; color:#FFFFFF; padding:10px!important; font-size:12pt; font-weight:bold; }

/*update-ul*/ 
.update-form ul{  }
.update-form ul li{border-bottom:1px solid #dddddd; display: flex ; flex-wrap:wrap; align-items: center; margin-bottom: 3px;  }
.update-form ul li:last-child{border: 0px}
.update-form ul li .form-title{ flex:1;  max-width:120px;  padding: 10px;  text-align: center;font-size: 11pt;font-weight: bold;  }

.update-form ul li .form-title sup{ display: inline-block;  color: #FF1111; margin:-10px 0px 0px 2px }
.update-form ul li .form-content{ flex: 4; padding: 10px;     }
.update-form ul li .form-content input{ border: 0px; padding:5px 0px;background: none }
.update-form ul li .form-content textarea{ border: 1px solid #dddddd; padding:5px 10px;background: none; width: 100%; height: 200px;; }
.update-form ul li .form-content label{ display: flex; align-items: center;    }
.update-form .error{  background: #ffeeee ;border: 1px solid #FFAAAA!important}

.update-form ul li .form-content .errortip{   font-size: 8pt;;;   }

.update-form-send{ display: block; padding: 15px; background:#00C4CC; text-align: center; cursor: pointer; color: #FFFFFF; font-weight: bold;  　}

@media screen and (max-width:468px) {  
	.update-form ul li{display: block; padding: 10px;}

	.update-form ul li .form-title{   width:100%; text-align: left; padding: 0px;  }
	.update-form ul li .form-content{ width:100%  ;text-align: left;padding: 0px;   }
}

/*ad*/
ul.ad-list-horizontal{ padding:0px; margin:0px;}
ul.ad-list-horizontal li{ list-style:none;padding:0px; margin:0px; display:inline-block; vertical-align:top}
ul.ad-list-horizontal li a{display:block;padding:0px; margin:0px; }
ul.ad-list-horizontal li img{ display:block;padding:0px; margin:0px;}
ul.ad-list-horizontal li span{ display:none}

ul.ad-list-vertical{ padding:0px; margin:0px; margin:0 auto;}
ul.ad-list-vertical li{ list-style:none;}
ul.ad-list-vertical li a{display:block;padding:0px; margin:0px; }
ul.ad-list-vertical li img{ display:block;padding:0px; margin:0px;}
ul.ad-list-vertical li span{ display:none}


/*message-box*/

.message-box{width:100%; height:100%; display:none;position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.8); text-align: center ;  z-index:100!important ; overflow:hidden}
.message-box:before {  content: "";  height: 100%;  display: inline-block;  vertical-align: middle;}

.message-box-close{position:fixed; width:100%; height:100%;top:0px; left:0px; z-index:11 }
.message-box-content{ display: inline-block ;  vertical-align:middle;width:80%; height:80%; ;box-shadow:0px 0px 5px rgba(0,0,0,0.5); background:#FFFFFF; ; z-index:12; margin-top:5px ;  ;}
.message-box-content-iframe{ display: inline-block ;  vertical-align:middle;width:100%; height:101%; -webkit-overflow-scrolling: touch;
  overflow-y: scroll;}
.search_bar_content{ display: inline-block ; z-index:12; margin-top:5px; position:fixed; top:50px}

.message-box-content-close{ width:50px; height:50px; position:absolute; right:-25px;top:-25px; border-radius:50px; display:block; background:#CC0000 url(/ch/image/icon-nav-x.png) center center no-repeat;   z-index:5 ; cursor:pointer;display: none}
.message-box-content-close:hover{ background-color:#990000}
.message-box-content{ max-width:100%!important; max-height:100%!important; position:relative; }
.message-box-content iframe{ width:100%; height:100%; max-width:100%!important; max-height:100%!important;margin:0px; border:0px; overflow:scroll; position:relative;}
#message-box-iframe{  margin:0px; border:0px; overflow:scroll;  }
/* 
.message-box-content a{ display:block; cursor:pointer; background:#CC0000; color:#FFFFFF; margin-right:-25px; margin-top:10px; float:right;  text-align:center; width:25px; padding:10px 0px;;}
.message-box-content a:hover{ background:#990000} */

.message-box-image{ max-width: 90%!important; max-height: 90%!important;}
.message-box-image img{ max-width: 100%; max-height: 100%; display: block;}

.message-box-content-html{ display:block; width:100%; height:100%;margin:0px; border:0px; overflow:auto; z-index:10}

.message-box-right{}

.message-box-qrcode{ padding: 20px; border-radius: 5px;}
.message-box-qrcode img{ display: block; margin: 0 auto;}
.message-box-qrcode h4{ padding:0px 10px 10px 10px; font-size: 10pt;}
.message-box-qrcode .url{ display: block; background: #333; color: #fff; border: 0px; padding:5px 10px; width: 100%; max-width: 400px; font-size: 10pt; text-align: center;}
.message-box-qrcode .function{ display: flex;}
.message-box-qrcode .function a{flex:1; margin: 3px 3px 3px 0px;border: 0px; padding:5px 10px;  max-width: 400px; font-size: 10pt; text-align: center; color: #FFF; border-radius: 3px; cursor: pointer;}
.message-box-qrcode .function a:last-child{ margin-right: 0px;} 

@media screen and (max-width:800px) {
.message-box-content{ max-width:80%!important; max-height:80%;}
.message-box-right .message-box-content{ max-width:90%!important; max-height:100%;}
.message-box-left .message-box-content{ max-width:90%!important; max-height:100%;}
}

@media screen and (max-width:480px) {
.message-box-content{ max-width:80%!important; max-height:90%;}

.message-box-right .message-box-content{ max-width:90%!important; max-height:100%;}
.message-box-left .message-box-content{ max-width:90%!important; max-height:100%;}

}

/*update-list*/
.update-list > h3{ font-size:16pt; padding:10px 20px; color:#009999}
.update-list{ border-top:1px solid #CCCCCC}
.update-list dl{ padding-left:150px; border-bottom:1px solid #CCCCCC}
.update-list dl:nth-child(even){background:#f1f1f1; }
.update-list dl dt{ display:inline-block; width:150px;margin-left:-150px; margin-right:-5px; text-align:center; vertical-align:top;  padding:10px 5px; font-weight:bold}
.update-list dl dd{ display:inline-block; width:100%;  text-align:left; vertical-align:top;  padding:10px 5px}
.update-list b{ color:#CC0000}
.update-list input,
.update-list select{ padding:5px; font-size:14pt}
.update-list label{ display:inline-block;}
@media screen and (max-width:600px) {
.update-list dl{ padding-left:120px!important}
.update-list dl dt{  width:120px!important;margin-left:-120px!important;}
.update-list dl dd{ }
}
@media screen and (max-width:480px) {
.update-list dl{ padding-left:0px!important; padding:10px;}
.update-list dl dt{  width:100%!important;margin-left:0px!important;text-align:left; padding:5px 10px}
.update-list dl dd{ padding:5px 10px}
}



/*process*/
.process{width: 100%; height: 100%; position: fixed; top:0px; left: 0px;background: rgba(0,0,0,0.8);  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center; z-index: 1000;}
.process img{   max-width: 50px; display: block; margin: 0 auto;}
.process h3{ text-align: center; margin-top: 20px; color: #cccccc; font-size: 11pt; max-width: 200px;}

 /*pop*/
.pop{width: 100%; height: 100%; position: fixed; top:0px; left: 0px;  
		  display: -webkit-flex;
		  display:flex;
		  -webkit-align-items: center;
				  align-items: center;
		  -webkit-justify-content: center;
				  justify-content: center; z-index: 100;}
.pop div{ border-radius:10px; padding: 20px 25px; text-align: center;  background: rgba(0,0,0,0.8); color: #FFFFFF; max-width: 30%;min-width:200px;}    


 /*pop*/
 .pop_click{width: 100%; height: 100%; position: fixed; top:0px; left: 0px;  
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: center;
			justify-content: center; z-index: 100; background: rgba(0,0,0,0.5);}
.pop_click div{ border-radius:10px; padding: 0px; text-align: center;  background: #FFFFFF; color: #000000; width: 90%;max-width: 300px; text-align: center; overflow: hidden; margin-top: 100px; opacity:0;  }  
.pop_click div b{  display: block; font-weight: bold!important; margin-bottom: 5px;  }  

.pop_click div span{ display: block; padding: 25px 10px 10px 10px; text-align: center; }   

.pop_click div a{ display: block;  padding: 10px 10px; text-align: center;  background: #009966; color: #FFFFFF; width: 100%; margin:10px auto 0px auto; cursor: pointer;}   


 /*pop*/
 .pop_confirm{width: 100%; height: 100%; position: fixed; top:0px; left: 0px;  
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: center;
			justify-content: center; z-index: 100; background: rgba(0,0,0,0.5);}
.pop_confirm div{ border-radius:10px; padding: 0px; text-align: center;  background: #FFFFFF; color: #000000; width: 90%;max-width: 300px; text-align: center; overflow: hidden; margin-top: 100px; opacity:0;  }  
.pop_confirm div b{  display: block; font-weight: bold!important; margin-bottom: 5px;  }  

.pop_confirm div span{ display: block; padding: 25px 10px 10px 10px; text-align: center; }   

.pop_confirm div a{ display: block;  padding: 10px 10px; text-align: center;  background: #009966; color: #FFFFFF; width: 100%; margin:10px auto 0px auto; cursor: pointer;}   


.check_box nav{display: flex;}   
.check_box nav a{flex:1}   

/*swich*/
.swich{ text-align:center; margin:0px 0px; display: flex; align-items: center; justify-content: center; padding: 2px; flex-wrap: wrap;}
.swich a{background:#FFFFFF; color:#999999;  padding:10px 20px; border-radius:5px;   font-size:10pt; font-weight:bold; border:1px solid #CCCCCC; cursor:pointer; margin: 2px;}
.swich a.on{background:#68B88E; color:#FFFFFF;}
.swich a.off{background:#FF1111; color:#FFFFFF;}


/*swich-table*/
.swich-table{ background: #CC0000}
.swich-table th{ padding:5px; text-align:center; background:#333; color:#FFFFFF; font-size:10pt; font-weight:bold}
.swich-table td{ height:auto!important;   }
.swich-table a{ display:inline-block; border:1px solid #999999; padding:5px 10px; margin:0px; cursor:pointer; font-size:10pt;}
.swich-table a.on{border:1px solid #68B88E; background:#68B88E; color:#FFFFFF;}
.swich-table-no a.on{border:1px solid #990000; background:#CC0000; color:#FFFFFF;}

.btn-swich{ cursor: pointer; color: #666666}
.btn-swich.on .material-icons{ color: #009966}

.btn-swich-click{ cursor: pointer; color: #666666}
.btn-swich-click.on .material-icons{ color: #009966}

.btn-div{ width:100%; text-align:center; margin:10px 0px}
.btn-div input{ padding:10px 20px; min-width:120px; font-size:12pt; background:#00CC99; color:#FFFFFF; border:0px; cursor:pointer}
.btn-div input:hover{ background:#00C4CC}


.square{position: relative;padding-top: 100%;float: none;min-height:0px; width: 100%;; overflow: hidden}
.square > *{position: absolute;top: 0;left: 0;bottom: 0;right: 0;float: none;width: 100% !important;	height: 100% !important;object-fit: cover;	} 

.icon-text{ display: inline-flex; align-items: center; width: auto;  }
.icon-text i{  ;}
.icon-text span{ margin: 0 10px; white-space: nowrap;}



/*.error-page*/
.error-page{ position:fixed; text-align: center; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; top: 0px; z-index: 0;  }
.error-page img{ display: block; width: 60%; max-width: 500px;; margin: 0 auto;}
.error-page h3{ font-size: 5vmin; margin-top:30px;}
.error-page h5{font-size: 3vmin; margin: 10px auto; width: 60%; max-width: 500px; ;}
.error-page h5 a{ text-decoration: underline;opacity: 0.8;}
.error-page .btn{ margin-top: 20px;}


 .tablet-hide{ display: block!important}
 .mobile-hide{ display: block!important}
 .desktop-hide{ display: none!important;}

 @media screen and (max-width:1080px) { 	 
		 .desktop-hide{ display: block!important;}
		 .tablet-hide{ display: none!important} 
 }
 
 @media screen and (max-width:900px) {
 
 }
 
 @media screen and (max-width:768px) { 
		 .tablet-hide{ display: block!important} 
		 .mobile-hide{ display: none!important}
 }
 
 @media screen and (max-width:600px) {
 
 }
 
 @media screen and (max-width:480px) {
 
 
 }
 
 @media screen and (max-width:320px) {
 
 
 }
 
 
 .power-hidden{ display: none!important;}