@media (display-mode: standalone) {
   :root {
     --status-bar-color: #000000;
   }
   html {
     background-color: var(--status-bar-color);
   }
 }

body {-webkit-text-size-adjust:none;}
header,footer, nav, section {display:block;}

a:link, a:visited{font-size:14px; color:#0000EE; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;}
a:hover, a:focus, a:active{font-size:14px; color:#681664; text-decoration:underline;}

html, body{margin:0; padding:0; width:100vw; height:100vh; overflow:hidden;}
body {background-color:#ffffff; font-family:calibri, arial, sans-serif, helvetica; color:#333; background:#ffffff;}
body.home{background:#fff;}

body {
  min-height: calc(100% + env(safe-area-inset-top));
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.poAb{position:absolute;}
.poFi{position:fixed;}
.poRe{position:relative;}

.top0{top:0%;}
.left0{left:0%;}
.top55{top:55px;}
.top100{top:100px;}
.top250{top:250px;}
.right0{right:0%;}
.rightM75{right:-75%;}     
.bottom0{bottom:0%;}
.bottom55{bottom:55px;}

.zindex5{z-index:5;}

.maPa0{margin:0px; padding:0px;}
.zindex10{z-index:10;}
.zindex15{z-index:15;}
.zindex150{z-index:150;}
.zindex200{z-index:200;}

div, input[type="text"], input[type="password"], textarea{overflow:hidden; box-sizing:border-box;}
img{border:0px; pointer-events: none;}

h1,h2,h3 {margin:0px; padding:0px;}

.left, .right{float:left; width:50%;}
.center{float:left; width:100%;}

.h100vh{height:100vh;}
.h100{height:100%;}
.h90{height:90%;}
.h80{height:80%;}
.h75{height:75%;}
.h55px{height:55px;}
.h50{height:50%;}
.h50px{height:50px;}
.h25{height:25%;}
.h25px{height:25px;}
.h20px{height:20px;}

.minh50px{min-height:50px;}
.minh100px{min-height:100px;}
.minh150px{min-height:150px;}

.w100{width:100%;}
.w95{width:95%;}
.w90{width:90%;}
.w85{width:85%;}
.w80{width:80%;}
.w75{width:75%;}
.w70{width:70%;}
.w65{width:65%;}
.w60{width:60%;}
.w55{width:55%;}
.w50{width:50%;}
.w45{width:45%;}
.w40{width:40%;}
.w35{width:35%;}
.w33{width:33.3%;}
.w30{width:30%;}
.w25{width:25%;}
.w20{width:20%;}
.w16{width:16.66%;}
.w15{width:15%;}
.w10{width:10%;}
.w5{width:5%;}


.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt75{margin-top:75px;}
.mt100{margin-top:100px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml25{margin-left:25px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr25{margin-right:25px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.mb50{margin-bottom:50px;}
.mb150{margin-bottom:150px;}

.ml15{margin-left:15px;}
.ml25{margin-left:25px;}

.mt10p{margin-top:10%;}
.ml10p{margin-left:10%;}
.mr10p{margin-right:10%;}
.mb10p{margin-bottom:10%;}

.mt25p{margin-top:25%;}
.ml25p{margin-left:25%;}
.mr25p{margin-right:25%;}
.mb25p{margin-bottom:25%;}

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

.paLe10{padding-left:10%;}
.paRi10{padding-right:10%;}

.paLe25{padding-left:25%;}
.paLe25{padding-right:25%;}


.paTo5px{padding-top:5px;}
.paLe5px{padding-left:5px;}
.paRi5px{padding-right:5px;}
.paBo5px{padding-bottom:5px;}

.paTo10px{padding-top:10px;}
.paLe10px{padding-left:10px;}
.paRi10px{padding-right:10px;}
.paBo10px{padding-bottom:10px;}

.paTo15px{padding-top:15px;}
.paLe15px{padding-left:15px;}
.paRi15px{padding-right:15px;}
.paBo15px{padding-bottom:15px;}

.paTo25px{padding-top:25px;}
.paLe25px{padding-left:25px;}
.paRi25px{padding-right:25px;}
.paBo25px{padding-bottom:25px;}

.paTo50px{padding-top:50px;}
.paLe50px{padding-left:50px;}
.paRi50px{padding-right:50px;}
.paBo50px{padding-bottom:50px;}

.paTo55px{padding-top:55px;}
.paLe55px{padding-left:55px;}
.paRi55px{padding-right:55px;}
.paBo55px{padding-bottom:55px;}

.paTo75px{padding-top:75px;}
.paLe75px{padding-left:75px;}
.paRi75px{padding-right:75px;}
.paBo75px{padding-bottom:75px;}

.paTo100px{padding-top:100px;}
.paLe100px{padding-left:100px;}
.paRi100px{padding-right:100px;}
.paBo100px{padding-bottom:100px;}

.paBo150px{padding-bottom:150px;}


.boRa100{border-radius:100px;}
.boRa10{border-radius:10px;}

.bo0{border:0px;}
.bo1{border:1px solid #ccc;}
.boBo1{border-bottom:1px solid #ccc;}

.foSi10{font-size:10px!important;}
.foSi12{font-size:12px!important;}
.foSi14{font-size:14px!important;}
.foSi16{font-size:16px!important;}
.foSi18{font-size:18px!important;}
.foSi20{font-size:20px!important;}

.opacity00{opacity:0.0;}
.opacity01{opacity:0.1;}
.opacity02{opacity:0.2;}
.opacity03{opacity:0.3;}
.opacity04{opacity:0.4;}
.opacity05{opacity:0.5;}
.opacity06{opacity:0.6;}
.opacity07{opacity:0.7;}
.opacity08{opacity:0.8;}
.opacity09{opacity:0.9;}
.opacity10{opacity:1.0;}



.zindex5{z-index:5;}
.zindex10{z-index:10;}
.zindex15{z-index:15;}

.fl{float:left;}
.fr{float:right;}
.ovhi{overflow:hidden;}
.ovScY{overflow-y:scroll!important;}

.cuPo{cursor:pointer;}

.diBl{display:block;}
.diNo{display:none;}

.viHi{visibility:hidden;}
.viVi{visibility:visible;}

.colorWhite{color:#fff!important;}
.colorBlack{color:#333!important;}
.colorGrey{color:#999!important;}
.colorRed{color:#FF0000!important;}
.colorGreen{color:#00FF00!important;}
.colorText{color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0);}
.ma0{margin:0 auto;}
.textShadow{text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.75);}
.textShadowWhite{text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.00);}

.backgroundGrey{background:#efefef;}
.backgroundLogo{background:#2d8b76;}
.backgroundLogoT{background-color: rgba(45, 139, 118, 0.5);}
.backgroundBlackT{background-color: rgba(0, 0, 0, 0.5);}
.backgroundWhite{background-color: rgba(255, 255, 255, 1.0);}
.boxShadow{-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);-o-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);}

#installButtonPWABox {z-index:999; background:#f4f4f4; -webkit-box-shadow: 5px 5px 10px 0px rgba(204,204,204,0.75);-moz-box-shadow: 5px 5px 10px 0px rgba(204,204,204,0.75);-o-box-shadow: 5px 5px 10px 0px rgba(204,204,204,0.75);box-shadow: 5px 5px 10px 0px rgba(204,204,204,0.75);}
#installButtonPWABox a:link, #installButtonPWABox a:visited{color:#ffffff;}
#installButtonPWABox a:hover, #installButtonPWABox a:focus, #installButtonPWABox a:active{text-decoration:underline;}

.motion{-webkit-transition: all 1s;
           transition: all 1s;
           -moz-transition: all 1s;
           -o-transition: all 1s;
           }

/**********************************************************
                 Home
**********************************************************/
#home{width:100%; height:100vh; text-align:center; box-sizing:border-box; padding-top:20vh; font-size:25px;}
#home_img{width:50%; max-width:300px;}
#home_logo{width:50%; max-width:300px;}



/**********************************************************
                 Browser
**********************************************************/


/**********************************************************
                 Smartphone
**********************************************************/
@media only screen and (max-width:1024px) and (orientation: portrait) {
         #header, #footer, #textbox{z-index:100; height:55px;}
         #textTimeBox{z-index:99; height:45px;}

         #section{height:calc(100vh - 110px);}

/**********************************************************
                 Tablet
**********************************************************/


/**********************************************************
                 Browser
**********************************************************/