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

html, body {
margin: 0px;
font-family: "Tahoma", Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2d2d2d;
background:url(../Images/bg_body.gif) center top repeat;
height: auto;
}
#top {width:860px; height:61px; float:left; vertical-align:top; padding:9px 94px 20px 46px}
/*.top {
width: 1000px;
height: 110px;
margin: 0 auto;
position: relative;
}

.logo { background:url(../Images/01.jpg) center top no-repeat; width:920px; height:60px; float:left;margin:0px 40px; position:relative}*/
.text_orange {color: #587eca;}
.lang {
width:65px;
height: 14px;
margin:5px 15px 13px 0px;
float:left;
text-align:center
}
.lang_bar {
width:200px;
height: 5px;
background-color: #587eca;
}
.lang_text {
width: 60px;
height: 19px;
color: #fff;
text-align: center;
float: left;
}
.font_size {
width:50px;
height:15px;
float:right;
margin:4px 10px 0px 0px;
color: #000;
text-align:center;
vertical-align:baseline;}
.font_size a:link{color:#000;text-decoration:none;}
.font_size a:visited{color:#000;text-decoration:none;}
.font_size a:hover{color:#fff; text-decoration: none;}
.font_size a:active{color:#fff; text-decoration:none;}

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

#topmenu { width:697px; height:28px; float:left; text-align:center; margin:10px 47px 0px 0px}
.topmenu {
text-align:center;
color:#000;
text-decoration: none;
font-weight: bold;
text-transform:uppercase ;
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 10px;
	display: inline;
	text-transform:uppercase ;
	/*line-height: 35px;*/
	color: #000
	}
.topmenu li a:link {color: #000;text-decoration: none;}
.topmenu li a:hover {color: #fff;text-decoration: none;}

.topmenu a:visited {color: #fff;text-decoration: none;margin:0px 10px;}
.topmenu  a:link {color: #000;text-decoration: none;margin:0px 10px;}
.topmenu  a:hover {color: #fff;text-decoration: none;margin:0px 10px;}

#main {width:950px;height: auto;margin: 0 auto;}
#header{ background:url(../Images/img_top.gif) center top no-repeat; width:884px; height:32px; float:left; vertical-align:top; padding:10px 35px 11px 31px;}
#left { width:210px; height:auto; float:left; vertical-align:top}
#right {width:695px; height:auto; float:right; vertical-align:top;margin:28px 25px 0px 20px}

#leftmenu {width:190px; height:auto; float:left; vertical-align:top; text-align:center; margin:0px 10px}
.leftmenu {
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #fff;
font-size: 10px;
line-height:14pt;
font-weight: normal;
text-shadow:#333333 1px 1px 1px;
text-decoration:none;}
.leftmenu a:link{color:#fff;text-decoration:none;}
.leftmenu a:visited{color:#fff;text-decoration:none;}
.leftmenu a:hover{color:#ffd200; text-decoration: none;}
.leftmenu a:active{color:#ffd200; text-decoration:none;}

.content {
	width: 720px;
	font-size: 10px;
	color: #2d2d2d;
}
.text {
	width: 720px;
	font-size: 10px;
	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: 10px; 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: 10px;
	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: 10px;
	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: 10px;
	color:#ffffff;
	background-color: #a7a7a7;
}
.table_content_1 {
	font-size: 10px;
	color:#424242;
	background-color: #FFFFFF;
}
.table_content_2 {
	font-size: 10px;
	color:#424242;
	background-color: #f1f1f1;
}

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

/* Footer */
#footer { background:url(../Images/img_footer.png) center top no-repeat; width:100%; height:98px; float:left; vertical-align:top}
.footer { background:url(../Images/img_footer_002.gif) center top no-repeat; width:930px; height:53px; padding:45px 10px 0px 10px;
margin:0 auto;
text-align:center;
color: #dbdbdb;}
.footer a:link{color:#dbdbdb;text-decoration:none;}
.footer a:visited{color:#dbdbdb;text-decoration:none;}
.footer a:hover{color:#ffd200; text-decoration: none;}
.footer a:active{color:#ffd200; 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: 10px; color: #FF0000}

/** เพิ่มเติม **/
#bannertop { background:url(../Images/01.jpg) center top no-repeat; width:950px; height:284px; float:left; vertical-align:top; position:relative; margin-bottom:5px}
#dTop { background:url(../Images/img_d_001.gif) center top no-repeat; width:950px; height: auto; float:left; vertical-align:top}
#dText { background:url(../Images/img_d_002.gif) center top repeat-y; width:950px; height:auto; float:left; vertical-align:top}