@charset "utf-8";

/* CSS Document */



@import url(../fonts/stylesheet.css);

body{background:#f3f3f3 /* url(../images/bg.png) repeat left top */; font-size:14px; line-height:180%;}

body img{max-width:100%; height:auto;}

.clear {clear: both;}

.h1, .h2, .h3, h1, h2, h3{ margin:0px;}

a:link, a:visited { color: #666;text-decoration: none;}

a:hover {color: #222;	text-decoration: none;background: none;}

p { margin:0px; }
.readmore{ padding:5px 10px;}
.readmore a:link, .readmore a:visited { color: #fff;text-decoration: none; background:#4099ff;padding:5px 10px;}

.readmore a:hover {color: #fff;	text-decoration: none;background: #333;padding:5px 10px;}
.bt-row-separate{ border-bottom:0px; margin-bottom:0px; margin:0px;}

#date-top h3{font-family: 'thaisans_neueregular', sans-serif;}
#date-top{ padding:0px;}
#head-body{ background:#4099ff; color:#fff;}


#logo-body{ background:#fff;padding-top:15px;}

#top-intro{ padding:0px;  padding-top:5px; padding-bottom:5px;}
#top-social{ padding-top:5px;}

#menu-body{ background:#eee;}
#menu-body{}

#news1-body, #news2-body, #news3-body, #news4-body, #news5-body, #news6-body, #news7-body, #news8-body{ background:#fff; padding-top:10px; padding-bottom:10px;}

#update-body{ background:#fff;}
#update-module{ padding:0px; padding-top:15px;}

#hotnews{ background:#333; padding-top:10px; margin-top:15px;}
#hotnews h3{font-family: 'thaisans_neueregular', sans-serif; font-size:14px; font-weight:bold; color:#fff;}
#banner-1, #banner-9, #banner-16{ padding:0px; padding-top:15px;}
#banner-1 img{ float:right}

#banner-2-body, #banner-6-body, #banner-16-body, #banner-20-body, #banner-27-body, #banner-34-body, #banner-39-body{ padding-top:10px; padding-bottom:15px; background:#fff; }
#banner-2-body img, #banner-6-body img, #banner-16-body img, #banner-20-body img, #banner-27-body img, #banner-34-body img, #banner-39-body img{ border:3px solid #F00;}
#news1 h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px;}
#news2 h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px;}


#news3{ padding-top:20px;}
#news3 h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px; padding-top:10px;}

#news4 h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px; padding-top:10px;}


#news5 h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px; padding-top:10px;}

#news6 h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px; padding-top:10px;}

#news7 h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px; padding-top:10px;}


#news8 h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px; padding-top:10px;}



#main-footer{ background:#222; color:#fff; border-top:5px solid #4099ff;}
#main-footer_body{ padding-top:20px;}



#pathway{ padding-top:10px; padding-bottom:10px;}
#banner-p2{ padding-bottom:15px;}
#component-main h2{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:15px; padding-top:10px;}

.share-container{ padding-bottom:15px;}

#sponsor img{ border:2px solid #ed0712; margin-right:5px; margin-bottom:5px;}
#sponsor{ padding-bottom:20px; padding-top:15px;}
#sponsor h3{font-family: 'thaisans_neueregular', sans-serif; font-weight:bold; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:15px; padding-top:10px;}

#component-main_body{ background:#fff;}


#banner_50{
	width: 130px;
	height:auto;
	float:left;
	margin-left:-155px;
	display:block;
	position:absolute;
	margin-top:-200px;	

}
#banner_51{
	width: 130px;
	height:1px;
	margin-right:-155px;
	float:right;
	display:block;
	margin-top:-200px;



}

/***BLOG***/

.cols-1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols-2 .column-1 {
	width:48%;
	float:left;
	display:inline-block;
	clear:both;
	margin:1%;
	
	
}

.cols-2 .column-2 {
	width:48%;
	float:left;
	display:inline-block;
	margin:1%;
}

.cols-3 .column-1 {
	float:left;
	width:31%;
	padding:0px;
margin:1%;
clear:both;


}

.cols-3 .column-2 {
	float:left;
	width:31%;
	margin:1%;
	margin-left:13px;
}

.cols-3 .column-3 {
	float: right;
	width:31%;
margin:1%;
}

.cols-4 .column-1 {
	width:24%;
	float:left;
	margin-right:1%;
}
.cols-4 .column-2 {
	width:24%;
	float:left;margin-right:1%;
}
.cols-4 .column-3 {
	width:24%;
	float:left;margin-right:1%;
}
.cols-4 .column-4 {
	width:24%;
	float:left;
}

.column-2 {
	width:55%;
	
}

.column-3 {
	 width:30%
}

.column-4 {
	 width:25%
}

.blog-more {
	padding:10px 5px
}

/*.row-separator{ clear:both;}*/

/** Pagination **/
.pagenav {
	padding-top:30px;
	text-align:center;
	
}

ul.pagenav {
	list-style-type: none;
	margin: 0;
	margin-top: 20px;
	padding: 4px;
	overflow: hidden;
}

li.pagenav-prev a,
li.pagenav-next a,
li.previous a,
li.next a {
	font-family: 'Oswald', sans-serif; font-weight: 400;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #fff;
	background-color: #0b86df;
	border: 0px;
	padding: 2px;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: 0px;
	text-decoration: none;
} 

li.pagenav-prev a:hover,
li.pagenav-next a:hover,
li.previous a:hover,
li.next a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #05548c;
}

li.pagenav-prev,
li.previous {
	float: left;
}

li.pagenav-next,
li.next {
	float:right
}

.pagination ul li {
	display:inline;
	text-align:left;
	overflow: auto;
}

.pagination ul {
	margin-left: -28px;
}

.pagination ul li span,
.pagination ul li a {
	padding-left: 0px;
	padding-right: 6px;
	margin-left: 0px;
	margin-right: 6px;
}