@charset "UTF-8";
/* CSS Document */

html, body {
margin: 0px;
font-family: "Tahoma", Arial, Helvetica, sans-serif;
font-size: 12px;
color: #2d2d2d;
background:#360038 url(../Images/bg_body.gif) center top repeat-x;
height: auto;
}
#top { width:950px; height:95px; float:left; vertical-align:top;margin-bottom:20px;}
/*.top {
width: 1000px;
height: 110px;
margin: 0 auto;
position: relative;
}*/

.logo { background:url(../Images/01.jpg) left top no-repeat; width:300px; height:95px; float:left; vertical-align:top; position:relative}
.text_orange {color: #587eca;}
.lang {
background:url(../Images/img_001.gif) center top no-repeat;
width: 134px;
height: 20px;
padding:7px 17px 6px 29px;
float:right;
text-align:center;
position: relative;
}
.lang_bar {
width:58px;
height:17px;
padding-top:3px;
float:left;
text-align:center;
}
.lang_text {
width: 125px;
height: 35px;
padding-top: 10px;
color: #fff;
text-align: center;
float: left;
}
.font_size {
width:55px;
height:18px;
float:right;
padding-top:2px;
color: #fff;
text-align: center;
ine-height: 12px;
vertical-align:baseline;}
.font_size a:link{color:#fff;text-decoration:none;}
.font_size a:visited{color:#fff;text-decoration:none;}
.font_size a:hover{color:#ffae00; text-decoration: none;}
.font_size a:active{color:#ffae00; text-decoration:none;}

.lang_text img {margin-left: 7px;}

/*#topmenu { width:628px; height:30px; float:left; text-align:right; position:relative; padding:0px 31px 0px 0px;}*/
.topmenu { width:633px; height:38px; float:right; vertical-align:top; text-align:right; padding:0px 17px 7px 0px;
color:#000;
text-decoration: none;
font-weight: bold;
text-transform:uppercase ;
text-shadow: #fff 1px 1px 1px;
vertical-align:baseline;
}
.topmenu ul {
	margin:0px;
	padding:0px;
	margin:0 auto;
	}
.topmenu li {
	margin:0 auto;
	padding:0px;
	list-style:none;
	float:none;
	text-align:center;
	margin:0px 5px;
	display: inline;
	text-transform:uppercase ;
	/*line-height: 35px;*/
	color: #000
	}
.topmenu li a:link {color: #000;text-decoration: none;}
.topmenu li a:hover {color: #e46b00;text-decoration: none;}
.topmenu a:visited {color: #e46b00;text-decoration: none;}

#main {width:950px;height: auto;margin: 0 auto; padding-top:2px;}
/*#header{width: 960px;height: 100px; float:left; vertical-align:top; position:relative}*/
#left { width:232px; height:auto; float:left; vertical-align:top; position:relative}
#right {width:701px; height:auto; float:right; vertical-align:top; position:relative; padding:27px 15px 0px 0px}

#leftmenu { width:185px; height:auto; float:left; padding:0px 36px 0px 15px; text-align:center;}
.leftmenu { width:169px; height:auto; float:left; padding:0px 48px 0px 15px; margin-bottom:10px;
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
line-height:14pt;
font-weight: normal;
text-decoration:none;}
.leftmenu a:link{color:#000;text-decoration:none;}
.leftmenu a:visited{color:#000;text-decoration:none;}
.leftmenu a:hover{color:#bf0000; text-decoration: none;}
.leftmenu a:active{color:#bf0000; text-decoration:none;}

.content {
	width: 720px;
	font-size: 12px;
	color: #2d2d2d;
}
.text {
	width: 720px;
	font-size: 12px;
	color: #2d2d2d;
	margin-top: 10px;
	}
#submenu {
width: 250px;
height: auto;
}
.submenu ul {
margin: 0px;
padding: 0px;
}
.submenu li {
width: 230px;
height: 26px;
margin: 0px;
padding: 0px;
list-style: none;
background-image: url(../Images/submenu_bg.jpg);
margin-bottom: 1px;
color: #fff;
padding-left: 20px;
list-style-position: inside;
line-height: 25px;
}
.submenu li a:link {
	color: #fff;
	text-decoration: none;
	}
.submenu li a:hover {
	color: #587eca;
	text-decoration: none;
	}
.submenu a:visited {
	color: #fff;
	text-decoration: none;
	}
.banner {
width:179px;
height: auto;
text-align:center;
padding:0px 10px;
float:left;
}
.banner ul {
margin: 0px;
padding: 0px;
}
.banner li {
width: 179px;
height: auto;
margin: 0px;
padding: 0px;
list-style: none;
margin-bottom: 0px;
}

/* Table corner */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size: 12px; 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-size: 10px;color:#FFFFFF;}
/* Table corner */

.table_square {
	font-size: 12px;
	color:#000;
	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-size: 12px;
	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-size: 12px;
	color:#ffffff;
	background-color: #a7a7a7;
}
.table_content_1 {
	
	font-size: 12px;
	color:#424242;
	background-color: #FFFFFF;
}
.table_content_2 {
	
	font-size: 12px;
	color:#424242;
	background-color: #f1f1f1;
}

/* .header {  } */
.error {  font-size: 12px; color: #FF0000; }
.content {	
	font-size: 12px;
	color: #2d2d2d;
	padding-left: 0px;
	padding-right: 0px;
}
.link {  font-size: 12px; text-decoration:none; color: #424242; }

/* Footer */
/*#footer { background:#343434 url(../Images/img_footer.gif) center top repeat-x; width:100%; height:auto; float:left; vertical-align:top; padding-bottom:15px}*/
.footer { width:920px;height:auto; padding:0px 15px 15px 15px; text-align:center;
text-align:center;
height: auto;
margin: 0 auto;
color: #aeaeae;
}
.footer a:link{color:#aeaeae;text-decoration:none;}
.footer a:visited{color:#aeaeae;text-decoration:none;}
.footer a:hover{color:#008bb9; text-decoration: none;}
.footer a:active{color:#008bb9; text-decoration:none;}

.footer_text {
position: absolute;
left:385px;
top:10px;
padding-left: 10px;
}
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 */

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

/* * * * update 3/6/2010 * * * */
.text_highlight {  font-size: 12px; color: #FF0000}

/** เพิ่มเติม **/
#topright { width:383px; height:33px; float:right; vertical-align:top; text-align:right; margin-bottom:17px}
#banner1 { background:url(../Images/02.jpg) left top no-repeat; width:203px; height:30px; float:left; padding-top:2px; position:relative}
#banner2 { background:url(../Images/03.jpg) left top no-repeat; width:814px; height:308px; float:left;position:relative}
#banner3 { background:url(../Images/04.jpg) left top no-repeat; width:185px; height:246px; float:left;position:relative; padding-bottom:10px;}
#banTop { background:url(../Images/img_bg_banner.jpg) center top no-repeat; width:814px; height:308px; float:left;padding:6px 67px 28px 69px; position:relative}
#DeTop { background:url(../Images/img_d_001.gif) center top no-repeat; width:950px; height:auto; float:left}
#DeText { background:url(../Images/img_d_002.gif) center top repeat-y; width:950px; height:auto; float:left;margin-bottom:15px; padding-bottom:20px; float:left; vertical-align:top; position:relative}