@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:Tahoma;
	font-size:12px;
	
}

/*Ribbon Stick*/
/*.black-ribbon {   position: fixed;   z-index: 9999;   width: 70px; }
@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; }*/
/*Ribbon Stick*/

.bg_1{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display: block;
    min-height: 100%; /* real browsers */
    height: auto !important; /* real browsers */
    height: 100%; /* IE6 bug */
    margin-bottom: -20px; /* กำหนด margin-bottom ให้ติดลบเท่ากับความสูงของ footer */
    background-color:#F8F8F8;
	
 /*-moz-filter: grayscale(100%);
 -webkit-filter: grayscale(100%);*/
 /*filter: gray;  IE6-9 
 filter: grayscale(100%);*/
	
	/*background:url(../img/BG11-2.jpg) repeat center center fixed;*/
	
}
.bg_2{
	background-color:#FFF;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
.footer { /* ส่วนด้านล่าง */
   height: 20px; /* ความสูงของ footer */
   display: block;
   text-align: center;
   margin-left:auto;
   margin-right:auto;  
}
.box_header{
	width:1024px;
}
.logo{
	padding-top:15px;
	padding-left:80px;
	padding-right:30px;
	padding-bottom:35px;
}
.slide{
	width:1024px;
	height:348px;
}
.box_detail{
	width:1024px;
	padding-top:1px;
	background-color:#f1f1f2;

background-image:-webkit-gradient(linear,left top,left bottom,from( #CCC ),to( #FFF ));
background-image:-webkit-linear-gradient( #CCC,#FFF );
background-image: -moz-linear-gradient( #CCC,#FFF );
background-image: -ms-linear-gradient( #CCC,#FFF );
background-image: -o-linear-gradient( #CCC,#FFF );
background-image: linear-gradient( #CCC,#FFF );
}
.box_com{
	margin-top:25px;
				/*margin-bottom:25px;*/
	width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	margin-bottom:20px;
	padding-bottom:20px;
	font-family:Tahoma;
	font-size:14px;
	text-align:justify;
	background-color:#FFF;
	border-style: solid;
	border-width:1px;
	border-color:#999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.box_com img{
	border:none;
	}
.box_weblink{
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/bgweblink-03.png);
	height:140px;
	padding-left:115px;
	padding-top:10px;
}
.box_iconweblink{
	padding-top:10px;
	padding-left:50px;
}
.box_footer{
	
	background-image:url(../img/bgfooter-04-04.png);
	height:35px;
	
}
.outer{
  
position:absolute;  
    display:block;    
     
    height:45.5px;/* กำหนดความสูงส่วนของเนื้อหาที่นำมาซ้อนทับ แบบขยายเต็ม */  
    width:750px; /* กำหนดความกว้างของเนื้อหาที่นำมาซ้อนทับ */  
    top:93px; /* css กำหนดชิดด้านบน  */  
    left:380px; /* css กำหนดชิดซ้าย  */  
margin-left:auto;
	margin-right:auto;
    z-index:999;
	/*background-image:url(../img/menu%20-%20Copy-01.png);*/
}

.outer1{
  
position:absolute;  
    display:block;    
     
    height:45.5px;/* กำหนดความสูงส่วนของเนื้อหาที่นำมาซ้อนทับ แบบขยายเต็ม */  
    width:750px; /* กำหนดความกว้างของเนื้อหาที่นำมาซ้อนทับ */  
    top:160px; /* css กำหนดชิดด้านบน  */  
    left:380px; /* css กำหนดชิดซ้าย  */  
margin-left:auto;
	margin-right:auto;
    z-index:999;
	/*background-image:url(../img/menu%20-%20Copy-01.png);*/
}
.visitor{
	
	float:right;
	margin-right:25px;
	padding-left:3px;
	padding-right:3px;
	height:14px;
	line-height:14px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#3f5007;
	color:#FFF;
	font-weight:bolder;
	letter-spacing:2px;
	

}
.lang
{
	
	position:absolute;  
    display:block;    
     
    height:30px;/* กำหนดความสูงส่วนของเนื้อหาที่นำมาซ้อนทับ แบบขยายเต็ม */  
    width:150px; /* กำหนดความกว้างของเนื้อหาที่นำมาซ้อนทับ */  
    top:10px; /* css กำหนดชิดด้านบน  */  
    left:970px; /* css กำหนดชิดซ้าย  */  
margin-left:auto;
	margin-right:auto;
    z-index:999;
	
	}
	.search
{
	
	position:absolute;  
    display:block; 
		width:202px;
	height:25px;   
 
    top:45px; /* css กำหนดชิดด้านบน  */  
    left:905px; /* css กำหนดชิดซ้าย  */  

	
	background-image:url(../img/search-02.png);
	
	background-repeat : no-repeat;
	font-family:Tahoma;
	color:#FFF;
	font-style:italic;
	border:0;

	
	}
	
	.bg_search{
	width:202px;
	height:25px;
	/*background-image:url(../img/search1.png);*/
/*	background-image:url(../img/seaar.png);*/
	background-image:url(../img/search-02.png);
	
	background-repeat : no-repeat;
	font-family:Tahoma;
	color:#CCC;
	font-style:italic;
	border:0;
	
	
	
	}
	.bg_search:focus{
	width:202px;
	height:25px;
	/*background-image:url(../img/search1.png);*/
	background-image:url(../img/search-02.png);
	
	background-repeat : no-repeat;
	font-family:Tahoma;
	color:#3f5007;
	font-style:italic;
	border:0;
	
	
	}
	.front{
	padding:9px;
	/*text-align: justify;*/
	font-family:"tahoma";
	font-size:15px;
	/*color:#003473;*/
	color:#024829;
	font-weight:bold;
}
.detailfronb{
	padding:9px;
	/*text-align: justify;*/
	font-family:"tahoma";
	font-size:15px;
	color:#003473;
/*	color:#024829;*/
	font-weight:bold;
}
.detailfronb img{
	border:none;
	
}

.detailfrona{
	padding-left:9px;
	
	/*text-align: justify;*/
	font-family:"tahoma";
	font-size:15px;
	color:#003473;
/*	color:#024829;*/
	font-weight:bold;
}
.detailfront{
	
	/*text-align: justify;*/
	font-family:"tahoma";
	font-size:14px;
	
	color:#003473;
	
}
.frontitle{
	font-family:"tahoma";
	font-size:20px;
	color:#024829 ;
	font-weight:bold;
	padding-left:5px;
	text-shadow: #CCC 0.1em 0.1em;
	
	
	}
	.title{
		padding-top:4px;
		padding-left:4px;
	}
	.title1{
		padding-top:10px;
		padding-left:110px;
	}
	.test{
		padding-top:5px;
		padding-left:5px;
		
	}
	.font{
	font-family:"tahoma";
	font-size:14px;
	color:#003473;
}
.fontfooter{
	font-family:"tahoma";
	font-size:12px;
	color:#ffffff;
	
	}
	#test{
		margin-left:-4px;
		
	
	
	
		
		}