/* 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;
/*   filter: grayscale(1); */
}
/*body{ -webkit-filter: grayscale(100%); 
 -moz-filter: grayscale(100%);
 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}