/* 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}

/* base styles */
#contactForm {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#contactForm input {
  margin-top: 5px;
  margin-bottom: 5px;
  background:#cad0d8;
	padding-left:10px;
  color: #484848;
  border: 1px  solid #ccc;
  font-family: Tahoma, Arial;
  overflow:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:450px;
	height:30px;
}

#contactForm textarea {
  margin-top: 5px;
  margin-bottom: 5px;
  background:#cad0d8;
	padding:10px;
  color: #484848;
  border: 1px  solid #ccc;
  font-family: Tahoma, Arial;
  overflow:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:450px;
	height:90px;
}



#contactForm select{
	display: inline;
	 background:#f3f2c6;
	border: 1px  solid #f3e9c6;
	font-family: Tahoma, Arial;
	overflow:auto;
/*	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; */
}


#contactFormStudent input[type="radio"],
#contactFormCompany input[type="radio"],
#contactFormlogin input[type="radio"] {
	width:30px;
	display: inline;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	background: none;
	border: none;
	font-size: 14px;
	font-family: Tahoma, Arial;
	line-height: 1em;
	overflow:auto; 
}

#contactForm input[type="submit"],
#contactForm input[type="reset"],
#commentform input[type="submit"],
#contactForm input[type="button"],

#contactFormlogin input[type="button"],
#contactFormlogin input[type="submit"] {
	width:80px;
	height:30px;
  color: #ffffff;
	font-size:14px;
  background: #cdcbc8;
	float:left;
	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 );
}


#contactFormCompany input[type="submit"]:hover,
#contactFormCompany input[type="reset"]:hover,
#contactForm input[type="submit"]:hover,
#contactForm input[type="reset"]:hover,
#commentform input[type="submit"]:hover,
#contactForm input[type="button"]:hover, 
#contactFormlogin input[type="button"]:hover, 
#contactFormlogin input[type="reset"]:hover,
#contactFormlogin input[type="submit"]: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 );
}

#contactForm input[type="checkbox"] {
	width:15px;
	height:15px;
	margin-left:20px;
}

#contactForm input[type="radio"] {
	width:15px;
	height:15px;
	margin-left:15px;
}

/*table, table td { 
    padding:0;
    border:none;
    border-collapse:collapse;
}*/

img {
    vertical-align:top;
		border:none;
}

embed { 
    vertical-align:top;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
/* base styles */
#contactFormResume {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#contactFormResume input {
  background:#cad0d8;
	padding:5px;
	margin-bottom:5px;
  color: #484848;
  border: 1px  solid #ccc;
  font-family: Tahoma, Arial;
  overflow:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:365px;
	
}

#contactFormResume textarea {
  margin-top: 5px;
  margin-bottom: 5px;
  background:#cad0d8;
	padding:10px;
  color: #484848;
  border: 1px  solid #ccc;
  font-family: Tahoma, Arial;
  overflow:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:365px;
	height:90px;
}

#contactFormResume select {
	background:#cad0d8;
	border: 1px  solid #ccc;
	font-family: Tahoma, Arial;
	overflow:auto;
	padding:3px;
	width:368px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
}


#contactFormResume input[type="radio"] {
	width:30px;
	display: inline;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	background: none;
	border: none;
}

#contactFormResume  input[type="submit"],
#contactFormResume  input[type="reset"],
#contactFormResume 	input[type="button"] {
	width:80px;
	height:30px;
  color: #ffffff;
	font-size:14px;
  background: #cdcbc8;
	float:left;
	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 );
}



#contactFormResume  input[type="submit"]:hover,
#contactFormResume  input[type="reset"]:hover,
#contactFormResume  input[type="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 );
}

#contactFormResume input[type="checkbox"] {
	width:15px;
	height:15px;
	margin-left:20px;
}

#contactFormResume  input[type="radio"] {
	width:15px;
	height:15px;
	margin-left:15px;
}