*{font-family:Roboto,Prompt,Sarabun,sans-serif}.dev-mode-view{position:fixed;bottom:.5em;left:.5em;opacity:.8}.dev-mode-view span{font-size:1em;color:#fefefe;text-shadow:.1em .1em .1em rgba(0,0,0,.3)}@font-face{font-family:Mokoto;src:url(Mokoto_Demo.2a02e96315a2f59f.ttf) format("truetype");font-weight:400;font-style:normal}.app{background:rgb(10,19,44)!important}.app-bg{position:fixed;inset:0;background:url(CPIRD_BG_AI.230f4efe299e192d.png) no-repeat 0 0 fixed;background-size:cover;z-index:-1;opacity:.4}.btn-pr,.btn-login:not(.menu-tab){background-color:#215ddd!important;font-size:.8em!important}.btn-pr:hover{background-color:#4873cf!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgb(15,46,65)}::-webkit-scrollbar-thumb{background:#4e5764;border-radius:.25em}::-webkit-scrollbar-thumb:hover{background:#18202b}.error-box{padding:1em;background-color:#feffdb;text-align:center;color:#8b0000;margin-top:1em;font-family:Sarabun,sans-serif}.app-page-menu{padding:0 .5em;display:flex;flex-direction:column;transition-duration:1s;transition-delay:.1s}.app-page-menu .menu-brand,.app-page-menu .menu-bars{display:none}.app-page-menu .menu-buttons{flex-direction:row;justify-content:start;flex-wrap:wrap;display:none;margin-top:1em}.app-page-menu .menu-buttons .menu-button{width:calc(100% - .6em);padding:.75em 1em;line-height:1em;border-radius:.5em;background:rgba(0,0,0,.5);cursor:pointer;transition-duration:.5s;transition-delay:.2s;margin:.3em;text-align:center}.app-page-menu .menu-tabs{flex:1;display:flex;flex-direction:row;position:relative;height:3em;justify-content:center;overflow:hidden;overflow-x:auto;opacity:0}.app-page-menu .menu-tabs .menu-tab{padding:.25em .5em;line-height:1em;border-radius:.5em .5em 0 0;background:rgba(0,0,0,.5);cursor:pointer;transition-duration:.5s;transition-delay:.1s;width:8em;height:2em;text-align:center;margin:1em .2em 0}.app-page-menu .menu-tabs .menu-tab span{font-size:.9em}.app-page-menu .menu-tabs .menu-tab .lb-th{display:none}.app-page-menu .menu-tabs .menu-tab:hover{color:#0b1122;background:rgb(255,255,255)!important;height:3em;margin-top:0}.app-page-menu.menu-fixed-top{position:sticky;z-index:1000;width:100%;top:0;height:2.8em}.app-page-menu.menu-fixed-top .menu-brand{display:flex;flex-direction:row;position:absolute;top:.2em;left:.5em;font-size:1.3em;font-weight:500}.app-page-menu.menu-fixed-top .menu-brand .logo{height:1.65em;width:1.65em;padding-right:.3em}.app-page-menu.menu-fixed-top .menu-brand .logo img{width:100%;height:100%;object-fit:contain}.app-page-menu.menu-fixed-top .menu-brand span{margin-top:.15em}.app-page-menu.menu-fixed-top .menu-tabs{font-size:.7em;opacity:1;justify-content:end;margin-top:.5em}.app-page-menu.menu-fixed-top .menu-tabs .menu-tab{margin-top:.25em;border-radius:0;background:none;height:2em;display:flex;justify-content:center;align-items:center;width:auto}.app-page-menu.menu-fixed-top .menu-tabs .menu-tab .lb-en{display:none}.app-page-menu.menu-fixed-top .menu-tabs .menu-tab .lb-th{display:inline-block;font-weight:500}.app-page-menu.menu-fixed-top .menu-tabs .menu-tab:not(:last-child){border-right:2px solid rgba(255,255,255,.1)}.app-page-menu.menu-fixed-top .menu-tabs .menu-tab:hover{border-right:2px solid rgba(255,255,255,0);border-radius:.75em;background:rgb(255,255,255)}.app-page-menu.menu-fixed-top .menu-tabs .menu-tab:hover span{font-weight:500!important}.app-page-menu.menu-fixed-top .btn-register{background:rgb(182,255,160)!important;border-radius:.2em!important;min-width:6em!important}.app-page-menu.menu-fixed-top .btn-register span{color:#2e3c62!important;font-weight:500!important}.app-page-menu.menu-fixed-top .btn-login{background-color:#215ddd!important;border-radius:.2em!important;min-width:6em!important}.app-page-menu.menu-fixed-top .btn-login span{color:#fff!important;font-weight:500!important}.app-page-menu.menu-fixed-top .btn-register:hover{background:rgb(36,156,0)!important}.app-page-menu.menu-fixed-top .btn-register:hover span{color:#fff!important}.app-page-menu.menu-fixed-top .btn-login:hover{background:rgb(255,187,0)!important}.app-page-menu.menu-fixed-top .btn-login:hover span{color:#2e3c62!important}.app-page-menu.menu-fixed-top .menu-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:url(bg02.282eda9a38013028.png);background-repeat:no-repeat;background-position:0% 86%;background-size:cover;z-index:-1}.app-page-menu.menu-fixed-top .menu-bg2{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#081129;z-index:-2}@media screen and (max-width: 768px){.app{font-size:18px}.app .app-content .app-page-menu{height:calc(3em - 3px)!important;overflow:hidden;transition-duration:1s}.app .app-content .app-page-menu .menu-brand{top:.3em;left:.5em}.app .app-content .app-page-menu .menu-bars{display:none}.app .app-content .app-page-menu .menu-buttons{display:flex;justify-content:center!important;display:none}.app .app-content .app-page-menu .menu-buttons .lb-en{line-height:1.5em}.app .app-content .app-page-menu .menu-buttons .lb-th{line-height:2em;font-size:1.1em}.app .app-content .app-page-menu .menu-tabs{display:none}.app .app-content .app-page-menu.menu-fixed-top .menu-bars{display:inline-block;position:absolute;top:.3em;right:.5em;font-weight:500}.app .app-content .app-page-menu.menu-fixed-top .menu-bars .bars{font-size:1.5em}.app .app-content .app-page-menu.menu-fixed-top .menu-buttons{display:flex;margin-top:4em;margin-bottom:2em}.app .app-content .app-page-menu.menu-fixed-top .menu-buttons .btn-login,.app .app-content .app-page-menu.menu-fixed-top .menu-buttons .btn-register{width:100%!important}.app .app-content .app-page-menu.menu-fixed-top.show{height:auto!important;box-shadow:0 .5em .5em #0000004d}.app .app-content .app-page-menu.menu-fixed-top.show .menu-bg2{background-color:#1f2d50}}.datepicker-switch{pointer-events:none}.datepicker-days td.old,.datepicker-days td.new{opacity:0;pointer-events:none}.datepicker table tr td{border-radius:0;border:2px solid transparent}.datepicker table tr td.disabled{background:none;opacity:.3}.main-loading.loading-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000bf;color:#fefefe;line-height:2em;font-size:1.5em;text-align:center;z-index:999}