:root{--main-accent1:#002575;--main-accent2:#ff8900;--label-info:#5bc0de;--label-warning:#5bc0de;--label-danger:#5bc0de;--label-success:#5cb85c;--label-primary:#337ab7}html,body{font-family:'chulabhorn likit text regular';overflow-x:hidden}body{display:flex;flex-direction:column}@media(max-width:767.98px){.offcanvas-collapse{position:fixed;top:38px;bottom:0;right:-20px;width:60%;z-index:999;padding-right:1rem;padding-left:1rem;overflow-y:auto;background-color:#696969;padding-top:1em;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateX(100%);transform:translateX(100%);box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}.offcanvas-collapse.open{-webkit-transform:translateX(-1rem);transform:translateX(-1rem);background-color:#696969;padding-top:1em;box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}}.nav-scroller{position:relative;z-index:2;height:2.5rem;overflow-y:hidden}.nav-scroller .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding-bottom:1rem;overflow-x:auto;color:rgba(255,255,255,.75);text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.nav-underline .nav-link{padding-top:.75rem;padding-bottom:.75rem;font-size:1em;color:#002575;font-family:'chulabhorn likit text bold'}.nav-underline .nav-link:hover{color:#fff}.nav-underline .active{font-weight:500;color:var(--gray-dark)}@media(max-width:767.98px){.nav-underline .nav-link{padding-top:.75rem;padding-bottom:.75rem;font-size:.75em;color:#002575;font-family:'chulabhorn likit text bold'}.nav-underline .nav-link:hover{color:#fff}.nav-underline .active{font-weight:500;color:var(--gray-dark)}}.text-white-50{color:rgba(255,255,255,.5)}.border-bottom{border-bottom:1px solid #e5e5e5}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}.lh-100{line-height:1}.lh-125{line-height:1.25}.lh-150{line-height:1.5}li.nav-item{border:2px solid #ff8900;border-radius:14px;font-size:1em;margin:auto .5em;background-color:#ff8900}li.nav-item:hover{border:2px solid var(--main-accent2)}li.nav-item>a.nav-link{padding:3px 5px;color:#222 !important}li.nav-item>a.nav-link:hover{border-radius:14px;background-color:#18278a;color:#fff !important}li.nav-item>hr{border-top:1px solid #ff8900}li.nav-item-sys{border:2px solid #ff8900;border-radius:14px;font-size:1em;margin:auto .5em;background-color:#ff8900;display:none}@media(max-width:767.98px){li.nav-item{border:2px solid #696969;border-radius:14px;background-color:#696969}li.nav-item>a.nav-link{padding:3px 5px;color:#fff !important}li.nav-item>hr{border-top:1px solid #ff8900}li.nav-item-sys{border:2px solid #696969;border-radius:1em;background-color:#696969;display:block}li.nav-item-sys>hr{border-top:.1em solid #ff8900}li.nav-item-sys>a.nav-link{padding:3px 5px;color:#fff !important}}main{flex:1}.zIndex{position:absolute;left:0;top:0;z-index:999}.boxShadow{box-shadow:0 5px 5px 0 rgba(0,0,0,.15)}.shortCut{padding:.5em}@media(max-width:767.98px){.shortCut{padding:.5em}}@media(max-width:767.98px){.banner{padding:0;padding-top:-1em;padding-bottom:-1em;margin-left:-1em;margin-right:-1em}}.mainBanner{padding:0}@media(max-width:767.98px){.mainBanner{padding:0}}.bannerShortCut{padding:0}@media(max-width:767.98px){.bannerShortCut{padding:0}}.iconBtn{border:3px solid #f93;width:7em;height:7em}@media(max-width:767.98px){.iconBtn{border:3px solid #fff;width:4em;height:4em}}.frontendcard{padding:1em;background-color:transparent}.frontendlogo{top:0;height:12em;margin-left:1em}@media(max-width:767.98px){.frontendlogo{top:0;height:6.5em;margin-left:1em}}.frontendnav{padding-left:11em}@media(max-width:767.98px){.frontendnav{padding-left:6em}}.bg-Nav{background-color:#01278a;color:#f0f8ff}.bg-Menu{background-color:#ff8900}.bg-MenuOperation{background-color:#fff;color:#fff}.font-Size{font-size:1.25em}@media(max-width:767.98px){.font-Size{font-size:.6em}}.font-header-title{font-size:1.5em}.font-menu-name{font-size:1em;justify-content:center}.font-menu-section{font-size:1em}.font-menu-section>a{font-size:1em;color:#fff}.ImgCard{height:15em;object-fit:cover}.BgCard{background-color:#002575;line-height:3.5;font-size:1.25em}.BgCard1{background-color:#ff8900;line-height:3.5;font-size:1.25em}.carousel-indicators>li{width:16px;height:16px;border-radius:100%;margin:auto 5px}.carousel-indicators>li.active{background-color:#ff8900}.user-avatar img{height:300px;width:300px;object-fit:cover;border:5px solid #fff;box-shadow:0 0 3px 0}.user-avatar button{position:absolute;bottom:-15px;right:-15px;padding:10px;border-radius:50%;box-shadow:0 1px 3px 0 #666}.ui-state-error{border-color:#dc3545 !important;color:#dc3545 !important;margin-bottom:0}.bootstrap-datetimepicker-widget.dropdown-menu{width:auto}.bootstrap-datetimepicker-widget table thead{color:var(--main-accent1)}.bootstrap-datetimepicker-widget table th,.bootstrap-datetimepicker-widget table td{padding:10px}.bootstrap-datetimepicker-widget table td span.active{background-color:var(--main-accent2)}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:var(--main-accent2)}.select2-container--bootstrap4{width:100% !important}.select2-selection__choice{background-color:rgba(239,239,239) !important;margin-left:.375rem !important;float:none !important;display:inline-block !important}.select2-selection__choice button{border:0 !important}.select2-selection__clear{color:#666 !important;font-size:2em !important;margin:5px 15px !important}.select2-selection__clear:hover{background-color:transparent !important}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label-info{background-color:var(--label-info)}.label-warning{background-color:var(--label-warning)}.label-success{background-color:var(--label-success)}.label-danger{background-color:var(--label-danger)}.label-primary{background-color:var(--label-primary)}.bootstrap-tagsinput input{border:none;box-shadow:none;outline:none;background-color:transparent;padding:0 6px;margin:0;width:auto;max-width:inherit}.bootstrap-tagsinput{width:100%;text-align:left}