@font-face{
  font-family:'TH1';
  src: url('../font/THSarabunIT9.ttf') format("truetype");
 }
td .hp1{
border:1px;
}
#hp1{

}
#hp1 td{
padding:3px;

}
#hp1 .hp1{
color:blue;

}



time{
position:absolute;
color:#999999;
line-height:1em;
margin-bottom:10px;
margin-top:2px;
text-align: right;
}

dd.hits{
color:#999999;
line-height:1.6em;
margin-bottom:10px;
margin-top:3px;
margin-right:2px;
background:#feeeee;
padding-right:10px;
text-align: right;

    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ecf0f1;
    box-shadow: 2px 2px 1px #888888;
    margin-bottom:10px;

}
.pg1 { 
margin-top: +0.4em ;
}
.pg2 { 
margin-top: +0.8em ;
}
.pg3 { 
margin-top: +1.2em ;
}
.pg4 { 
margin-top: -0.3em ;
}

.tab0 { 
text-indent: 0em; 

}

.tab1 { 
text-indent: 1em; 

}
.tab2 { 
text-indent: 2.5em; 

}
.tab3 { 
text-indent: 3.5em; 

}
.tab4 { 
text-indent: 4.5em; 

}


.evdetails ul.tab1{
margin-left: 50px;
 }

.evdetails ul.tab2{
margin-left: 60px;
 }
.evdetails ul.tab3{
margin-left: 75px;

 }
.evdetails ul.tab4{
margin-left: 90px;

 }
.evdetails .sp1 ,.evdetails.sp1,.sp1{
	letter-spacing: -0.1px;
}
.evdetails sp2,.evdetails.sp2 ,.sp2{
	letter-spacing: -0.2px;
}
.evdetails sp3,.evdetails.sp3 ,.sp3{
	letter-spacing: -0.3px;
}
.evdetails sp4,.evdetails.sp4 ,.sp4{
	letter-spacing: 0.1px;
}
.evdetails sp5,.evdetails.sp5 ,.sp5{
	letter-spacing: 0.2px;
}
.evdetails sp6,.evdetails.sp6 ,.sp6{
	letter-spacing: 0.3px;
}


.evdetails li {
    list-style-type: disc;
	margin: 0px;
	padding:0px;
	text-indent: 0em;
 }
.evdetails li.typeb {
    list-style-type: circle;
	margin: 0px;
	padding:0px;
	text-indent: 0em;
 }
 .evdetails li.typec {
    list-style-type: Square ;
	margin: 0px;
	padding:0px;
	text-indent: 0em;
 }
 .evdetails li.typed {
    list-style-type: decimal ;
	margin: 0px;
	padding:0px;
	text-indent: 0em;
 }

 /*ย่อหน้าและกั้นหน้าหลังเท่ากัน*/
.tbcontent ,.evdetails{ 
padding-bottom: 15px;
text-indent: 2.5em;
text-align: justify;
}
.evdetailsscript{
text-indent: 1.0em;
text-align: justify;

}
.newimg{
padding-top: 8px !important;
}
.tbpadding1  {
padding-left: 2.5em;
text-align: justify;
}

#vivaoraFooter {display:none;}

/* Browser Reset */
span.highlight {
/*background-color:#aaaa55;*/
font-weight:bold;
color:red;
/*padding:1px 4px;*/
}
span.highlight a{
/*background-color:#aaaa55;*/
font-weight:bold;
color:red;
/*padding:1px 4px;*/
}
a:link.st1,a:visited.st1{
color:blue;
}
a:hover.st1{
color:red;
}
.st1{
line-height:23px;
}
.st1 a:hover{
color:red;
}

.hp3{
	background:#a6a6a6;
	color:black;
}
.hp3shead{
	background:#e6e6e6;
	color:black;

}
.hp3cl1{
	background:#f5eef5;
	color:black;

}
.hp3 tr{
	background:white;
	text-align:left;
}

.hp3 td{
	padding:5px 10%;
	}

img{
vertical-align:top;
}

dt.result-title {
margin:10px;
color:blue;
font-weight: bold;
background:#f1f1f1;
padding:5px;

}
dt.result-title a {
color:blue;
font-weight: bold;
}
dt.result-title a:hover {
text-decoration:underline;
}	
#banner1 {
 border:10px;
 padding:0px;
 border:10px;
}

.cbanner {background: url(../images/slideback.png) top center no-repeat ;background-position:left top;top:10px; padding:5px 5px 50px 5px; position: relative;left:70px;}
#use2{
background-color:#dddddd;
}
#banner1 table {
}
	
#banner2 tr,td {
padding:0px;
margin:10px;
}

.Intro_Image{
display: block;
margin-left: auto;
margin-right: auto;
	background-color: #fafafa;
    border-top: 6px solid #fafafa;
    border-left: 6px solid #fafafa;
    border-right: 6px solid #fafafa;
    border-bottom: 6px solid #ecf0f1;
    box-shadow: 3px 3px 8px #888888;
    margin-bottom:10px;




}

.inputbox2 input[type=text] {
display: inline;
max-width: 100%;
margin-bottom: 10px;
margin-left: 0;
padding: 6px !important;
color: #808080;
font-size: 13px;
font-weight: 400;
background: #fff;

}
.inputbox2 input:focus ,textarea:focus {
    background-color: #ffffaa;
    color: red;
}

#Event_Search {

}
#Event_Search tr {
	vertical-align: top;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
#Event_Search .trhead1 {
    border: 0px solid red;

}

#Event_Search .noline {
	vertical-align: top;
    border: 0px solid red;
}

#Event_Search td {
	vertical-align: middle;
	padding:6px  3px;

}

table{
}
.table td {
/*	padding: 8px;
	line-height: 18px;*/
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #eeeeee;
	padding: 4px;

}

#table01 {
    border: 1px solid green;
	margin:10px;

}
#table01 tr {
    border: 1px solid white;
	background:gray;

}

#table01 td {
    border: 0px solid blue;
	margin:10px;
	padding:10px;
	background:#eaeaea;

}
.tp01{
/*    position: absolute;
    left: 175%;*/
	text-align:right;
	top:0px;
	font-size:20px;
	font-style:italic;
  color: white;
    text-decoration: underline;
	font-weight: bold;
	
}
.tp02{
}
#tp02 a:link{
   color:blue;	
}
#tp02 a:visited{
   color:blue;	
}
#img01{
border:2;
}

.item10 { 
color:red;
	background-color: blue;

}
.item-145	 { 
	background-color: #220000;

}

.ccrop {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 240px;
  height: 160px;
float:left;
margin:0px 10px 0px 10px;
	background-color: white;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ecf0f1;
    box-shadow: 2px 2px 1px #888888;
    margin-bottom:10px;
}

.article-info-term{
display:none;
}
dd.hits ,time{
font-size:11px;
font-style:italic;
}
a:link.flink,a:visited.flink {
text-decoration:underline;
font-size:14px;
color:blue;
font-weight:bold;
}
a:hover.flink {
text-decoration:underline;
font-size:14px;
color:red;
font-weight:bold;
}
/* ปุ่มก่อนหน้า ถัดไป */
.pager,.pagenav{margin:20px 0;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after, .pagenav:before, .pagenav:after{display:table;content:"";line-height:0;}
.pager:after,.pagenav:after{clear:both;}
.pager li,.pagenav li{display:inline;}
.pager li>a,.pager li>span, .pagenav li>a,.pagenav li>span {display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.pager li>a:hover,.pager li>a:focus, .pagenav li>a:hover,.pagenav li>a:focus{text-decoration:none;background-color:#f5f5f5;}
.pager .next>a,.pager .next>span, .pagenav .pagenav-next>a,.pagenav .pagenav-next>span {float:right;}
.pager .previous>a,.pager .previous>span, .pagenav .pagenav-prev>a,.pagenav .pagenav-prev>span {float:left;}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999999;background-color:#fff;cursor:default;}



/* Forms / Inputs / Buttons */
.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;} .inputbox { width:100%;} #modlgn-remember { float:left; width:20px;}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea { display: block; max-width: 100%; margin-bottom: 10px; margin-left: 0; padding: 6px !important; color: #808080; font-size: 14px; font-weight: 400;background: #fff; border: 1px solid #ddd; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset; }/*ส่วน Input ฟอร์ม*/
textarea { width: 100%; line-height: 1.6em !important; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus { color: #505050; border-color: #ccc; outline: none; }
input[type="button"], input[type="submit"], button[type="submit"], button[type="button"] { display: inline-block; margin-top: 5px; margin-bottom:5px; padding: 0 15px; background-color: #fff; color: #666; text-decoration: none; -webkit-appearance: none !important; background: #fff; background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); min-height: 36px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); cursor: pointer; line-height: 24px; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; text-shadow: 1px 1px 0 #FFFFFF; }
input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active { background-image: linear-gradient(to bottom, #efefef 0px, #fff 100%); border-color: #bbb #bbb #ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset; }
input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover{ background: #fff }
select{display:inline;width:auto;margin:0;border:1px solid #ccc;line-height:100%;padding:3px;vertical-align: middle;}
select[disabled="disabled"], select.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0px 1px 2px #ddd;}
a.btn-readmore { background-color: #02687E ;color:#fff; padding:5px 10px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/**
 * @version $Id: template.css
 * @author SiteGround
 * @package Joomla
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
/*
 img {
-webkit-filter: grayscale(20%);
filter: grayscale(20%);

  filter: gray; /* IE6-9 */
/*
  filter: grayscale(0.2); /* Microsoft Edge and Firefox 35+ */
}
/*
html {
-webkit-filter: grayscale(20%);

  filter: gray; /* IE6-9 */
/*
  filter: grayscale(0.2); /* Microsoft Edge and Firefox 35+ */
  /*
}
*/

body,html {height: 100%;}
body {color: #626262;font-family: Tahoma,Times New Roman, Verdana,Arial,sans-serif;font-size: 14px;margin: 0;padding: 0; }
.clr {clear: both;font-size: 0;line-height: 0;overflow: hidden; }
ul {list-style: none;margin: 0;padding: 0; }
a,img {border: none;margin: 0;outline: none;padding: 0; }
a:link, a:visited {color: #404040;text-decoration: none; }
a:hover, a:active, a:focus {color: #5796b1; }
form {margin: 0;padding: 0; }
header, nav, menu, section, aside, article, footer {display: block; }	
h1,h2,h3,h4,h5,h6 {color: #666;font-family: 'Tahoma', serif;line-height: normal;margin: 0 0 0 0px; }
h1 {font-size: 26px;color:#930;margin:10 0px; }
h2 {color: #ffffff;font-size: 18px;background:#300;padding:15px; margin-top:5px;}
h3 {color: #1F79EB;font-family: 'Tahoma', serif;font-size: 18px; }
h4 {font-size: 14px; }
h5 {font-size: 12px; }
h6 {font-size: 11px; }
iframe {border: none; }
dl dd {margin: 0;padding: 0 0 0 10px; }
fieldset {border: none;margin: 0;padding: 0; }
/*input, button {background: none repeat scroll 0 0 #FFFAF1;border: medium none;border-radius: 2px 2px 2px 2px;box-shadow: 0 -1px 1px #ADADAD;color: #686868;font-size: 11px;height: 12px;line-height: 16px;padding: 2px 4px; }
textarea {background: none repeat scroll 0 0 #BBC6CC;border: 1px solid #95A8B3;color: #0B1B24;font-size: 11px;line-height: 15px;padding: 2px 10px; }
button {background-image: linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);background-image: -moz-linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);background-image: -ms-linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);background-image: -o-linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.27, rgb(140,189,209)),
		color-stop(0.64, rgb(161,201,219)),
		color-stop(0.82, rgb(174,211,226))
	);background-image: -webkit-linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);border: medium none;box-shadow: 0 -1px 0 #929597;color: #404041;cursor: pointer;font-family: Tahoma,Times New Roman,Arial,sans-serif;font-size: 11px;height: 20px;min-width: 60px;padding: 0 4px 3px; }
	*/
p {margin: 0 0 10px; }
.page_bg {background: url("../images/head01.jpg") no-repeat top center #ffffff ;}

/*.page_bg {background: url("../images/page_bg.png") repeat-x top center #ffffff; }*/
.page {min-height: 100%; }
.wrapper {background: url("../images/wrapper.jpg") no-repeat scroll center top transparent;margin: 0 auto; }
.main {margin: 0 auto;width: 960px; }
.top {height: 38px;margin: 0 auto;width: auto; }
.top .menu {height: 26px;padding: 6px 0; }
.top .menu li {float: left;font-size: 12px;height: 26px;margin: 0 5px 0 0; }
.top .menu a {background: transparent url(../images/top_menu_r_bg.png) no-repeat top right;float: left;text-decoration: none; }
.top .menu a span {background: transparent url(../images/top_menu_l_bg.png) no-repeat top left;color: #fff;cursor: pointer;float: left;height: 26px;line-height: 25px;padding: 0 10px; }
#img {background: url("../images/headerimg.jpg") no-repeat scroll right bottom transparent;bottom: 0;height: 294px;position: absolute;right: 0;width: 358px; }
header {height: 261px;margin: 0 auto;position: relative;width: 1104px; }

#slidewrap {background: url(../images/slideback.png) top center no-repeat;height: 500px;padding: 5px 5px 50px 5px;position: absolute;top: 270px ;left:50px;width: 950px; }
#slideshow {height: 450px;position: relative;width: 950px; }
#slideshow IMG.active {opacity: 1.0;z-index: 10; }
#slideshow IMG.last-active {z-index: 9; }
#headerwrapper {background: url("../images/headerimg.jpg") no-repeat scroll center top transparent;margin: 0 auto; }
header h1 a, header h1 a:link, header h1 a:visited, header h1 a:hover {color: #464646;font-family: Tahoma,Arial;font-size: 32px;font-weight: 400;margin: 0;padding: 0;text-align: center;text-decoration: none;text-transform: uppercase; }
header table {height: 36px;left: 22px;overflow: hidden;position: absolute;top: 60px;width: 500px; }
.sitename {left: 0px;margin: 0 auto;padding: 0;position: absolute;text-align: left;top: 28px; width: 440px;display:none}
.sitename h1 {margin: 0; }
.sitename h2 {color: #555555;font-family: Tahoma,Arial;font-size: 16px;font-weight: 400;background:none;}
header table, header table th, header table td {border: none !important; }
header table {width: 100%; }
header table td {height: 80px;vertical-align: middle; }
header #search {height: 24px;position: absolute;right: 0;top: 25px;width: 302px; }
#search {float: right;height: 47px;width: 201px; }
#search .search .inputbox {border: 0 none;box-shadow: none;color: #366e7d;float: right;font-family: Tahoma,Arial,sans-serif;font-size: 12px;height: 24px;line-height: 24px;margin: 0 0 0 10px;padding: 0 10px;text-transform: capitalize;width: 207px; }
#search .search .button {display: none; }
#content {margin: 0 auto;width: 1104px; }
.content_b {background: url("../images/content_bottom.jpg") no-repeat scroll center bottom #FFFFFF;margin: 0 auto;width: 960px; }
.top-menu {height: 10px;margin: 0 auto;padding: 0;position: absolute;left: 3;top: 227px;width: 850px};
/*.top-menu { position: relative; border-top: 1px solid #16193b; border-bottom: 1px solid #313348; box-shadow: 0 1px 0 #16193b; width: 710px; margin: 0; padding: 13px 240px 13px 10px; height: 25px;*/

.maincol,
.maincol_w_right,
.maincol_w_left {margin: 0 auto;padding: 20px 0; }
.maincol_full {margin: 10px auto 0;padding: 0;width: 940px; }
.leftcol, .rightcol {float: left;margin: 0;padding: 0;position: relative;text-align: left;width: 330px; }
.rightcol {margin: 0 10px 0 0; }
.maincol_w_right .cont, .maincol_w_left .cont {float: left;margin: 0 20px 0 0;width: 704px; }
.maincol_w_right .cont {margin: 0 0 0 70px; }
.maincol .cont {float: left;font-size: 14px;margin: 0 20px;padding: 0;width: 404px; }

/* Breadcrumbs */
.breadcrumbs {background:#eee ;width:98% ;padding:2 5px; margin:1 0px; color:#f90; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.breadcrumbs a {color:#f93}
.breadcrumbs a:hover {color:#a30}
.breadcrumbs .icon-angle-right{padding:0 3px}
ul.breadcrumb li {
display:inline;
}


#breadcrumbs {bottom: 30px;left: 0;position: absolute; }

.separator {color: #505050;display: block;font-size: 12px;font-weight: 700;padding: 20px 0 0; }

.module_menu .menu,
.module .menu {margin: 0; }
.module_menu .menu li,
.module .menu li {line-height: 20px;padding: 0 0 0 5px; }
.module_menu .menu li a,
.module .menu li a {display: block; }
.module_menu .menu li a span,
.module .menu li a span {color: #5796b1;font-size: 14px;font-weight: 400;line-height: 16px;text-decoration: none; }
.module_menu .menu li a:hover span, .module .menu li a:hover span, .active a:hover span {}
/*.module_menu .menu li a:hover span, .module .menu li a:hover span, .active a:hover span {color:#0055aa !important; }*/

#login-form {margin: 0;padding: 15px 0 10px; }

fieldset.userdata, div.userdata {border: none;height: auto;padding: 0 0 0 15px;position: relative;width: 80%; }

#form-login-remember label, .unstyled {display: inline; font-style: italic;}

.unstyled { margin: 0 0 20px 0; }

fieldset.userdata input, input.input-small {border: medium ;border-radius: 5px 5px 5px 5px;box-shadow: 0 1px 3px #ADADAD;width:100%;color: #686868;font-size: 14px;height: 30px;line-height: 16px;padding: 2px 4px; }
fieldset.userdata input.button {bottom: 0;left: 0;position: absolute; }
fieldset.userdata input.button {background-image: linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);background-image: -moz-linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);background-image: -ms-linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);background-image: -o-linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.27, rgb(140,189,209)),
		color-stop(0.64, rgb(161,201,219)),
		color-stop(0.82, rgb(174,211,226))
	);background-image: -webkit-linear-gradient(bottom, rgb(140,189,209) 27%, rgb(161,201,219) 64%, rgb(174,211,226) 82%);border: medium none;box-shadow: 0 -1px 0 #929597;color: #404041;cursor: pointer;font-family: Tahoma,Times New Roman,Arial,sans-serif;font-size: 11px;height: 20px;margin: 0 0 0 45px;min-width: 60px;padding: 0 4px 3px; }
/*
*/
#login-form label {color: #404040 !important;font-family: Tahoma,Times New Roman, Arial;font-size: 14px;font-style: italic;margin: 0 0 0px 0; line-height: 23px;}

#form-login-username,
#form-login-password,

#form-login-remember {margin: 0;overflow: hidden; }
#modlgn-remember, #form-login-remember label {padding:2px;float: right  ;!important;}

.control-group { text-align: left;line-height:20px;padding:2px }
#modlgn-remember {background: none;border: none;margin: 2px 0 0 10px;width: auto; }
.module .search {margin: 0 20px;position: relative; }
.leftcol .search label, .rightcol .search label {display: none; }
#mod-search-searchword {border: 1px solid #d5d5d5;color: #666;width: 227px;line-height: 20px;margin:10px;font-size:14px;font-family:'Tahoma';border-radius: 15px }


.module .search .button {background: transparent url(../images/search_bg.png) no-repeat center center;height: 20px;position: absolute;right: 0;text-indent: -9999px;top: 0;width: 20px; }
.leftcol h3, .rightcol h3, .leftcol h3 a, .rightcol h3 a {font-size: 14px;font-weight: bold;height: 35px;line-height: 30px;margin: 0 auto; }
.leftcol ul.menu li a, .leftcol ul.menu li a:link,
.leftcol ul.latestnews li a, .leftcol ul.latestnews li a:link,
.rightcol ul.menu li a, .rightcol ul.menu li a:link,
.rightcol ul.latestnews li a, .rightcol ul.latestnews li a:link {color: #686868;font-family: Tahoma,Aria, Times New Roman;font-weight: normal;height: 22px;line-height: 22px;margin: 0;padding: 0 0 0 15px;text-decoration: none; }
.leftcol .module_menu div div, .rightcol .module_menu div div, .leftcol .module div div, .rightcol .module div div {margin: 0; }
.leftcol .module_menu, .leftcol .module, .rightcol .module, .rightcol .module_menu {margin: 0 0 10px 0; }
.maincol h1, .maincol h1 a, .maincol h2, .maincol h2 a, .maincol h3, .maincol h3 a, .maincol h4, .maincol h4 a {color: #c43835;font-family: Tahoma,Arial, Times New Roman,Verdana,Arial,sans-serif;font-size: 25px;font-weight: 400;padding: 0;text-align: left;vertical-align: middle; }
.cont h2 a {color: #ffffff !important;text-transform: uppercase; font-family: Tahoma,arial;}
.cont .items-leading h2 a, .cont .items-leading h1 {color: #ffffff !important; }
.maincol h3, .maincol h3 a {font-size: 14px; }
.maincol .leftcol h3, .maincol .rightcol h3, .maincol_w_left .rightcol h3 {background: url("../images/arrow_h3.png") no-repeat scroll 30px 10px transparent;border-bottom: 1px solid #bfbebe;box-shadow: 0px 1px #fff;color: #ffffff !important;display: block;font-family: Tahoma,Arial, Times New Roman;font-size: 18px;font-weight: 800;line-height: 28px;padding: 5 0 0 0px;width: 100%;background:blue;color:blue;text-align:center; }
.maincol .rightcol h3, .maincol_w_left .rightcol h3, .maincol_w_right .rightcol h3 {right: -188px;text-indent: 10px; }
.maincol h4, .maincol h4 a {font-size: 11px; }
.items-leading,
.category-desc {margin: 0 0 20px; }
.items-row .item {text-align: justify; }
.items-row .item h2,
.items-row .item h2 a {font-size: 18px;font-weight: 400;background:#300 ;padding:10px;margin:3px}
.item .readmore {margin: 0;text-align: right; }
.actions {margin: 0 0 10px;overflow: hidden; }
.actions li {float: left; }
.actions li img {float: left;margin: 0 6px 0 0; }
.category-desc img {margin: 0 10px 4px; }
.category-desc a, .category-desc a:link, .category-desc a:visited {color: #2E7AA2;text-decoration: underline; }
.image-left {float: left;margin: 0 10px 4px 0; }
.image-right {float: left;margin: 0 0 4px 10px; }
.item-title {font-size: 14px;line-height: 1.5em;padding:0 15px; }


.cat-children h3 {line-height: 1.7em;}
.category-list .componentheading {line-height: 1.7em;color:#663300;background:#f3f3f3;padding:0 10px}

.main .categories-list ul li {padding: 5px; }
.category-desc {line-height: 1.7em;margin: 10px 0;padding-left: 0; }
.category-desc p {line-height: normal; }
.pagination {overflow: hidden;padding: 10px 0; }
.pagination .counter {margin: 0; }
.pagination ul {overflow: hidden; }
.pagination ul li {float: left;margin: 0 6px 0 0; }
.pagination .pagenav {background: #fff;border: 1px solid #e5e5e5;border-radius: 5px;display: block;margin: 0 4px 0 0;margin: 10px 0;moz-border-radius: 5px;o-border-radius: 5px;padding: 2px 6px;webkit-border-radius: 5px; }
.pagenav .pagenav-prev {float: left; }
.pagenav .pagenav-next {float: right; }
.pagenav-prev, .pagenav-next {margin: 10px 0; }
table {border-collapse: collapse;line-height:23px;margin:5px; }
table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {background: #dedede;color: #777; }
table.weblinks,
table.category {margin: 10px 10px 20px 0px;width: 99%; }
table.weblinks td {border-collapse: collapse; }
table.weblinks td,
table.category td {padding: 7px; }
table.weblinks th,
table.category th {padding: 7px;text-align: left; }
td.num {text-align: left;vertical-align: top; }
td.hits {text-align: center;vertical-align: top; }
td p {line-height: 1.3em;margin: 0; }
.filter {margin: 10px 0; }
.display-limit,
.filter {margin-right: 7px;text-align: right; }
table.category th a img {padding: 2px 10px; }
.filter-search {float: left; }
.filter-search .inputbox {width: 6em; }
legend.element-invisible {height: 0px;margin-left: -3000px;margin-top: -3000px;position: absolute; }
.cat-items {margin-top: 20px; }
#contact-slider .panel {background: #fff;border: 1px solid #e5e5e5;border-radius: 5px;margin: 0 0 10px 0;margin: 10px 0;moz-border-radius: 5px;o-border-radius: 5px;padding: 10px;webkit-border-radius: 5px; }
#contact-slider .panel h3 {margin: 0; }
#contact-slider .panel h3 a {font-size: 18px;line-height: normal; }
#contact-slider .panel .pane-slider {padding: 10px 0 0 0; }
#contact-slider .panel .pane-slider div {overflow: hidden;padding: 10px 0 0 0; }
.contact-email label {float: left;width: 140px; }
#member-registration label {display: block; }
#member-registration legend {font-size: 20px; }
#member-registration dd {margin: 0 0 10px;padding: 0; }
.contact-links li {line-height: 20px; }
#jform_email-lbl {float: left;width: 200px; }
#article-index li {line-height: 20px; }
.maincol .menu li,#article-index li,.maincol .latestnews li,.maincol .relateditems li,.maincol .categories-module li {line-height: 20px; }
#article-index ul, .maincol .menu, .maincol_w_left .menu, .maincol_w_right .menu {padding: 10px 0 20px; }
.stats-module dt {float: left;font-weight: bold;margin: 0 10px 0 0; }
.maincol .login label {float: left;width: 100px; }
.maincol .login .login-fields {margin: 0 0 10px;overflow: hidden; }
footer {font-size: 12px;margin: 0;padding: 0;text-align: center;width: 100%; }
footer p {margin: 0; }
footer p a, footer p {color: #FFF !important; }
.error {background: #fdcdc9;border: none;border-radius: 5px;margin: 0 0 20px 0;moz-border-radius: 5px;o-border-radius: 5px;padding: 10px;webkit-border-radius: 5px; }
#system-message {margin: 0; }
#system-message dt.warning {color: #be4e4c;font-size: 16px;font-weight: 700;margin: 0 0 10px; }
#system-message dd.warning li {background: transparent url(../images/arrow-2.png) no-repeat left top;line-height: 20px;padding: 0 0 0 20px; }
.tip-wrap {background: #fff;border: 1px solid #e5e5e5;border-radius: 5px;margin: 0 0 10px 0;moz-border-radius: 5px;o-border-radius: 5px;padding: 10px;webkit-border-radius: 5px; }
/*
.top-menu #sgmenu .menu { min-height: 36px; }
.top-menu #sgmenu .menu li { position: relative; float: left; margin:3 1px 0 0;}
.top-menu #sgmenu .menu li a:link, .top-menu #sgmenu .menu li a:visited { display: block; border: 0px solid #666; box-shadow: none; border-radius: 3px; padding: 0 10px; background: #000; color: #f90; text-decoration: none; }
.top-menu #sgmenu .menu li a:hover { background: #ffffff; border-color: 333333;color:blue; }
.top-menu #sgmenu .menu li.parent:hover a { margin: 0 0 -8px; padding: 0px 10px ; }
.top-menu #sgmenu .menu li.current.active  a:link{ background: #fff; border-color: #007777;color:red; }
.top-menu #sgmenu .menu .current.active  a:visited { background: #fff; border-color: #007777;color:red; }
.top-menu #sgmenu .menu li.current.active a:visited {background:#fff;color:red;}
.top-menu #sgmenu .menu li.current.active a:hover{background:#ff0;color:red;}
.top-menu #sgmenu .menu li.parent:hover ul { display: block; }
/* Sub Menu */
/*
.top-menu #sgmenu .menu li.parent ul { display: none; position: absolute; top: 25px; left: 0; z-index: 9999; min-width: 180px; padding: 0px; background: #000000; border: 0px solid #333;border-radius: 0px; }
.top-menu #sgmenu .menu li.parent ul li { float: none; margin: 2; display: block; }
.top-menu #sgmenu .menu li.parent ul li a:link, .top-menu #sgmenu .menu ul li a:visited { margin: 0; padding: 5px; border: none; background: none; border-radius: 0 0 0 0; margin:0px; }
.top-menu #sgmenu .menu li.parent ul li:hover a { padding: 5px; margin: 0;color:red; }
.top-menu #sgmenu .menu li.parent ul li a:hover { background: #000000; }
/*
.top-menu #sgmenu .menu li.parent.active ul li a:visited{background:#000;color:red;}
.top-menu #sgmenu .menu li.parent.active ul li a:hover{background:#fff;color:red;}
.top-menu #sgmenu .menu li.parent.active ul li a:active{background:#fff;color:red;}
*/


/* Navigation */
/*
#navbar-wrap { padding: 0px; margin:0 0 10px 0;background:#220000;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
#navbar { position: relative; height: 35px;} /*background เมนู*/
/*
#navbar.row { margin-bottom: 0 }*/
.top-menu #sgmenu { padding:0 0px; width:1100px;}
.top-menu #sgmenu .menu { margin: 0; padding: 0; list-style: none; }
.top-menu #sgmenu .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; }
.top-menu #sgmenu .menu > li { display: block; float: left;  }
.top-menu #sgmenu .menu > li ul {}
.top-menu #sgmenu .menu ul { position: absolute; left: 0; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99; }
.top-menu #sgmenu .menu ul ul { left: 100%; top: 0; }
.top-menu #sgmenu .menu ul ul li { width: 100% }
.top-menu #sgmenu .menu li { position: relative; list-style:none}
.top-menu #sgmenu .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; }
.top-menu #sgmenu .menu a { display: block; position: relative; }
/* current item */
.top-menu #sgmenu .menu > li > a:hover, .top-menu #sgmenu .menu > li.sfHover > a, .top-menu #sgmenu .menu > .active > a, .top-menu #sgmenu .active > a:hover, .top-menu #sgmenu .active > a:hover { color: #00CDF9;}
.top-menu #sgmenu .menu > .active > a, .top-menu #sgmenu li.active > a { font-weight: normal; color: #00CDF9 }
.top-menu #sgmenu .menu > li { margin-right: 15px; padding:0 3px; }
.top-menu #sgmenu .menu a { height: 35px; color: #fff; font-weight: 400; text-align: left; text-decoration: none; cursor: pointer; line-height: 35px; font-size:16px; }/*เมนู ขนาดสูง*/
/* drop-down styles */
.top-menu #sgmenu .menu ul { border-top: none; background: #363636; border: 1px solid #222; min-width:285px;}
.top-menu #sgmenu .menu li:hover ul { margin-top: 0; }
.top-menu #sgmenu .menu ul ul.sub-menu { margin-top: -1px; margin-left: 1px; }
.top-menu #sgmenu .menu ul li { border-bottom: 1px solid #222 }
.top-menu #sgmenu .menu ul li:first-child {}
.top-menu #sgmenu .menu ul li:last-child { border: 0 }
.top-menu #sgmenu .menu ul li > a:hover { color: #ffff}
.top-menu #sgmenu .menu ul a { display: block; height: auto; margin: 0px; padding: 5px 15px; text-transform: none; border: 0px; line-height: 20px; }
.top-menu #sgmenu .selector { display: none }
.top-menu #sgmenu ul.sub-menu .icon-angle-down:before {content:"\f105"!important;}
.top-menu #sgmenu ul.sub-menu a { font-size:12px;}
.top-menu #sgmenu i { text-align:right}

.top-menu #sgmenu .menu li.parent.active ul li a:hover{color:#00CDF9;}
.top-menu #sgmenu .menu li.parent ul li:hover a { padding: 5px 10px; margin: 0;color:#00CDF9;background:#111111; }
/*
#menu-icon {display: none;}
#slide-wrap a:hover{ color:#fff}
*/




.newshold {height: 150px;overflow: hidden;position: absolute;right: 4px;top: 170px;width: 670px; }
.newshold h3 {color: #FF7800;font-family: Tahoma,Arial,sans-serif;font-size: 11px;margin: 0 0 10px 0; }
.newshold p {margin: 0 2px; }
#sgmenu ul li ul {left: 0;margin: 0 !important;position: absolute;top: 30px; }
#sgmenu ul li ul li {clear: both;float: none; }
.jicons-icons img {float: left;margin: 0 10px 0 0; }
.contact-contactinfo p {margin: 10px 0 0 0; }
input.inputbox, textarea.inputbox, .input-small {background: #ebebeb;border: 1px solid #a3a3a3;color: #000;margin: 0 0 10px 0; }
.cpathway {background: url(../images/bread_bg.png) top left no-repeat;color: #FBFBFB;font-size: 11px;height: 30px;line-height: 30px;margin: 0 auto 2px;text-indent: 25px;width: 980px; }
.cpathway a {color: #96C4E1; }
.cpathway a:hover {text-decoration: underline; }
.item h2, .item h3, .item h4, .items-leading h2 {margin: 0; }
.wrapcont {background: #fff;margin: 0 auto; }
#footerwrap {background: #404041;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#404041), to(#525252));
	background: -webkit-linear-gradient(#404041, #525252);
	background: -moz-linear-gradient(#404041, #525252);
	background: -ms-linear-gradient(#404041, #525252);
	background: -o-linear-gradient(#404041, #525252);
	background: linear-gradient(#404041, #525252);
	-pie-background: linear-gradient(#404041, #525252);
}
/*
#sgmenu ul li a {
	background: #eeeeff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eeeeff), to(#ffeeee));
	background: -webkit-linear-gradient(#eeeeff, #ffeeee);
	background: -moz-linear-gradient(#eeeeff, #ffeeee) !important;
	background: -ms-linear-gradient(#eeeeff, #ffeeee);
	background: -o-linear-gradient(#eeeeff, #ffeeee);
	background: linear-gradient(#eeeeff, #ffeeee);
	-pie-background: linear-gradient(#eeeeff, #ffeeee);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(PIE.htc);
	box-shadow: 0px -1px 1px #696969;
}	
*/
.btn-group.pull-right{
margin:10px;
}
.btn.dropdown-toggle{
display:none;
}
.a.btn-group.dropdown-toggle{
}
.edit-icon a{
background:#333333;
padding:5px;
color:#ffffff;
}
.edit-icon a:hover{
background:#0000ff;
padding:5px;
color:#ffffff;
}
.btn.jmodedit{
display:fixed;
top:40px;
width:10px;
background:red;
height:10px;
z-index:999;
display:none;

}