@charset "utf-8";
@import url("../../css/bootstrap-icons.css");
@import url("../../css/default.css");

@import "default.css";
@import "btn.css";
@import "frm.css";
@import "inp.css";

body{background-color:#fff;font-family:sans-serif;font-size:1rem;color:#242527;line-height:normal;margin:0;padding:0;}
header{width:100%;background-color:#242164;position:fixed;top:0;padding:15px 20px;z-index:2;}
header i{font-size:1.5rem;color:#f7f7f7;}

.container{max-width:100%;margin:0;padding:0;}

.menu_active1{height:47px;background-color:#242164;font-weight:bold;color:#fff;position:relative;cursor:pointer;}
.menu_active1 i{font-size:1.25rem;position:absolute;top:14px;left:20px;}
.menu_active1:after{content:'\2212';position:absolute;top:10px;right:20px;}
.menu_col1{height:47px;font-weight:bold;color:#242527;position:relative;cursor:pointer;}
.menu_col1 i{font-size:1.25rem;position:absolute;top:14px;left:20px;}
.menu_col1:after{content:'\00ab';position:absolute;top:10px;right:20px;}
.menu_col1:hover{background-color:#242164;color:#fff;}
.menu_line1{height:1px;background-color:#242164;position:relative;bottom:-5px;opacity:0.05;}
.menu_label1{padding:10px 20px 0 20px;}
.menu_tab1{font-weight:bold;font-size:1.75rem;padding:20px 20px 5px 20px;}
.menu_text1{margin-left:32px;}

.template_td1{width:16%;height:100%;font-family:THSarabun;font-size:1.5rem;display:block;float:left;position:fixed;overflow-y:auto;border-right:20px solid #242164;padding:50px 0 0 0;}
.template_td2{width:84%;font-family:THSarabun;font-size:1.5rem;float:right;position:relative;padding:50px 0 0 0;}

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

@media screen and (max-width: 1400px){
}

@media screen and (max-width: 1200px){
}

@media screen and (max-width: 1000px){
}

@media screen and (max-width: 500px){
}

@media print{
	.template_td1{display:none;}
	.template_td2{width:100%;}
}