@font-face{
	font-family:'saraban';
	src:url('../fonts/THSarabun.eot?') format('embedded-opentype'), 
	url('../fonts/THSarabun.woff') format('woff'), 
	url('../fonts/THSarabun.ttf') format('truetype');
}
html{
	overflow-x:hidden;
}
body{
	font-family:"saraban", Arial, sans-serif;
	font-weight:550;
	font-size:22px;
	color:#000;
	background:#fff;
}
.m-0{
	margin:0 !important;
}
.p-0{
	padding:0 !important;
}
.p-top-0{
	padding-top:0 !important;
}
.p-bottom-0{
	padding-bottom:0 !important;
}
.p-left-0{
	padding-left:0 !important;
}
.p-right-0{
	padding-right:0 !important;
}
.m-top-5{
	margin-top:5.0rem !important;
}
.pull-left{
	float:left !important;
}
.pull-right{
	float:right !important;
}
.text-center{
	text-align:center !important;
}
.btn{
	padding:0.4rem 1rem;
	font-size:1.2rem;
}
.btn-sm{
	padding:0.3rem 0.9rem;
	font-size:1.0rem;
}
.btn-xs{
	padding:0.2rem 0.8rem;
	font-size:0.8rem;
}
ul li{
	list-style:none;
}
.dropdown-menu{
	border-radius:0;
}
.fc_success{
	color:#5cb85c;
}
.fc_danger{
	color:#d9534f;
}
.line_dashed{
	border-bottom:1px dashed #ccc;
}
header{
	height:80px;
	background-color:#efefef;
}
header h1{
	padding:20px;
	font-weight:700;
}
header .input-group{
	padding:20px;
}
footer{
	background-color:#F7F7F7;
	padding:1rem;
	font-size:20px;
	text-align:center;
	position:relative;
	bottom:0;
	width:100%;
}
footer h4{
	margin-bottom:0;
}
footer small{
	line-height:1rem;
}
.search_box .form-control{
	line-height:1.0rem;
	font-size:1.25rem;
}
@media (max-width:992px){
	.navbar-toggleable-md{
		background-color:#FFF;
	}
}
@media (max-width:576px){
	.img-fluid{
		height:150px;
	}
}
.right_menu{
	background-color:#222;
	color:#fff;
	height:100%;
	position:fixed;
	right:0;top:0;
	width:80%;
	overflow-y:scroll;
	z-index:1050;
}
.right_menu ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	overflow:hidden;
	background-color:#222;
	border-bottom:1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.05);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.05);
}
.right_menu ul > li{
	position:relative;
	display:block;
	margin:0;
	border-width:0;
	border-radius:0;
}
.right_menu ul > li > a{
	position:relative;
	display:block;
	border-top:1px solid rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.05) inset;
	padding:10px 15px;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);
	color:#fff;text-align:left;
	font-size:1.3rem;
}
.right_menu ul > li > a:hover,.right_menu ul > li > a:focus{
	color:#fff;
	text-decoration:none;
	background-color:#246CB6;
	outline:none;
}
.right_menu ul > li > a .label{
	float:right;
}
.right_menu ul > li.active > a{
	color:#fff;
	background-color:#246CB6;
}
.bg_slide{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000;
	top:0;
	left:0;
	opacity:0.6;
	z-index:1049;
}
.bg_white{
	background-color:#FFF;
}
.hide{
	display:none !important;
}
#menu_mobile{
	border:none;
	margin-top:-7px;
	margin-right:-20px;
}
#menu_mobile span{
	width:2em;
	height:2em;
}
.black-ribbon{
	position:fixed;
	z-index:9999;
	width:70px;
}
@media only all and (min-width:768px){
	.black-ribbon{
		width:100px;
	}
	#main-menu nav{
		padding:0rem 5rem;
	}
}
@media only all and (max-width:768px){
	#main-menu nav{
		padding:1rem 5rem;
	}
}
.stick-left{
	left:0;
}
.stick-right{
	right:0;
}
.stick-top{
	top:0;
}
.stick-bottom{
	bottom:0;
}
#main-menu{
	background-color:#246CB6;
	color:#000;
}

#main-menu .navbar-nav a{
	padding:.4rem .8rem;
	color:#FFFFFF;
	font-size:1.4rem;
}

#main-menu .dropdown-menu a{
	border-left:5px solid #246CB6;
	border-right:5px solid #246CB6;
	border-top:1px solid #246CB6;
	border-bottom:1px solid #246CB6;
	box-shadow:0 -1px 0 rgba(255, 255, 255, 0.1) inset;
}
#main-menu .dropdown-menu{
	font-size:1.3rem;top:100%;
	border-radius:0;
	background-color:#246CB6;
	border:none;
	padding:0;
	margin:0;
}
#main-menu .dropdown-menu a{
	color:#fff;
}
#main-menu .navbar-nav .nav-item .dropdown-menu a:hover{
	background-color:#F7F7F7;
	color:#000;
}
#main-body{
	margin:0;
}
#main-body aside{
	background-color:#f7f7f7;
	padding:0;
}
#main-body aside .list-group-item:first-child, #main-body aside .list-group-item:last-child{
	border-radius:0;
}
#main-body aside .list-group-item{
	display:list-item;
	padding:0.2rem 0.7rem 0.2rem 0.4rem;
	font-size:1.3rem;
	margin-bottom:0;
	border:none;
	border-bottom:1px solid #246CB6;
	border-left:5px solid #246CB6;
	border-right:1px solid #246CB6;
	color:#555;
}
#main-body aside .list-group-item i{
	margin-top:0.3rem;
}
#main-body .list-group .list-group-item:hover{
	background-color:#246CB6;
	color:#FFF;
}
#main-body aside .first{
	background-color:#246CB6;
	color:#FFF;
	font-weight:700;
	padding:0.3rem 1.2rem;
}
#main-body aside .last{
	border-bottom:none;
}
#main-body article .card{
	margin-top:.5rem;
	border-radius:0;
}
.head-title{
	padding:15px 0;
	border-left:10px solid #246CB6;
	background-color:#F7F7F7;
}
button, input, optgroup, select, textarea{
	font-family:"saraban", Arial, sans-serif;
}
.form-control{
	font-size:1.5rem;
}
.text-effect{
	border:none;
	color:rgba(48,48,48,1);
	text-transform:normal;
	line-height:1rem;
	-o-text-overflow:clip;
	text-overflow:clip;
}
.new-box{
	border-bottom:1px dashed #246CB6;
	width:100%;
	display:table;
	padding:0.5rem;
}
.new-box a{
	color:#000;
}
.new-box a:hover{
	color:#000;
}
.new-box:last-child{
	border-bottom:none;
}
.box-date{
	width:70px;
	height:50px;
	display:table-cell;
}
.box-date-top{
	color:#FFF;
	width:100%;
	height:20px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background-color:#b20000;
	text-align:center;
	font-size:1.2rem;
	line-height:1.5rem;
}
.box-date-bottom{
	font-size:2.2rem;
	line-height:2rem;
	font-weight:900;
	color:#000;
	width:100%;
	height:30px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	background-color:#FFF;
	text-align:center;
	border:1px solid #b20000;
}
.img-logo{
	width:100px;
}
.x{
	white-space:nowrap;
	width:12em;
	overflow:hidden;
	text-overflow:ellipsis;
	border:1px solid #000000;
}
.know, .act{
	display:-webkit-box;
	overflow-x:scroll;
}
.know_box, .act_box{
	margin:10px;
	position:relative;
}
.know_box img{
	width:auto;
	height:320px !important;
	border-radius:4px;
}
.act_box img{
	width:320px;
	height:220px !important;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.act_box p{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background-color:#000;
	top:0;
	color:#fff;
	display:block;
	opacity:0.6;
	padding:7px 14px;
	position:absolute;
	width:100%;
}
.act small{
	background-color:#000;
	bottom:0;
	color:#fff;
	display:block;
	opacity:0.6;
	padding:7px 14px;
	position:absolute;
	text-align:right;
	width:100%;
}
.bg-new-fast{
	position:fixed;
	top:0;
	background-color:#000;
	opacity:0.7;
	width:100%;
	height:100%;
	z-index:2000;
}
.new-fast{
	background-color:#fff;
	z-index:2001;
	width:90%;
	height:90%;
	position:fixed;
	text-align:center;
	left:5%;
	top:5%;
}
#accordion .nav-tabs{
	border-bottom:none;
	/*border-left:1px solid #246cb6 !important;
	border-right:1px solid #246cb6 !important;
	border-top:1px solid #246cb6 !important;*/
}
#accordion .nav-link{
	padding:0.5rem !important;
}
.newtab{
	color:#000;
	border-radius:0 !important;
	background-color:#e9f0f7 !important;
}
.newtab.active{
	background-color:#246cb6 !important;
	color:#FFF !important;
	border:1px solid #246cb6 !important;
}
.tab-pane{
	border:1px solid #ccc !important;
}
.none-radius{
	border-radius:0 !important;
}
#myTab a{
	font-size:1.3rem;
}