@charset "windows-874";
@import url(text.css);
@import url(link.css);
/* CSS Document */

/*******************************************************
*******************************************************
*******************************************************
*******************************************************
*******************************************************
*                                                                                                          *
* รบกวนผู้แก้ไขดูว่าที่แก้ไขมีอยู่แล้วหรือยัง? + ตั้งชื่อให้สอดคล้องด้วยครับ  *
*                                       ขอบคุณครับ                                                 *
*                                                                                                          *
*******************************************************
*******************************************************
*******************************************************
*******************************************************
********************************************************/

body{
	font-family:Arial, Tahoma ,MS Sans Serif;
	font-size:11px;
	color:#666666;
	line-height:16px;
	margin:0;
	padding:0;
	/*background:url(../images/bgAll.gif) repeat-x;*/
}

a:link {	color: #666666;text-decoration: none;}
a:active {	color: #666666;text-decoration: none;}
a:visited {color: #666666;text-decoration: none;}
a:hover {	color: #666666;text-decoration: underline;}
/*ul, li,*/
p, div, img,  h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	border:0;
}

h2{
	padding:0;
	margin:0 0 10px 0;
	font-size:16px;
	color:#8bc53f;
	font-weight:bold;
}

.all-clear{
	line-height:0;
	clear:both;
	height:auto;
}

/*start  button*/
.bottom{
	 border:none; 
	 position:relative; 
	 top:5px
}

.justify{
	text-align:justify;
}

.center{
	text-align:center;
}

html>body .bottom{
	top:4px
}

*:first-child+html .bottom{
	top:5px
}
/*end  button*/

.inputbox{
	background-attachment:scroll;
	background:url(../images/bg_textbox.gif) repeat-x;
	border:1px solid #333333;
	color:#333333;
	padding:3px;
	height:12px;
	width:150px;
	margin:0 5px 0 0;
}

.frame{
	border:1px solid #dfdfdf;
}

.globalPadding2{
/*	padding:10px;*/
	padding:15px  10px;
}


.globalPadding{
	padding:8px;
}

.topLine{
	border-top:#d7d7d7 solid 1px;
}

.bottomLine{
	border-bottom:#d7d7d7 solid 1px;
}

.bottomDot{
	border-bottom:#d7d7d7 dotted 1px;
}


#wrap{
	margin:0 auto;
	width:940px;
	border:#000 solid 1px;
	background:#ffffff;
}

#headPanel{
	/*position:relative;*/
	width:940px;
	height:40px;
	padding:10px 0 0 0;
	/*background:url(../images/index_search.gif)  280px 10px no-repeat #fff;*/
}

#headPanel span{
	margin:0 5px 0 0;
	/*background:url(../images/index_search.gif)  280px 10px no-repeat #fff;*/
}

#headPanel #letter{
	float:right;
	width:290px;
	height:40px;
	/*background:#ff9900;*/
}

#headPanel #search{
	float:right;
	width:240px;
	height:40px;
	/*background:#ff0000;*/
}

#bodyPanel{
	/*position:relative;*/
	width:940px;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height:430px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-height:430px;   /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	/*background:#0066CC;*/
}

#bodyPanel #mainMenu{
	float:left;
	/*width:290px;*/
	width:284px;
	height:430px;
	/*background:#330000;*/
}

#bodyPanel #banner{
	float:right;
	width:650px;
	height:430px;
	/*background:#FFCC00;*/
}

#bodyPanel #vdo{
	float:left;
	width:290px;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height:170px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-height:170px;   /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	text-align:center;
	background:url(../images/index_line.gif) right top no-repeat;
	/*background:#330000;*/
}

#bodyPanel #event{
	float:left;
	width:430px;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height:170px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-height:170px;   /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	background:url(../images/index_line.gif) right top no-repeat;
	/*background:#FFCC00;*/
}

#bodyPanel #event div{
	float:left;
	width:140px;
	margin:10px 0 0 0;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height:150px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-height:100px;   /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	/*background:#FFCC00;*/
}

#bodyPanel #event ul{
	margin:8px 0 0 0;
	list-style:non;
	padding: 0 0 0 15px;
	background:url(../images/bullet01.gif) 0px 3px  no-repeat;
	color:#8bc53f;
	font-weight:bold;
}

#bodyPanel #event ul a:link {	color: #8bc53f;text-decoration: none;}
#bodyPanel #event ul a:active {	color: #8bc53f;text-decoration: none;}
#bodyPanel #event ul a:visited {color: #8bc53f;text-decoration: none;}
#bodyPanel #event ul a:hover {	color: #8bc53f;text-decoration: underline;}


#bodyPanel #calendar{
	float:left;
	width:220px;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height:170px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-height:170px;   /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	text-align:left;
	/*background:#FFCCff;*/
}

#bodyPanel #bg{
	float:left;
	top:0;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height:325px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-height:325px;   /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	/*background:#ffcc00;*/
}

#bodyPanel #content{
	float:left;
	width:626px;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height:350px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-height:350px;   /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	background:#ffffff;
	/*background:#ffffff url(../images/ourBusiness/submenu.gif) top no-repeat;*/
	text-align:left;
	margin:-180px 0 0 15px;
}

#bodyPanel #content p{
	width:570px;
	margin:0 auto;
}

#bodyPanel #content #left{
	margin:15px 0 0 15px;
	float:left; 
	width:191px;
}

#bodyPanel #content #right{
	float:left; 
	margin:45px 0 0 25px;
	width:370px;
	padding:0;
}

#bodyPanel .listMission{
	width:570px;
	margin:0 0 5px 25px;
	list-style:non;
	padding: 0 0 0 17px;
	background:url(../images/bullet02.gif) 4px 8px no-repeat;
}

#bodyPanel .listLink{
	width:570px;
	margin:0 0 5px 25px;
	list-style:non;
	padding: 0 0 0 17px;
}

#bodyPanel .listBusiness{
	width:353px;
	margin:0 0 5px 0;
	list-style:non;
	padding: 0 0 0 17px;
	background:url(../images/bullet02.gif) 4px 8px no-repeat;
}

#bodyPanel .listProduct{
	width:353px;
	margin:0 0 5px 0;
	list-style:non;
	padding: 0 0 0 17px;
	background:url(../images/bullet02.gif) 4px 8px no-repeat;
}

#bodyPanel .listProductLink{
	width:353px;
	margin:0 0 5px 0;
	list-style:non;
	padding: 0 0 0 17px;
}

#footPanel{
	/*position:relative;*/
	width:940px;
	height:60px;
	background:url(../images/index_footer.gif) no-repeat;
}

.page
{
	float:right;
	width:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	width:220px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-width:220px;   /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	margin:0 15px 0 0;
	text-align:right;
}

.page .text
{
	float:left;
	width:45px;
	height: 20px;
}

.page .active
{
	float:left;
	text-align:center;
	width: 20px;
	height: 20px;
	background:url(../images/bg_active.gif) no-repeat;
	color:#ffffff;
	font-weight:bold;
}

.page .nonactive
{
	float:left;
	text-align:center;
	width: 20px;
	height: 20px;
	font-weight:bold;
}

#bodyPanel #headnews
{
	width:570px;
	margin:0 auto;
}

#bodyPanel #headnews #head
{
	float:left;
	width:150px;
}

#bodyPanel #headnews .dropdown
{
	float:right;
	text-align:right;
	width:75px;
	/*width:90px;*/
}


#calendar2{
	font-family:Arial, Tahoma ,MS Sans Serif;
	font-size:8px;
	color:#666666;
}
#calendar2 a:link {color: #ffffff;text-decoration: none;}
#calendar2 a:active {color: #ffffff;text-decoration: none;}
#calendar2 a:visited {color: #ffffff;text-decoration: none;}
#calendar2 a:hover {	color: #ffffff;text-decoration: underline;}


/*******************************************************
*******************************************************
*******************************************************
*******************************************************
*******************************************************
*                                                                                                          *
* รบกวนผู้แก้ไขดูว่าที่แก้ไขมีอยู่แล้วหรือยัง? + ตั้งชื่อให้สอดคล้องด้วยครับ  *
*                                       ขอบคุณครับ                                                 *
*                                                                                                          *
*******************************************************
*******************************************************
*******************************************************
*******************************************************
********************************************************/