@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap";:root{--primary-color: #58cdff;--secondary-color: #649cef;--tertiary-color: #c3e6fc;--fade-primary-color: #58cdff4f;--fade-secondary-color: #649cef4f;--fade-tertiary-color: #f2faff4f;--transparent-primary-color: #dbeef34b;--transparent-secondary-color: #dbe6eb4b;--light-primary-color: #dbeef3;--light-secondary-color: #dbe6eb;--dark-primary-color: #dbeef3cc;--dark-secondary-color: #dbe6ebcc;--highlight-primary-color: #dff6ff;--lowlight-primary-color: #f4ffff;--highlight-border-color: #00b7ff;--lowlight-border-color: #9ce3ff;--navbar-background-color: #ffffff;--navbar-background-transparent: #ffffff00;--navbar-color: #000000;--navbar-color-hover: #068cca;--transparent-overlay-color: #ffffff80;--font-color: #000000;--disabled-font-color: #999999;--alert-font-color: #ffbbbb;--alert-background-color: #ffd1d1;--highlight-font-color: #ffffff;--active-font-color: #ff0000;--inactive-font-color: #999999;--title-font-color: #ffffff;--placeholder-color: #999999;--button-color: #353535;--button-background: #b7e9ff;--button-danger-background: #f65151;--button-danger-color: #353535;--button-hover-background: #333333;--button-active-background: #125280;--button-inactive-background: #285676;--icon-button-color: #000000;--input-background: #e6e6e6;--input-disabled-background: #f7f7f7;--display-background: #f3f3f3;--table-background: #f5f5f5;--table-header-background: #3683a7;--table-footer-background: #cdcdcd;--table-even-background: #eff5f7;--table-hover-background: #cfedfa;--table-selected-background: #97dfff;--datepicker-week-end-backgound: #f9cdca;--menu-background: #efefef;--fade-primary-menu-background: #efefefd6;--fade-secondary-menu-background: #efefef99;--fieldset-border-color: var(--table-header-background);--outsiderbox-color: #d2f2ff;--ocs-form-background: #ffffff;--fade-primary-ocs-form-background: #ffffffd6;--fade-secondary-ocs-form-background: #ffffff99}*,*:before,*:after{box-sizing:border-box;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans Thai,-apple-system,system-ui,Avenir,Helvetica,Arial,sans-serif}html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bbr-body{position:absolute;width:100%;height:100%;min-height:100%;min-height:-webkit-fill-available!important;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;background:linear-gradient(var(--fade-primary-color),rgba(0,0,0,0) 60%),linear-gradient(-45deg,var(--fade-secondary-color) 25%,var(--fade-tertiary-color) 75%)!important;background:-webkit-linear-gradient(var(--fade-primary-color),rgba(0,0,0,0) 60%),-webkit-linear-gradient(-45deg,var(--fade-secondary-color) 25%,var(--fade-tertiary-color) 75%)!important}@media(max-width:992px){html,body{min-height:100vh;min-height:-webkit-fill-available;min-height:-moz-available;min-height:fill-available;min-height:stretch}}button{outline:none!important;border:none;position:relative;color:var(--button-color);background:var(--button-background);text-transform:uppercase;height:auto;font-size:1em;min-height:40px;border-radius:30px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 30px;margin:0 10px;flex-wrap:wrap;cursor:pointer}button.bbr-ctrl-button-danger{background:var(--button-danger-background);color:var(--button-danger-color)}button.bbr-ctrl-button-icon-circle{outline:1px!important;min-width:40px!important;min-height:40px!important;padding:0;border-radius:50%;border:solid 1px;border-color:var(--button-background);background-color:var(--button-background)}input{font-size:1em;font-weight:400;line-height:1.5;color:var(--font-color);display:flex;border:none;outline:none;width:100%;background:var(--input-background);height:40px;min-height:40px;border-radius:25px;align-items:center;padding:0 20px;caret-color:var(--font-color)}.bbr-ctrl-input{position:relative;width:100%;display:flex}.bbr-ctrl-input:has(.bbr-ctrl-input-hint) input{border:1px solid rgba(255,0,0,.5);animation:inputSoftError .3s ease-out}@keyframes inputSoftError{0%{box-shadow:0 0 #f000}to{box-shadow:0 4px 12px #ff000040}}.bbr-ctrl-input .bbr-ctrl-input-hint{position:absolute;margin-top:42px;font-size:.8em;align-content:end;margin-left:20px;color:red}.bbr-ctrl-input-password-strength-bar{position:relative;margin-top:25px;width:100%}.bbr-ctrl-input-password-strength-bar .password-progress-bar{height:6px;border-radius:4px;background-color:#e0e0e0}.bbr-ctrl-input-password-strength-bar .password-progress-bar-level{position:absolute;top:0;height:6px;border-radius:4px;transition:width .3s ease,background-color .3s ease}.bbr-ctrl-input-password-strength-bar .password-progress-bar-level.low{background-color:#ff4d4f}.bbr-ctrl-input-password-strength-bar .password-progress-bar-level.normal{background-color:#faad14}.bbr-ctrl-input-password-strength-bar .password-progress-bar-level.strong{background-color:#52c41a}.bbr-ctrl-input-password-strength-bar .password-progress-label{display:flex;justify-content:space-between}.bbr-ctrl-input-password-strength-bar .password-progress-label span{font-size:12px;opacity:.8;margin-top:4px;display:inline-block}.bbr-form{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.bbr-form-home{display:grid;place-items:center;padding:clamp(18px,3vw,40px);background:linear-gradient(140deg,#e0f7ff,#b3e5ff,#80d4ff);width:100vw;height:100vh}.bbr-form-home-box{display:flex;border:1px solid rgba(15,23,42,.1);border-radius:15px;box-shadow:0 24px 60px #0206171a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(22px,3.2vw,42px);overflow:hidden;position:relative;background-color:#fff;justify-content:center;align-items:center;flex-direction:column}.bbr-loading-overlay{position:absolute;top:0;left:0;width:50%;height:100%;background:#fffc;z-index:999;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;transition:transform .6s ease-in-out}.bbr-loading-overlay .bbr-loading-overlay-spinner{width:48px;height:48px;border:6px solid transparent;border-top-color:#3498db;border-left-color:#3498db;border-radius:50%;animation:bbr-spin .8s linear infinite}@keyframes bbr-spin{to{transform:rotate(360deg)}}.bbr-form-signation.right-panel-active .bbr-loading-overlay{left:auto;transform:translate(100%)}.bbr-form-signation{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #57575740,0 10px 10px #ffffff38;position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.bbr-form-signation.bbr-form-signation-onlysignin{width:384px!important}.bbr-form-signation.right-panel-active .bbr-form-signation-signup{transform:translate(100%);opacity:1;z-index:5;transition:opacity .6s ease-in,transform .3s ease-out}.bbr-form-signation.right-panel-active .bbr-form-signation-signin{transform:translate(100%);opacity:0;transition:opacity .3s ease-out,transform .6s ease-in}.bbr-form-signation .bbr-form-signation-signup,.bbr-form-signation .bbr-form-signation-signin{left:0;width:50%;padding:20px;background-color:#fff;display:flex;flex-direction:column;align-items:center}.bbr-form-signation .bbr-form-signation-signup{z-index:1;opacity:0;transition:opacity .3s ease-out,transform .6s ease-in}.bbr-form-signation .bbr-form-signation-signin{z-index:2;opacity:1;transition:opacity .6s ease-in,transform .3s ease-out}.bbr-form-signation .bbr-form-signation-signin-title{margin-bottom:30px}.bbr-form-signation-signin-oath{display:flex;flex-direction:column;margin-top:20px;align-items:center}.bbr-form-signation-signin-oath .bbr-form-signation-signin-oath-title{margin-bottom:10px}.bbr-form-signation-signin-oath .bbr-form-signation-signin-oath-list{display:flex;flex-direction:row}.bbr-form-signation-signin-oath .bbr-form-signation-signin-oath-list .bbr-ctrl-button-icon-circle svg{width:20px;height:20px}.bbr-form-signation-overlay{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.bbr-form-signation-overlay .bbr-form-signation-overlay-body{background:var(--secondary-color);background:-webkit-linear-gradient(to right,var(--secondary-color),var(--tertiary-color));background:linear-gradient(to right,var(--secondary-color),var(--tertiary-color));background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#353535;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:transform .6s ease-in-out}.bbr-form-signation-overlay .bbr-form-signation-overlay-body .bbr-form-signation-overlay-body-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translate(0);transition:all .6s ease-in-out}.bbr-form-signation-overlay .bbr-form-signation-overlay-body .bbr-form-signation-overlay-body-panel.overlay-left{transform:translate(0)}.bbr-form-signation-overlay .bbr-form-signation-overlay-body .bbr-form-signation-overlay-body-panel.overlay-right{right:0;transform:translate(0)}.bbr-form-signation.right-panel-active .overlay-left,.bbr-form-signation.right-panel-active .overlay-right{transform:translate(0)}.bbr-form-signation.right-panel-active .bbr-form-signation-overlay{transform:translate(-100%)}.bbr-form-signation.right-panel-active .bbr-form-signation-overlay-body{transform:translate(50%)}@media(max-width:768px){.bbr-form-signation{width:90%;top:35px;height:calc(90% - 70px)}.bbr-form-signation .bbr-form-signation-signup,.bbr-form-signation .bbr-form-signation-signin{width:100%}.bbr-form-signation.right-panel-active .bbr-form-signation-signup{transform:translateY(40%)}.bbr-form-signation.right-panel-active .bbr-form-signation-signin{transform:translateY(0)}.bbr-form-signation .bbr-form-signation-overlay{top:0;left:0;width:100%;height:40%;transform:translateY(150%)}.bbr-form-signation .bbr-form-signation-overlay .bbr-form-signation-overlay-body{width:100%;transform:translate(100%)}.bbr-form-signation .bbr-form-signation-overlay .bbr-form-signation-overlay-body .bbr-form-signation-overlay-body-panel.overlay-left{transform:translateY(-150%);width:100%}.bbr-form-signation .bbr-form-signation-overlay .bbr-form-signation-overlay-body .bbr-form-signation-overlay-body-panel.overlay-right{transform:translateY(0);width:100%}.bbr-form-signation.right-panel-active .bbr-form-signation-overlay{transform:translate(0)}.bbr-form-signation.right-panel-active .bbr-form-signation-overlay .bbr-form-signation-overlay-body{transform:translate(100%);width:100%}.bbr-form-signation.right-panel-active .bbr-form-signation-overlay .bbr-form-signation-overlay-body .bbr-form-signation-overlay-body-panel.overlay-left{transform:translateY(0)}.bbr-form-signation.right-panel-active .bbr-form-signation-overlay .bbr-form-signation-overlay-body .bbr-form-signation-overlay-body-panel.overlay-right{transform:translateY(100%)}}.bbr-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.bbr-modal .bbr-modal-form{background-color:#fff;padding:20px;display:flex;border-radius:10px;flex-direction:column;align-items:center;max-width:90%}.bbr-modal .bbr-modal-form .bbr-modal-form-content{display:flex;flex-direction:row;align-items:center;width:100%}.bbr-modal .bbr-modal-form .bbr-modal-form-content .bbr-modal-form-content-icon{display:flex;width:80px;height:80px;margin-right:20px}.bbr-modal .bbr-modal-form .bbr-modal-form-content .bbr-modal-form-content-title{font-size:1.5em;font-weight:700;margin:0 0 10px;word-wrap:break-word;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:break-spaces}.bbr-modal .bbr-modal-form .bbr-modal-form-content .bbr-modal-form-content-subtitle{font-size:1em;word-wrap:break-word;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:break-spaces}.bbr-modal .bbr-modal-form .bbr-modal-form-actions{display:flex;margin-top:20px}.bbr-ctrl-lang-switcher{position:relative;display:inline-block}.bbr-ctrl-lang-button{background:transparent;color:#000;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;gap:6px;padding:6px 10px}.bbr-ctrl-lang-short{font-weight:700;font-size:16px}.bbr-ctrl-lang-menu{position:absolute;top:40px;right:0;opacity:1;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 0;min-width:140px;z-index:100}.bbr-ctrl-lang-icon{width:30px;height:30px}.bbr-ctrl-lang-item{padding:8px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s}.bbr-ctrl-lang-item:hover{background:#f0f0f0}.bbr-ctrl-lang-label{font-size:14px}@media(max-width:768px){.bbr-ctrl-lang-switcher{display:flex;height:auto;width:100%;max-height:100vh;opacity:1;transform:translateY(0);flex-direction:column}.bbr-ctrl-lang-menu{position:relative!important;top:0;background:#f7f7f7;border-radius:0;width:100%!important;box-shadow:none!important;padding:8px 0;min-width:auto;z-index:100}}.bbr-navbar{position:fixed;display:flex;justify-content:space-between;align-items:center;padding:0 20px;top:0;height:70px;width:100%;z-index:998;background:var(--navbar-background-transparent);transition:background .3s ease}.bbr-navbar .bbr-navbar-scrolled{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bbr-navbar-logo img{height:60px}.bbr-navbar-links{display:flex;align-items:center;gap:20px;transition:all .25s ease}.bbr-navbar-links a{text-decoration:none;color:var(--navbar-color)}.bbr-navbar-links a:hover{color:var(--navbar-color-hover)}.bbr-navbar-links .bbr-navbar-userinfo{display:flex;align-items:center;gap:10px}.bbr-hamburger{display:none;flex-direction:column;justify-content:center;gap:4px;width:28px;height:24px;border:none;background:transparent;cursor:pointer;padding:0}.bbr-hamburger span{display:block;height:3px;width:100%;background:#333;border-radius:2px;transition:all .25s ease}.bbr-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.bbr-hamburger.open span:nth-child(2){opacity:0}.bbr-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.bbr-navbar{background-color:var(--navbar-background-color)}.bbr-navbar-links{position:absolute;top:70px;right:0;width:100%;padding:20px;background-color:#fff;flex-direction:column;max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:max-height .5s ease,opacity .4s ease,transform .4s ease}.bbr-navbar-links.open{display:flex;height:100vh;max-height:100vh;opacity:1;transform:translateY(0)}.bbr-hamburger{display:flex}}