@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Tahoma";
	font-size: 9pt;
	vertical-align:top;
	background: url(../Images/bg_gray.png)top repeat-x #b7baba;
}
.textb {
	font-family: "Tahoma";
	font-size: 9pt;
	color: #333;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 10px;
}
.textw {
	font-family: "Tahoma";
	font-size: 8pt;
	color: #666666;
	padding-right: 40px;
}
img {
	border:none;
	text-align: center;
}
#topmenu {
	font-family: "Tahoma";
	font-size: 10pt;
	text-decoration:none;
	color: #333;
	text-align: right;
}
.topmenu{
	font-family: "Tahoma";
	font-size: 10pt;
	color: #fff;
}

.topmenu a {
	text-decoration:none;
	color:#fff;
}
.topmenu a:hover {
	color: #e72501;
	text-decoration: none;
	font-size: 10pt;
}

#leftmenu {
	font-family: "Tahoma";
	font-size: 11pt;
	color:#333;
	text-decoration:none;
	position:relative;
}
.leftmenu {
	font-family: "Tahoma";
	font-size: 9pt;
	padding-top: 0px;
	line-height: 25px;
	color:#333;
}
.leftmenu a {text-decoration:none;color:#333;}
.leftmenu a:hover {color:#587c02;text-decoration:underline}
/*.leftmenu a:visited { color:#ab3f00; }*/
.leftmenu a:active {color: #fbfba7}
#submenu {
	font-family: "Tahoma";
	font-size: 9pt;
	text-decoration:none;
	background-image: url(../Images/tem17-1_leftmenu.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.submenu {
	padding-left: 40px;
	padding-top: 15px;
	line-height: 19px;
	padding-bottom: 15px;
	color: #404040;
}
.submenu a {
	text-decoration:none;
	color:#404040;
}
.submenu a:hover {
	color:#eb8bb6;
	text-decoration:underline;
}

.textfield { font-family: "Tahoma"; font-size: 8pt; height:15px; color:#000000; vertical-align:middle; }
.textarea { font-family: "Tahoma"; font-size: 8pt; color:#000000; vertical-align:middle; }
.listMenu { font-family: "Tahoma"; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle; }
.button { font-family: "Tahoma"; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle; }

.subject_header { font-family: "Tahoma"; font-weight:bold; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle; }

/* Table corner */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#a7a7a7; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#a7a7a7; border-right:2px solid #a7a7a7; border-left:2px solid #a7a7a7; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #a7a7a7;}
.headh {background: #a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7;font-family: "Tahoma";font-size: 8pt;color:#FFFFFF;}
/* Table corner */

.table_square {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#FFFFFF;

	border-bottom:1px solid #FFFFFF; 
	border-top:1px solid #FFFFFF; 
	border-left:1px solid #a7a7a7; 
	border-right:1px solid #a7a7a7; 
	background-color: #FFFFFF;
}
.table_square_dot {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#424242;

	border-bottom:1px dotted #A0A0A0; 
	border-top:1px dotted #A0A0A0; 
	border-left:1px dotted #A0A0A0; 
	border-right:1px dotted #A0A0A0; 
}
.table_header {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#ffffff;
	background-color: #a7a7a7;
}
.table_content_1 {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#424242;
	background-color: #FFFFFF;
}
.table_content_2 {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#424242;
	background-color: #f1f1f1;
}

/* .header {  } */
.error { font-family: "Tahoma"; font-size: 8pt; color: #FF0000; }
.content {
	vertical-align: top;
	font-family: "Tahoma";
	font-size: 9pt;
	color: #666;
}
.content a {
	text-decoration: none;
	color: #000;
}
.content a:hover {
	color: #000;
	text-decoration:underline;
}

.link { font-family: "Tahoma"; font-size: 8pt; text-decoration:none; color: #000; }

/* Footer */
.footer {
	font-family:"Tahoma";
	font-size: 9pt;
	color: #fff;
	text-align: left;
	text-align:center;
}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {color: #fff; text-decoration:underline;}
/*td {vertical-align:top;}*/

/* Gallery */
#Container {border: 5px solid #6b6679;} /* ขอบภาพ */
#CaptionContainer {background-color: #6b6679;} /* พื้นหลัง Detail */
#CaptionContainer p {color: #FFFFFF;} /* ตัวหนังสือ Detail */
#Counter {color: #FFFFFF;} /* ตัวหนังสือ Counter */
/* Search */

/* * * * update 3/6/2010 * * * */
.text_highlight { font-family: "Tahoma"; font-size: 8pt; color: #FF0000; }

.button_search{
	width: 22px;/*§«“¡°«È“ߢÕß¿“æªÿË¡ search*/
	height: 22px; /*§«“¡ Ÿß¢Õß¿“æªÿË¡ search*/
    background: transparent url(../Images/tem31_search_button.jpg) no-repeat top left;
	border: none;
	cursor:pointer;
}

/* * * * เพิ่มเติม * * * */
.gray{
font-family: Tahoma;
font-size: 12px;
color: #333;
vertical-align:top;
font-weight: normal;
/*line-height:120%;*/ }
.gray a:link{color:#333;text-decoration:none;}
.gray a:visited{color:#333;text-decoration:none;}
.gray a:hover{color:#000; text-decoration: underline;}
.gray a:active{color:#333; text-decoration:none;}

.gray2{
font-family: Tahoma;
font-size: 11px;
color: #666;
vertical-align:top;
font-weight: normal;
line-height:170%;}
.gray2 a:link{color:#666;text-decoration:none;}
.gray2 a:visited{color:#666;text-decoration:none;}
.gray2 a:hover{color:#fff; text-decoration: underline;}
.gray2 a:active{color:#666; text-decoration:none;}


.wh{
font-family: Tahoma;
font-size: 12px;
color: #fff;
vertical-align:top;
font-weight: normal;
line-height:120%;}
.wh a:link{color:#fff;text-decoration:none;}
.wh a:visited{color:#fff;text-decoration:none;}
.wh a:hover{color:#fdfa06; text-decoration: underline;}
.wh a:active{color:#fdfa06; text-decoration:none;}


.inputbox{
    font-family: "Tahoma"; font-size:12px; color: #fff;
	width:138px;
	height:18px;
    border: 1px solid;
    border-top-color: #fff;
    border-left-color: #fff;
    border-bottom-color: #fff;
    border-right-color: #fff;
	background-color:#fff;
}

#bg1{width:100%; height:auto; background:url(../Images/bg_green.png) repeat-x;float: left;}
#top_all {width:1000px; height:auto; margin: 0 auto;}
#top {width:1000px; height:auto; margin: 0 auto;}
#hd1{width:1000px; height:auto; float:left}
#logo{width:390px; height:107px; float:left}

#sh{width:570px; height:auto; text-align:right; float:left; margin :39px 40px 10px 0px}
#tm1{width:590px; height:19px; text-align:center; float:left; background:url(../Images/bar_topmenu.png) no-repeat top right; padding:10px}

#banner{width:1000px; height:auto; float:left; margin-top:15px}

#box1{width:1000px; height:auto; float:left}
#box2{width:1000px; height:auto; float:left}
#bx_bg{width:940px; height:auto; float:left; background:url(../Images/box1-4.png) top repeat-y; padding:0px 30px}
#bx2{width:940px; height:auto; float:left; background:url(../Images/box1-2.png)top no-repeat} 

#lf1{width:247px; height:auto; float:left; text-align:left;}
#rh{width:693px; height:auto; float:left}

#ft{width:100%; height:60px; background:url(../Images/bg_green_ft.png)top repeat-x;float: left;}
#ft_dt{width:1000px; height:auto; text-align:center; margin: 0 auto; padding-top:20px}