/* @override 
	http://www.matichon.co.th/wp-content/themes/matichon/style.css?ver=4.4.1
	http://www.matichon.vaivaisoft.com/wp-content/themes/matichon/style.css?ver=4.4.2 */

/*
Theme Name: Matichon
Author: VaivaiSoft
Author URI: http://vaivaisoft.com
Description: default theme for news.matichon.co.th
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seed
*/


/* Responsive Nav */
.nav-collapse ul{margin:0;padding:0;width:100%;display:block;list-style:none}.nav-collapse li{width:100%;display:block}.js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1}.nav-collapse.opened{max-height:9999px}.nav-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}@media screen and (min-width: 40em){.js .nav-collapse{position:relative}.js .nav-collapse.closed{max-height:none}.nav-toggle{display:none}}


/**
@font-face {
    font-family: 'karnvayla';
    src: url('fonts/karnvaylabold-webfont.eot');
    src: url('fonts/karnvaylabold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/karnvaylabold-webfont.woff2') format('woff2'),
         url('fonts/karnvaylabold-webfont.woff') format('woff'),
         url('fonts/karnvaylabold-webfont.ttf') format('truetype'),
         url('fonts/karnvaylabold-webfont.svg#karnvaylabold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'athiti';
    src: url('fonts/athiti-medium-webfont.eot');
    src: url('fonts/athiti-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/athiti-medium-webfont.woff2') format('woff2'),
         url('fonts/athiti-medium-webfont.woff') format('woff'),
         url('fonts/athiti-medium-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;

}
*/
@font-face {
  font-family: "THSarabunNew";
  src: url(font-sarabun/THSarabunNew.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "THSarabunNew-Bold";
  src: url(font-sarabun/THSarabunNew-Bold.ttf) format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: "Kanit-Thin";
  src: url(font-kanit/Kanit-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Kanit-ThinItalic";
  src: url(font-kanit/Kanit-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic; }
.kanit-100 {
  font-family: "Kanit-Thin";
  font-weight: 100;
  font-style: normal; }

.kanit-100i {
  font-family: "Kanit-Thin";
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: "Kanit-ExtraLight";
  src: url(font-kanit/Kanit-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "Kanit-ExtraLightItalic";
  src: url(font-kanit/Kanit-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic; }
.kanit-200 {
  font-family: "Kanit-ExtraLight";
  font-weight: 200;
  font-style: normal; }

.kanit-200i {
  font-family: "Kanit-ExtraLight";
  font-weight: 200;
  font-style: italic; }

@font-face {
  font-family: "Kanit-Light";
  src: url(font-kanit/Kanit-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Kanit-LightItalic";
  src: url(font-kanit/Kanit-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic; }
.kanit-300 {
  font-family: "Kanit-Light";
  font-weight: 300;
  font-style: normal; }

.kanit-300i {
  font-family: "Kanit-Light";
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "Kanit-Regular";
  src: url(font-kanit/Kanit-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Kanit-Italic";
  src: url(font-kanit/Kanit-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }
.kanit-400 {
  font-family: "Kanit-Regular";
  font-weight: 400;
  font-style: normal; }

.kanit-400i {
  font-family: "Kanit-Regular";
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: "Kanit-Medium";
  src: url(font-kanit/Kanit-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "Kanit-MediumItalic";
  src: url(font-kanit/Kanit-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }
.kanit-500 {
  font-family: "Kanit-Medium";
  font-weight: 500;
  font-style: normal; }

.kanit-500i {
  font-family: "Kanit-Medium";
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: "Kanit-SemiBold";
  src: url(font-kanit/Kanit-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Kanit-SemiBoldItalic";
  src: url(font-kanit/Kanit-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic; }
.kanit-600 {
  font-family: "Kanit-SemiBold";
  font-weight: 600;
  font-style: normal; }

.kanit-600i {
  font-family: "Kanit-SemiBold";
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: "Kanit-Bold";
  src: url(font-kanit/Kanit-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "Kanit-BoldItalic";
  src: url(font-kanit/Kanit-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }
.kanit-700 {
  font-family: "Kanit-Bold";
  font-weight: 700;
  font-style: normal; }

.kanit-700i {
  font-family: "Kanit-Bold";
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: "Kanit-ExtraBold";
  src: url(font-kanit/Kanit-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "Kanit-ExtraBoldItalic";
  src: url(font-kanit/Kanit-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic; }
.kanit-800 {
  font-family: "Kanit-ExtraBold";
  font-weight: 800;
  font-style: normal; }

.kanit-800i {
  font-family: "Kanit-ExtraBold";
  font-weight: 800;
  font-style: italic; }

@font-face {
  font-family: "Kanit-Black";
  src: url(font-kanit/Kanit-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "Kanit-BlackItalic";
  src: url(font-kanit/Kanit-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic; }
.kanit-900 {
  font-family: "Kanit-Black";
  font-weight: 900;
  font-style: normal; }

.kanit-900i {
  font-family: "Kanit-Black";
  font-weight: 900;
  font-style: italic; }

body {
  font-family: "Kanit-Thin";
  -webkit-font-feature-settings: "ccmp";
  -moz-font-feature-settings: "ccmp";
  -ms-font-feature-settings: "ccmp";
  font-feature-settings: "ccmp";
  -webkit-font-feature-settings: "locl";
  -moz-font-feature-settings: "locl";
  -ms-font-feature-settings: "locl";
  font-feature-settings: "locl";
  -webkit-font-kerning: normal;
  -moz-font-kerning: normal;
  -ms-font-kerning: normal;
  font-kerning: normal;
  -webkit-font-variant: common-ligatures;
  -moz-font-variant: common-ligatures;
  -ms-font-variant: common-ligatures;
  font-variant: common-ligatures; }
  body .test-text {
    font-size: 36px; }
  body .tnum {
    -webkit-font-feature-settings: "tnum";
    -moz-font-feature-settings: "tnum";
    -ms-font-feature-settings: "tnum";
    font-feature-settings: "tnum"; }
  body .pnum {
    -webkit-font-feature-settings: "pnum";
    -moz-font-feature-settings: "pnum";
    -ms-font-feature-settings: "pnum";
    font-feature-settings: "pnum"; }
  body sup, body .sups {
    -webkit-font-feature-settings: "sups";
    -moz-font-feature-settings: "sups";
    -ms-font-feature-settings: "sups";
    font-feature-settings: "sups";
    vertical-align: unset; }
  body sub, body .subs {
    -webkit-font-feature-settings: "subs";
    -moz-font-feature-settings: "subs";
    -ms-font-feature-settings: "subs";
    font-feature-settings: "subs";
    vertical-align: unset; }
  body .numr {
    -webkit-font-feature-settings: "numr";
    -moz-font-feature-settings: "numr";
    -ms-font-feature-settings: "numr";
    font-feature-settings: "numr";
    vertical-align: unset; }
  body .dnom {
    -webkit-font-feature-settings: "dnom";
    -moz-font-feature-settings: "dnom";
    -ms-font-feature-settings: "dnom";
    font-feature-settings: "dnom";
    vertical-align: unset; }
  body .frac {
    -webkit-font-feature-settings: "frac";
    -moz-font-feature-settings: "frac";
    -ms-font-feature-settings: "frac";
    font-feature-settings: "frac"; }
  body .ordn {
    -webkit-font-feature-settings: "ordn";
    -moz-font-feature-settings: "ordn";
    -ms-font-feature-settings: "ordn";
    font-feature-settings: "ordn"; }

/* Font selector */
.select-form {
  position: fixed;
  z-index: 1000;
  top: 15px;
  right: 15px; }
  .select-form #font-selector {
    padding: 02px 5px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    overflow: hidden;
    background-color: #555;
    color: #fff; }
    .select-form #font-selector:focus {
    outline: none; }



h1, h2, h3, h4, h5, h6, .main-navigation, 
.navbar-mobile, .navmenu, #banners .entry-meta, a.read-more, a.read-more-right, #sub-cat,
.col-lotto .entry-meta,.wp_rp_title,.cover-content .btn,.meta-content .table th,.meta-content .table td,
.list-view.archive .item h1,.entry-title,.item-lotto table th,.viewall,.site-footer,.btn-enter {
	font-family: "Kanit-Light";
	font-weight: 600;
	font-size: 1.4em;
}
a.read-more {
	font-size: 16px;
}
a.read-more-right{
	font-size: 16px;
	float: right;
}
body.home a.read-more {
	margin: 20px 0 10px;
	display: block;
}

html {
	background-color: #222;
}
/** Text MAIN Content News Detail */
body {
	font-family: "THSarabunNew";
	font-size: 1.5em;
	color: #000;
	background-color: #fff;
	line-height: 1.2em;
}

a{
	transition: 300ms;
}
a:hover {
	color: #4f7e6c;
}
a:active {
	opacity: 0.8;
}

body blockquote {
	font-size: 14.5px;
	quotes: "\201C""\201D""\2018""\2019";
	background-color: #f4f4f4;
	padding: 16px 24px;
	border-left: 3px solid #333;
}

#cover-page {
	padding: 20px 0;
	height: 100%;
	text-align: center;
	border-bottom: 1px solid #111;
}
.cover-ad {
	width: 1000px;
	height: 500px;
	margin: 0 auto;
}
.btn-enter {
	font-weight: 700;
	text-decoration: none;
	color: #000; /** color: #ff8300; */
	font-size: 18px;
	background: url(img/logo.png) center top no-repeat;
	background-size: 100%;
	display: block;
	width: 180px;
	margin: 20px auto;
	padding-top: 32px;
	
}
.btn-enter span{
	display: block;
	border: 2px solid #ff8300;
	padding: 6px 10px 4px;
	border-radius: 3px;
	transition: 300ms;
}
.btn-enter:hover span{
	background-color: #ff8300;
	color: #fff;
}
#page {
	overflow: hidden !important;
	}


	.cover-content {
		text-align: center;
		padding: 20px;
	}

	.cover-content img {
		max-width: 100%;
		margin: 20px auto;
	}

	.cover-content .btn {
		
		font-weight: 700;
		text-decoration: none;
		color: #ff8300;
		font-size: 18px;
		background: url(img/logo.png) center top no-repeat;
		background-size: 100%;
		display: block;
		width: 180px;
		margin: 20px auto 30px;
		padding-top: 32px;
	}
	.cover-content .btn span{
		display: block;
		border: 2px solid #ff8300;
		padding: 6px 10px 4px;
		border-radius: 3px;
		transition: 300ms;
	}
	.cover-content .btn:hover span{
		background-color: #ff8300;
		color: #fff;
	}


body.splash {
	padding: 0;
	margin: 0;
 -webkit-backface-visibility: hidden;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga", "kern";}

	#splash {
		text-align: center;
		padding: 20px;
	}

	#splash img {
		max-width: 100%;
		margin: 20px auto;
	}

	#splash .btn {
		
		font-weight: 700;
		text-decoration: none;
		color: #ff8300;
		font-size: 18px;
		background: url(img/logo.png) center top no-repeat;
		background-size: 100%;
		display: block;
		width: 180px;
		margin: 0 auto 30px;
		padding-top: 32px;
	}

	#splash .btn span{
		display: block;
		border: 2px solid #ff8300;
		padding: 6px 10px 4px;
		border-radius: 3px;
		transition: 300ms;
	}
	#splash .btn:hover span{
		background-color: #ff8300;
		color: #fff;
	}






/* #masthead.site-header */
.site-header {
	padding : 0;
}

body.page-template-page-cover-ad .site-header {
	padding-top: 0px;
}

	#top .container {
		position: relative;
	}
	#top {
		top: 0;
		width: 100%;
		/*z-index: 9999;*/
		background-color: #fff;
		
	}

	.fixed-nav {
		position: fixed;
	}
	.site-logo-classic {
		position: absolute;
		width: 0px;
		left: 10px;
		bottom: 12px;
	}
	.site-social {
		float: right;
		display: block;
		padding: 20px 10px 0 0;
	}
	.site-social a{
		display: inline-block;
		font-size: 15px;
		border-radius: 18%;
		width: 28px;
		height: 28px;
		text-align: center;
		line-height: 28px;
		margin-left: 6px;
		border: 1px solid #fff;
	}
	.site-social a i{
		line-height: 28px;
	}

	.site-social a:hover{
		color: #4f7e6c;
		border: 1px solid #4f7e6c;
	}


	.site-branding {
		padding: 8px 0 9px;
		border-bottom: 1px solid #111;
		
	}
	
	.site-title {
		margin: 0;
	}
		.site-title a{

		}
		.site-title{
			display: block;
			padding-left: 10px;
			text-align: center;
		}
		.site-title .name {
			font-family: "Kanit-Regular";
			font-size: 21px;
			margin: 41px 0 5px; /**margin: 0 0 5px; */
			line-height: 1.05;
			display: block;
		}

		.site-title .logo {
			width: 150px;
			display: block;
			line-height: 1;
			margin-left: -5px;
		}
		.site-title small{
			font-family: "Kanit-Regular";
			color: #111;
			font-size: 18px; /** 12px; */
			display: block;
		}
		
	.mobile-toggle{
		cursor: pointer;
		position: absolute;
		right: 4px;
		bottom: 8px;
		padding: 4px 8px 3px;
		text-transform: uppercase;
		font-size: 14px;
		color: #111;
		border-radius: 3px;
	}
		.mobile-toggle:active,
		.mobile-toggle:hover{
			background-color: #eee;
			color: #111;
		}
		.mobile-toggle i{
			margin-right: 5px;
		}

	.site-description{
		font-size: 13px;
		font-weight: normal;
		color: #888;
		margin: 5px 0 0;
	}
	
	.navbar-mobile{
		padding: 6px 12px 4px;
		margin-top: 44px;
	    font-size: 14px;
	    white-space: nowrap;
	    border-bottom: 1px solid #111;
	    overflow: hidden;
	}
		.navbar-mobile .name {
			float: left;
		}
		.navbar-mobile .site-date{
			float: right;
		}
		
		.navmenu{
			font-size: 18px;
			background-color: #333;
			border-color: #111;
			display: none;
		}
			.navmenu ul.menu{
				margin: 15px 0 15px;
				padding: 15px 25px 0;
			}
			.navmenu ul.menu li a{
				display: block;
				padding: 5px 0 6px;
				color: #fff;
				border-bottom: 1px solid #444;
			}
			.navmenu ul.menu li a:hover{
				color: #ff8300;
			}
			
		#menu-search{
			padding: 20px 25px 0;
			margin: 18px 0 -10px;
		}
			#menu-search #s{
				padding: 0 20px;
				height: 28px;
			    border-radius: 200px;
			    font-size: 16px;
			    /*background: #f5f5f5 url('img/search.png') no-repeat right;*/
			}
	
	.main-navigation {
			display: none;
			font-size: 19px;
			clear: both;
			padding: 8px 0;
			border-bottom: 1px solid #111;
			position: relative;
		}
			#searchbox {
				position: absolute;
				right: 0px;
				top: 9px;
				z-index: 2;
				width: 180px;
				
			}
			#page .sf_search{
						border-radius: 0;
						background-color: #dfdfdf !important; /**background-color: #eee;*/
						width: 180px;
					}
						#page .sf_search span.sf_block{
							height: 27px;
							padding: 0 1px;
						}
						.sf_search span.sf_block {
							display: block;
							position: relative;
						}
						#page .sf_search .sf_input {
							padding-left: 8px !important;
							font-family: sans-serif;
							font-size: 12px;
							font-weight: normal;
							font-style: normal;
							background-color: #dfdfdf !important;  /**background-color: #eee;*/
							height: 24px !important;
							margin: 0 !important;
						}
						.sf_input {
							outline: none;
							border: none !important;
							-webkit-box-shadow: none !important;
							-moz-box-shadow: none !important;
							box-shadow: none !important;
						}
						.sf_input:focus {
							border: solid 1px #ccc;
							box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
							-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
							-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
							transition: none;
							-moz-transition: none;
							-webkit-transition: none;
							-webkit-appearance: caret;
							-moz-appearance: caret; /* mobile firefox too! */
						}
						#page .sf_button{
							margin-top: 2px !important;
							background-color: #dfdfdf !important; /** background-color: rgba(255,255,255,.15) */
						}
						.sf_search .sf_input {
							border: 0 none !important;
							padding: 0 !important;
							-webkit-box-shadow: none !important;
							-moz-box-shadow: none !important;
						}
						.sf_search .sf_button, .sf_search .searchsubmit {
						    background-image: url("img/sf_search.png") !important;
							background-side: no-repeat !important;
							background-position: 0px 0 !important;
							background-color: white !important;
							-webkit-box-shadow: 0 0 0 0 !important;
							-moz-box-shadow: 0 0 0 0 !important;
							border: 0 none !important;
							cursor: pointer !important;
							display: block !important;
							height: 19px !important;
							position: absolute !important;
							right: 1px !important;
							top: 1px !important;
							width: 22px !important;
							margin: 1px 1% 1px 2px !important;
							font-size: 11px !important;
							-webkit-box-shadow: 0 0 0 0 !important;
							-moz-box-shadow: 0 0 0 0 !important;
							box-shadow: 0 0 0 0 !important;
						}
						.sf_search .searchsubmit {
							float: none!important;
							display: block !important;
						}
						.sf_hidden {
							display: none;
						}
			.main-navigation ul{
				margin: 0;
				padding: 5px;
				position: absolute;
				width: 70%;
				right: 0;
				background-color: #fff;
				margin-right: 15px;
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
				-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
			}
			
			.main-navigation li {
				display: block;
				position: relative;
				line-height: 35px;
				height: 32px;
			}
			.main-navigation .icon-down{
				font-size: 0.6em;
			}
			.main-navigation a {
				display: block;
				padding: 0 6px;
			}
			.main-navigation .current-menu-item a,
			.main-navigation .current-category-ancestor a,
			.main-navigation .current-post-parent a{
				color: #4f7e6c; /**color: #ff8300;*/
			}
			.main-navigation .home a{
				white-space: nowrap;
				text-indent: 200%;
				overflow: hidden;
				width: 32px;
				height: 32px;
				margin-right: 8px;
				background-image: url(img/logo-mini.png);
			}
			.main-navigation li:last-child a {
				border: none;
			}
			.main-navigation li.menu-item-has-children {
				position: relative;
			}
			
			.main-navigation .sub-menu {
				display: none;
				position: absolute;
				width: 250px;
				background-color: #fff;
				font-size: 15px;
				z-index: 999;
			}
			.main-navigation li:hover .sub-menu {
				display: block;
				box-shadow: 0 0 2px rgba(0, 0, 0, 0.09);
				-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.09);
			}
			.main-navigation .sub-menu a{
				padding: 4px 10px;
				border-bottom: 1px solid #f2f2f2;
			}
			.main-navigation .sub-menu li:last-child a{
				border: none;
			}
	
			.main-navigation ul ul li {
				display: block;
			}
	
			
			.main-navigation .current_page_item > a,
			.main-navigation .current-menu-item > a,
			.main-navigation .current_page_ancestor > a {
				
			}
			
			.main-navigation .nav-menu {
				display: none;
			}
			.main-navigation.toggled .nav-menu {
				display: block;
			}
			.menu-item-language img{
				margin-right: 8px;
			}
			
			
			@media screen and (min-width: 992px) {
				.mobile-toggle,
				#nav-mobile {
					display: none;
				}
				body.cover-page .site-header {
					padding-top: 0;
				}
				.site-header {
					padding: 0px 0 0; /**padding: 184px 0 0;*/
				}

					.site-title{
						padding: 0;
						text-align: left;
					}
					.site-title img {
						float: left;
						margin: 0 25px 0 0;
						/**width: 500px;*/
					}
					.site-title .title {
						float: right;
						padding: 35px 24px 0px 0px; /*38px 67px 0px 0px;*/
					}
					
				.menu-toggle {
					display: none;
				}
				.main-navigation {
					display: block;
					font-size: 1.4rem;
				}
				.main-navigation .nav-menu {
					display: block;
				}
				.main-navigation .menu {
					font-family: 'Kanit-Light';
					float: left;
				}
				.main-navigation ul{
					margin: 0;
					padding: 0;
					position: relative;
					width: 100%;
					background: none;
					box-shadow: none;
					-moz-box-shadow: none;
				}
				.main-navigation li {
					float: left;
					margin-left: -9px;
				}
				.main-navigation a {
					display: block;
					padding: 0 9px;
				}
				.menu-item-language a{
					padding-right: 0;
					padding-left: 0;
					margin-left: 8px;
					width: 18px;
					overflow: hidden;
					white-space: nowrap;
				}
				
				.navbar-mobile{
					display: none;
				}
				
				#cat-featured .main .item {
					background-color: rgb(247, 227, 195);
					margin-bottom: 8px;
				}
				#cat-featured .main .item .entry-content:after {
					background: linear-gradient(to right, rgba(247, 227, 195, 0) 0%, rgb(247, 227, 195) 50%);	
				}
				#cat-featured .main .pic {
					float: left;
					width: 60%;
				}
				#cat-featured .main .info {
					background: none;
					float: right;
					width: 40%;
					padding: 18px;
				}
				#cat-featured .sub {
					margin-left: -4px;
					margin-right: -4px;
					margin-bottom: 10px;
				}
				#cat-featured .sub .item {
					width: 33.33333%;
					float: left;
					padding: 0 4px;
				}
				
				
			}
			@media screen and (min-width: 1200px) {
				.main-navigation {
					font-family: 'Kanit-Thin';
					font-size: 16px;
					/**background-color: #EEE;*/
				}
				.main-navigation a {
					padding: 0 20px 0 10px;
				}
			
			}
.site-header-etc .ad {
	overflow: hidden !important;
	width: 320px;
	height: 100px;
	margin: 10px auto;
}
.site-header-etc .ad > div {
	overflow: hidden !important;
	width: 100% !important;
}			

			

			

/* #content.site-content */

@media screen and (max-width: 766px) {
	.site-content {
	padding: 0 15px 30px;
}
	body.home .site-content,
	body.page-template-page-home .site-content{
		padding: 30px 0;
	}
	.widget-area {
	padding-top: 50px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.site-content {
	padding: 0 15px 30px;
}
	body.home .site-content,
	body.page-template-page-home .site-content{
		padding: 30px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
.site-content {
	padding: 0 15px 30px;
}
	body.home .site-content,
	body.page-template-page-home .site-content{
		padding: 0 0 30px;
	}
}

@media (min-width: 1200px) {
.site-content {
	padding: 0 15px 30px;
}
	body.home .site-content,
	body.page-template-page-home .site-content{
		padding: 0 0 30px;
	}
}

.ads-billboard {
	text-align: center;
}

/* #primary.content-area */
.content-area {
	min-height: 500px;
}
	.content-area.full {
		float: none;
		width: 100%;
	}

	.page-header{
		margin: 0;
		border: none;
	}

@media (max-width: 991px){
		.hentry {
			padding: 10px;
	}
}
	.hentry {
	}

	.group {

	}
		.entry-header {
			
		}
		.entry-header .pic img{
			width: 100%;
		}
		.entry-header .pic-scoop img{
			width: 0%;
		}
		.entry-title {
		}
		body.single .entry-title {
			font-size: 1.3em;
			font-family: "Kanit-Light";
			line-height: 1.4em;
		}
		.text-head-1 {
			font-weight: 800;
			color: #4f7e6c;
			font-size: 1em;
		}

/**		.text-head-1 a {
			color: #295D99;
		}
		.text-head-1 a:hover{
			border-bottom: 1px dotted;
		}*/
		a.text-link-1 {
			font-family: "Kanit-Regular";
			font-size: .8em;
		}

		body.single .caption {
			background-color: #f4f4f4;
			padding: 10px 10px 8px;
			font-size: 12px;
			color: #666;
		}
		.wp-caption .wp-caption-text {
			background-color: #f4f4f4;
			padding: 10px 10px 8px;
			font-size: 12px;
			color: #666;
			margin-top: 0;
		}
		body.single .cat {
			border-bottom: 2px solid #4d7f6c; /**border-bottom: 2px solid #ff8300;*/
			margin: 15px 0 30px; /**margin:42px 0 50px 0;*/
		}

		body.single .entry-meta {
			
		}

		body.single .essb-total {
			display: inline-block;
			margin-left: 8px;
		}
		body.single .s-total h3{
			margin: 0;
		}
		body.single .s-total .matichon-share {
			display: inline-block;
			margin-left: 8px;
		}
		body.single .s-share {
			overflow: hidden;
		}
		body.single .s-share li {
			width: 20% !important;
		}
		body.single .s-share .essb_network_name{
			display: none !important;
		}
		body.single .s-share .rrssb-buttons {
			margin-top: 10px;
			padding-left: 0;
		}
		body.single .s-share .rrssb-buttons li {
			margin-bottom: 3px;
		}

		.essb_links_list {
			width: 100%!important;
			margin-right: 0!important;
		}

		@media (max-width: 640px) {

			.rrssb-buttons li.rrssb-facebook a .rrssb-icon {
				left: 0!important;
				width: 100%!important;
			}
			.rrssb-buttons li.rrssb-facebook a .rrssb-text {
				display: none!important;
			}

		}

		/* Landscape tablets and medium desktops */
		@media (min-width: 992px) and (max-width: 1199px) {

		}
		
		/* Large desktops and laptops */
		@media (min-width: 1200px) {
			.rrssb-line {
				display: none;
			}
		}

		
		body.archive .page-header {
			border-bottom: 2px solid #4f7e6c; /**border-bottom: 2px solid #ff8300;*/
			margin-bottom: 20px;
			padding: 0;
		}
		
		#sub-cat {
			border-bottom: 2px solid #4f7e6c; /**border-bottom: 2px solid #ff8300;*/
			margin-top: -10px;
			padding-bottom: 10px;
			padding-left: 0;
		}
		#sub-cat li{
			font-size: 17px;
			list-style: none;
			display: inline-block;
			padding-right: 10px;
		}
		#sub-cat .current-cat a{
			color: #4f7e6c; /**color: #ff8300;*/
		}

		
		
		body.single .cat h2,
		body.archive .page-title{
			margin: 0;
			font-size: 18px;
		}
		body.single .cat a,
		body.archive .page-title{
			background-color: #4d7f6c; /**background-color: #ff8300;*/
			color: #fff;
			display: inline-block;
			padding: 6px 12px 2px;
		}
		body.single .entry-meta {
		/**	margin-bottom: 20px; */
		/**	background-color: #f4f4f4;
			padding: 6px 10px;*/
		}
		body.single .cat-links {
			display: none;
		}
		.entry-meta {
			color: #111; /**color: #777;*/
			font-size: 14px;
		}
		
		.entry-meta a{
			
		}


		/** Text Description Home 3 Big News */
		body.single .entry-content {
			font-family: "THSarabunNew";
			font-size: 1.3em;
			line-height: 1.5em;

		}
		.entry-content p{
			margin-bottom: 1em;
			font-size: 1.2em;
		}

		.entry-content a{
			color: #0000FF;
			text-decoration: underline;
		}


		
		.meta-content .table {
			width: auto;
		}
		.meta-content .table th,
		.meta-content .table td {
			padding: 8px 8px 4px;
		}
		.meta-content .table th{
			white-space: nowrap;
			font-size: 15px;
			background-color: #f4f4f4;
		}
		.meta-content .table td{
			font-size: 15px;
		}
		.entry-footer {
			
		}
		
	
	.navigation {
		
	}
		.nav-previous {
			
		}
		.nav-next {
			
		}

	.item {
	}
		
		.item .pic-0 {
			width: 80px;
			height: 40px;
			overflow: hidden;
		}

	@media (max-width: 640px){
		.item {
			margin-bottom: 10px;
		}
		.item .pic-0 {
			margin: 0 -5px 22px 0;
			width: 120px;
			height: 60px;
			overflow: hidden;
		}
		.item .pic-1 {
			margin: 0 -5px 22px 0;
			width: 120px;
			height: 60px;
			overflow: hidden;
		}
	}

	@media (min-width: 641px) and (max-width: 767px){
		.item {
			margin-bottom: 10px;
		}
		.item .pic-0 {
			margin: 0 -5px 22px 0;
			width: 172px;
			height: 80px;
			overflow: hidden;
		}
		.item .pic-1 {
			margin: 0 -5px 22px 0;
			width: 172px;
			height: 80px;
			overflow: hidden;
		}
	}

	@media (min-width: 768px) and (max-width: 991px){
		.item {
			margin-bottom: 10px;
		}
		.item .pic-0 {
			margin: 0 -5px 22px 0;
			width: 172px;
			height: 80px;
			overflow: hidden;
		}
		.item .pic-1 {
			margin: 0 -5px 22px 0;
			width: 172px;
			height: 80px;
			overflow: hidden;
		}
	}

	@media (min-width: 992px) and (max-width: 1199px){
		.item {
			margin-bottom: 10px;
		}
		.item .pic-2 {
			width: 204px;
			height: 120px;
			overflow: hidden;
		}
	}

	@media (min-width: 1200px){
		.item {
			margin-bottom: 10px;
		}
		.item .pic-1 {
				width: 128px;
				height: 60px;
				overflow: hidden;
			}
		.item .pic-2 {
			width: 258px;
			height: 154px;
			overflow: hidden;
		}	
	}

		.item .pic img{
			width: 100%;
		}
		.img-size-full img{
			width: auto !important;
			height: auto !important;
		}
		.featured-view .item .info {
			background-color: #e5eff5;
			padding: 12px 14px 12px;
		}
		.item .info {
			line-height: 1.62;
			display: flex;
		}
		.item h1 {
			font-size: 1.4em;
			line-height: 1.5;
			margin: 0;
		}
		.featured-mini-view h1 {
			line-height: 1.2;
			margin-top: 10px;
			font-size: 20px;
			
		}
		#cat-featured .item h1 {
			line-height: 1.3;
		}
		.list-mini-view .item h1,
		.list-view .item h1 {
			font-size: 14.5px;
			font-family: sans-serif;
			font-weight: normal;
			font-weight: normal;
		}
		.list-view.archive .item h1 {
			font-size: 1.6em;
			line-height: 1.3;
		}
		.item h1 a{
			font-family: "Kanit-Light";
			font-size: 1.1em;
		}
		.entry-meta .byline,
		.item .entry-footer{
			display: none;
		}
		.item .entry-meta{
			margin: 5px 0;
			font-size: 18px;
		}
	
		.item .entry-meta a{
			color: #111; /**color: #777;*/
		}
		
		.item .entry-content {
			font-size: 16px;
			font-weight: bold;
			line-height: 1.2em;
			position: relative;
			height: 0em; /**6.8em; with description*/
			overflow: hidden;
		}
		.item .entry-content:after {
			content: "";
			text-align: right;
			position: absolute;
			bottom: 0;
			right: 0;
			width: 90%;
			height: 1em; /**height: 0.7em;*/
			background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
		}
		.featured-view .item .entry-content:after {
			background: linear-gradient(to right, rgba(229, 239, 245, 0) 0%, rgba(229, 237, 245, 1) 50%);	
		}
		
		.itemmn {
			margin-bottom: 50px;
		}

		#comments {
			margin-top: 25px;
			padding: 5px 15px 1px;
			background-color: #f4f4f4;
			border-top: 2px solid #111;
		}
		#comments >h3,
		#comments >p{
			display: none;
		}
		@media (min-width:992px){
			.site-content {
				padding: 0 0 30px;
			}				
			body.single .cat {
			}			
			.featured-view .item .info {
				min-height: 150px; /**212px; with description*/
			}
		}
		
	.site-header-etc .links{
		display: none;
	}
#banners{
	position: relative;
	/**margin-bottom: 40px; margin-bottom: 20px;
	overflow: hidden;*/
}
	@media (min-width: 992px){
		#banners h2.sec-title{
		    margin-left: -5px;
		}		
	}
	@media (min-width: 1200px){
		#banners h2.sec-title{
		    margin-left: -15px;
		}		
	}
		#banners h2.sec-title{
			position: relative;
			display: inline-block;
		    padding: 3px 10px 1px;
		    font-size: 19px;
		    color: #fff;
		    background-color: #4f7e6c; 
		}		

		#banners .item h1 a:hover{
			opacity: 0.8;
		}
		#banners h2.sec-title:after{
			content: '';
			position: absolute;
			top: 0px;
			right: -4px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 26px 4px 0 0;
			border-color: #4f7e6c transparent transparent transparent; /** border-color: #ff8001 */ 
		}
		
	
	#banners .col-blog{
		margin-top: -15px;
		padding-bottom: 1px;
	}
	#banners .col-slide .item{
		margin-bottom: 0;
		overflow: hidden;
		max-height: 220px;
	}
	#banners .col-moni .item,
	#banners .col-blog .item{
		padding-bottom: 20px;
	}
	
	 .col-blog .pic{
	 	width: 42%;
	 }
	 .col-blog .info {
	 	width: 58%;
	 	font-size: 14px;
	 }
	
	#banners .col-moni a.readmore:hover {
		opacity: 1;
		color: #111; /**color: #ff8200;*/
	}

		#banners .col-moni a.readmore {
			font-family: 'Kanit-Light';
			font-size: 14px;
			color: #4f7e6c;
			float: right;
			display: block;
			padding: 6px 0;
			margin: 0 15px;
		}

	@media (min-width: 992px){
		#banners .col-moni a.readmore {
			font-family: 'Kanit-Light';
			font-size: 14px;
			color: #4f7e6c;
			float: right;
			display: block;
			margin-right: -2px;
		}
	}

	#banners .col-slide{
		position: relative;
	}
		#banners .col-slide.owl-theme .owl-controls .owl-buttons div{
			position: absolute;
			top: 50%;
			margin-top: -23px;
			font-size: 40px;
			background: transparent;
		}
			#banners .col-slide.owl-theme .owl-controls .owl-buttons .owl-prev{
				left: 0;
			}
			#banners .col-slide.owl-theme .owl-controls .owl-buttons .owl-next{
				right: 0;
			}
		#banners .col-slide.owl-theme .owl-controls{
			margin-top: 0;
		}
	
	.col-blog{
		background-color: #F7EDE3;
	}	
		.col-blog .pic img{

		}
		.col-blog .item h1{
			margin-top: 5px;
			font-size: 13px;
		}
			.col-blog .item h1 a{
				color: #615445;
			}
			.col-blog .info{
				padding-left: 5px;
			}
		.col-blog .entry-meta{
			font-size: 16px;
			white-space: nowrap;
			max-width: 150px;
			overflow: hidden;
		}
			#banners .entry-meta a{
				color: #000;
			}
				
	.col-slide{
		background-color: #000;
	}
		.col-slide .pic img{
			width: 100%;
		}
		.col-slide .item {
			position: relative;
		}
		.col-slide .item .info{
			padding: 12px 15px;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(255, 255, 255, 0.4);
		}
		
			 .col-slide .info h1{
			   	font-size: 20px;
			   	text-shadow: 0 0 28px #000;
			   	line-height: 1.2;
			 }
			.col-slide .info h1 a{
				font-family: "Kanit-Thin";
				color: #fff;
			}
			
	.col-moni{
		height: 424px;
		background-color: #E5E5E5;
		display: inline-block;
	}
		.col-moni .item{
		}

		.col-moni .info h1{
			font-size: 12px;
		}
			.col-moni .info h1 a{
				color: #615445;
			}
			.col-moni .info h1 a:hover{
				color: #4f7e6c;
			}
			
		.col-moni .entry-meta{
			display: none;
		}

	@media (max-width: 991px){
		.col-moni {
			width: 100%;
			background-color: #E5E5E5; /** background-color: #f7ede3; */
			display: inline-block;
			margin-bottom: 100px;
			height: auto;
		}
		.sec-0{
			clear: both;
			border-bottom: 1px solid #111;
			padding-left: 15px;
			padding-right: 15px;
			padding-bottom: 10px;
			margin-bottom: 30px;
		}
		.sec-body{
			padding: 15px;
		}
		.sec-left {
		margin-top: 30px;
		}
	}
	@media (max-width: 1199px){
		.col-moni {
			/**margin-bottom: 100px;*/
		}
	}

	@media (max-width: 991px){
		.contnu-left{
			float: left;
			width: 49%;	
		}
		.contnu-right{
			display: inline-block;
			width: 49%;
			margin-left: 2%;
		}
	}
	@media (min-width: 992px){
		.col-news,.col-news-large, .col-ad {
			/*padding-right: 10px;*/
		}
		.col-blog, .col-moni {
			padding: 0 5px;
		}
	}

	@media (min-width: 1200px){
		.col-blog, .col-moni {
			padding: 0 15px;
		}
	}


.sec {
	clear: both;
	border-bottom: 1px solid #111;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#head-ad {
	width: 100%;
	clear: both;
	margin-top: 10px;
	text-align: center;
}

.sec-body{
	padding-top: 15px;
}

.sec-ad {
	clear: both;
	border-bottom: 1px solid #111;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.news-ad {
	margin-bottom: 30px;
	text-align: center;
}

.empty {
	margin: 0px;
}
.sec-title-line{
	margin: 0px 0px 20px;
    /**border-bottom: 2px solid #4f7e6c;*/
}

	h2.sec-title {
		/**
	    background-color: #4f7e6c;
	    color: #fff;
	    display: inline-block;
	    padding: 6px 12px 3px;
	    margin-bottom: -20px;*/
	    color: #4f7e6c;
	}
	h2.sec-title-alt {
		font-size: 20px;
	}
	h3.article-title{
		margin-bottom: 5px;
	}
	
	
	
	#sec-auto .featured-view .entry-content {
		display: none;
	}
	#sec-auto .featured-view .info {
		min-height: 102px;
	}
	
	/* TEMP */
	#sec-pr img {
		/**margin-bottom: 15px;**/
	}

	#sec-columnist{
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}	
		/**#sec-columnist .item{
			border: 1px solid #E1CEB1;
		}
			#sec-columnist .author{
				padding: 5px 10px;
			}
				#sec-columnist .author img{
					border-radius: 200px;
				}
				#sec-columnist .author h3{
					margin: 14px 0 0;
					font-size: 16px;
				}
				
			#sec-columnist .info{
				padding: 10px;
			}
				#sec-columnist .info h1{
					margin-bottom: 5px;
					font: normal 0.9em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				}
				
				#sec-columnist .info .entry-meta{
					margin: 0;
					font-size: 0.8em;
				}
		**/
		
		.items-columnist{
			/**padding:0 10px 0 10px;

			padding: 0 15px;*/
		}
		.items-columnist .col-sm-3:nth-of-type(4n+1){
			clear: left;
		}
			.items-columnist .pic{
				padding-right: 0;
			}
				.items-columnist .pic img{
					border-radius: 50%;
				}
			.items-columnist .item h3.entry-title{
				margin: 20px 0 0;
				font-size: 18px;
			}
			
.col-public, .col-oil, .col-rate, .col-set, .col-lotto{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}			
	.col-public{
		/*width: 35%;*/
		width: 31%;
	}
	.col-oil{
		/*width: 18%;*/
		width: 22%;
	}	
	.col-rate{
		width: 23.5%;	
	}
		.col-rate .bg{
			padding: 10px;
			min-height: 282px;
			color: #fff;
			text-align: center;
			background-color: #00AA4A;
		}	
	
	.col-set{
		width: 23.5%;
	}
		.col-set .bg{
			padding: 10px;
			min-height: 282px;
			color: #fff;
			text-align: center;
			background-color: #7BABFF;
		}	
		
	.col-lotto{
		width: 47%;
		
	}
		.item-lotto {

		}
			.item-lotto h1{
				font-size: 20px;
				margin-bottom: 5px;
				color: #111;
			}
			.item-lotto small{
				font-size: 16px;
			}
			.item-lotto b{
				color: #ff8200;
				font-weight: 600;
			}
			.item-lotto table {
				width: 100%;
				color: #fff;
			}
			.item-lotto table th {
				background-color: #CB6800;
				padding: 2px 8px;
				text-align: right;
				border-right: 1px solid #fff;
				font-size: 17px;
			}
			.item-lotto table td{	
				background-color: #FF8708;
				padding: 2px 8px;
				text-align: right;
				font-weight: bold;
				border-right: 1px solid #fff;
				color: #fff;
				letter-spacing: 1px;
			}
			.item-lotto table th:last-child,
			.item-lotto table td:last-child{
				border: none;
			}
			.item-lotto td.l1,
			.item-lotto td.l2{
				font-size: 20px;
			}
			.viewall {
				margin: 10px 0 0;
				text-align: right;
			}

		
			    

/* .pagination */				
ul.pagination{
	font-family: "Kanit-Light";
}	
	ul.pagination>.active>a, 
	ul.pagination>.active>span, 
	ul.pagination>.active>a:hover, 
	ul.pagination>.active>span:hover, 
	ul.pagination>.active>a:focus, 
	ul.pagination>.active>span:focus{
		background-color: #4f7e6c;
		border-color: #4f7e6c;
	}	
	ul.pagination>li>a, 
	ul.pagination>li>span,
	ul.pagination>li:first-child>a, 
	ul.pagination>li:first-child>span{
		color: #4f7e6c;
		border: 1px solid #4f7e6c;
		border-radius: 0 !important;
	}	
	ul.pagination>.disabled>span{
		display: none;
	}	
				
#wp_rp_first {
	margin-top: 30px;
}	
	
/* #secondary.widget-area {} */
.widget-area {
	padding: 0;
	font-size: 13px;
}
	.widget-area .widget-title{
		background-color: #222;
		color: #fff;
		padding: 6px 10px 3px;
	}
	
	.side-ad {
		margin: 15px 0 25px 0;
		background: url(img/ad-side.jpg) no-repeat #f4f4f4;
	}
	
	#secondary .entry-title {
		font-size: 13px;
	}
	#secondary .entry-meta {
		font-size: 11px;
		padding: 0;
		background: none;
		margin: 5px 0 0;
	}
/* #colophon.site-footer */
.site-footer {
	font-family: "Kanit-Thin";
	font-size: 14px;
	background-color: #474747; /**background-color: #000000;*/
	color: rgba(255, 255, 255, 1);
	padding: 10px;
	text-align: left; /**text-align: center;*/
	line-height: 1.5em;
}
.site-footer a{
	color: rgba(255, 255, 255, 1);
}
.site-footer a:hover{
	font-family: 'Kanit-Medium';
	color: #4f7e6c;
}



.hidden-mb{
	display: none !important; 
}
.container {
    padding-left: 0;
    padding-right: 0;
}

.related_post_title {
	border-top: 2px solid #111;
	padding-top: 15px;
}
ul.related_post {
margin: 20px -10px;
padding: 0;
overflow:hidden;
}
ul.related_post li {
float:left;width:25%;padding:0 10px;
list-style:none;
}
ul.related_post li a {
display:block;
}
ul.related_post li img {
margin-bottom: 10px;
}
ul.related_post .wp_rp_title {font-size: 16px; line-height: 1.4;}

.related-content ul {
	list-style: none;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0;
}
.related-content ul li a h4 {
	margin-top: 10px;
}

@media (max-width: 769px) {

	.related_post_title {
		margin-bottom: 5px;
	}

	.related-content ul li {
		clear: both;
		margin-bottom: 10px;
	}
	.related-content ul li a img {
		width: 120px;
	    float: left;
	    padding-right: 10px;
	    margin-bottom: 10px;
	}

}

/* Lotto */
.lotto {
	border: 2px solid #ff8300;
	padding: 2px;
}

.lt{
	font-size: 14px;
	border: 1px solid #fff;
}
.lt.no-1,
.lt.prefix-3,
.lt.subfix-3,
.lt.subfix-2 {
	font-size: 30px;
}
.lt.near-no-1,
.lt.no-2 {
	font-size: 25px;
}
.lt h2{
	background-color: #ff8300;
	color: #fff;
	margin: 0;
	text-align: center;
	padding: 4px 10px 2px;
	font-size: 20px;
}
.lt .prize {
	background-color: #eee;
	text-align: center;
	font-size: 13px;
}
.lt .result {
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	word-spacing: 10px;
}
.lt.no-2 .result,
.lt.no-3 .result,
.lt.no-4 .result,
.lt.no-5 .result {
	padding: 8px 0 6px;
}

@media (max-width: 479px){
	.column-12{
		display: inline-block;
		float: left;
		width: 50%;
	}

	.column-21{
		display: inline-block;
		width: 50%;
		margin-top: -10px;
	}
}

@media (min-width:480px){

	.sec-left-footer, 
	.sec-right-footer{
		float: none;
        width: auto;
        display: block;
	}

	.groupfooter:after {
	    content:"";
	    display: table;
	    clear: both;
	}

	.column-1,
	.column-2,
	.column-3,
	.column-4 {
		border-top: 1px solid #FFF;
		float: left;
		width: 25%;
		padding-top: 25px;
	}
}

@media (min-width:768px){
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	.sec {
		padding-left: 0;
		padding-right: 0;
	}
	.site-header-etc .ad {
		width: 728px;
		height: 90px;
		margin: 10px auto;
		background: url(img/ad-top.jpg) no-repeat #f4f4f4;
	}

	
	body.single .s-share .essb_network_name{
		display: inline !important;
		font-size: 11px;
	}
	.col-slide .info h1{
	  	font-size: 28px;
	  	line-height: 1.2;
	}
	#banners .col-slide .item{
		max-height: 400px;
	}
	li.essb_item.essb_link_line {
		display: none;
	}

}

@media (min-width:992px){
	.container{
		width: 960px;
	}
	.site-logo-classic {
		width: 358px; /** width: 98px; */
		left: auto;
		right: 10px;
		bottom: 114px;
	}
	.site-social {
		float: right;
		display: block;
		padding-top: 79px;
	}
	.site-social a{
		display: inline-block;
		font-size: 15px;
		border-radius: 18%;
		width: 28px;
		height: 28px;
		text-align: center;
		line-height: 28px;
		margin-left: 6px;
		border: 1px solid #fff;
	}
	.site-social a i{
		line-height: 28px;
	}

	.site-social a:hover{
		color: #4f7e6c;
		border: 1px solid #4f7e6c;
	}

	.site-branding {
		padding: 10px 0 20px; /**padding: 30px 0 20px;*/
		height: 135px; /** height: 90px;*/
	}
	.site-title .logo {
		width: auto;
		display: block;
		line-height: 1;
		margin-left: 0;
	}
	.site-header-etc {
		margin: 15px 0;
		text-align: center;
	}
	body.home a.read-more {
		float: right;
		margin-top: -26px;
	}
	.col-slide .info h1{
	  	font-size: 28px; /**font-size: 32px;*/
	  	line-height: 1.3;
	}
	.content-area {
		float: left;
		width: 610px;
	}		
	.sec {
		padding-left: 0;
		padding-right: 0;
	}	
	h2.sec-title-alt {
		margin: -30px 0 5px;
		height: 25px;
	}	
	.sec-left {
		width: 66.6666667%;
		padding-right: 10px;
		float: left;
		border-right: 1px solid #111;
	}
	.sec-right {
		width: 33.3333333%;
		padding-left: 10px;
		display: inline-block;
	}

	.sec-left-home {
		width: 66.6666667%;
		padding-right: 10px;
		float: left;
	}
	.sec-right-home {
		width: 33.3333333%;
		padding-left: 10px;
		display: inline-block;
		border-left: 1px solid #111;
	}



	.col-news {
		width: 50%;
		float: left;
	}
	.col-right {
		width: 100%;
		float: left;
	}

	.col-50pc-l{
		width: 49%;
		float: left;
		margin-right: 1%;
	}
	.col-50pc-r{
		width: 49%;
		display: inline-block;
		margin-left: 1%;
	}

	.col-news-large {
		width: 100%;
/**		width: 73.3333333%;*/
		float: left;
	}
	.col-news-large .featured-news {
		margin: 0 -4px;
		overflow: hidden;
	}
	.col-news-large .featured-news .item {
	    width: 33.33333%;
	    float: left;
	    padding: 0 4px;
	 }
	 .col-news-large .featured-news .item h1{
	 	line-height: 1.3;
	 }
	.col-ad {
		width: 26.6666666%;
		float: left;
	}
	.col-ad .info{
		padding-bottom: 10px;
	}
	.widget-area{
		float: right;
		width: 300px;
	}
	.widget-area .pic {
		padding-right: 5px;
	}
	#banners .col-slide .item{
		max-height: 320px;
	}

	#banners .col-slide {
		width: 710px; /**width: 580px;*/
		height: 400px;
		right: 300px;
	}


	.col-blog, .col-moni {
		width: 250px; /** 230px;*/
		float: left;
		height: auto /**320px;*/
		padding-bottom: 0;
	}

		#banners .col-blog{
			margin-top: 0;
			overflow: hidden;
		}
		#banners .col-moni{
			position: relative;
			height: 424px;
		}
			#banners .col-moni .item a{
				padding: 0;
			}			
	.col-slide {
		width: 480px;
		height: 320px;
		float: left;
		padding-left: 0;
		padding-right: 0;
	}
		#banners .col-slide{
			position: absolute;
			right: 230px;
		}
			
	.hidden-mb{
		display: block !important;
	}
	.widget-area {
		display: block;
	}
	body.single .s-share .essb_network_name{
		display: none !important;
	}
	
	.lt{
		background-color: #fff;
	}
	.lt.no-1,
	.lt.prefix-3,
	.lt.subfix-3,
	.lt.subfix-2 {
		width: 50%;
		float: left;
	}

	.lt.near-no-1,
	.lt.no-2 {
		width: 100%;
	
	}
	
	.site-footer .copyright{
		text-align: left;
	}
	.site-footer .stat{
		text-align: right;
	}

	.sec-left-footer {
		float: left;
		width: 45%;
		padding-right: 10px;
	}
	.sec-right-footer {
		float: right;
		width: 55%;
		padding-left: 35px;
		/**border-left: 1px solid #FFF;*/
	}
	.column-1,
	.column-3,
	.column-4 {
		border-top:none;
		float: left;
		width: 23%;
		padding-top: 0px;
	}
	.column-2 {
		border-top:none;
		float: left;
		width: 31%;
		padding-top: 0px;
	}


	.ctn-left-3col{
		float: left;
		width: 32%;
		vertical-align: top;
	}
	.ctn-middle-3col{
		display: inline-block;
		width: 32%;
		margin: 0 1.83%;
		vertical-align: top;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	.ctn-right-3col{
		display: inline-block;
		width: 32%;
		vertical-align: top;
		padding-left: 20px;
	    margin-right: 7px;
	}
}

@media (min-width:1200px){

	.ctn-right-3col{
		display: inline-block;
		width: 32%;
		vertical-align: top;
		padding-left: 20px;
	    margin-right: 11px;
	}


	.container{width: 1200px;}
	#banners .col-blog,
	#banners .col-moni{
		position: relative;
		height: 424px;
	}
	#banners .col-slide {
		width: 880px; /**width: 580px;*/
		height: 400px;
		right: 300px;
	}
	.col-moni, .col-blog{
		width: 312px;
	}
	.content-area {
		width: 840px;
	}
	.site-header-etc {
		overflow: hidden;
		display: block;
	}
	.site-header-etc .ad{
		float: left;
		margin: 0;
	}
	.site-header-etc .links{
		float: right;
		display: block;
		text-align: left;
		width: 437px;
		background-color: #f2f2f2;
		height: 90px;
		padding: 10px 15px;
	}
	.site-header-etc .links ul{
		padding: 0;
	}
	.site-header-etc .links li{
		list-style: none;
		display: inline;
		font-size: 12px;
		line-height: 2;
		margin: 0 2px;
	}
	.site-header-etc .links a{
		color: #666;
	}
	.site-header-etc .links a:hover{
		color: #222;
		font-weight: bold;
	}
	.site-header-etc .links h4{
		margin: 0;
		font-size: 14px;
		display: inline;
		float: left;
		background-color: #222;
		padding: 6px 8px 4px;
		color: #fff;
		margin: -10px 20px 0px -15px;
		position: relative;
	}
	.site-header-etc .links h4:after {
	    content: '';
	    position: absolute;
	    top: 0px;
	    right: -4px;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 26px 4px 0 0;
	    border-color: #222 transparent transparent transparent;
	}

	.site-logo-classic {
		width: 358px;
		left: auto;
		right: 10px;
		bottom: 107px;
	}




	#banners .col-slide .item{
		max-height: 400px;
	}
	.col-public{
		width: 35%;

	}
	.col-oil{
		width: 18%;

	}	
	
	
	body.single .site-main .col-sm-2{
		width: 150px;
	}
	body.single .site-main .col-sm-10{
		width: 710px;
	}
	body.single .s-share .essb_network_name{
		display: inline !important;
	}
	.item-lotto {
		position: relative;
	}
	.item-lotto .viewall{
		position: absolute;
		right: 0;
		top: 0;
		margin: 2px 0 0;
	}
	.item-lotto th{
		line-height: 1.2;
	}
	.item-lotto td{
		line-height: 1.3;
	}
	
	body.single .s-share li,
	body.single .s-share li a {
		width: 100% !important;
	}

}





/* Popular Post Plugin */
.tptn_counter {
	display: none;
}
.tptn_posts_widget li{
	display: block;
	clear: both;
	margin-bottom: 18px;
	overflow: hidden;
	position: relative;
}
.tptn_posts_widget .tptn_thumb{
	float: left;
	width: 91px;
	margin-right: 15px;
}
.tptn_posts_widget .tptn_title{
	padding-left: 107px;
	display: block;
	
}
.tptn_posts_widget li::after {
	content: "1";
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	background-color: #ff8200;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	width: 16px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.tptn_posts_widget li:nth-child(2)::after{content: "2";}
.tptn_posts_widget li:nth-child(3)::after{content: "3";}
.tptn_posts_widget li:nth-child(4)::after{content: "4";}
.tptn_posts_widget li:nth-child(5)::after{content: "5";}
.tptn_posts_widget li:nth-child(6)::after{content: "6";}
.tptn_posts_widget li:nth-child(7)::after{content: "7";}
.tptn_posts_widget li:nth-child(8)::after{content: "8";}
.tptn_posts_widget li:nth-child(9)::after{content: "9";}
.tptn_posts_widget li:nth-child(10)::after{content: "10";}




/* รำลึก ปอ ทฤษฎี */
body.page-id-10720 .entry-header,
body.page-id-514 .entry-header{
	display: none;
}
body.page-id-10720 .cover-content,
body.page-id-514 .cover-content {
	padding: 0;
}
body.page-id-10720 .cover-content > img,
body.page-id-514 .cover-content > img {
	width: 100%;
	margin: 0;
}
.cover-content iframe {height: 270px !important;}
  @media screen and (min-width: 992px) {
  	body.page-id-10720 .site-header,
  	body.page-id-514 .site-header {
  		padding: 90px 0 0;
  	}
  	.cover-content iframe {height: 600px !important;}
  }
  
  /* Add By Unixdev 2016-06-01 */
  
  div#searchbox{
/*      display: none;*/
      width: 140px;
      overflow-x: hidden;
  }
  div#searchbox span.sf_block{
      width: 140px;
  }
  
  div.eurobanner{
      margin: 0 0 20px 0; /**margin: 20px 0 20px 0;*/
  }
  
  div.eurobanner-mobile{
      margin: 20px 0 20px 0;
      display: none;
  }
  
  @media screen and (max-width: 768px) {
  	div.eurobanner{
            margin: 20px 0 20px 0;
            display: none;
        }
    div.eurobanner-mobile{
        margin: 20px 0 20px 0;
        display: inherit !important;
        text-align: center;
    }
  }
  

    .left {
        float: left;
        width: 50%;
        /**padding: 0px 10px 20px 0px;
        border-bottom: 1px solid #CCC;
        margin-bottom: 25px;*/
    }
    .right {
        float: right;
        width: 50%;
        padding: 0px 0px 20px 10px;
        border-bottom: 1px solid #CCC;
        margin-bottom: 25px;
    }

    .group:after {
        content:"";
        display: table;
        clear: both;
    }
    @media screen and (max-width: 992px) {
        .left, .right {
            float: none;
            width: auto;
            /**padding: 0px 0px 20px 0px;
        	margin-bottom: 25px;*/
        	clear: both;
    	}
    	#banners{
			/**margin-bottom: 20px;*/
    	}

    }

.wrap-footer{
	padding-top: 25px;
}


  /* End Add */