@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#000;--white-color:#fff;--red-color:#fa3c09;--green-color:#00c282;--dark-green-color:#27ae60;--blue-color:#0093ff;--sky-blue-color:#aacdfa;--cyan-blue-color:#1aa4af;--violet-color:#6655d3;--yellow-color:#ffc107;--orange-color:#ffa33b;--black-color:#000;--puff-color:#ffdec3;--grey-color:#666;--light-grey-color:#959ea6;--simple-black:#00000080;--light-black:#0000000d;--simple-white:#ffffff80;--light-white:#ffffff0d;--min-response-width:420px}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-family:Kanit,sans-serif;-webkit-user-select:none;user-select:none}.hide-sb::-webkit-scrollbar{display:none!important}.flt-view .flt-view-details{background:#f9fcff;border:1px solid #d0ebff;border-radius:4px;color:#333;left:50%;margin-bottom:6px;position:absolute;top:12px;transform:translateX(-50%);transition:.2s;width:95%;z-index:10}.col-view{display:flex;flex-direction:column}.row-view{align-items:center;display:flex}.sb-view{justify-content:space-between}.padding_15{padding:15px}.mrg_top_50{margin-top:50px}.m-top-c{margin-top:1.5rem!important}.m-bottom-n{margin-bottom:.5rem!important}.m-bottom-c{margin-bottom:1.5rem!important}.f-size-max{font-size:24px}.t-color-blk{color:#383b45}.f-weight-n{font-weight:500}.my-account-view .app-btn{background-color:#fff;border:1px solid #0093ff;border-radius:5px;color:#0093ff;font-size:14px;height:40px;line-height:40px;text-align:center;transition:.3s;white-space:nowrap}.more_options_view{margin-top:80px;padding:10px}.more_option{position:relative;width:100%}.more_option img{height:40px}.more_option .arrow-icon{height:20px;position:absolute;right:0}.res-wth{width:420px!important;width:var(--min-response-width)!important}.ovf-hidden{overflow:hidden!important}.ovf-scrl-x{overflow-x:scroll!important}.ovf-scrl-y{overflow-y:scroll!important}.ps-fx{position:fixed}.ps-tp{top:0}.ps-tp-50{top:50%}.ps-tp--170{top:-170px!important}.ps-btm{bottom:0}.ps-btm-10{bottom:10px}.ps-btm-40{bottom:40px}.ps-btm--600{bottom:-600px!important}.ps-lf{left:0}.ps-lf-10{left:10px}.ps-lf-40{left:40px}.ps-lf--600{left:-600px!important}.ps-lf-50{left:50%}.ps-rgt{right:0}.ps-rgt-10{right:10px}.pr-v,.ps-rl{position:relative!important}.ps-ab{position:absolute!important}.t-form-x{transform:translateX(-50%)}.t-form-y{transform:translateY(-50%)}.t-form-xy{transform:translate(-50%,-50%)}.t-form-y-100{transform:translateY(-100%)}.lodr-v{animation:spin .5s linear infinite;border:2px solid #ffffff0d;border-radius:50%;border-top:2px solid #fff;border:2px solid var(--light-white);border-top-color:var(--white-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dialogContents{background:#fff;background:var(--white-color);border-radius:5px;bottom:0;left:0;position:fixed;right:0;width:100%;z-index:1000}.dialogContents #dialogTitle{font-family:sans-serif;font-size:24px;font-weight:400;height:46px;line-height:46px}@keyframes slideFromBottomAnim{0%{transform:translateY(100%)}to{transform:translateY(0)}}.disable-view{filter:grayscale(100)}.disable-view .dsbl-bg{background:#ccc!important;border:none!important;box-shadow:none!important;color:#fff;color:var(--white-color);filter:grayscale(100);pointer-events:none!important}.tst-content{background:#fff;background:var(--white-color);border-radius:6px;box-shadow:0 0 10px #898989;max-width:250px;min-width:220px;transition:.2s}.active-bx-view{background:#aacdfa;background:var(--sky-blue-color);border-radius:8px;color:#000;color:var(--black-color)}.max-w-100{max-width:100%!important}.w-1p5-rem{width:1.6rem!important}.w-1p2-rem{width:1.25rem!important}.w-1p87-rem{width:1.87rem!important}.w-2p5-rem{width:2.5rem!important}.w-85{width:85%!important}.w-100{width:100%!important}.w-90{width:90%!important}.w-10-p{width:10px!important}.w-15-p{width:15px!important}.w-20-p{width:20px!important}.w-30-p{width:30px!important}.w-40-p{width:40px!important}.w-50-p{width:50px!important}.w-60-p{width:60px!important}.w-65-p{width:65px!important}.w-80-p{width:80px!important}.w-100-p{width:100px!important}.w-125-p{width:150px!important}.w-140-p{width:140px!important}.w-350-p{width:350px!important}.h-auto{height:auto!important}.h-100vh{height:100vh!important}.h-5-p{height:5px!important}.h-1p5-rem{height:1.6rem!important}.h-1p2-rem{height:1.25rem!important}.h-1p87-rem{height:1.87rem!important}.h-2p5-rem{height:2.5rem!important}.h-10-p{height:10px!important}.h-15-p{height:15px!important}.h-18-p{height:18px!important}.h-20-p{height:20px!important}.h-30-p{height:30px!important}.h-40-p{height:40px!important}.h-45-p{height:45px!important}.h-50-p{height:50px!important}.h-55-p{height:55px!important}.h-60-p{height:60px!important}.h-70-p{height:70px!important}.h-120-p{height:120px!important}.h-140-p{height:140px!important}.h-200-p{height:200px!important}.h-250-p{height:250px!important}.h-340-p{height:340px!important}.h-350-p{height:350px!important}.h-380-p{height:380px!important}.h-450-p{height:450px!important}.h-470-p{height:470px!important}.h-485-p{height:485px!important}.h-550-p{height:550px!important}.h-w-100,.res-h-100{height:100px!important}.h-w-100{width:100px!important}.h-w-80{height:80px!important;width:80px!important}.h-w-70{height:70px!important;width:70px!important}.h-w-55{height:55px!important;width:55px!important}.h-w-45{height:45px!important;width:45px!important}.h-w-36{height:36px!important;width:36px!important}.h-w-32{height:32px!important;width:32px!important}.h-w-28{height:28px!important;width:28px!important}.h-w-25{height:25px!important;width:25px!important}.h-w-20{height:20px!important;width:20px!important}.h-w-22{height:22px!important;width:22px!important}.h-w-16{height:16px!important;width:16px!important}.h-128-w-96{height:128px!important;width:96px!important}.h-115-w-164{height:164px!important;width:115px!important}.h-1200-w-1200{height:1200px!important;width:1200px!important}.ovf-scrl{overflow:scroll!important}.g-v-2{grid-template-columns:repeat(2,1fr)}.g-v-2,.g-v-3{grid-row-gap:10px;grid-column-gap:10px;column-gap:10px;display:grid;row-gap:10px}.g-v-3{grid-template-columns:repeat(3,1fr)}.g-v-4{display:grid;grid-template-columns:repeat(4,1fr)}.g-v-5{grid-template-columns:repeat(5,1fr)}.g-v-5,.g-v-6{grid-row-gap:10px;grid-column-gap:5px;column-gap:5px;display:grid;row-gap:10px}.g-v-6{grid-template-columns:repeat(6,1fr)}.g-v-7{grid-template-columns:repeat(7,1fr)}.g-v-10,.g-v-7{grid-row-gap:10px;grid-column-gap:5px;column-gap:5px;display:grid;row-gap:10px}.g-v-10{grid-template-columns:repeat(10,1fr)}.g-c-gap-8{column-gap:8px}.g-r-gap-8{row-gap:8px}.g-r-gap-20{row-gap:20px}.g-r-gap-30{row-gap:30px!important}.t-countview span{background-color:#f1f3ff;border-bottom:4px solid #cdd4ff;border-radius:4px;color:#383b45;display:inline-block;font-family:sans-serif;font-size:24px;font-weight:500;height:32px;line-height:32px;margin:0 2px;padding:0 4px;text-align:center;width:26px}.tab-slct-v{align-items:center;display:flex}.tab-slct-v .tab-in-v{background:#fff;border-radius:6px 6px 0 0;box-shadow:0 -3px 6px 0 #6e6e6e30;color:#979797;cursor:pointer;font-size:18px;height:48px;line-height:48px;margin-top:-10px;overflow:hidden;transition:.2s;white-space:nowrap}.tab-slct-v .active{border-bottom:3px solid #1e88e5;box-shadow:0 -3px 4px 0 #6e6e6e30;color:#383b45}.tab-h-active{border-bottom:3px solid #fff;border-bottom:3px solid var(--white-color);color:#fff;color:var(--white-color)}table,td,th{border:1px solid #000;border-collapse:collapse}.tbl-view div{text-align:center;width:100%}.tbl-view .bg-lb{background:#f1f3ff}.tbl-view div p{padding:5px 10px}.tbl-view .br{border:1px solid #cdd4ff}.tbl-view .br-l{border-left:1px solid #cdd4ff}.tbl-view .br-r{border-right:1px solid #cdd4ff}.tbl-view .br-b{border-bottom:1px solid #cdd4ff}.tbl-view .br-a-b,.tbl-view .br-t{border-top:1px solid #cdd4ff}.tbl-view .br-a-b{border-left:1px solid #cdd4ff;border-right:1px solid #cdd4ff}.line-v{background:#fff;background:var(--white-color);height:45px!important;width:2px!important}.line-hv-grey{background:#0000000d;height:1px!important;width:100%!important}.cutm-inp-bx{align-items:center;background:#fff;background:var(--white-color);display:flex;height:56px;padding:0;width:100%}.cutm-inp{background:none;border:none;font-size:18px;height:fit-content;outline:none;padding:10px;transition:.1s;width:100%}.inp-ph-l-color::placeholder{color:#ccc!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.txt-deco-n{text-decoration:none!important}.txt-deco-u{text-decoration:underline!important}.txt-a-end{text-align:end!important}.txt-a-center{text-align:center!important}.cl-green{color:#00c282;color:var(--green-color)}.cl-red{color:#fa3c09;color:var(--red-color)}.cl-violet{color:#6655d3;color:var(--violet-color)}.cl-grey{color:#666!important;color:var(--grey-color)!important}.cl-l-grey{color:#959ea6!important;color:var(--light-grey-color)!important}.cl-black{color:#383b45!important}.cl-white{color:#fff!important;color:var(--white-color)!important}.cl-l-white{color:#fffc}.cl-blue{color:#0093ff;color:var(--blue-color)}.cl-cyan-blue{color:#1aa4af!important;color:var(--cyan-blue-color)!important}.bg-black{background:#000!important;background:var(--black-color)!important}.bg-green{background:#00c282!important;background:var(--green-color)!important}.bg-drk-green{background:#27ae60!important;background:var(--dark-green-color)!important}.bg-l-green{background:#00c27a1a!important}.bg-red{background:#fa3c09!important;background:var(--red-color)!important}.bg-violet{background:#6655d3!important;background:var(--violet-color)!important}.bg-blue{background:#0093ff;background:var(--blue-color)}.bg-l-blue{background:#cde6f7!important}.bg-drk-blue{background:#0760a1!important}.bg-yellow{background:#ffc107!important;background:var(--yellow-color)!important}.bg-drk-yellow{background:#ffda7e}.bg-rv{background:linear-gradient(-60deg,#fa3c09 50%,#6655d3 0)!important;background:linear-gradient(-60deg,var(--red-color) 50%,var(--violet-color) 50%)!important}.bg-gv,.bg-rv{box-shadow:0 0 8px #6655d366}.bg-gv{background:linear-gradient(-60deg,#00c282 50%,#6655d3 0)!important;background:linear-gradient(-60deg,var(--green-color) 50%,var(--violet-color) 50%)!important}.bg-l-black{background:#00000080;background:var(--simple-black)}.bg-white{background:#fff}.bg-l-white{background:#ffffff0d!important;background:var(--light-white)!important}.bg-s-white{background:#ffffff80;background:var(--simple-white)}.bg-orange{background:#ffa33b;background:var(--orange-color)}.bg-drk-orange{background:#fc940e}.bg-cyan-blue{background:#1aa4af!important}.bg-extm-l-white{background:#f9fcff!important}.bg-grey-2{background:#a5a5a5!important}.bg-grey{background:#ededed}.bg-l-grey{background:#f5f5f5!important}.bg-extm-l-grey{background:#f7f6fb!important}.bg-puff{background:#ffdec3;background:var(--puff-color)}.bg-grad-ry{background:linear-gradient(90deg,#b45a3a,#fd1d1d 50%,#fcb045)}.bg-grad-lgt-drk-blue{background:linear-gradient(45deg,#0093ff,#0760a1)}.bx-shadow{box-shadow:0 -3px 4px 0 #6e6e6e30}.bx-shdw-blk{box-shadow:0 0 6px 0 #818181!important}.bx-shdw-violet{box-shadow:0 4px #a67bff}.bx-shdw-green{box-shadow:0 4px #2ba50b}.bx-shdw-inset-green{box-shadow:inset -3.99091px -3.99091px 3.99091px 0 #509438}.bx-shdw-red{box-shadow:0 4px #cb4335}.bx-shdw-yellow{box-shadow:0 4px #e3a036}.bx-shdw-blue{box-shadow:0 4px #aacdfa;box-shadow:0 4px var(--sky-blue-color)}.bx-cyan-blue{box-shadow:0 4px #058c94}.bx-drk-orange{box-shadow:0 4px #e68104}.topbar-shadow{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.min-h{min-height:450px!important}.min-h-100{min-height:100px!important}.min-h-100vh{min-height:100vh!important}.ft-sz-1p25rem{font-size:1.25rem!important}.ft-sz-10{font-size:10px!important}.ft-sz-12{font-size:12px!important}.ft-sz-13{font-size:13px!important}.ft-sz-14{font-size:14px!important}.ft-sz-15{font-size:15px!important}.ft-sz-16{font-size:16px!important}.ft-sz-17{font-size:17px!important}.ft-sz-18{font-size:18px!important}.ft-sz-20{font-size:20px!important}.ft-sz-23{font-size:23px!important}.ft-sz-25{font-size:25px!important}.ft-sz-28{font-size:28px!important}.ft-sz-32{font-size:32px!important}.ft-sz-35{font-size:35px!important}.ft-sz-38{font-size:38px!important}.ft-wgt-700,.ft-wgt-b{font-weight:700!important}.ft-wgt-600{font-weight:600!important}.ft-wgt-500{font-weight:500!important}.ltr-s{letter-spacing:1.2px!important}.br-a-l-grey{border:1px solid #959ea6;border:1px solid var(--light-grey-color)}.br-a-grey{border:1px solid #666;border:1px solid var(--grey-color)}.br-a-blue{border:1px solid #0093ff;border:1px solid var(--blue-color)}.br-a-l-white{border:1px solid #eceaf2!important}.br-a-l-blue{border:1px solid #d0ebff}.br-a-l-black{border:1px solid #0000001a}.br-b-grey{border-bottom:2px solid #ccc}.br-t-grey{border-top:1px solid #fff3}.br-r-grey{border-right:1px solid #fff3}.br-5{border-radius:5px!important}.br-7{border-radius:7px!important}.br-8{border-radius:8px!important}.br-10{border-radius:10px!important}.br-15{border-radius:15px!important}.br-20{border-radius:20px!important}.br-50{border-radius:50%!important}.br-right-t{border-top-right-radius:10px!important}.br-left-t{border-top-left-radius:10px!important}.pd-3{padding:3px!important}.pd-5{padding:5px!important}.pd-8{padding:8px!important}.pd-10{padding:10px!important}.pd-15{padding:15px!important}.pd-18{padding:18px!important}.pd-20{padding:20px!important}.pd-30{padding:30px!important}.pd-10-0{padding:10px 0!important}.pd-0-10{padding:0 8px!important}.pd-5-10{padding:5px 10px!important}.pd-2-8{padding:2px 8px!important}.pd-5-15{padding:5px 15px!important}.pd-10-15{padding:10px 15px!important}.pd-10-20{padding:10px 20px!important}.pd-15-20{padding:15px 20px!important}.pd-15-0{padding:15px 0!important}.pd-20-10{padding:20px 10px!important}.pd-30-5{padding:30px 5px!important}.pd-0-30{padding:0 30px!important}.pd-l-20{padding-left:20px!important}.mg-10{margin:10px}.mg-t-5{margin-top:5px!important}.mg-t-10{margin-top:10px!important}.mg-t-15{margin-top:15px!important}.mg-t-20{margin-top:20px!important}.mg-t-25{margin-top:25px!important}.mg-t-30{margin-top:30px!important}.mg-t-45{margin-top:45px!important}.mg-t-55{margin-top:55px!important}.mg-t-5em{margin-top:5em!important}.mg-t-11em{margin-top:11em!important}.mg-t--20{margin-top:-20px!important}.mg-b-5{margin-bottom:5px!important}.mg-b-10{margin-bottom:10px!important}.mg-b-15{margin-bottom:15px!important}.mg-b-20{margin-bottom:20px!important}.mg-b-25{margin-bottom:25px!important}.mg-b-50{margin-bottom:50px!important}.mg-b-70{margin-bottom:70px!important}.mg-l-5{margin-left:5px!important}.mg-l-10{margin-left:10px!important}.mg-l-15{margin-left:15px!important}.mg-l-20{margin-left:20px!important}.mg-l-25{margin-left:25px!important}.mg-l-30{margin-left:30px!important}.mg-l-50{margin-left:50px!important}.mg-l-80{margin-left:80px!important}.mg-r-5{margin-right:5px!important}.v-center{display:flex;justify-content:center}.a-center,.v-center{align-items:center}.a-flex-start{align-items:flex-start!important}.a-right{align-items:end}.jus-content-flx-end{justify-content:flex-end!important}.z-i-120{z-index:120!important}.z-i-110{z-index:110!important}.z-i-100{z-index:100!important}.z-i-99{z-index:99!important}.z-i--100{z-index:-100!important}.z-i-1000{z-index:1000!important}.z-i-90{z-index:90!important}.z-i-91{z-index:91!important}.z-i-92{z-index:92!important}.z-i-93{z-index:93!important}.z-i-94{z-index:94!important}.z-i-95{z-index:95!important}.z-i-96{z-index:96!important}.z-i-97{z-index:97!important}.z-i-98{z-index:98!important}.activeDialog{z-index:1000!important}.activeDialog .dlg-c{animation:slideFromBottomAnim .3s ease-out 0s 1}.opac-0{opacity:0!important}.opac-05{opacity:.5!important}.opac-f{opacity:1!important}.greys-100{filter:grayscale(100)!important}.hide-v{display:none!important}.trn-05{transition:.5s}.trn-d-0p5{transition-delay:.5s}.trn-d-1{transition-delay:1s}.trn-d-1p5{transition-delay:1.5s}.trn-d-2{transition-delay:2s}.trn-d-2p5{transition-delay:2.5s}.trn-d-3{transition-delay:3s}.trn-d-3p5{transition-delay:3.5s}.trn-d-4{transition-delay:4s}.trn-d-4p5{transition-delay:4.5s}.trn-d-5{transition-delay:5s}.trn-d-6{transition-delay:6s}.tranf-rotate-180{transform:rotate(180deg)}.tran-trnsf-easeout{transition:transform .5s ease-in-out,opacity .5s ease-in-out}.move-top-anim{transform:translateY(150px)}.move-right-anim{transform:translate(110px)}.move-left-anim{transform:translate(-110px)}.fade-anim{opacity:0;transition:all .4s ease-out}.spin-anim{animation-duration:1s;animation-iteration-count:infinite;animation-name:spinAnim;animation-timing-function:linear}.spin-anim-5s{animation-duration:5s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}.spin-anim-st{animation-duration:2s;animation-iteration-count:.5;animation-name:spin;animation-timing-function:linear}.fd-up-anim .row-view:first-child{animation-duration:.5s;animation-name:fadeIn;transition:all .5s ease-in-out}@keyframes fadeIn{0%{height:0;opacity:0}to{height:30px;opacity:1}}@keyframes spinAnim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:470px){.res-wth{width:100%!important}.s-bet-btn{height:45px!important}}@media (max-width:450px){.res-h-100{height:80px!important}}@media (max-width:380px){.res-h-100{height:65px!important}}.zoomAnimView{animation-duration:.2s;animation-name:animateZoom;animation-timing-function:linear}@keyframes animateZoom{0%{transform:scale(.98)}to{transform:scale(1)}}.slideshow{margin:0 auto;overflow:hidden}.slideshowSlider{background-color:var(--tar-black-color);margin:15px;transition:1s ease;white-space:nowrap}.slide{display:inline-block;height:100%;overflow:hidden;width:100%}.white-sp-nw{white-space:nowrap!important}*{box-sizing:border-box;margin:0;padding:0}.bottomnavbar{background:#fff;border-radius:12px 12px 0 0;border-top:1px solid #f5f5f5;bottom:0;color:#89cdff;display:grid;grid-template-columns:repeat(4,1fr);height:62px;position:fixed;width:100%;z-index:99}.nav-col{align-items:center;color:#0009;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;text-decoration:none}.nav-col svg{height:1.6em;width:1.6em}.nav-col p{font-size:12px}.navBtnAnimate{animation-duration:.2s;animation-name:animateZoom2;animation-timing-function:linear;color:#0093ff}@keyframes animateZoom2{0%{transform:scale(.8)}to{transform:scale(1)}}
/*# sourceMappingURL=main.d90a3a25.css.map*/