@charset "utf-8";
@font-face{font-family:THSarabun;src:url(../../fonts/THSarabunPSK.ttf) format("truetype");font-weight:normal;font-style:normal;}
@font-face{font-family:THSarabun;src:url(../../fonts/THSarabunPSKBold.ttf) format("truetype");font-weight:bold;font-style:normal;}
@font-face{font-family:THSarabun;src:url(../../fonts/THSarabunPSKItalic.ttf) format("truetype");font-weight:normal;font-style:italic;}
@font-face{font-family:THSarabun;src:url(../../fonts/THSarabunPSKBoldItalic.ttf) format("truetype");font-weight:bold;font-style:italic;}

*, *::before, *::after {box-sizing:border-box;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
html{font-family:sans-serif;line-height:normal;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/*** bootstrap.24081601 ***/
hr{margin:0;}
.btn{font-family:THSarabun;font-weight:bold;font-size:1.5rem;line-height:normal;border:0;}
.carousel-caption {position:relative;right:0;bottom:0;left:0;padding-top:1.25rem;padding-bottom:2rem;color:var(--bs-white);text-align:center;}
.form-control{font-size:1.5rem;line-height:normal;padding:6px 10px 6px 10px;}
.form-select{font-size:1.5rem;line-height:normal;padding:9px 10px 3px 10px;}
.modal{--bs-modal-zindex:5;}
.modal-backdrop{--bs-backdrop-zindex:4;}
.pagination{font-weight:bold;--bs-pagination-font-size:1.25rem;}
.row{--bs-gutter-x:0rem;}
.btn-outline-black{--bs-btn-color:#000;--bs-btn-border-color:#000;--bs-btn-hover-color:var(--bs-white);--bs-btn-hover-bg:#000;--bs-btn-hover-border-color:#000;--bs-btn-focus-shadow-rgb:33, 37, 41;--bs-btn-active-color:var(--bs-white);--bs-btn-active-bg:#000;--bs-btn-active-border-color:#000;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#000;--bs-gradient:none;}
/*** bootstrap.24081601 ***/

body{background-color:#f9f9fb;font-family:sans-serif;font-size:1rem;line-height:normal;margin:0;padding:0;}

/*** container.24081301 ***/
.container{max-width:100%;font-family:THSarabun;font-size:1.5rem;line-height:normal;margin:-52px 0 0 0;padding:0;}
/*** container.24081301 ***/

.bg_cosmiccobalt{background-color:#2e2e88;}
.bg_whitesmoke{background-color:#f7f7f7;}

.btn_button1{width:120px;display:inline-block;text-align:left;position:relative;border-radius:5px;padding:5px 0 2px 36px;}
.btn_button1 i{font-size:1.25rem;position:absolute;top:9px;left:10px;}
.btn_button2{display:inline-block;float:right;text-align:center;border-radius:5px;margin-left:10px;padding:5px 10px 2px 10px;}
.btn_button3{height:43px;position:relative;top:2px;display:inline-block;border-radius:0 4px 4px 0;margin-left:-5px;padding:8px 10px;} /*SAVE LABEL*/
.btn_button4{width:100%;height:45px;position:relative;top:0;display:inline-block;border-radius: 0 0.375rem 0.375rem 0;padding:8px 10px;} /*SEARCH*/
.btn_button5{width:44px;height:44px;display:inline-block;text-align:center;position:relative;border:0;border-radius:50% 50%;cursor:pointer;} /*ICON FRAME*/
.btn_button5 i{font-size:1.25rem;position:absolute;top:12px;left:13px;}
.btn_button5:hover{background-color:#e9eaea;}
.btn_button6{background-color:#343a40;font-weight:bold;font-size:1.5rem;color:#fff;display:none;float:right;text-align:center;border:0;border-radius:5px;margin:-5px 10px 0 0;padding:5px 10px 2px 10px;} /*ALERT WARNING*/
.btn_button7{position:relative;border-radius:50%;padding:15px 15px 8px 15px;} /*TOOL5*/
.btn_button8{width:100%;display:inline-block;text-align:center;position:relative;border-radius:5px;padding:5px 0 2px 0;}
.btn_button8 i{font-size:1.25rem;position:relative;top:1px;}

.frm_container1{position:relative;padding:52px 10px 20px 10px;}
.frm_frame1{min-height:90vh;background-color:var(--bs-white);border:1px solid #e2e2e4;padding:20px;}
.frm_frame2{position:relative;border-bottom:1px solid #f4f4f7;padding:10px 20px 10px 20px;}
.frm_frame2:hover{background-color:#f7f7f7;}
.frm_head1_style1{font-weight:bold;font-size:2rem;}
.frm_head1_style2{font-weight:bold;}
.frm_head1_style2:before{content:'/';padding-right:0.3rem;}
.frm_line1{height:1px;background-color:#f4f4f7;clear:both;}
.frm_th1{background-color:#fafafa;font-weight:bold;padding:8px 20px 5px 20px;}
.frm_tool1{min-height:66px;position:relative;border-bottom:1px solid #f4f4f7;padding:10px 0;}
.frm_tool2{height:58px;padding:10px 20px 0 20px;}
.frm_tool3{height:58px;padding:10px 20px 0 20px;}
.frm_tool4{height:45px;display:block;position:absolute;top:0;right:20px;padding:1px 0 0 20px;} /*FRAME TOOL*/
.frm_tool5{position:fixed;right:15px;bottom:15px;z-index:1;}

.header_container1{background-color:#2e2e88;font-family:THSarabun;font-size:1.5rem;position:sticky;top:0;z-index:3;padding:0;}

.login_button1{font-family:sans-serif;font-weight:normal;font-size:1rem;line-height:1.5;border-radius:0.375rem;padding:7px;}
.login_container1{display:table-cell;vertical-align:middle;}
.login_container2{width:360px;margin:auto auto;}
.login_form1{width:360px;background-color:#fff;box-shadow:0 0 3px 0px #ccc;border-radius:10px;padding:30px 30px 50px 30px;}
.login_style1{font-family:THSarabun;font-weight:bold;font-size:2.25rem;}
.login_style2{font-family:THSarabun;font-weight:bold;font-size:1.5rem;}
.login_text1{font-size:1rem;}

.menu1_line1{height:1px;background-color:#f4f4f7;clear:both;}
a.menu1_link1{font-weight:bold;color:var(--bs-dark);border:1px solid var(--bs-white);;border-radius:2px;margin:0 0 0 20px;padding:12px 15px 10px 15px;}
a.menu1_link1 i{font-size:1.5rem;position:relative;top:4px;left:0;margin:0 10px 0 0;}
a.menu1_link1:hover{background-color:#f8fcff;border:1px solid #bcd3e5;border-radius:2px;}

.menu2_col1{padding:13px 25px 7px 20px;cursor:pointer;}
.menu2_col2{padding:15px 20px 5px 20px;cursor:pointer;}
.menu2_col3{padding:10px 20px 0 20px;cursor:pointer;}
.menu2_panel1{min-width:180px;background-color:#fff;visibility:hidden;position:absolute;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);border-radius:10px;margin:7px 0 0 -10px;padding:20px;opacity:0;transition:.5s;}
.menu2_style1{font-weight:bold;color:#fff;}
.menu2_style1:after{content:'\f282';font-family:bootstrap-icons;font-size:0.75rem;position:relative;top:1px;left:5px;}
.menu2_style2{font-family:sans-serif;font-weight:bold;color:#fff;}
.menu2_col1:hover .menu2_panel1{visibility:visible;opacity:1;transition:.5s;}
.menu2_col1:hover .menu2_style1:after{content:'\f286';font-family:bootstrap-icons;font-size:0.75rem;}
a.menu2_link1{color:#212529;padding:10px 15px 3px 15px;}
a.menu2_link1 i{font-size:1.125rem;position:relative;top:1px;left:0;}
a.menu2_link1:hover{background-color: #f7f7f7;}

.nav1_close1{font-weight:bold;font-size:3rem;color:var(--bs-white);position:absolute;top:0;right:25px;cursor:pointer;}
.nav1_panel1{width:0;height:100%;background-color:#2e2e88;position:fixed;top:0;left:0;z-index:999;overflow-x:hidden;overflow-y:auto;transition:0.1s;padding:30px 0;}
a.nav1_link1{font-weight:bold;font-size:1.625rem;color:var(--bs-white);display:flex;padding:10px 30px;cursor:pointer;}
a.nav1_link1 i{font-size:1.5rem;position:relative;top:4px;left:0;margin:0 10px 0 0;}
a.nav1_link1:hover{color:#fff200;}

.inp_text1{border-radius:0.375rem 0 0 0.375rem;} /*LABEL*/

.tool4_link1{font-weight:bold;padding:7px 0;cursor:pointer;}
.tool4_link1 i{font-size:1.125rem;position:relative;top:1px;left:0;}
.tool4_panel1{width:150px;background-color:#fff;visibility:hidden;position:absolute;right:25px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);border-radius:10px;padding:13px 20px;z-index:1;opacity:0;transition:.1s;}
.frm_tool4:hover .tool4_panel1{visibility:visible;opacity:1;transition:.1s;}

#sortable{list-style-type:none;margin:0;padding:0;}

@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media (min-width: 1200px){
	.frm_container1{padding:52px 20px 20px 20px;}
}
@media (min-width: 1400px){}