@import url(https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400&display=swap);@import url(https://fonts.googleapis.com/css?family=Sarabun:400,700);@import url(https://fonts.googleapis.com/css?family=Sarabun:400,700);@import url(https://fonts.googleapis.com/css2?family=Public+Sans:wght@550&family=Kanit:wght@500);html,body{font-size:100%;margin:0;padding:0}body{font-family:Sarabun;-webkit-font-smoothing:antialiased;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#2f2f2f}*,*:before,*:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix{clear:both}p{font-family:'Sarabun',sans-serif;font-size:1rem;line-height:2;font-weight:300;color:#000}h1,h2,h3,h4,h5,h6{font-family:'Sarabun',sans-serif;color:#1b2f56}h1{font-size:3rem;line-height:3.6;font-weight:400}h2{font-size:2rem;line-height:2;font-weight:400}h3{font-size:1.8rem;line-height:2;font-weight:400}h4{font-size:1.6rem;line-height:1.4;font-weight:400}h5{font-size:1.4rem;line-height:1.2;font-weight:400}h6{font-size:1.2rem;line-height:1.6;font-weight:400}ul,li,ol{font-family:'Sarabun',sans-serif;font-weight:300;color:#000}ul li{list-style:none;display:list-item}ul li:before{position:absolute;content:"";border:0 #1b2f56 solid!important;border-radius:50px;margin-top:11px;margin-left:-20px;vertical-align:middle}a,a:hover,a:visited,a:active,a:focus{font-family:'Sarabun',sans-serif;outline:0;transition:all 0.5s}img{width:100%;border:0;padding:0;margin:0}.navbar-collapse.collapsing{-webkit-transition:height 0.1s;-moz-transition:height 0.1s;-ms-transition:height 0.1s;-o-transition:height 0.1s;transition:height 0.1s}.swal2-container{z-index:99995}.swal2-popup .swal2-styled:focus{box-shadow:none}.tooltip{z-index:99997}@media screen and (min-width:992px){.navbar-expand-custom{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-custom .navbar-nav{flex-direction:row}.navbar-expand-custom .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-custom .navbar-collapse{display:flex!important}.navbar-expand-custom .navbar-toggler{display:none}}.right-sub-menu{position:absolute;display:block;right:0}#main-search{margin:0;display:inline-block;position:relative;height:40px;float:right;padding:14px 0 0 0;position:relative;color:#fff}#main-search i{font-size:.9rem}#main-search input[type="text"]{display:inline-block;position:absolute;z-index:3;width:0;height:40px;top:0;right:0;padding:3px 20px;font-family:'Sarabun',sans-serif;font-size:1rem;font-weight:400;color:#000;border:none;outline:none;background:none;transition:width .4s cubic-bezier(0,.795,0,1);cursor:pointer}#main-search input[type="text"]:focus:hover{border-bottom:1px solid #BBB}#main-search input[type="text"]:focus{width:250px;z-index:1;cursor:text;background-color:#f6f6f6;margin-right:25px;margin-top:7px;cursor:text}#main-search input[type="submit"]{height:40px;width:40px;display:inline-block;text-indent:-10000px;border:none;position:absolute;top:0;right:0;z-index:2;cursor:pointer;opacity:1;cursor:pointer;transition:opacity .4s ease;background:#fff0}#main-search input[type="submit"]:hover{opacity:.8}.header{width:100%;background-color:#f6f6f6;padding-top:60px}.header .header-wrap{max-width:920px;margin:0 auto;padding:1.6rem 0}.header .header-left{text-align:left}.header .header-left .logo{display:inline-block;width:80px;height:auto;-webkit-filter:grayscale(50%);filter:grayscale(50%)}.header .header-left .header-title{vertical-align:top;display:inline-block;padding-top:15px;padding-left:10px}.header .header-left .header-title h2.header-title-th{font-size:25px;line-height:1;font-weight:400}.header .header-left .header-title h5.header-title-en{font-size:15px;line-height:1;font-weight:500;padding-left:2px;padding-top:3px}.header .header-right{display:block;margin-top:3px;text-align:right;z-index:10;height:initial;white-space:nowrap}.header .header-right .header-subtitle{width:auto;padding-right:0;text-decoration:none}.header .header-right .header-subtitle a{text-decoration:none;color:#1b2f56}.header .header-right .header-subtitle a.header-subtitle-th{font-size:17px;line-height:2.4;line-height:1;font-weight:500}.header .header-right .header-subtitle a.header-subtitle-en{font-size:15px;line-height:1.6;font-weight:400}.header .dropdown-menu{padding:0}.header .dropdown-item{padding-top:.5rem;padding-bottom:.5rem}.header .dropdown-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.header .dropdown-item:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.header .dropdown-divider{margin:0}.header .dropdown-item.active,.header .dropdown-item:active{color:#16181b;text-decoration:none;background-color:#d4e9ff}.header .dropdown-item:focus,.header .dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#bfdeff}.dropdown-profile-email::after{vertical-align:1px}.dropdown-profile-email-single::after{display:none}.dropdown-menu-profile-email .dropdown-header{padding-bottom:0}.dropdown-menu-profile-email .dropdown-header svg{padding-right:.1rem}.breadcrumb{width:100%;margin:20px 0;padding:8px 14px 8px 14px;background-color:#eff2f559;border-radius:8px}main{max-width:960px;margin:0 auto}.page-title{display:none;margin-top:30px}.content{margin:40px 0;padding:0}.content h5{padding-bottom:10px}.sidebar-template{display:flex;justify-content:space-between}.content-with-sidebar{width:calc(100% - 260px);height:auto;display:flex;flex-direction:column;padding:0 25px 20px 0}.content-with-sidebar h2{position:relative;color:#1b2f56}.content-with-sidebar .heading-with-underline{display:inline-block;padding-bottom:10px;margin-bottom:20px;border-bottom:3px solid #1b2f56}.content-with-sidebar h4{color:#1b2f56}.content-with-sidebar h6{font-weight:500;color:#1b2f56;padding-left:2.5rem}.content-with-sidebar p{text-indent:2.5rem}.content-with-sidebar .none-indent{text-indent:0!important}.content-with-sidebar .none-subhead{padding-left:0!important}.content-with-sidebar a.link-in-paragraph{font-weight:500;color:#698b91}.content-with-sidebar p.sub-heading-6{padding-left:2.5rem}.content-with-sidebar ul.sub-heading-6{padding-left:5rem}.content-with-sidebar ul.sub-heading-6 li{margin-top:20px}.content-with-sidebar ul.sub-heading-6 li:first-child{margin-top:0}.content-with-sidebar .chart-box{position:relative;padding:0;padding-left:2.5rem;margin:0}.content-with-sidebar .heading-box{width:100%;margin:0 auto;margin-top:20px;padding:20px 20px 10px 20px;text-align:center;background-color:#1b2f56}.content-with-sidebar .heading-box h6{color:#f6f6f6!important}.content-with-sidebar .paragraph-box{width:100%;margin:0 auto;margin-top:20px;padding:20px 20px 10px 20px;text-align:center;background-color:#f6f6f6}.content-with-sidebar .paragraph-box h6,.content-with-sidebar .paragraph-box p{padding-left:0!important;text-indent:0!important}.content-with-sidebar .paragraph-box-align-left{width:100%;margin:0 auto;padding:20px 20px 10px 20px;text-align:left;background-color:#f6f6f6}.content-with-sidebar .paragraph-box-align-left p{padding-left:0!important}.content-with-sidebar .box-icon-arrow-down{font-size:1rem;display:block;margin:0;margin-top:-15px;padding:0;text-align:center;color:#1b2f56}.content-with-sidebar .box-vertical-line{position:absolute;z-index:-1;width:2px;top:40px;bottom:0;left:calc(50% + 18px);background-color:#1b2f56}.sidebar{width:260px;height:auto;overflow:auto;position:-webkit-sticky;position:sticky;top:80px;margin-top:20px;padding:0;background:#fff;box-shadow:0 4px 8px 0 rgb(150 150 150 / .1),0 3px 20px 0 rgb(150 150 150 / .2);border-top:3px solid #1b2f56;padding:25px 20px 20px 20px}.sidebar ul{line-height:1.8}.sidebar ul li{list-style:none;display:list-item;line-height:1.8}.sidebar ul li:before{display:none}.sidebar .sidebar-body .sidebar-menu{position:relative;display:inline-block}.sidebar .sidebar-body .sidebar-menu h6{font-size:1.2rem;line-height:1.2;font-weight:500;text-decoration:none;color:#1b2f56}.sidebar .sidebar-body .sidebar-menu a:hover{text-decoration:none}.sidebar .sidebar-body .sidebar-menu a:hover:after{opacity:1}.sidebar .sidebar-body .sidebar-menu a:after{position:absolute;width:100%;height:2px;left:0;bottom:5px;background:#1b2f56;content:"";opacity:0;-webkit-transform:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}.sidebar .sidebar-body ul.sidebar-submenu{list-style:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}.sidebar .sidebar-body ul.sidebar-submenu li{position:relative;display:inline-block;margin-left:10px}.sidebar .sidebar-body ul.sidebar-submenu li a{font-size:.95rem;font-weight:500;line-height:1;text-decoration:none;color:#698b91}.sidebar .sidebar-body ul.sidebar-submenu li a:hover:after{opacity:1}.sidebar .sidebar-body ul.sidebar-submenu li a:after{position:absolute;width:100%;height:1px;left:0;bottom:4px;background:rgb(105 140 145 / .85);content:"";opacity:0;-webkit-transform:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}.divider{position:relative;width:400px;margin:20px auto 30px auto;height:1px}.div-transparent:before{content:"";position:absolute;top:0;left:5%;right:5%;width:90%;height:1px;background-image:linear-gradient(to right,transparent,rgb(150 150 150 / .5),transparent)}.page-intro{margin:30px 0 0 0;padding:0}.page-intro h6{font-weight:500}.page-intro h6.law-intro-title{line-height:1.8}.page-intro h6.sub-heading-indent{margin-left:2.5rem}.page-intro .heading-with-underline{display:inline-block;padding-bottom:2px;margin-bottom:20px;border-bottom:3px solid #1b2f56}.page-intro .subhead-with-underline{font-weight:500;text-decoration:underline}.page-intro p{text-indent:2.5rem}.page-intro .sub-number-list{margin-left:1.5rem}.page-intro .list-with-indent{text-indent:2.5rem}.page-intro ul li,.page-intro ol li{margin-bottom:15px}.page-intro .none-indent{text-indent:0!important}.page-intro ul.none-spacing li,.page-intro ol.none-spacing li{margin-bottom:0}.page-intro a.expand-intro{font-size:1rem;line-height:2;font-weight:600;font-style:italic;color:#698b91;text-decoration:none;transition:all 0.5s}.page-intro .free-space{height:20px;visibility:hidden}.page-intro li b,.page-intro p b{font-weight:500}.edit-lineheight-heading2{line-height:1.4;padding-bottom:10px}.page-intro .paragraph-box-align-left{width:100%;margin:0 auto;padding:2.5rem;text-align:left;background-color:#f6f6f6}.page-intro .paragraph-box-align-left p{padding-left:0!important}.sort-container{z-index:2}.topic-container{margin-top:-2rem}@media screen and (max-width:767px){.topic-container{margin-top:1.5rem}}.topic{color:#113f8c;font-weight:700}.topic>svg:first-child{width:1em!important}.topic-sub{color:#737372;font-weight:400;padding-left:38px}.status-sub-container{color:#737372;line-height:2rem}.status-sub-content{padding-left:38px}.status-sub-content input{cursor:pointer}.status-sub-content label{cursor:pointer;margin-left:-.3125rem;padding-left:.3125rem}.status-sub-header{vertical-align:top;white-space:nowrap}.card-board{padding:0;margin:0;border-radius:3px}.card-board .card-body{padding-left:3rem;padding-right:3rem;position:relative}.card-board .card-section{background-color:#f6f6f6;padding:20px 30px;border-top:3px solid #1b2f56;margin-top:40px}.card-board .card-section:first-child{margin-top:0}.card-board .card-section-title{padding-bottom:10px}.card-board .card-section-title h4{color:#1b2f56}.card-board .card{margin:0;margin-bottom:10px;padding:0 5px;box-shadow:0 4px 8px 0 rgb(150 150 150 / .05),0 3px 20px 0 rgb(224 224 224 / .2);border:0;border-radius:0}.card-board .card-section{background-color:initial;padding:20px 0;border-top:0;margin-top:40px}.card-board .badge-prioriry{position:absolute;top:5px;left:-5px;border-radius:0}.card-board .card-link-icon{font-size:1.6rem;margin-top:1.4rem;margin-right:1.4rem}.card-board .card-link-icon a{width:100%;display:block;color:#efefef}.card-board .card-link-icon a:hover{color:#eee}.card-board .card-link-icon a .fa-chevron-right{color:#007bff}.card-board .card-link-icon a .fa-check-circle{color:#28a745}.card-board .card-link-icon a .fa-times-circle{color:#bd2130}.card-board .card-link-icon a .fa-ban{color:#929292}.card-board .card-title{color:#2a6fe2;font-size:1.125rem;font-weight:550;margin-bottom:.5rem}.card-board .card-title h6{font-size:1rem;font-weight:550;margin-bottom:0}.card-board .card-title::before{display:none}.card-board .card-description{font-family:"Sarabun",sans-serif;font-size:.9rem;line-height:1.2;color:#000;color:#929292}.card-board .card-description .card-description-label{font-weight:550}.card-board .card-section .card{margin-bottom:12px}.card-board .badge.badge-primary{background:#2a6fe2;color:#eee}.card-board .badge.badge-sm{font-size:.8rem}.card-board .RequestDate{display:inline}.card-board .RequestTime{display:inline;margin-left:8px}.card-board .card-section-right{border-left:1px solid #eee;padding:20px}.card-board .card .card-document{margin-left:0}.card-document h6{font-size:1rem;font-weight:550}.card-board .card .card-document ul li{display:block}.card-board .card .card-document ul li a::before{font-family:"Font Awesome 5 Free";font-size:1rem;font-weight:900;content:"\f15b";color:rgb(105 140 145 / .4);margin-left:0;padding-right:6px}.card-board .card-section.card-section-filter{padding:20px;border-top:1px dashed #e2e2e2;border-radius:10px}.card-board .card-section .card .row-checkbox{position:absolute;top:45%;left:-45px}.card-board .card-section .card .row-checkbox input[type=checkbox]{height:25px;width:25px}.card-template{padding:0;margin:0;border-radius:3px}.card-icon{position:absolute;top:2.4rem;left:1rem;color:#84b2ff;font-size:.7rem}.card-icon i{color:#2a6fe2}.card-body{padding-left:3rem;padding-right:3rem;position:relative;padding-top:1.25rem;padding-bottom:1.25rem}.card-template .card-section{background-color:#f6f6f6;padding:20px 30px;border-top:3px solid #1b2f56;margin-top:40px}.card-template .card-section:first-child{margin-top:0}.card-template .card-section-title{padding-bottom:10px}.card-template .card-section-title h4{color:#1b2f56}.card-template .card{margin:0;margin-bottom:10px;padding:0 5px;box-shadow:0 4px 8px 0 rgb(150 150 150 / .05),0 3px 20px 0 rgb(224 224 224 / .2);border:0;border-radius:0}.card-template .card:hover{background:#f7f7ff}.card-template .card-section{background-color:initial;padding:20px 0;border-top:0;margin-top:40px}.card-template .badge-prioriry{position:absolute;top:5px;left:-5px;border-radius:0}.card-template .card-link-icon{font-size:1.6rem;margin-top:1.4rem;margin-right:1.4rem}.card-template .card-link-icon a{width:100%;display:block;color:#efefef}.card-template .card-link-icon a:hover{color:#eee}.card-template .card-link-icon a .fa-chevron-right{color:#007bff}.card-template .card-link-icon a .fa-check-circle{color:#28a745}.card-template .card-link-icon a .fa-times-circle{color:#bd2130}.card-template .card-link-icon a .fa-ban{color:#929292}.badge.badge-prioriry-veryhigh{color:#fff;background-color:#dc3545}.badge.badge-prioriry-high{color:#fff;background-color:#ff500f}.badge.badge-prioriry-normal{color:#fff;background-color:#ff8000}.badge.badge-prioriry-low{color:#fff;background-color:#40bd00}.card-template .card-title{color:#2a6fe2;font-size:1.125rem;font-weight:550;margin-bottom:.5rem}.card-template .card-title h6{font-size:1rem;font-weight:550;margin-bottom:0}.card-template .card-title::before{display:none}.card-template .card-description{font-family:"Sarabun",sans-serif;font-size:.9rem;line-height:1.2;color:#000;color:#929292}.card-template .card-description .card-description-label{font-weight:550}.card-template .card-section .card{margin-bottom:12px}.card-template .badge.badge-primary{background:#2a6fe2;color:#eee}.card-template .badge.badge-sm{font-size:.8rem}.card-template .RequestDate{display:inline}.card-template .RequestTime{display:inline;margin-left:8px}.card-template .card-section-right{border-left:1px solid #eee;padding:20px}.card-template .card .card-document{margin-left:0}.card-document h6{font-size:1rem;font-weight:550}.card-template .card .card-document ul li{display:block}.card-template .card .card-document ul li a::before{font-family:"Font Awesome 5 Free";font-size:1rem;font-weight:900;content:"\f15b";color:rgb(105 140 145 / .4);margin-left:0;padding-right:6px}.card-template .card-section.card-section-filter{padding:20px;border-top:1px dashed #e2e2e2;border-radius:10px}.filter-search-label{display:block;font-size:.8rem;margin-bottom:0;margin-top:0;padding:0;line-height:1.2}.row-checkbox-all{margin-top:7px;height:25px;width:25px;left:-25px}.row-checkbox-all input[type=checkbox]{height:25px;width:25px}.card-template .card-section .card .row-checkbox{position:absolute;top:45%;left:-45px}.card-template .card-section .card .row-checkbox input[type=checkbox]{height:25px;width:25px}.btn{font-family:'Sarabun',sans-serif;cursor:pointer}.btn[disabled]{cursor:default}#btnSearch{cursor:pointer;outline:none}#btnSearch:focus{outline:none}.dropright .dropdown-toggle::after{border-top:0;border-right:0;border-bottom:0;border-left:0}.pagination-button{margin-right:.25rem;outline:none}.pagination-button.active{background:#3b9aff!important;color:#fff!important}.filter-search-result-text{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:10px 0;margin:30px 0 15px 0;font-size:1rem}.select-day{display:inline-flex;width:62px}.select-month{display:inline-flex;width:85px}.select-year{display:inline-flex;width:62px}.form-control-lg.select-day{display:inline-flex;width:102px}.form-control-lg.select-month{display:inline-flex;width:165px}.form-control-lg.select-year{display:inline-flex;width:122px}.header .header-wrap{max-width:initial;margin:0 auto;padding:0}.header{background-color:#113f8c!important;padding-top:0;height:55px}.header h1,.header h2,.header h3,.header h4,.header h5{color:#fff}.header .header-left .header-title h2.header-title-th{font-size:18px;font-weight:600}.header-right .btn-group .dropdown-toggle{background:none;color:#fff;border:0}.header-right .btn-group .dropdown-toggle .button-config{font-size:1.4rem}.header-right button{cursor:pointer}.header-right button:focus{outline:0!important;box-shadow:none}.header .nav-user-image{height:30px;width:auto}.header-right .btn-group .dropdown-profile-email{background:none;color:#fff;border:0}.header-right .btn-group .dropdown-profile-email-single{cursor:auto}.section-title{margin-top:10px;padding-top:10px;border-top:0 solid #eee}.section-title h5{margin-bottom:0}.section-signin .btn{border-radius:25px;padding:.75rem 1.4rem}.section-signin .alert{max-width:36rem}.panel .panel-body{box-shadow:0 4px 8px 0 rgb(150 150 150 / 5%),0 3px 20px 0 rgb(224 224 224 / 20%);border:0;border-radius:0;padding:1.25rem 1.4rem}.panel .panel-footer{padding:.825rem 1.4rem}#navSidebar{padding-left:0}#navSidebar .nav-item-main{padding-left:16px;font-size:1.1rem;font-weight:600}#navSidebar .nav-item-sub{padding-left:16px;font-size:1.1rem}#navSidebar .nav-item-icon{margin-right:-27px;vertical-align:top;display:inline-block}#navSidebar .nav-item-text{margin-left:27px;vertical-align:top;display:inline-block}#navSidebar .nav-link{padding-right:4px!important;padding-top:10px;padding-bottom:10px}#navSidebar .nav-link:hover{background:#efefff}@media screen and (max-width:1400px){#navSidebar .nav-item-main{font-size:1rem}#navSidebar .nav-item-sub{font-size:1rem}}.navbar-light .navbar-toggler{color:rgb(0 0 0 / .5);border-color:#fff0}.form-control{text-indent:2px}.form-control[type=text]{height:auto}.form-control[type=text]::placeholder{height:auto;line-height:1.4rem}.form-control[type=text]:focus{border:0}.form-horizontal .form-control[type=text]:focus{border:1px}.loading{margin:auto;text-align:center;color:#3b9aff}.search{display:flex;flex-direction:row;border:1px solid #b2b2b2;margin-top:0rem;height:80px;padding:15px 30px;border-radius:6px;outline:none}.search-section{padding:0;margin:0}.search.search-sm{height:40px;padding:0 15px 0 0}.search.search-sm #searchText{border-radius:6px 0 0 6px}.search-input{flex-grow:2;border:0}.search-input:focus{outline:none}.search-input::placeholder{font-size:1.4rem;font-family:"Sarabun",sans-serif;color:#b2b2b2}.search-submit{flex-grow:2;border:0;background:none;font-size:24px;padding-left:30px;border-left:1px solid #b2b2b2}.search.search-sm input::placeholder{font-size:1.0rem!important}.search.search-sm .search-submit{font-size:18px;padding-left:15px;margin-top:0}.footer-main{margin-top:80px}.footer-copyright{border-top:initial}.btn-login{color:#fff;background-color:#136bff;border-color:#fff;font-weight:500}.backend-main{width:100%;max-width:100%}.backend-brand{display:inline-block;padding-top:11px;padding-bottom:0;font-size:1.25rem;font-weight:500}.nav-menu{border-right:1px solid #eee;height:100%;min-height:480px}.backend-main ul li:before{border:0px!important}.backend-main ul li a{color:#0056b3;font-weight:500}.nav-item-bottom{margin-top:100px}.fa-none{margin-left:25px}.btn.btnBack{border:1px solid;border-color:rgb(0 0 0 / .15)}.nav-btnBack{display:none}#gototop{position:fixed;display:inline-block;width:50px;height:50px;padding-top:16px;text-align:center;border-radius:0;bottom:25px;right:25px;color:#f6f6f6;background-color:#1b2f56;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:100}#gototop:hover{cursor:pointer;color:#1b2f56;background-color:#f6f6f6}#gototop:active{color:#1b2f56;background-color:#f6f6f6}#gototop.show{opacity:1;visibility:visible}@media screen and (max-width:991px){.backend-main aside{top:-56px;left:-30px;margin-bottom:-40px}.header-title-main{padding-left:65px}.main-nav .navbar-collapse{padding-top:0;margin-top:10px;margin-left:15px;max-width:400px;background-color:#fbfbfb}.main-nav{top:-55px!important;left:-30px!important;position:relative!important}.backend-brand{margin-left:50px}}@media screen and (max-width:575px){.header-document .nav-btnBack{display:block;position:absolute;left:15px;top:12px;cursor:pointer;z-index:2500;font-size:1.2rem}.header-document .nav-btnBack i,.nav-btnBack svg{color:#fff;cursor:pointer}.header-document .nav-btnBack i,.header-document .nav-btnBack svg:active,.header-document .nav-btnBack svg:visited{color:#2a6fe2}.header-title-main{text-align:center!important;padding-left:0;display:none}.header .header-right{margin-left:60px}.backend-brand{font-size:1rem}}@media screen and (max-width:767px){.main-nav .navbar-collapse{max-width:100%}}@media screen and (min-width:992px){.search-section{margin-top:1rem}aside.col-12{padding-left:0;padding-right:0}.backend-main aside{border-right:1px solid #eee}main{padding:0 20px}}@media screen and (min-width:576px){.section-signin .btn:nth-child(2){margin-left:1rem}}@media screen and (min-width:1024px){aside{padding-left:15px;padding-right:15px}}@media only screen and (max-width:768px){.navbar-toggler{}.navbar-dark .navbar-toggler{border:0;border-color:none}.header .header-wrap .header-title{display:none}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
    }

    .custom-toggler.navbar-toggler {
        border-color: rgb(255,102,203);
    }

    .header .header-wrap .col-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    /*
          Home Page
      ========================================================================== */

    /*	Carousel
      --------------------------------*/
    .main-carousel {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .carousel-item {
        height: 480px;
        min-height: 480px;
        background: no-repeat center center scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .carousel-caption {
        width: 400px;
        z-index: 10;
        text-align: left;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 1rem 2rem;
        background-color: rgba(0,0,0, 0.65);
    }

    .caption-left {
        width: 400px;
        z-index: 10;
        text-align: left;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 1rem 2rem;
        background-color: rgba(0,0,0, 0.65);
    }
}

/* # Tablet (max-width: 768px) */

@media only screen and (max-width: 769px) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (max-width: 680px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    /*
          Home Page
          ========================================================================== */

    /*	Carousel
          --------------------------------*/
    .carousel-caption {
        width: 300px;
    }

    .caption-left {
        width: 300px;
    }
}


/*	======================================================================
          
          # Mobile
      
      ========================================================================== */

@media only screen and (max-width: 510px) {

    /*
          Header Secondary
      ========================================================================== */
    /*	Header Left
      --------------------------------*/
    .header .header-left .logo {
        width: 60px;
    }

    .header .header-left .header-title {
        padding-top: 12px;
        padding-left: 5px;
    }

        .header .header-left .header-title h2.header-title-th {
            font-size: 18px;
            line-height: 0.8;
            font-weight: 400;
        }

        .header .header-left .header-title h5.header-title-en {
            font-size: 11px;
            line-height: 0.8;
            font-weight: 500;
            padding-left: 0;
            padding-top: 3px;
        }

    .header .header-wrap .col-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .content-with-sidebar h6 {
        padding-left: 0rem;
    }

    .content-with-sidebar p {
        text-indent: 0rem;
    }

    .page-intro h6.sub-heading-indent {
        margin-left: 0rem;
    }

    .page-intro p {
        text-indent: 0rem;
    }

    .page-intro .sub-number-list {
        margin-left: 0rem;
    }

    .page-intro .list-with-indent {
        text-indent: 0rem;
    }

    /* Sub Heading 6 */
    .content-with-sidebar p.sub-heading-6 {
        padding-left: 0rem;
    }

    .content-with-sidebar ul.sub-heading-6 {
        padding-left: 0rem;
    }

    /*	Box
      --------------------------------*/
    .content-with-sidebar .chart-box {
        padding-left: 0rem;
    }

    /*
          Footer
      ========================================================================== */

    footer.main-footer .col-md-3:nth-child(2) {
        margin-top: 30px;
    }


    /*	Navbar Collapse
      --------------------------------*/

    .navbar-collapse.collapse.show {
        min-height: 100vh;
        overflow-y: auto;
        padding-bottom: 0;
    }
}
/* # Mobile (max-width: 510px) */

.nav-hilight, .nav-hilight:active, .nav-hilight:hover, .nav-hilight:visited {
    color: #113f8c !important;
    background-color: #d9d9ff;
}

    .nav-hilight span {
        font-weight: 700;
    }

.c-pointer {
    cursor: pointer;
}

.c-help {
    cursor: help;
}

.doc-card {
    cursor: pointer;
}

div.tooltip-inner {
    max-width: 100%;
    margin-left: 2rem;
    margin-right: 2rem;
}

.main-nav {
    padding-right: 0px;
    padding-left: 0px;
    position: sticky;
    top: 0;
}

#navbarCollapse {
    width: 100%;
}

#navSidebar {
    width: 100%;
}

.nav-item hr {
    margin: 0px 16px;
}

.navbar-toggler {
    margin-left: 18px;
    border: 0;
    border-color: none;
}

.svg-inline--fa {
    vertical-align: -.15em !important;
}

@media screen and (min-width: 992px) {
    .backend-main .col-lg-2 {
        flex: 0 0 19%;
        max-width: 19%;
    }

    .backend-main .col-lg-10 {
        flex: 0 0 81%;
        max-width: 81%;
    }
    
}

#otpConfig label {
    cursor: pointer;
}

/* # Auth Css */

.title,
.title a {
    font-family: myTHSarabunNewBold, "Roboto Slab", "Times New Roman", serif;
    text-decoration: none;
    color: #ffffff;
    font-size: 1.875rem;
    line-height: 1.15em;
}

.description {
    font-family: myTHSarabunNewBold, "Roboto Slab", "Times New Roman", serif;
    text-decoration: none;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.15em;
}

.header-filter {
    position: relative;
    z-index: 5;
    background-image: url(../images/bg-edoc.png);
    transform: translate3d(0px, 0px, 0px);
    height: 70vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .header-filter:before,
    .header-filter:after {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        content: "";
    }

    .header-filter::before {
        background: rgba(0, 0, 0, 0.5);
    }

    .header-filter .container {
        z-index: 2;
        position: relative;
    }

    .header-filter #openid {
        font-size: large;
    }

.footer-filter {
    position: relative;
    height: 30vh;
}

    .footer-filter:before,
    .footer-filter:after {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        content: "";
    }

    .footer-filter::before {
        background: rgba(0, 0, 0, 0);
    }

    .footer-filter .container {
        z-index: 2;
        position: relative;
        font-size: smaller;
    }

    .footer-filter .opm-logo {
        width: 80px;
    }

    .footer-filter .dga-logo {
        width: 120px;
    }

    .footer-filter .copyright a, .footer-filter .copyright a:active {
        color: #2f2f2f;
    }

        .footer-filter .copyright a:hover {
            color: #0056b3;
        }

@media screen and (min-width: 768px) {
    .footer-filter .opm-logo {
        width: 100px;
    }

    .footer-filter .dga-logo {
        width: 140px;
    }
}




.error {
    border-color: #dc3545 !important;
    color: #dc3545;
}



.error-col-10 {
    border-color: #dc3545 !important;
    color: #dc3545;
}

label.error-col-10 {
    border-color: #dc3545 !important;
    color: #dc3545;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

label[for='reference'].error-col-10{border-color:#dc3545!important;color:#dc3545;flex:initial;max-width:initial}#otpContainer{max-width:440px;max-height:440px;border-radius:.3125em}#otpContainer .card{width:350px;height:322px;padding:0;border-radius:20px;background:#fff;border:none;position:relative}#otpContainer .form-control{margin-right:12px}#otpContainer .form-control:focus{border:1px solid;color:#495057;background-color:#fff;border-color:#338ae3;outline:0;box-shadow:none}#otpResend.disabled{color:#999}.fancybox-bg{background-color:#00000066!important;opacity:1!important}.doc-count.badge-info{background-color:#0056b3}#modalContainer{max-width:440px;max-height:440px;border-radius:.3125em}#modalContainer .card{width:25em;height:100%;padding:0;border-radius:20px;background:#fff;border:none;position:relative}#modalContainer .form-control{margin-right:12px}#modalContainer .form-control:focus{border:1px solid;color:#495057;background-color:#fff;border-color:#338ae3;outline:0;box-shadow:none}#modalReasonContainer{max-width:440px;max-height:440px;border-radius:.3125em}#modalReasonContainer .card{width:25em;height:100%;padding:0;border-radius:20px;background:#fff;border:none;position:relative}#modalReasonContainer .form-control{margin-right:12px}#modalReasonContainer .form-control:focus{border:1px solid;color:#495057;background-color:#fff;border-color:#338ae3;outline:0;box-shadow:none}.disabled{pointer-events:none}.email-info-popup{width:80%;max-width:640px}.email-info-title{font-size:1.5em}@media screen and (max-width:768px){.email-info-title{font-size:1.3em}}.email-info-content{font-size:1em}.email-info-container{max-width:600px}.email-info-container>dl{margin-bottom:0}.email-info-container dl dl{margin-left:0;margin-right:0;margin-bottom:.5rem}.email-info-container hr{margin-top:.5rem;margin-bottom:.5rem;margin-left:15px}.email-info-container label{cursor:pointer}@media screen and (min-width:769px){.email-info-container dt{text-align:right;padding-left:0}.email-info-container dd{padding-left:0}}@media screen and (max-width:768px){.email-info-container dt{flex:unset;max-width:unset}.email-info-container dd{flex:unset;max-width:unset;padding-left:30px}.email-info-container dl dl{margin-left:-15px}.email-info-container dl dl dt{padding-left:0}.email-info-container dl dl dd{padding-left:15px}.email-info-container hr{margin-left:-15px;margin-right:0}.email-info-container .text-center{text-align:left!important}}.email-changed-popup{width:80%;max-width:640px}.email-changed-title{font-size:1.5em}@media screen and (max-width:768px){.email-changed-title{font-size:1.3em}}.email-changed-content{font-size:1em}.email-changed-container{max-width:600px}.email-changed-container>dl{margin-bottom:0}.email-changed-container dl dl{margin-left:0;margin-right:0;margin-bottom:.5rem}.email-changed-container hr{margin-top:.5rem;margin-bottom:.5rem;margin-left:15px}@media screen and (min-width:769px){.email-changed-container dt{text-align:right;padding-left:0}.email-changed-container dd{padding-left:0}}@media screen and (max-width:768px){.email-changed-container dt{flex:unset;max-width:unset}.email-changed-container dd{flex:unset;max-width:unset;padding-left:30px}.email-changed-container dl dl{margin-left:-15px}.email-changed-container dl dl dt{padding-left:0}.email-changed-container dl dl dd{padding-left:15px}.email-changed-container hr{margin-left:-15px;margin-right:0}.email-changed-container .text-center{text-align:left!important}}#emailPrevious span{display:block}.btn-primary{background-color:#3085d6;border-color:#3085d6}.input-border{border-radius:0.25rem!important}.w-49{width:49%!important}@media (min-width:576px){.w-sm-auto{width:auto!important}.w-sm-49{width:49%!important}.w-sm-50{width:50%!important}}@media (min-width:768px){.w-md-auto{width:auto!important}.pt-md-2s{padding-top:0.45rem!important}}.mr-n1{margin-right:-0.25rem!important}.mr-n2{margin-right:-0.5rem!important}.mr-n3{margin-right:-1rem!important}.mr-n4{margin-right:-1.5rem!important}.mr-n5{margin-right:-3rem!important}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.form-select,.form-select.form-select-sm{background-position:right .25rem center;padding-right:1.5rem;text-indent:5px}.col:not(main),[class*="col-"]{padding-left:15px;padding-right:15px}main .row{margin-left:-15px;margin-right:-15px}hr{border:0;border-top:1px solid rgb(0 0 0 / .1);margin-top:1rem;margin-bottom:1rem}body a:not(.nav-link):not(.btn):not(.dropdown-item){text-decoration:none}.dropdown{z-index:calc(var(--z-base, 1050) + 1)}