/* base styles */


body {
    background:url(../images/bg/bg_h.gif) repeat-x; 
    color: #000000;
		font-family:Tahoma, Geneva, sans-serif;
		font-size: 14px;
    line-height:22px;
    margin: 0;
		padding:0;
	
}
/*body{ -webkit-filter: grayscale(100%); 
 -moz-filter: grayscale(100%);
 filter: gray; 
 filter: grayscale(100%);}*/
a {
    color: #3248a6;
    text-decoration: none;
}
a:hover,a:active {
    color: #000;
    text-decoration: none;
}

.aBlack a{
    color:#001c93;
    text-decoration: none;
}
.aBlack a:hover,a:active {
    color: #7e8184;
    text-decoration: none;
}

.aWhite a{
    color:#ffffff;
    text-decoration: none;
}
.aWhite a:hover,a:active {
    color: #000000;
    text-decoration: none;
}

.bd_solid1 {border-bottom:solid 1px #d9d9d9;}
.bd_dottedT {border-top:dotted 1px #46484f;}
.bd_dottedB { margin-left:20px; }
.bd_solidGray { border:1px solid #ccc;}
.bd_solidLeft1 {border-left:1px solid #ccc; border-top:1px solid #ccc;}

.left10 {
	padding-left:5px;
}
.left20 {
	padding-left:10px;
}
.left50{
	padding-left:50px;
}

.top3 {	padding-top:3px;}
.top5 {	padding-top:5px;}
.top20 {padding-top:20px;}

.bottom3 {padding-bottom:3px;}
.bottom5 {padding-bottom:5px;}
.bottom20 {padding-bottom:20px;}

p { margin:3px;}

.float {float:left;}


.bg_blue1 { background:#084ba3;}

.font_white {color:#ffffff;}
.font_blue {color: #3248a6;}
.font_black {color: #000000;}
/*-----------------------------------------*/

#header
	{
		width:980px;
		padding-top:25px;
		position: relative;
		margin:0 auto;
		padding:0;
		vertical-align:top;
	}
	
	
#header .logo {
	width:331px;
	height:85px;
	float:left;
}
	
		#header nav {
			overflow:hidden;
			width:640px;
			padding-left:8px;
		}
		#header nav .anav{
			float:left;
			padding-left:9px;
		}
		
		
		#header nav .search {
			padding-right:5px;
		}
		
		#header nav .search  img{
			/*width:30px;*/
			/*padding-top:10px;*/
		}
		
			#header nav  .search input{
				-webkit-border-radius: 5px; 
				-moz-border-radius: 5px; 
				border-radius: 5px;
				border:solid 1px #e1e1e1;
				padding:5px;
				color:#999;
			}
				
/*--------------------------------------------------------------
								Banner
----------------------------------------------------------------*/
		
		
		.Blockbanner{			
			width:980px;
			margin:0 auto;
			padding-top:15px;
			z-index:0;
			overflow:hidden;
		}
		/*.Blockbanner img{
			background-image:url(images/bg/bg_banner.png) no-repeat;
			background-position:bottom right;
		}*/
		
		.pointLink {
			overflow:hidden;
			/*width:180px;*/
			width:980px;
			z-index:0;
			margin:0 auto;
			
		}
		.pointLink a{
			float:left;
			padding-left:10px;
			padding-top:10px;
		}
		
		.pointLink img:hover{
			opacity:0.5px;
		}
/*--------------------------------------------------------------
									ข้อมูล Content
----------------------------------------------------------------*/
#content
	{
		padding-top:30px;
		width:980px;
		margin:0 auto;
		overflow:hidden;
		padding-bottom:30px;
	}
	
		#content section
		{
			background:#fff;
			margin: 0 0 0 0;
		}
		
		
		#content section  a img:hover{
			opacity:0.6;
		}
		
		#content .title{
			padding: 10px;
			margin: 0 0 10px 0;
			background: #033475;
			color: #FFF;
			-moz-border-radius: 10px 0 0px 0px;
			-webkit-border-radius: 10px 0 0px 0px;
			border-radius: 10px 0 0px 0px;
			border-bottom:solid 3px #ccc;
		}

		#content  h2{
			display: inline;
			font-size:16px;
		}
		
		#content .titlePage{
			padding: 10px;
			margin: 0 0 10px 0;
			background: #033475;
			color: #FFF;
			-moz-border-radius: 0 10px 0 0;
			-webkit-border-radius: 0 10px 0 0;
			border-radius: 0 10px 0 0;
			
			border-bottom:solid 3px #ccc;
		}
		
		#content .titleContact{
			padding: 10px;
			margin: 0 0 10px 0;
			background: #033475;
			color: #FFF;
			-moz-border-radius: 10px 10px 0 0;
			-webkit-border-radius: 10px 10px 0 0;
			border-radius: 10px 10px 0 0;
			
			border-bottom:solid 3px #ccc;
		}
		
		#content  h1{
			display: inline;
			font-size:16px;
		}
		
		



/*--------------------------------------------------------------
									Footer
----------------------------------------------------------------*/

	#footer
	{
		background:#08428f url(../images/bg/bg_footer.gif) repeat-x;
		overflow:hidden;
		color:white;
		padding-top:20px;
		font-size:13px;
		line-height:20px;
	}
	
	
	#footer .copyright {
		width:980px;
		margin:0 auto;
		
	}
	
	#footer .copyright p{
		padding:0 0 0 0;
		
	}
		#footer img:hover {
			opacity:0.6;
		}
		
	
/*--------------------------------------------------------------
									button
----------------------------------------------------------------*/	
	
		
.button{
	width:80px;
	height:30px;
  color: #ffffff;
	font-size:14px;
  background: #cdcbc8;
	border:1px solid #cdcbc8;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:8px;
	
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
	margin:5px;

	background-image:-webkit-gradient(linear,left top,left bottom,from( #267cee ),to( #033475 ));
	background-image:-webkit-linear-gradient( #033475,#267cee );
	background-image: -moz-linear-gradient( #033475,#267cee );
	background-image: -ms-linear-gradient( #033475,#267cee );
	background-image: -o-linear-gradient( #033475,#267cee );
	background-image: linear-gradient( #033475,#267cee );
}


.button:hover {
	color:#858c94;
	font-size:14px;
	
	background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #56697a ));
	background-image:-webkit-linear-gradient( #ffffff,#56697a );
	background-image: -moz-linear-gradient( #ffffff,#56697a );
	background-image: -ms-linear-gradient( #ffffff,#56697a );
	background-image: -o-linear-gradient( #ffffff,#56697a );
	background-image: linear-gradient( #ffffff,#56697a );
}


/*--------------------------------------------------------------
									form li
----------------------------------------------------------------*/	
.formLi {
}

.formLi ul {
	padding:0;
	margin:0;
	overflow:hidden;
}

.formLi ul li {
	margin:2px 0 2px 0;
	display:block;
}
	

/*------------*/
.img_news_top{float:left; margin-left:20px; padding:5px; box-shadow:0px 5px 20px #ccc; border:solid 1px #e5e5e5;}
.img_news{float:left; margin-top:20px; margin-left:20px; padding:5px; box-shadow:0px 5px 20px #ccc; border:solid 1px #e5e5e5;}

/*------------------------------------------------------------------*/
.fleft{ float:left;}
.headtb{ color:#fff; background-color:#033475;}
.content_tb{ background-color:#f1f7ff;}
.blue{ color:#033475;}
.justify{ text-align:justify;}
.center{ text-align:center;}
.bold{ font-weight:bold;}

.solar{float:left; padding:20px 40px 20px 40px; width:240px;}
.img_solar{float:left; padding:5px; background-color:#fff; width:290px; box-shadow:0px 0px 5px 0px #999; margin:10px 10px;}

.title_province{  border-bottom:dotted 1px #404040; padding:5px 5px; margin:20px 10px 3px 10px; font-weight:bold; }

.top6{ margin-top:6px;}
.top7{ margin-top:7px;}
.top8{ margin-top:8px;}
.top9{ margin-top:9px;}
.top10{ margin-top:10px;}
.top11{ margin-top:11px;}
.top12{ margin-top:12px;}
.top13{ margin-top:13px;}
.top14{ margin-top:14px;}
.top15{ margin-top:15px;}
.top16{ margin-top:16px;}
.top17{ margin-top:17px;}
.top18{ margin-top:18px;}
.top19{ margin-top:19px;}
.top20{ margin-top:20px;}
@charset "utf-8";
/* CSS Document */


.col_1 { width:6%; float: left;}
.col_3 { width:10%; float: left;}

.col_5 { width:3%; float: left;}
.col_5u { width:6.5%; float: left;}
.col_12 { width:12%; float: left;}

.col1 { width:8%; float: left;}
.col2 { width:10%; float: left;}
.col3 { width:15.5%; float: left;}
.col4 { width:21.2%; float: left;}
.col5 { width:25%; float: left;}
.col6 { width:30%; float: left;}
.col7 { width:38%; float: left;}
.col8 { width:40%; float: left;}
.col9 { width:45%; float: left;}
.col10 { width:50%; float: left;}
.col20 { width:20%; float: left;}

.col70 { width:60%; float: left;}
.col75 { width:76%; float: left; margin-left:38px; }
.col_80 {width:80%; float: left;}
.col_85 {width:85%; float: left;}
.col88 { width:88%; float: left;}
.col100 { width:100%;}
.col90 { width:90%; float: left;}

.col33 { width:33%; float: left; margin-left:5px}