/*   pu AF7AC5 - bl 3498DB - re EC7063 - gr 3498DB - da 5D6D7E - or 45b39d   */
#hideCont{position:fixed;display:block;width:100vw;width:100svw;height:100vh;height:100svh;background-color:#fff;z-index:99} .hideCon2{display: flex;width: 100%;height: 100vh;height: 100svh;flex-direction: column;justify-content: center;align-items: center}.circle-line{width:90%;max-width:31.5em;display:flex;justify-content:space-around}.circle-red,.circle-green,.circle-yellow,.circle-blue,.circle-purple,.circle-dark{position:relative;width:1.5em;height:1.5em;border-radius:50%}
#hideCont{background-color:#000} #hideContTitl{color:#ccc;font-weight:400} .circle-purple{background-color:#AF7AC5;animation:aniLefRig 1s ease-in-out 1ms infinite alternate}.circle-blue{background-color:#3498DB;animation:aniLefRig 1s ease-in-out .333s infinite alternate}.circle-red{background-color:#EC7063;animation:aniLefRig 1s ease-in-out .667s infinite alternate}.circle-green{background-color:#45b39d;animation:aniLefRig 1s ease-in-out 1s infinite alternate}.circle-dark{background-color:#5D6D7E;animation:aniLefRig 1s ease-in-out 1.333s infinite alternate}.circle-yellow{background-color:#F5B041;animation:aniLefRig 1s ease-in-out 1.667s infinite alternate}   @keyframes aniLefRig{from{left:-1.5em}to{left:1.5em}} 

.dotCol{background-color:#45b39d;width:.25em;height:.25em;vertical-align:baseline;border-radius:50%;display:inline-block}   

.buttDark{width:100%;height:100%;font-family:inherit;font-weight:600;letter-spacing:2px;border-radius:6em;color:#fff;   font-size:.8em;line-height:1.3;padding:.1em .6em .3em;white-space:nowrap;text-decoration:none;background:#45b39d;border:none;cursor:pointer;position:relative;width: fit-content;z-index:90;} 
.buttLigh{width:100%;height:100%;font-family:inherit;font-weight:600;letter-spacing:2px;border-radius:6em;color:#45b39d;font-size:.8em;line-height:1.3;padding:.15em .6em .3em;white-space:nowrap;text-decoration:none;background:#eeeeee;border:solid .13em;cursor:pointer;position:relative;width: fit-content;z-index:90;} 

.buttBord,.buttBor2{width:100%;height:100%;padding:.1em;border-radius:6em;background-color:transparent;border:solid #45b39d .1em;width:fit-content;transition:all .3s;z-index:91;} 
.buttBord:hover,.buttBor2:hover{border-radius:.3em;transition:all .3s;}.buttDark:hover,.buttLigh:hover{border-radius:.2em;transition:all .3s;} .buttBor2{border:solid #45b39d .1em;}   

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,men0,nav,object,output,p,pre,q,ruby,s,samp,section,span,strike,strong,sub,summary,sup,tfoot,time,tt,u,var,video{margin:0;padding:0;border:0;font-size:1em;font:inherit;vertical-align:baseline}
*,:after,:before{box-sizing:inherit}em,i{font-style:italic}.p9{font-size:.9em} p{text-align:justify;margin:0 0 1.3em;line-height:2.3;font-size:1em}h1{font-size:2em;letter-spacing:2px;line-height:1.6;z-index:5;}h2{font-size:1.3em;margin-bottom:.9em;line-height:1.6;letter-spacing:1px;z-index:5;}h3,h4{color:#666;font-weight:600;line-height:1.9;z-index:5;}h3{font-size:1.1em}h4{font-size:1em}
code,pre{font-family:"Courier New",monospace;font-size:.9em}code{background:rgba(255,255,255,.05);border-radius:.25em;border:1px solid rgba(255,255,255,.15);margin:0 .25em;padding:.25em .65em} pre{-webkit-overflow-scrolling:touch;margin:0 0 2em}pre code{display:block;line-height:1.75em;padding:1em 1.5em;overflow-x:auto}
h1,h2,strong{color:#eee;font-weight:600}b,strong{font-weight:600}a,h1 a,h2 a,h3 a,h4 a{color:#3498DB;text-decoration:none}body,input,select,textarea{font-weight:400;line-height:1.66} 
/* **cc color   background border   rgba(255,255,255,.6), e: rgba(238,238,238,.6), c: rgba(204,204,204,.6), 9: rgba(153,153,153,.6), 6: rgba(102,102,102,.6), 3: rgba(51,51,51,.6), 2: rgba(34,34,34,.6), 1: rgba(17,17,17,.6), rgba(0,0,0,.6)*/
.br1{color:#45b39d}  .colPur{color:#AF7AC5;} .colBlu{color:#3498DB;} .colRed{color:#EC7063;} .colGre{color:#45b39d;} .colDar{color:#5D6D7E;} .colOra{color:#F5B041;} 
/**font **center text/div  */ .fs6{font-size:.6em}.fs7{font-size:.7em}.fs8{font-size:.8em}.fs9{font-size:.9em}.fs1{font-size:1.1em}.fs2{font-size:1.2em}.fs3{font-size:1.3em}.fs4{font-size:1.4em}.fs5{font-size:1.5em}
.tce{text-align:center} .dce{margin:0 auto} .cen{margin:0;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .cenHor{margin:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)} .cenVer{margin:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)} 
/* **hide show */.hide{display:none} .hideImpo{display:none!important} .bol{font-weight:600}    
::-webkit-scrollbar{display:none;}


html{font-family:Verdana;display:grid;min-height:100vh;min-height:100svh;box-sizing:border-box;overflow:hidden;} 
body{font-size:28px;background-color:#000;} .co00{width:100vw;width:100svw;height:100vh;height:100svh;} .con0{width:100%;height:100%;}
.conRow{max-width:1500px;width:calc(100% - 5em);margin:auto;padding:.2em 0}   .conWra{max-width:1500px;width:calc(100vw - 5em);margin:auto;position:absolute;} .conWr2{width:100%;position:absolute;left:0}     

/* **popup linear-gradient(0deg,rgba(51,51,51,.9)90%,rgba(0,0,0,0)100%) */
.popuMain{width:100vw;width:100svw;text-align:center;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-overflow-scrolling:touch;outline:0;opacity:0;z-index:-1;overflow-x:hidden;overflow-y:auto}
.popuOpen{z-index:99;opacity:1;overflow:hidden} 
.popuClos{position:absolute;top:-1.2em;right:0;cursor:pointer;z-index:99;font-size:1.6em;color:#EC7063} 
.popuMai2{max-width:1500px;width:calc(100% - 5em);margin:2em auto 0;transform:translate(0,1em);transition:transform .3s;display:inline-block;vertical-align:top} 
.popuMai2.dow{transform:translate(0,-1em);}   .popuOpen .popuMai2{transform:translate(0,0);position:relative;z-index:98} 
.popuWrap,.popuWra2{display:block;width:100%;position:relative;outline:0;text-align:left;max-height:calc(100vh - 3.5em);overflow-y:auto} 
.popuWrap{color:#eee;background-color:#333;border-radius:.6em;padding:1em;} 
.popuWra2{color:#eee;background-color:#333;border-radius:.6em;padding:1em 1em .5em;} .popuWra2.ful{height:calc(100vh - 6em);border-radius:.6em;} 
.popuWrapCont{display:flex;flex-direction: column;justify-content:flex-start;} .popuWrapCont.ful{height:100%;}
.popuBgro,.popuBgr2{width:100vw;height:100vh;width:100svw;height:100svh;background:rgba(0,0,0,0);position:fixed;left:0;top:0;right:0;bottom:0;z-index:0;transition:background 0s}
.popuOpen .popuBgro, .popuOpen .popuBgr2{background:rgba(0,0,0,.9);z-index:97;} 



/**r1   0,0,0   255,255,255  box-shadow:rgba(0,0,0,.6) 0 0 .5em;   */
#headCon0{display:flex;flex-direction:column;justify-content:space-between;} 

#headRow1{height:2.0em;background-color:#444;} 
#conRo1{height:100%;display:flex;align-items:center;}   #conRo1Wra{width:100%;height:1.6em;display:flex;justify-content:space-between;} 
#headBra0{float:right;width:fit-content;height:100%;line-height:1.45;padding:.05em;border:solid #45b39d .1em;border-radius:.2em;white-space:nowrap;user-select:none;display:flex;justify-content:center} 
#headBran{color:#45b39d;background:#000;padding:.05em .4em 0 .3em;border-radius:.1em;font-size:.9em;font-weight:600;width:100%;} 
#dottBran{display:inline-block;width:.3em;height:.3em;background-color:#fff;border-radius:50%;}   

#headButt{height:1.6em} 

#menuBar0{width:100%;height:.1em;margin:auto;background:#ccc} #menuBar1{width:0%;height:100%;background:#000;border-radius:0 1em 1em 0;}

#zal0{width:2em;height:1.6em;padding:.05em;cursor:pointer;border-radius:.2em;background-color:#000;border:solid .1em #45b39d;user-select:none;transition:all .3s;} 
#zal0.ente{border-radius:.2em .2em 0 0;} #zall.ente{background-color:#000;border-radius:.1em .1em 0 0;}
#zall{width:100%;height:100%;background-color:#000;border-radius:.1em;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#zba0{display:inline-flex;margin:.25em 0;} .zbar{background-color:#45b39d;width:.65em;height:.12em;display:block;transition:all .3s;transform-origin:center;transition:all .3s;}
.zba1{border-radius:3em 0 0 3em;} .zba2{border-radius:0 3em 3em 0;} 
.zba1.ente{width:.9em;transform:rotate(+45deg)translateX(+.22em);margin-top:-.22em;border-radius:3em;} 
.zba2.ente{width:.9em;transform:rotate(-45deg)translateX(-.22em);margin-top:-.22em;border-radius:3em;} 
.zdot{width:.7em;height:.12em;background-color:#45b39d;opacity:1;transition:all .3s;display:block;transform-origin:center;border-radius:3em;} .zdot.ente,.zdot.clic{opacity:0;}   

#zallCon0{height:100%;display:flex;flex-direction:column;gap:1.5em;} 
#zallCo01{flex:1 1 60%;font-size:.9em;overflow-x:hidden;overflow-y:scroll;display: flex;gap:1em;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;} 
#zallCo01>*{flex:1 1 30%;max-width:calc(33% - .5em);}   
.zallSect{height:9em;padding:.3em;cursor:pointer;border-radius:.6em;display:flex;align-items:flex-end;}   
.zallSect:hover{border-radius:.3em;transition:all .3s;} 

#headPage a{color:#ccc;}#headPage a:hover{color:#fff} #headPage{font-size:.7em;font-weight:600;gap:0 1em;display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between;align-items:flex-end} 

/**popu  */
.menCa0{color:#111;font-size:1em;font-weight:600;background:rgba(238,238,238,.9);padding:0 .6em;border-radius:.4em;align-self:self-start;} 
.zalHe2Num{color: #45b39d;font-weight:600;} 



/**r2    */
#conRo2{height:100%;display:flex;gap:2.5em;overflow:hidden;} 

#mainCon0{width:75%;height:100%;color:#eee;background:#222;overflow-y:scroll;border-radius:.6em;display:flex;align-content:space-between;justify-content:space-between;}
#mainCon1{padding:.5em .5em 1em 1em;} b.tt3{color:#eee;font-size:1.2em;line-height:1;} 

#headForm{display:flex;gap:1em;flex-direction:column;justify-content:space-between;border-radius:.6em;} 
#headTitl{color:#eee;padding:0 .45em .3em;font-size:1.3em;font-weight:600;line-height:.8;white-space:nowrap;} #footForm{margin:.5em 0 0;} 

.formMess{border-radius:.6em .6em .2em .2em;transition:all .3s;} .formPhon,.formEmai{border-radius: .2em .2em .2em .6em;transition:all .3s;}
.formPho2{border-radius: .6em .2em .2em .6em;transition:all .3s;} input:focus,select:focus,textarea:focus{outline:none;} .formLin2{display:flex;gap:.5em;}
.formSubmWra1,.formSubmWra2{border-radius:.6em;background-color:transparent;border:solid #45b39d .05em;cursor:pointer;width: fit-content;z-index:91;transition:all .3s;}   
.formSubmWra1{padding:.1em;border-radius: .2em .2em .6em .2em;} .formSubmWra2{padding:.06em;border-radius: .2em .2em .6em .2em;} 
.formSub1,.formSub2{color:#fff;background-color:#45b39d;font-weight:600;border:none;cursor:pointer;transition:all .3s;z-index:90;} .formSub1{border-radius:.1em .1em .5em .1em;}.formSub2{border-radius:.1em .1em .5em .1em;border:solid #333 .05em;} 
.formMess:hover,.formPhon:hover,.formPho2:hover,.formEmai:hover,.formSubmWra1:hover,.formSubmWra2:hover{border-radius:.6em;transition:all .3s;} .formSub1:hover,.formSub2:hover{border-radius:.5em;transition:all .3s;}
::placeholder{color:#ccc;}input,select,textarea{width:100%;color:#eee;background-color:#333;border:none;font-size:1em;font-family:Verdana;border-radius:.6em;padding:.3em .6em;}  
.popForTex{color:#eee;}.popuWrapForm{background-color:#333;} .popuAler{display:flex;gap:1em;justify-content:center;align-items:center;} .popuAler img{width:3.3em;}   
#headFor2{flex-grow:1;border-radius:.6em;}   #hotlEmai>*{margin: 0 auto;white-space: nowrap;}
#hotlEmai{height:100%;font-size:.9em;padding:.5em;gap:.5em;border-radius:.6em;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(0deg,rgba(0,0,0,.6)10%,rgba(51,51,51,.1)100%),url(/y99-head-image-01.webp);background-repeat:no-repeat;background-size:cover;background-position:center;} 
#emai>a{color:#fff;font-weight:600;}  #iconSoci{width:100%;gap:.5em;display:flex;flex-wrap:wrap;justify-content:space-between;} 
#iconSoci>*{color:#111;background:#999;font-size:1.1em;font-weight:600;width:1.5em;height:1.5em;border-radius:50%;cursor:pointer;text-align:center;line-height:1.5;}






#headRow6{background:#333;} 
#headRo62{display:flex;gap:.3em;align-items:flex-end;justify-content:space-around;align-items:center} 
#headRo62>*{color:#eee;background:#444;font-size:.75em;text-align:center;padding:.1em .5em;flex:1 1 auto}  #headRo62>* b{color:#45b39d}   

#heaBarPo2{color:#eee;background:#45b39d;display:flex;justify-content:space-between;}#heaBarPo2 b{color:#fff;}
#heaBarPo2{width:100%;border-radius:.3em} #heaBarPo1{border-radius:.2em} #heaBarTha{text-align:left;border-radius:.3em .2em .2em .3em}#heaBarCop{text-align:right;border-radius:.2em .3em .3em .2em}



/**mm15 maxMin*/
@media screen and (max-width:1500px){ .d15{display:none!important}   body{font-size:27px}   .popuMai2.ful{width:100%}   
}
@media screen and (min-width:1501px){ .m15{display:none!important} }   

/**mm14 maxMin*/
@media screen and (max-width:1400px){ .d14{display:none!important}   body{font-size:26px}   .conRow,.popuMai2{width:calc(100% - 4em)}   
.conWra{width:calc(100vw - 4em)}   #conRo2{gap:2em}   
}
@media screen and (min-width:1401px){ .m14{display:none!important} }   

/**mm13 maxMin*/
@media screen and (max-width:1300px){ .d13{display:none!important}   body{font-size:25px}   
}
@media screen and (min-width:1301px){ .m13{display:none!important} }   

/**mm12 maxMin*/
@media screen and (max-width:1200px){ .d12{display:none!important}   body{font-size:24px}   .conRow,.popuMai2{width:calc(100% - 3em)}   
.conWra{width:calc(100vw - 3em)}   #conRo2{gap:1.5em}   
}   
@media screen and (min-width:1201px){ .m12{display:none!important} }   

/**mm11 maxMin*/
@media screen and (max-width:1100px){ .d11{display:none!important}   body{font-size:23px}   
}   
@media screen and (min-width:1101px){ .m11{display:none!important} }   

/**mm10 maxMin*/
@media screen and (max-width:1000px){ .d10{display:none!important}   body{font-size:22px}   .conRow,.popuMai2{width:calc(100% - 2em)}   
.conWra{width:calc(100vw - 2em)}   #conRo2{gap:1em}   
}
@media screen and (min-width:1001px){ .m10{display:none!important} }   

/**mm9 maxMin*/
@media screen and (max-width:900px) { .d9{display:none!important}   body{font-size:21px}   
}   
@media screen and (min-width:901px) { .m9{display:none!important} }   

/**mm8 maxMin*/
@media screen and (max-width:800px) { .d8{display:none!important}   body{font-size:20px}   #mainCon0{width:100%;}   .conRow,.popuMai2{width:calc(100% - 1em);}   
.conWra{width:calc(100vw - 1em)}   #conRo2{flex-direction:column;gap:2em;} #galHe1Con{width:100%;} #headForm{flex-direction:row;}   
} 
@media screen and (min-width:801px) { .m8{display:none!important} }   

/**mm7 maxMin*/
@media screen and (max-width:700px) { .d7{display:none!important}   body{font-size:19px}  }   
@media screen and (min-width:701px) { .m7{display:none!important} }   

/**mm6 maxMin*/
@media screen and (max-width:600px) { .d6{display:none!important}   body{font-size:18px}   .conRow,.popuMai2{width:calc(100% - .4em);}   
.conWra{width:calc(100vw - .4em)}   #headRo62>*{font-size:.85em} #headRo62{flex-wrap: wrap;} 
}
@media screen and (min-width:601px) { .m6{display:none!important}   
} 

/**mm55maxMin*/
@media screen and (max-width:550px) {.d55{display:none!important}   body{font-size:17.5px}   #headForm{flex-direction:column;}   
}
@media screen and (min-width:551px) {.m55{display:none!important}   } 

/**mm5 maxMin*/
@media screen and (max-width:500px) { .d5{display:none!important}   body{font-size:17px}   #headRo62>*{font-size:.75em;}   
}
@media screen and (min-width:501px) { .m5{display:none!important}   } 

/**mm45maxMin*/
@media screen and (max-width:450px) {.d45{display:none!important}   body{font-size:16.5px}   
}
@media screen and (min-width:451px) {.m45{display:none!important}   } 

/**mm4 maxMin*/
@media screen and (max-width:400px) { .d4{display:none!important}   body{font-size:16px}   #headRo62>*{font-size:.7em;}   
}
@media screen and (min-width:401px) { .m4{display:none!important}   } 

/**mm35maxMin*/
@media screen and (max-width:350px) {.d35{display:none!important}   body{font-size:15.5px}    #zallCo01>*{min-width:calc(50% - .5em)};   .popuAler{flex-direction:column;}   
}
@media screen and (min-width:351px) {.m35{display:none!important}   } 

/**mm3 maxMin*/
@media screen and (max-width:300px) { .d3{display:none!important}   body{font-size:15px}    #zallCo01>*{min-width:100%;}   
}
@media screen and (min-width:301px) { .m3{display:none!important}   }