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

body{
	padding:0px;
	margin:0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:16pt;
	color:#676767;
}


#wraper{
	width:1001px;
	height:auto !important;
	height:auto;
	margin:0 auto;
	background: url(../template/bg.jpg) repeat-y;
	padding:0 10px 0 10px;
}

table{ margin:0px; padding:0px;}

#head{
	width:1001px;
	height:92px;
	clear:both;
	background:url(../template/head.jpg) no-repeat;
}

.logo_H{ 
	width:134px;
	height:92px;
	float:left;
	text-align:center;
	marrign-top:10px;
}

#menu{
	width:822px;
	height:92px;
	float:right;
	padding:0 22px 0 22px;
}

	#lang{
	width:822px;
	height:21px;
	text-align:right;
	padding-top:11px;
	}
	
	#memu_m{
	width:822px;
	height:44px;
	padding-top:16px;
	}
	
	ul.menu_bar{ /* กำหนดขอบเขตของเมนู */
	width:100% auto;
	list-style:none;
	margin:0 auto;
	font-family: Arial;
	font-size:13px;
	color:#000;
	letter-spacing:1px;
	}

	ul.menu_bar > li{
	display:inline;
	margin:0;
	zoom: 1;
	} 
	
	ul.menu_bar > li > a{
	color:#000;
	text-decoration: none;
	text-shadow: #d5d6d6 0.1em 0.1em 0.2em;
	font-weight:900;
	} 
	
	ul.menu_bar > li > a:hover{
	color:#ea0606;
	text-decoration: none;
	text-shadow: #fb9898 0.1em 0.1em 0.2em
	} 
	

#flash{
	width:1001px;
	height:298px;
	clear:both;
	background:url(../template/flash-head.jpg) no-repeat;
}

#flash_show{
	width:500px;
	height:106px;
	position:absolute;
	z-index:100;
	margin-top:42px;
	margin-left:159px;
}

.space{
	width:1001px;
	height:28px;
	clear:both;
}

#content{
	width:1001px;
	height:auto;
	overflow:auto;
}

#left{
	width:271px;
	height:auto;
	float:left;
	text-align:center;
}
	
#right{
	width:720px;
	height:auto;
	float:right;
	padding-left:10px;
}
	
	
	.TopicR{ color:#d82e33; text-shadow: #c1c1c1 0.1em 0.1em 0.2em; font-size:19px; letter-spacing:1px;}
	.wellcome{ color:#676767; font-size:15px; letter-spacing:1px;}
	
	.bar_news{ 
		width:681px;
		height:24px;
	 	background:url(../template/bar_news.jpg) no-repeat;
		padding:3px 0 8px 29px;
		color:#FFF;
		font-size:17px;
		margin-bottom:10px;
	 }
	 
	 .frame_N{
		width:164px;
		height:196px;
		margin-bottom:11px;
		margin-left:11px;
		float:left;
	 }
	 
	 .pic_N{
		width:160px;
		height:114px;
		border:2px solid #b7b7b7;
	 }
	 
	 .pic_N:hover{
		width:160px;
		height:114px;
		border:2px solid #716f6f;
	 }
	 
	 .Title_N{
		width:162px;
		height:80px;
		font-size:13px;
		overflow:hidden;
	 }
	 
	 ul.service{
     	list-style-image:url(template/botton_b.png); 
     	line-height:28pt;
     	font-size:18px; 
     	color:#20699b;
   	 }
	 
	 
	 .F_gallery{
		 width:144px;
		 height:96px;
		 overflow:hidden;
		 float:left;
		 margin-left:10px;
		 margin-right:5px;
		 margin-bottom:15px;
		 background:url(../template/frame.png) no-repeat;
		 padding:7px 8px 8px 7px;
	 }
	 	 
	 .I_gallery{
		 width:143px;
		 height:96px;
	 }
	 
	 .F_news{
		 width:700px;
		 height:130px;
		 overflow:hidden;
		 margin-bottom:15px;
		 border-bottom:1px dotted #CCC;
	 }
	 
	 .frame_cate{
	 float:left; 
	 padding:0;
	 margin:0 auto;
	 margin-left:10px;
	 margin-bottom:15px;
	 margin-top:12px;
	 position:relative;
	 overflow:hidden;
	 width:180px;
	 height:280px;
	}
	
	.frame_pic_cate{
	width:150px;
	height:181px;
	overflow:hidden;
	padding:4px;
	border:1px solid #cfcfcf;
	}


	 

	 
	 	a.more:link {text-decoration: none; color:#000000; font-size:14px; font-weight:bold;}
		a.more:visited {text-decoration: none; color:#000000; font-size:14px; font-weight:bold;}
		a.more:hover { text-decoration:none; color:#175a79; font-size:14px; font-weight:bold;}
		a.more:active {text-decoration: none; color:#000000; font-size:14px; font-weight:bold;}
		
		a.redcate:link {text-decoration: none; color:#ff0000;  font-size:15px;}
		a.redcate:visited {text-decoration: none; color:#ff0000; font-size:15px; }
		a.redcate:hover { text-decoration:none; color:#ff0000; font-size:15px;}
		a.redcate:active {text-decoration: none; color:#ff0000; font-size:15px;}



		
.topicBlue{ color:#284e68; font-size:15px; font-weight:bold;}
.topicBlue_a{ color:#20699b; font-size:15px; font-weight:bold;}
.topicBlue_d{ color:#20699b; font-size:14px;}
.topicNew{ color:#284e68; font-weight:bold; font-size:16px;}
.topicNew_d{ color:#698aa1; font-size:13px;}

.greencate{ color:#0391db; font-size:17px; font-weight:bold; text-transform:uppercase;}

.blue_d{ color:#4899b6;}
.blue_db{ color:#4899b6; font-size:20px;}



#foot{
	width:1001px;
	height:95px;
	background:url(../template/foot.jpg) no-repeat;
}

	#foot_left{
		width:270px;
		height:78px;
		float:left;
		text-align:center;
		padding-top:17px;
	}
	
	#foot_right{
		width:712px;
		height:78px;
		float:right;
		padding-left:19px;
		padding-top:11px;
		color:#000;
	}

a.menuf:link {text-decoration: none; color:#000; font-size:12px; }
a.menuf:visited {text-decoration: none; color:#000;  font-size:12px; }
a.menuf:hover { text-decoration:none; color:#333333; text-shadow: #dcdbdb 0.1em 0.1em 0.2em; font-size:12px;}
a.menuf:active {text-decoration: none; color:#000;  font-size:12px;}

a.linkE:link {text-decoration: none; color:#000000;}
a.linkE:visited {text-decoration: none; color:#000000;}
a.linkE:hover { text-decoration:none; color:#005db4;}
a.linkE:active {text-decoration: none; color:#000000;}


.tbltxt {
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	border: 1px solid #b7b7b7;
	height: 21px;
	width: 22px;
	padding: 3px;
	color:#4a4949;
}

.tbltxt a{
	color:#4a4949;
	text-decoration: none;
}
.tbltxt a:hover{
	color:#fff;
	text-decoration: none;
	background-color:#b7b7b7;
}