@charset "UTF-8";
body {color:#000;margin:0;padding:0;background-color:#F4F4F4;}

/*div layer index*/
#headerindex {float:none;width:750px;height:120px;left:0;top:0;}
#menuindex {float:none;background-color:#000;width:749px;height:24px;left:0;top:121px;color:#666;}
#flashmain {float:none;background-color:#000;width:750px;height:252px;left:0;top:145px;}
#footerlayerindex {position:absolute;float:none;width:750px;color:#FFF;top:500px;left:20px;}

/*div layer*/
#header {position: relative;float: left; width: 760px;height: 92px;margin: 0 auto;}
#submenu {width:760px;height:22px;}
#menulayer {position: relative;float:left;background-color:#000;width:760px;height:24px;margin:0 0 1px 0;}
#mainpic {position: relative;float:left;width:760px;height:155px;color:#666; background-color:#000000}
#mainpic_1{position:relative;float:left;width:760px;hight:155px;}
#maintopic_1{position:relative;float:left;width:543px;hight:10px;background-color:#cccddd;}
#space {/*position: relative;float:left;width:760px;height:1px;margin:0;padding:0;*/}
#space_undermenu {/*position: relative;float:left;width:760px;height:1px; background:#FFFFFF;*/display:none;}
#wrapper {width: 760px;position: relative;float: left;margin: 6px auto;}
#wrapper .content-left {
	width:225px;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	height:400px;
	text-align:justify;
}
#wrapper .content-right {width:535px;position: relative;float: left;margin: 0;padding: 20;height: auto; text-align:justify;}
#footer {float: left;width: 760px;height: 50px;background-image:url(../images/bgfooter.jpg)} 

/*#footer {position: relative;float: left;width: 760px;height: 50px;margin: 0 auto;background-image:url(../images/bgfooter.jpg)} */
/*font syle*/
.contenttext {color:#333333;font-size:12px;font-family:Arial,Tahoma;text-align:justify;}
.contenttext_thai {color:#333333;font-size:13px;font-family:Arial,Tahoma;text-align:justify;}
.contenttext_recruit {color:#333333;font-size:12px;font-family:Arial,Tahoma;text-align:justify;background-color:#EBEBEB;}

.contenttext_recruit1 {color:#FF0000;font-size:12px;font-family:Arial,Tahoma;text-align:justify;background-color:#EBEBEB;}

.contenttext_recruit_thai {color:#333333;font-size:13px;font-family:Arial,Tahoma;text-align:justify;background-color:#EBEBEB;}
.contenttext_center {color:#333333;font-size:12px;font-family:Arial,Tahoma;text-align:center;}
.contenttext_center_thai {color:#333333;font-size:13px;font-family:Arial,Tahoma;text-align:center;}
.contenttextbox {color:#333;font-size:12px;font-family:Arial,Tahoma;text-align:justify;background-color:#FFAD33;}
.contenttextbox_thai {color:#333;font-size:13px;font-family:Arial,Tahoma;text-align:justify;background-color:#FFAD33;}
.contenttextbox1 {color:#333;font-size:12px;font-family:Arial,Tahoma;text-align:center;}
.contenttextbox1_thai {color:#333;font-size:13px;font-family:Arial,Tahoma;text-align:center;}
.contenttextbox2 {color:#333;font-size:12px;font-family:Arial,Tahoma;text-align:right;}
.contenttextbox2_thai {color:#333;font-size:13px;font-family:Arial,Tahoma;text-align:right;}
.contenttextbox3 {color:#333;font-size:12px;font-family:Arial,Tahoma;text-align:center;background-color:#FFAD33; font-weight:bold}
.contenttextbox3_thai {color:#333;font-size:13px;font-family:Arial,Tahoma;text-align:center;background-color:#FFAD33; font-weight:bold}
.copyrighttext {color:#333;font-size:11px;text-decoration:none;font-family:Arial,Tahoma}
.stext {color:#333;font-size:11px;text-decoration:none;font-family:Arial,Tahoma;}
.stext:link {color:#333;font-size:11px;text-decoration:none;font-family:Arial,Tahoma;}
.stext:visited {color:#333;font-size:11px;text-decoration:none;font-family:Arial,Tahoma;}
.textindex {
	color:#333;
	font-size:12px;
	text-decoration:none;
	font-family:Arial, Tahoma;
	font-weight: normal;
}
.textindex:link {
	color:#333;
	font-size:12px;
	text-decoration:none;
	font-family:Arial, Tahoma;
}
.textindex:hover {
	color:#999999;
	font-size:12px;
	text-decoration:none;
	font-family:Arial, Tahoma;
	font-weight: normal;
}
.stext2 {
	color:#FFAD33;
	font-size:11px;
	text-decoration:underline;
	font-family:Arial,Tahoma;
}
.stext2:link {
	color:#FFAD33;
	font-size:11px;
	text-decoration:underline;
	font-family:Arial,Tahoma;
}
.stext2:visited {color:#333;font-size:11px;text-decoration:none;font-family:Arial,Tahoma;}
.footer {color:#666;font-size:12px;text-decoration:none;font-family:Arial,Tahoma;}
.menu:link {color:#666;font-size:13px;text-decoration:none;font-family:Arial,Tahoma;font-weight:700;}
.menu:active {
	color:#666;
	font-size:13px;
	text-decoration:none;
	font-family:Arial,Tahoma;
	font-weight:700;
}
.submenu:hover {color:#FF8A00;font-size:13px;text-decoration:none;font-family:Arial,Tahoma;}
.submenu:active {
	color:#FF8A00;
	font-size:13px;
	text-decoration:none;
	font-family:Arial,Tahoma;
}
.H1 {color:#FF8A00;font-size:19px;text-decoration:none;font-family:Arial,Tahoma;font-weight:bold;}
.H2 {color:#FF8A00;font-size:12px;text-decoration:none;font-family:Arial,Tahoma;font-weight:bold;}
.H2_thai {color:#FF8A00;font-size:13px;text-decoration:none;font-family:Arial,Tahoma;font-weight:bold;}
.headtoppic {color:#FFFFFF;font-size:15px;text-decoration:none;font-family:Arial,Tahoma;}
.xstext {color:#999;font-size:10px;text-decoration:none;font-family:Arial,Tahoma;}
.text:link,.text:visited {color:#960;font-size:13px;text-decoration:none;font-family:Arial,Tahoma;}
.text:hover,.text:active {color:#c00;font-size:13px;text-decoration:none;font-family:Arial,Tahoma;}
.stext:hover,.stext:active {color:#FF8A00;font-size:11px;text-decoration:none;font-family:Arial,Tahoma;}
.footer:link,.footer:visited {color:#666;font-size:12px;text-decoration:none;font-family:Arial,Tahoma;}
.footer:hover,.footer:active {color:#FF8A00;font-size:12px;text-decoration:none;font-family:Arial,Tahoma;}
.menu:visited,.menu:hover {color:#F90;font-size:13px;text-decoration:none;font-family:Arial,Tahoma;font-weight:700;}
.submenu,.submenu:link,.submenu:visited {color:#666;font-size:13px;text-decoration:none;font-family:Arial,Tahoma;}

/*menu top*/
h1#logo {
width: 356px;height: 69px;background: url("../images/logo_top.gif") no-repeat;/*position: absolute;*/top: 0px;left: 0px;}
#logo a,#logo a:hover {width: 356px; height: 69px; display: block; text-decoration: none; background: none;}
#logo span {visibility:hidden;}
h2#logo {
width: 217px;height: 155px;background: url("../images/img_top_profile.jpg") no-repeat;/*position: absolute;*/top: 0px;left: 0px;}
#logo a,#logo a:hover {width: 217px; height: 155px; display: block; text-decoration: none; background: none;}
#logo span {visibility:hidden;}

ul#menu {list-style-type:none;width:auto;position:relative;display:block;height:24px;font-size:12px;background:transparent url("../images/black.jpg") repeat-x top left;font-family:Arial,Tahoma;margin:0;padding:0;}
ul#menu li {display:block;float:left;border-right:1px solid #fff;margin:0;}
ul#menu li a {display:block;float:left;color:#fff;text-decoration:none;height:20px;padding:4px 16px 0;}
ul#menu li a:hover {background:transparent url("../images/blue.jpg") repeat-x top left;}

ul#sitemap {list-style-type:none;width:auto;position:relative;display:block;height:24px;font-size:20px; font-family:Helvetica,Arial,Verdana,sans-serif;margin:0;padding:0;}
ul#sitemap li {display:block;float:left;border-right:1px solid #fff;margin:0;}
ul#sitemap li a {display:block;float:left;color:#fff;text-decoration:none;height:20px;padding:4px 16px 0;}
ul#sitemap li a:hover {background:transparent url("../images/blue.jpg") repeat-x top left;}

#menu1 {background:transparent url("../images/blue.jpg") repeat-x top left;}
#menu2 {background:transparent url("../images/blue.jpg") repeat-x top left;}
#menu3 {background:transparent url("../images/blue.jpg") repeat-x top left;}
#menu4 {background:transparent url("../images/blue.jpg") repeat-x top left;}
#menu5 {background:transparent url("../images/blue.jpg") repeat-x top left;}

/*colunm*/
.equal {
  color:#333333;
  font-size:12px;
  font-family:Arial,Tahoma;
  text-align:justify;
 display:table;
 width:600px;
 border-spacing:10px;
 background:#f2f2f2;
}
.row {
    display:table-row;
}
.row div {
    display:table-cell;
 /*background:#FFFFFF;*/
 }
.row .one {   
font-weight:bold;
width:80px;
}  
.row .two {   
width:70px;
}
.row .three {    
width:330px;
}
.equal {
padding-bottom: 10px;
}

.row {  
padding:10px;
}

.row div {
float:left;
}

.row .one {   
width:80px;
}
.row .two {   
margin-left:10px;
width:70px;
}
.row .three { 
width:340px; 
margin-left: 10px; 
}

* html .row div { /* IE6 and older */
height: expression(parseFloat(row.offsetHeight)-10);
}

html>body #row div { /* IE7, and maybe later versions */
min-height: expression(parseInt(row.offsetHeight)-43);
}

.clear-all{
 	clear:both; 
	line-height:0; 
	height:0;
}
.TopicMenuLink{
  font-size: 11px;
  color:#333;
  height: 23px;
  text-decoration: underline;
}
.TopicMenuLink:hover{
  font-size: 11px;
  color: #FF8A00;
  height: 23px;
  background: url(../images/menu/ico_hover.jpg) no-repeat;
  text-decoration: none;
}