body {font-family: Kanit, sans-serif, serif;}
body.serif {font-family: Kanit, sans-serif, serif;}
a{text-decoration:none !important;}
hr{color:#888888 !important;}
.hide{display:none;}
.space{clear:both;height:50px;}
.clear{clear:both;}

/*edit theme*/
div{line-height:22px !important;}
h1, h2, h3, h4, h5, h6, .widget_recent_entries ul li a, .widget_recent_comments ul li a, .sidebar .widget-title, .post-readmore a, .intro-line h1, .sidebar .recentcomments a {font-family: Kanit, sans-serif, serif !important;}
h1, h2, h3, h4, h5, h6 {margin-top: 5px !important; margin-bottom: 5px !important;color:#333333;}
#nav-wrapper .nav-menu li a, .slicknav_nav li a {font-size: 20px !important;	font-weight: 500 !important;}
#main-area h1 {Kanit, sans-serif, serif !important;}	
.home #main-area {box-sizing: border-box;width: 100%;padding: 80px 5% 0 5%;}
.cover-sidebar-left {width: 45% !important;}
.post-title, .post-title a {font-weight: 500 !important;}
.page-title, .post-header h1, .item-related h5 a, .entry-title, .random-ttl a, .feat-categ-item .content-part h5 a, .sidebar .widget_recent_entries ul li a, .sidebar .widget-content .img-button, .sidebar .widget_recent_comments .recentcomments > a, .sidebar .latest-posts .latest-posts-item a {font-weight: 500 !important;}
.feat-categ-item.first .content-part a {font-size: 1.6em;line-height: 1em;color: #ffffff;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);}
.image-banner .bg-image {overflow: unset;}
.slide-text h2 a {color: #3d5dbd !important;font-weight:600;}
.category-box {margin-bottom: 1px !important;}
ul li, ol li {margin-bottom: 1px!important;}

/*custom*/
.hide{display:none;}
.overlay, .post-overlay { opacity: .3; }
.mt-logo{margin-top:32px;}

/*font*/
.kanit{ font-family: 'Kanit', sans-serif;} 
.sarabun{ font-family: 'Sarabun', sans-serif;} 
.font-22{font-size:22px !important}
.font-32{font-size:32px !important}

/*color*/
.color-gray{color:#333333 !important;}
.color-blue{color:#0040ff !important;}
.color-red{color:#ff0000 !important;}
.color-dark-red{color:#8c0000 !important;}
/*weight*/
.weight-300{font-weight:300 !important;}
.weight-400{font-weight:400 !important;}
.weight-500{font-weight:500 !important;}
.weight-600{font-weight:600 !important;}
.weight-700{font-weight:700 !important;}
/*padding*/
.pl-20{padding-left:20px !important;}
.pr-5{padding-right:5px !important;}
/*margin*/
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
/*shadow*/
.txtShadow{text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.txtShadow-min{text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);}
.txtShadow{text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
.imgShadow{filter:drop-shadow(2px 2px 2px gray);}
.boxShadow{box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

/*myBox*/
.boxAbout a{font-size:18px;}
.boxAbout{margin:8px 0 8px 15px;border-bottom:1px solid #eeeeee;padding-left:5px;}
.boxAddress{
	margin:5px 20px;
	font-weight: 300;
	text-align: left;
	margin-bottom: 20px;
	color: #131313;
	font-size: 16px;
}


/*Other*/
#main-area h1 {font-family: 'Kanit', sans-serif !important;font-weight:500!important;}
#boxContent{font-family: 'Sarabun', sans-serif !important;color:#222426} 
#boxContent span{line-height:25px !important}
.menu-item *{font-family: 'Kanit', sans-serif !important;font-weight:500 !important} 
.random-ttl h5{margin:10px 0 10px 0 !important;}
.wpb_wrapper p{margin-top:2px !important;margin-bottom:2px !important;}
.aboutTitle{font-size: 30px !important;margin-bottom: 14px !important;}
.col-x{padding:2px !important;}
.img-60 {
	height: 60px !important;
	width: 62px !important;
	margin: 5px;
	border-radius: 10px;
	border: 1px solid #eeeeee;
	padding: 3px;
	float: left;
	margin-bottom: 10px !important;
}

/*end line content*/

.endIcon{width:100%;position:absolute;top:-10px;text-align:center;}
.bgIcon{background-color: #ffffff;width:40px;color: #0070ff;}
.sidePattern {
	height:6px;
	position:relative;
  background: url('../../dist/assets/img/pattern.png');
  content: '';
  margin:20px 0;
}
.mxWidth {
	background-color: #ffffff;
	width: max-content;
	padding-right: 10px;
	margin-left: 13px;
	padding-left: 5px;
	position:absolute;
	top:-20px;
}

.prdThumb {
	height: 69px !important;
	float: left;
	margin: 1px 10px 1px 20px;
	border-radius: 50%;
	padding: 3px;
	border: 1px solid #bbbbbb;
}