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

html, body { background: #0097e0;
	margin: 0px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto;
}
/*#top {width:950px; height:58px; float:left; vertical-align:top}
.top {
width: 1000px;
height: 110px;
margin: 0 auto;
position: relative;
}*/

.logo {
	width:661px;
	height:77px;
	float:left;
	vertical-align:top
}
.text_orange {
	color: #587eca;
}
.lang {
	width:255px;
	height:15px;
	float:right;
	margin:50px 15px 10px 10px;
	float:right;
	text-align: right;
}
.lang_bar {
	width:200px;
	height: 5px;
	background-color: #587eca;
}
.lang_text {
	color: #fdfdfc;
	text-align: rigth;
	vertical-align:baseline
}
.font_size {
	color: #fdfdfc;
	text-align:center;
	vertical-align:baseline;
}
.font_size a:link {
	color:#fdfdfc;
	text-decoration:none;
}
.font_size a:visited {
	color:#fdfdfc;
	text-decoration:none;
}
.font_size a:hover {
	color:#076dd7;
	text-decoration: none;
}
.font_size a:active {
	color:#076dd7;
	text-decoration:none;
}
.lang_text img {
	margin-left: 7px;
}
#main {
	width:960px;
	height: auto;
	margin: 0 auto;
}
#bodytop { background:url(../Images/bg_top.jpg) no-repeat center top; width:100%; height:auto;float:left; vertical-align:top }
#header {
	width:960px;
	height:auto;
	float:right;
	vertical-align:top;
}

#leftmenu {
	width:208px;
	height:auto;
	float:left;
	vertical-align:top;
	text-align: left;
}
.leftmenu {
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #525151;
	font-size: 14px;
	line-height:180%;
	font-weight: normal;
	text-decoration:none;
	padding-bottom:10px;
}
.leftmenu a:link {
	color:#525151;
	text-decoration:none;
}
.leftmenu a:visited {
	color:#525151;
	text-decoration:none;
}
.leftmenu a:hover {
	color:#0578dd;
	text-decoration: none;
}
.leftmenu a:active {
	color:#0578dd;
	text-decoration:none;
}
.content1 {
	width: 915px;
	font-size: 13px;
	color: #404646;
	margin:0 22px 0 23px; 
}
.text {
	width: 700px;
	font-size: 10px;
	color: #2d2d2d;
	margin-top: 10px;
}



/* 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;
}
.link {
	font-size: 10px;
	text-decoration:none;
	color: #424242;
}
/* Footer */
#footer { background:url(../Images/img_footer.jpg)  center  bottom no-repeat;  
  width:100%;
  height:auto;
  float:left; 
  vertical-align:bottom; 
  padding:0px 0px 70px 0px
	
}
#footer2 {
	width:960px;
	height: auto;
	margin:0 auto;
    vertical-align:top;	
	
}
.footer {
	width:100%;
	height:30px;
	vertical-align:top;
	text-align: center;
	font-size:13px;
	float:right;
    color: #fff;	
}
.footer a:link {
	color:#fff;
	text-decoration:none;
}
.footer a:visited {
	color:#fff;
	text-decoration:none;
}
.footer a:hover {
	color:#fff000;
	text-decoration: none;
}
.footer a:active {
	color:#fff000;
	text-decoration:none;
}
.footer_text {
	position: absolute;
	left:385px;
	top:12px;
	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
}
/** เพิ่มเติม **/
#bodymain {
	
	width:100%;
	height:auto;
	float:left
}
#ban_001 {
	width:800px;
	height: auto;
	text-align:center;
	float:left;
}
#ban_002 {
	width:960px;
	height:auto;
	text-align:center;
	float:left;
	padding-top:60px;
}

#Detail {
	width:940px;
	height:auto;
	float:left;
}
#topmenu{ width:960px; height:auto; float:left; }
#topmenu ul{ list-style:none; padding:0; margin:0; border-top:0px solid #bec9c5;}
#topmenu ul li{ list-style:none; padding:0; margin:0; float:left;	/*transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;*/}
#topmenu ul li.tp-mn1{ background:url(../Images/topmenu.png) 0px 0px no-repeat; width:91px; height:47px;}
#topmenu ul li.tp-mn2{ background:url(../Images/topmenu.png) -91px 0px no-repeat; width:105px; height:47px;}
#topmenu ul li.tp-mn3{ background:url(../Images/topmenu.png) -196px 0px no-repeat; width:146px; height:47px;}
#topmenu ul li.tp-mn4{ background:url(../Images/topmenu.png) -342px 0px no-repeat; width:188px; height:47px;}
#topmenu ul li.tp-mn5{ background:url(../Images/topmenu.png) -530px 0px no-repeat; width:193px; height:47px;}
#topmenu ul li.tp-mn6{ background:url(../Images/topmenu.png) -723px 0px no-repeat; width:118px; height:47px;}
#topmenu ul li.tp-mn7{ background:url(../Images/topmenu.png) -841px 0px no-repeat; width:119px; height:47px;}

#topmenu ul li.tp-mn1:hover{ background:url(../Images/topmenu.png) 0px -47px no-repeat; }
#topmenu ul li.tp-mn2:hover{ background:url(../Images/topmenu.png) -91px -47px no-repeat; }
#topmenu ul li.tp-mn3:hover{ background:url(../Images/topmenu.png) -196px -47px no-repeat; }
#topmenu ul li.tp-mn4:hover{ background:url(../Images/topmenu.png) -342px -47px no-repeat; }
#topmenu ul li.tp-mn5:hover{ background:url(../Images/topmenu.png) -530px -47px no-repeat; }
#topmenu ul li.tp-mn6:hover{ background:url(../Images/topmenu.png) -723px -47px no-repeat; }
#topmenu ul li.tp-mn7:hover{ background:url(../Images/topmenu.png) -841px -47px no-repeat; }

.logo_intro {
	width:309px;
	height:113px;
	float:left;
	vertical-align:top
}


#main_intro {
	width:1000px;
	height: auto;
	margin: 0 auto;	
}	
#bodymain_intro {
	background:url(../Images/bg_body.gif) center top no-repeat;
	width:100%;
	height:auto;
	float:left
}

/*เพิ่มเติม*/
#RTop {  background:url(../Images/r1.png) center top no-repeat; width:960px; height:34px; float:left; vertical-align:top; margin-top:15px}
#Rtext { background:url(../Images/r2.png) center top repeat-y; width:960px; height:auto; float:left; vertical-align:top}
#RB { background:url(../Images/r4.png) center top no-repeat;width:960px;height:30px; float:left; vertical-align:top }



#search {width:165px; height:46px; float: right; text-align:right; padding:15px 25px 0px 0px}
.button_search{ background:url(../Images/img_search.png) center top no-repeat; width:24px; height:22px;
border: none;
cursor:pointer; padding-top:2px}
.button_search:hover{background:url(../Images/img_search_over.png) center top no-repeat;  width:24px; height:22px; border:none; padding-top:2px
}

.form_search {
width:137px;
height:18px;
background-color:transparent;
border: hidden;
color:#666666;
font-size:11px;
font-weight:normal;
vertical-align:top;}

#flag { width:100px; height:auto; float:left; margin:0 auto; vertical-align:bottom; padding-top:345px; text-align:right}


