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

html, body {
	margin: 0px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background:#fffff2;
	height: auto;
	background:url(../Images/bg_all.jpg) left top repeat;
}
.logo {
	width:280px;
	height:115px;
	float:left;
	vertical-align:top
}
.text_orange {
	color: #587eca;
}
.lang {
	width:90px;
	height:18px;
	float: right;
	text-align:center
}
.lang_bar {
	width:150px;
	height: 20px;
	padding:5px 0px 5px 440px;
	float:left;
	text-align:center;
}
.lang_text {
	color: #fff;
	text-align: center;
	vertical-align: middle
}
.font_size {
	color: #fff;
	text-align:center;
	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:#000;
	text-decoration: none;
}
.font_size a:active {
	color:#fff;
	text-decoration:none;
}
.lang_text img {
	margin-left: 7px;
}
#topmenu {
	background:url(../Images/top_menu.png) center top no-repeat;
	width:660px;
	height:45px;
	float:left;
}
.topmenu {
	width:980px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	color:#333;
	text-decoration: none;
	padding-top:10px;
}
.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 15px;
	display: inline;
	text-transform:uppercase;
	/*line-height: 35px;*/
	color: #000;
}
.topmenu li a:link {
	color: #333;
	text-decoration: none;
}
.topmenu li a:hover {
	color: #2176ca;
	text-decoration: none;
}
.topmenu a:visited {
	color: #333;
	text-decoration: none;
}
#main_all {
	width:1000px;
	height: auto;
	margin: 0 auto;
}
#main {
	width:1000px;
	height: auto;
	margin: 0 auto;
}
#header {
	width:980px;
	height: auto;
	float:left;
	vertical-align:top;
	padding:0 10px;
}
#left {
	width:200px;
	height:auto;
	float:left;
	vertical-align:top;
}
#right {
	width:750px;
	height:auto;
	float:right;
	vertical-align:top;
}
#leftmenu {
	width:180px;
	height:auto;
	float:left;
	vertical-align:top;
	text-align: left;
	margin-bottom:10px;
	padding:0px 10px 0px 10px;
}
.leftmenu {
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #333;
	font-size: 14px;
	vertical-align:top;
	line-height:18pt;
	font-weight: normal;
	text-decoration:none;
}
.leftmenu a:link {
	color:#333;
	text-decoration:none;
}
.leftmenu a:visited {
	color:#333;
	text-decoration:none;
}
.leftmenu a:hover {
	color:#2176ca;
	text-decoration: none;
}
.leftmenu a:active {
	color:#333;
	text-decoration:none;
}
.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: #333;
	padding-left: 20px;
	list-style-position: inside;
	line-height: 25px;
}
.submenu li a:link {
	color: #333;
	text-decoration: none;
}
.submenu li a:hover {
	color: #96b422;
	text-decoration: none;
}
.submenu a:visited {
	color: #333;
	text-decoration: none;
}
.banner {
	width:950px;
	height:255px;
	text-align:center;
	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: 12px;
	color: #333;
}
.link {
	font-size: 12px;
	text-decoration:none;
	color: #333;
}
/* Footer */
#footer {
	background-color:#efefef;
	width:100%;
	height: auto;
	min-height:70px;
	margin:auto;
	float: left;
}
.footer {
	width:980px;
	float:left;
	font-size: 12px;
	vertical-align:top;
	text-align: center;
	line-height:130%;
	color:#333;
	margin-top:10px;
}
.footer a:link {
	color:#333;
	text-decoration:none;
}
.footer a:visited {
	color:#333;
	text-decoration:none;
}
.footer a:hover {
	color:#2176ca;
	text-decoration: none;
}
.footer a:active {
	color:#333;
	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
}
/** เพิ่มเติม **/
#bg_top{
	background: url(../Images/bg_all2.png) center top no-repeat;
	width:100%;
	min-width:960px;
	height:auto;
	float:left;
	vertical-align:top
}
#box_top {
	width:970px;
	height:115px;
	float:left;
	padding-left:20px;
}
#box_top_right{
	background: url(../Images/top_menu_right.png) center top no-repeat;
	width:305px;
	height:55px;
	float:right;
	margin-top:35px;
}
#box_top_right ul{
	list-style:none;
	margin:0;
	padding:0;
}
.menu_right1{
	width:153px;
	height:55px;
	float:left;
}
.menu_right2{
	width:152px;
	height:55px;
	float:left;
}
.menu_right1:hover{
	background:url(../Images/top_menu_right.png) 0px -55px;
}
.menu_right2:hover{
	background:url(../Images/top_menu_right.png) -153px -55px;
}
#top_right{
	width:230px;
	height:30px;
	float:right;
	padding:15px 20px 0px 0px;
	margin-top:10px;
}
#box_topmenu{
	width:660px;
	height:115px;
	float:right;
}
#box_header {
	background:url(../Images/bg_header.jpg) center top no-repeat;
	width:940px;
	height: auto;
	min-height:385px;
	float:left;
	padding:22px 30px 0px 30px;
}
#box_lang {
	width:230px;
	height:30px;
	float:right;
}
#search {
	width:200px;
	height:33px;
	float:left;
	padding:8px 0px 0px 15px
}
.search {
	width:230px;
	font-family: "Tahoma";
	font-size: 10pt;
	color:#333333
}
.bt_search {
	width:30px;
	height:20px;
	float:left;
	padding-left:5px;
}
#form_search {
	width:125px;
	height:20px;
	float:left;
	padding-left:10px
}
.form_search {
	width:125px;
	height:20px;
	border:none;
	background-color:transparent;
	float:left;
	color:#666;
	font-size:11px;
	font-weight:normal;
	vertical-align:top;
}
#flag {
	width:130px;
	height:15px;
	float:left;
	padding-top:3px;
}
#bt_Lmenu {
	background:url(../Images/buttom_ct.png) top left no-repeat;
	width:1000px;
	height:20px;
	float:left
}
#content1 {
	background-color:#FFF;
	width:960px;
	height:auto;
	float:left;
	margin:10px 20px 0px 20px;
}
#content2 {
	background:url(../Images/bg_ct.png) center top no-repeat;
	width:1000px;
	height:auto;
	float:left;
}
#leftmenu-top {
	width:200px;
	height:auto;
	float:left;
}
#leftmenu-bt {
	background:url(../Images/menu_mainmenu_bt.jpg) center top no-repeat;
	width:200px;
	height:11px;
	float:left;
	margin-bottom:10px;
}
#banner_all{
	width:200px;
	height:auto;
	float:left;
	text-align:center;
}
#topmenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
.menu1{
	width:113px;
	height:60px;
	float:left;
}
.menu2{
	width:126px;
	height:60px;
	float:left;
}
.menu3{
	width:101px;
	height:60px;
	float:left;
}
.menu4{
	width:208px;
	height:60px;
	float:left;
}
.menu5{
	width:112px;
	height:60px;
	float:left;
}
.menu1:hover{
	background:url(../Images/top_menu.png) 0px -60px;
}
.menu2:hover{
	background:url(../Images/top_menu.png) -113px -60px;
}
.menu3:hover{
	background:url(../Images/top_menu.png) -239px -60px;
}
.menu4:hover{
	background:url(../Images/top_menu.png) -340px -60px;
}
.menu5:hover{
	background:url(../Images/top_menu.png) -548px -60px;
}
.topmenu a:link {
	color:#333;
	text-decoration:none;
}
.topmenu a:visited {
	color:#333;
	text-decoration:none;
}
.topmenu a:hover {
	color:#2176ca;
	text-decoration: underline;
}
.topmenu a:active {
	color:#333;
	text-decoration:none;
}
a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#96b422;
	text-decoration: underline;
}
a:active {
	color:#000;
	text-decoration:none;
}
#line_footer{
	background:url(../Images/bg_footer.png) center top no-repeat;
	width:1000px;
	height:18px;
	float:left;
}
#footer2{
	width:980px;
	height:auto;
	margin:auto;
}
.footer2 {
	font-size: 12px;
	vertical-align:top;
	margin:0 auto;
	text-align: center;
	line-height:130%;
	color:#333;
}
.footer2 a:link {
	color:#333;
	text-decoration:none;
}
.footer2 a:visited {
	color:#333;
	text-decoration:none;
}
.footer2 a:hover {
	color:#2176ca;
	text-decoration: underline;
}
.footer2 a:active {
	color:#333;
	text-decoration:none;
}
/* Intro */
#main_intro {
	width:1000px;
	height:auto;
	min-height:610px;
	margin: 0 auto;
}
#bg_top_intro {
	background: url(../Images/bg_all2.png) center top no-repeat;
	width:100%;
	min-width:960px;
	height:auto;
	float:left;
	vertical-align:top
}
#logo_intro{
	width:1000px;
	height:115px;
	float:left;
	vertical-align:top
}
#header_intro {
	width:1000px;
	height:auto;
	float:left;
}
#top_intro {
	width:1000px;
	height:30px;
	float:left;
	padding-top:15px;
	text-align:center;
}
.top_intro {
	width:1000px;
	height:auto;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	color:#000;
}
.top_intro a:link {
	color:#000;
	text-decoration:none;
}
.top_intro a:visited {
	color:#000;
	text-decoration:none;
}
.top_intro a:hover {
	color:#000;
	text-decoration: underline;
}
.top_intro a:active {
	color:#000;
	text-decoration:none;
}