@import"responsive.min.css";@import"overlay.min.css";@import"reset.min.css";@import"spin.min.css";@font-face{font-family:"DBOzone";src:url("Fonts/DBOzoneXBdv3.2.ttf") format("truetype");src:url("Fonts/DBOzoneXItv3.2.ttf") format("truetype");src:url("Fonts/DBOzoneXLiv3.2.ttf") format("truetype");src:url("Fonts/DBOzoneXMedv3.2.ttf") format("truetype");src:url("Fonts/DBOzoneXv3.2.ttf") format("truetype");font-display:swap;}body{height:100vh;width:100vw;font-family:"DBOzone",sans-serif!important;background-color:#3364cb;color:#2051b7;line-height:normal;}body{font-size:20px;}@media screen and (min-width:320px){body{font-size:calc(20px + 4*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){body{font-size:24px!important;}}header{height:10vh;background:linear-gradient(90deg,#f3f7fe,#d0e0fc);text-align:center;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;}header img{box-sizing:border-box;height:100%;max-width:100%;padding:.5rem;}.btn{border-radius:.5rem;border:1px solid;}.btn{font-size:20px;}@media screen and (min-width:320px){.btn{font-size:calc(20px + 4*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){.btn{font-size:24px!important;}}.btn.btn-1{padding:.5rem;}.btn.btn-2{padding:.25rem .35rem;}.btn.btn-3{padding:.25rem 1rem;}.btn.btn-4{padding:.5rem;margin:.25rem;}.btn.w-35{width:35%;}.btn.w-40{width:40%;}.btn.w-90{width:90%;}.btn.main{border-color:#3364cb;background-color:#3364cb;color:#fff;}.btn.sec{border-color:#3364cb;background-color:#fff;color:#3364cb;}.btn.third{border-color:#fdbc3b;background-color:#fdbc3b;color:#fff;}.btn.suit{border-color:#19459d;background-color:#19459d;color:#fff;}.btn.digitalid{border-color:#e6e6e6;background-color:#e6e6e6;color:#2051b7;}.btn.back{border-color:#ced4da;background-color:#ced4da;color:#343a40;}.btn.disable{opacity:.5;}.btn.hover:hover{opacity:.8;}.f-1{flex:1;}.error,.register{color:#000;}.error .title,.register .title{font-weight:bolder;margin:1rem auto;text-align:center;}.error .title,.register .title{font-size:22px;}@media screen and (min-width:320px){.error .title,.register .title{font-size:calc(22px + 4*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){.error .title,.register .title{font-size:26px!important;}}.error .msg,.register .msg{margin:3rem auto;text-align:center;}.error .msg label,.register .msg label{font-weight:bold;}.err-msg{display:flex;justify-content:center;padding:.75rem;text-align:center;}.field-validation-error,.field-validation-valid{color:#f00;}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;}.login-page .login-card{display:flex;flex-direction:column;width:100%;max-width:860px;margin:.75rem;padding:.75rem;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);}.login-page .title-login{display:flex;flex-direction:column;flex:1;padding:1rem;}.login-page .title-login .logo{height:8vh;margin:0 auto;}.login-page .title-login .logo img{max-width:100%;height:100%;}.login-page .title-login .title{margin:1rem auto 0;}.login-page .title-login .title{font-size:30px;}@media screen and (min-width:320px){.login-page .title-login .title{font-size:calc(30px + 4*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){.login-page .title-login .title{font-size:34px!important;}}.login-page .form-login{display:flex;flex-wrap:wrap;column-gap:1rem;}.login-page .form-login .main-login,.login-page .form-login .digitalid-login{flex:1 400px;padding:1rem;}.login-page .form-login .main-login{padding-right:2rem;border-right:1px solid #e6e6e6;}.login-page .form-login .main-login .form-group{margin-bottom:1rem;}.login-page .form-login .main-login .form-group label{font-size:22px;}@media screen and (min-width:320px){.login-page .form-login .main-login .form-group label{font-size:calc(22px + 2*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){.login-page .form-login .main-login .form-group label{font-size:24px!important;}}.login-page .form-login .main-login .form-group .form-control{color:#2051b7;font-weight:bolder;text-transform:uppercase;padding:.25rem .75rem;}.login-page .form-login .main-login .form-group .form-control{font-size:20px;}@media screen and (min-width:320px){.login-page .form-login .main-login .form-group .form-control{font-size:calc(20px + 4*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){.login-page .form-login .main-login .form-group .form-control{font-size:24px!important;}}.login-page .form-login .main-login .form-group .form-control:focus{border-color:#2051b7;-webkit-box-shadow:none;box-shadow:none;}.login-page .form-login .main-login .login-button{display:flex;justify-content:center;gap:.5rem;padding:.5rem 0;}.login-page .form-login .main-login .login-button button{width:100%;max-width:500px;}.login-page .form-login .digitalid-login .title{display:flex;justify-content:center;}.login-page .form-login .digitalid-login .title{font-size:18px;}@media screen and (min-width:320px){.login-page .form-login .digitalid-login .title{font-size:calc(18px + 4*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){.login-page .form-login .digitalid-login .title{font-size:22px!important;}}.login-page .form-login .digitalid-login .lst-login-type{display:flex;flex-direction:column;justify-content:center;margin:1rem 0;row-gap:.5rem;}.login-page .form-login .digitalid-login .lst-login-type button{display:flex;justify-content:center;align-items:center;width:100%;max-width:500px;margin:auto;font-weight:bolder;}.login-page .form-login .digitalid-login .lst-login-type button .lbl{display:flex;justify-content:center;align-items:center;flex:1;}.login-page .form-login .digitalid-login .lst-login-type button .lbl .img-btn{width:30px;height:30px;margin:0 .5rem;}.login-page .form-login .digitalid-login .lst-login-type button .info{display:flex;justify-content:center;align-items:center;}.menu-page{display:flex;align-items:start;justify-content:center;height:90vh;}.menu-page .menu-card{display:flex;flex-direction:column;width:100%;max-width:860px;margin:3rem .75rem .75rem;padding:.75rem;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);}.menu-page .menu-card .title{font-weight:bolder;margin:.75rem auto;padding:.5rem;}.menu-page .menu-card .title{font-size:26px;}@media screen and (min-width:320px){.menu-page .menu-card .title{font-size:calc(26px + 4*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){.menu-page .menu-card .title{font-size:30px!important;}}.menu-page .menu-card .lst-menu{margin:.75rem;padding:.5rem;}.menu-page .menu-card .lst-menu .menu-item{display:flex;justify-content:center;margin-bottom:.75rem;}.menu-page .menu-card .lst-menu .menu-item button{max-width:500px;}#md_login .modal-body,#md_share .modal-body,#md_callback .modal-body{display:flex;justify-content:center;align-content:center;flex-direction:column;}#md_login .modal-body .md-title,#md_login .modal-body .md-msg,#md_login .modal-body .md-btn,#md_share .modal-body .md-title,#md_share .modal-body .md-msg,#md_share .modal-body .md-btn,#md_callback .modal-body .md-title,#md_callback .modal-body .md-msg,#md_callback .modal-body .md-btn{display:flex;justify-content:center;text-align:center;}#md_login .modal-body .md-title,#md_share .modal-body .md-title,#md_callback .modal-body .md-title{font-weight:bolder;margin:.5rem 0;}#md_login .modal-body .md-title,#md_share .modal-body .md-title,#md_callback .modal-body .md-title{font-size:22px;}@media screen and (min-width:320px){#md_login .modal-body .md-title,#md_share .modal-body .md-title,#md_callback .modal-body .md-title{font-size:calc(22px + 4*((100vw - 320px)/880))!important;}}@media screen and (min-width:1200px){#md_login .modal-body .md-title,#md_share .modal-body .md-title,#md_callback .modal-body .md-title{font-size:26px!important;}}#md_login .modal-body .md-msg,#md_share .modal-body .md-msg,#md_callback .modal-body .md-msg{margin:.5rem 0;}#md_login .modal-body .md-btn,#md_share .modal-body .md-btn,#md_callback .modal-body .md-btn{display:flex;justify-content:center;row-gap:.5rem;column-gap:.75rem;margin:.5rem 0 0;}#md_login .modal-body .md-btn.d-column,#md_share .modal-body .md-btn.d-column,#md_callback .modal-body .md-btn.d-column{flex-direction:column;}#md_login .modal-body .md-btn.d-row,#md_share .modal-body .md-btn.d-row,#md_callback .modal-body .md-btn.d-row{flex-direction:row;}#md_login .modal-body .md-btn button,#md_share .modal-body .md-btn button,#md_callback .modal-body .md-btn button{max-width:350px;margin:auto;}#md_thailogin .download-app{padding:.5rem;text-indent:0!important;font-weight:normal;}#md_thailogin .download-app .topic{text-decoration:underline;font-weight:bolder;margin-bottom:.35rem;}#md_thailogin .download-app label{display:block;}#md_thailogin .download-app .more-thaid{margin-top:1rem;}#md_thailogin .download-app .more-thaid span{text-decoration:underline;color:#3364cb;cursor:pointer;font-weight:bolder;}#md_thailogin .how-to-login{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:.5rem;gap:1rem;}#md_thailogin .how-to-login img{width:50px;height:50px;}#md_thailogin .how-to-login .login-desc{padding:.5rem;text-indent:0!important;font-weight:normal;}#md_thailogin .how-to-login .login-desc .topic{text-decoration:underline;font-weight:bolder;margin-bottom:.35rem;}#md_thailogin .how-to-login .login-desc label{display:block;}