@charset "utf-8";
/* CSS Document */

.table_2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-decoration:none;
}
.table_2 a:hover{
color:#FF0000;
}
/* For Chome , Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.table a{
font-size:12px;
font-weight:normal;
color:#FF0000;
text-decoration:none;
}
.table_2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-decoration:none;
}
.table_2 a:hover{
color:#FF0000;
}
/* main menu */
ul.mainmenu{ 
	list-style:none;
	margin-left:-50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:25px;
	position:relative;
	z-index:10;
}
ul.mainmenu > li {
	display:block;
	width:auto;
	height:25px;
	margin-right:0px;
	padding-right:15px;
	padding-left:15px;
	/* text-indent:5px; ย่อหน้า  
	border:1px #cccccc solid;
	background:#fdea71;*/
	margin-top:-10px;
	float:left;
	text-align:center;
}
ul.mainmenu > li > a {
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}

ul.mainmenu > li > ul{
	display:none;
	width:300px;
	list-style:none;
	background:#FFF;
	padding:0px;
}
ul.mainmenu > li:hover > ul{
	display:block;
	width:300px;
	position:absolute;
	margin-left:-20px;
	margin-top:-3px;
}
ul.mainmenu > li > ul > li > a {
	text-decoration:none;
	color:#000;
	margin-left:10px;
}
ul.mainmenu > li > ul > li {
	width:300px;
	margin-left:0px;
	text-align:left;
	line-height:25px;
}
ul.mainmenu > li > ul > li:hover {
	width:300px;
	margin-left:0px;
	text-align:left;
	line-height:25px;
	background:#fdea71;
}
}
/* ENd Chome */
#news{
	width:250px;
	height:auto;
	padding:5px 5px 5px 5px;
	word-wrap:break-word;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
}
.news_detail{
	font-size:12px;
	font-weight:normal;
	/* border-bottom:1px dashed #cccccc; */
	
}
.news_detail_new{
	font-size:18px;
	font-weight:normal;
	/* border-bottom:1px dashed #cccccc; */
	
}
.news_detail_new a{
	color: #333333;
	text-decoration:none;
}
.news_detail_new a:hover{
	color: #333333;
	text-decoration:underline;
	/*text-decoration:none;*/
}

.news_detail p{
	margin-top:0px;
}
.news_detail a{
	color: #999999;
	text-decoration:none;
}
.news_detail a:hover{
	color: #FF9900;
	text-decoration:none;
}
#activities{
	width:280px;
	height:auto;
	font-size:12px;
	padding:5px 0px 5px 0px;
	margin-top:5px;
	margin-left:2px;
	font-family:Arial, Helvetica, sans-serif;
	
}
#activities .show_act{
	float:left;
	width:280px;
	height:auto;
	margin-bottom:25px;
}
.act_img{
	width:50px; /* 50 */
	height:30px; /* 30 */
	float:left;
}
.act_desc{
	width:180px;
	word-wrap:break-word;
	margin-left:25px;
	float:left;
	font-weight:normal;
}

.act_desc a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
.act_desc a:hover{
	text-decoration:none;
	color:#999999;
}
/* main menu */
ul.mainmenu{ 
	list-style:none;
	margin-left:-50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:25px;
}
ul.mainmenu > li {
	display:block;
	width:auto;
	height:25px;
	margin-right:0px;
	padding-right:15px;
	padding-left:15px;
	/* text-indent:5px; ย่อหน้า  
	border:1px #cccccc solid;
	background:#fdea71;*/
	float:left;
	text-align:center;
}
ul.mainmenu > li > a {
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}

ul.mainmenu > li > ul{
	display:none;
	width:300px;
	list-style:none;
	background:#FFF;
	padding:0px;
}
ul.mainmenu > li:hover > ul{
	display:block;
	width:300px;
	position:absolute;
	margin-left:-20px;
	margin-top:-3px;
}
ul.mainmenu > li > ul > li > a {
	text-decoration:none;
	color:#000;
	margin-left:10px;
}
ul.mainmenu > li > ul > li {
	width:300px;
	margin-left:0px;
	text-align:left;
	line-height:25px;
}
ul.mainmenu > li > ul > li:hover {
	width:300px;
	margin-left:0px;
	text-align:left;
	line-height:25px;
	background:#fdea71;
}


/* left menu */
ul.left{ 
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:120px;
	margin-top:5px;
	margin-left:-40px;
	position:relative;
	z-index:9;

}
ul.left > li {
	width:120px;
	height:20px;
	text-align:left;
}
ul.left > li > a {
	text-decoration:none;
	color:#FFF;
}
ul.left > li > ul{
	display:none;
	position:absolute;
	list-style:none;
	padding:0px;
	background:#FFF;

}
ul.left > li:hover > ul{
	display:block;
	margin-left:110px;
	width:200px;	
	margin-top:-20px;
	/*background:#ccc;*/
}

ul.left > li > ul > li {
	text-align:left;
	margin-left:10px;
	text-indent:10px;
	line-height:25px;
	/*border:1px #ccc dashed;*/
}
ul.left > li > ul > li a{
	color:#000;
	text-decoration:none;
}
ul.left > li > ul > li:hover{
	/*background:#fdea71;*/
}

/* a_left menu */
ul.a_left{ 
	list-style:none;
	position:fix;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:150px;
	margin-top:5px;
	float:left;
	margin-left:-30px;
}
.a_left li {
	width:140px;
	height:20px;
	text-align:right;
}
.a_left li a {
	text-decoration:none;
	color:#000;
}
.a_left li a:hover {
	text-decoration:none;
	color:#FF9900;
}
.a_left li ul.sub_left{
	display:block;
	position:absolute;
	margin-left:20px;
	width:200px;	
	margin-top:0px;
	background:#FFF;
}

/* top link*/
ul.top_link{
	list-style:none;
	margin-right:0px;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#FFF;
}
ul.top_link li{
	display:block;
	width:auto;
	float:right;
	vertical-align:top;
}
ul.top_link li a{
	text-decoration:none;
	color:#FFF;
}
ul.top_link li a:hover{
	text-decoration:none;
	color:#FF0000;
}
#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;	
	clear:both;
	margin-top:10px;
	width:100%;
	float:left;
}
/* READ NEWS */
#readnews{
	width:680px;
	margin:5px 5px 5px 5px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	word-wrap:break-word;
}
#readnews p{
	margin-left:5px;
	text-indent:10px;
}
.sstt{ 
	list-style:none;
	margin-left:-50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	position:relative;
}
.sstt1{ 
	list-style:none;
	margin-left:-50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:25px;
	position:relative;
}
.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 128px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}
.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }