@charset "utf-8";
/* CSS Document */
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	height: auto;
	margin:0;
	padding:0;
	background: url(../Images/bg.png) top center repeat;
	min-width:1024px;
}

td {/*vertical-align:top;*/}
 
.textb { font-family: "Tahoma"; font-size: 8pt; color: #424242; }
.textw { font-family: "Tahoma"; font-size: 8pt; color: #FFFFFF; }
img {border:none;text-align: center;}
	

.lang{
	position:absolute;
	z-index:999;
	top:427;
	width:100%;	
	}

#leftmenu {
	width:195px;
	height:auto;
	float:left;
	margin-top:20px;
}
.leftmenu {
font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 20px;
text-decoration:none;
padding-bottom: 5px;
color: #000;}
.leftmenu a:link{color:#000;text-decoration:none;}
.leftmenu a:visited{color:#000;text-decoration:none;}
.leftmenu a:hover{color:#d90000; text-decoration: underline;}
.leftmenu a:active{	color:#d90000;	text-decoration:none;}

#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:#eabc1e; 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:#eabc1e; vertical-align:middle; }
.button { font-family: "Tahoma"; font-size: 8pt; padding:5 px; color:#eabc1e; vertical-align:middle; }

.subject_header { font-family: "Tahoma"; font-weight:bold; font-size: 8pt; padding:5 px; color:#eabc1e; 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:#fff;
/*background-color: #000;*/}

.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 {
font-family: "Tahoma";
font-size: 12pt;
color: #eabc1e;
line-height: 16px;
padding-left: 0px !important;
padding-right: 0px;
}
.link {font-family: "Tahoma"; font-size: 8pt; text-decoration:none; color: #c16800; }

/* Footer */
/*#footer {
background:#253f00 url(../Images/img_footer.gif) center top no-repeat;
width: auto; height: auto;
}*/

.footer {
background:url(footerbg.gif);
font-family: Tahoma;
font-size: 7pt;
color: #797979;
text-align:center;
vertical-align:top;
padding:4px 0 0 0;
line-height: 19px;
}
.footer a:link{color:#fff;text-decoration:none;}
.footer a:visited{color:#fff;text-decoration:none;}
.footer a:hover{color:#ff8a00; text-decoration: underline;}
.footer a:active{color:#ff8a00; text-decoration:none;}
/* Gallery */
#Container {border: 5px solid #6b6679;} /* �ͺ�Ҿ */
#CaptionContainer {background-color: #6b6679;} /* �����ѧ Detail */
#CaptionContainer p {color: #FFFFFF;} /* ���˹ѧ��� Detail */
#Counter {color: #FFFFFF;} /* ���˹ѧ��� Counter */
/* Search */

#search {
/*background:url(../Images/img_bg_search.png) no-repeat left top;*/
width: auto;
height: auto;
text-align:center;
margin-top:8px;
}

.button_search{
width: auto;
height: 16px;
border: none;
cursor:pointer;
float:left;
margin:5px 0 0 10px;
}
.form_search {
width:200px;
height:16px;
color:#666666;
font-size:11px;
font-weight:normal;
background:none;
border:none;
float:left;
margin:4px 0 0 12px;
}

/*** เพิ่มเติม ***/
/*a:link{color:#fff;text-decoration:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:#ff4200; text-decoration: underline;}
a:active{color:#ff4200; text-decoration:none;}*/

.gray {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:13px;
text-decoration: none;
font-weight: normal;
}
.gray a:link{color:#333; text-decoration:none;}
.gray a:visited{color:#333; text-decoration:none;}
.gray a:hover{color:#333; text-decoration:none;}


.gray2 {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:16px;
text-decoration: none;
font-weight:normal;
line-height:150%;
}
.gray2 a:link{color:#000; text-decoration:none;}
.gray2 a:visited{color:#000; text-decoration:none;}
.gray2 a:hover{color:#000; text-decoration:none;}



.wh{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
text-decoration: none;
font-weight: normal;
}
.wh a:link{color:#fff;text-decoration:none;}
.wh a:visited{color:#fff;text-decoration:none;}
.wh a:hover{color:#3babd3; text-decoration: underline;}
.wh a:active{color:#3babd3; text-decoration:none;}


.yel{
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
color:#fad864;
font-size:12px;
text-decoration: none;
font-weight: normal;
}
.yel a:link{color:#fad864;text-decoration:none;}
.yel a:visited{color:#fad864;text-decoration:none;}
.yel a:hover{color:#fad864; text-decoration: underline;}
.yel a:active{color:#fad864; text-decoration:none;}

.inputbox{
    font-family: "Tahoma"; font-size:12px; color: #666;
	width:180px;
	height:20px;
    border: 0px solid;
    border-top-color: #0b0300;
    border-left-color: #0b0300;
    border-bottom-color: #4e3924;
    border-right-color: #4e3924;
	background-color:#160701;
}

#bg{width:100%; background:url(../Images/bg-head.png) top center no-repeat}
#top{width:1000px; overflow:hidden; margin: 0 auto;}
.logo{width:535px; float:left;  padding-top:25px;}
.contact{width:465px; text-align:right; padding-top:60px; float:left}
.banner{width:1000px; float:left; padding-bottom:15px;}
.search{width:350px; text-align:right; padding-top:15px; float:left}


.topmenu-top{width:650px; height:28px; padding:15px 0px 15px 0px; float:left;}
.topmenu-top ul{ list-style:none; padding:0; margin:0; border-top:0px solid #bec9c5;}
.topmenu-top 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-top ul li.tp-mn1{ background:url(../Images/topmenu.png) 0px 0px no-repeat; width:71px; height:20px;}
.topmenu-top ul li.tp-mn2{ background:url(../Images/topmenu.png) -71px 0px no-repeat; width:70px; height:20px;}
.topmenu-top ul li.tp-mn3{ background:url(../Images/topmenu.png) -140px 0px no-repeat; width:71px; height:20px;}
.topmenu-top ul li.tp-mn4{ background:url(../Images/topmenu.png) -210px 0px no-repeat; width:151px; height:20px;}
.topmenu-top ul li.tp-mn5{ background:url(../Images/topmenu.png) -360px 0px no-repeat; width:81px; height:20px;}
.topmenu-top ul li.tp-mn6{ background:url(../Images/topmenu.png) -441px 0px no-repeat; width:99px; height:20px;}
.topmenu-top ul li.tp-mn7{ background:url(../Images/topmenu.png) -540px 0px no-repeat; width:80px; height:20px;}

.topmenu-top ul li.tp-mn1:hover{ background:url(../Images/topmenu.png) 0px -20px no-repeat;}
.topmenu-top ul li.tp-mn2:hover{ background:url(../Images/topmenu.png) -71px -20px no-repeat;}
.topmenu-top ul li.tp-mn3:hover{ background:url(../Images/topmenu.png) -140px -20px no-repeat;}
.topmenu-top ul li.tp-mn4:hover{ background:url(../Images/topmenu.png) -210px -20px no-repeat;}
.topmenu-top ul li.tp-mn5:hover{ background:url(../Images/topmenu.png) -360px -20px no-repeat;}
.topmenu-top ul li.tp-mn6:hover{ background:url(../Images/topmenu.png) -441px -20px no-repeat;}
.topmenu-top ul li.tp-mn7:hover{ background:url(../Images/topmenu.png) -540px -20px no-repeat;}


#box{width:1000px; overflow:hidden; background:url(../Images/box2.png) top left repeat-y}
.box-head{width:1000px; float:left; background:url(../Images/box1-2.png) top left no-repeat}
.left{width:215px; float:left; padding:0px 20px;}
.right{width:705px; float:left; padding:0px 20px;}
.box-bg{width:999px; float:left}

.footer-bg{width:100%; height:88px; background:url(../Images/footer.png) top center repeat-x}
.footer-detail{width:1000px; text-align:center; padding-top:40px; margin: 0 auto;}


.product_breadcrumb{ color:#eabc1e !important;}
.dropMenu{font-size:13px !important; padding-left:10px !important;}
.moduleTitle{text-align:left !important;}