html,body{margin:0;padding:0}
body{font: 12px Tahoma;text-align:center}
.clearit { clear:both;}
.space5{ padding-top:5px;}
img{ border:0px;}
div#container{width:900px;margin:0 auto;text-align:left}

/* ส่วนหัว */
div#header{background-color:#FFFFFF;height:75px;padding-top:5px;}
#wrap {
width:100%;
background:url(images/topbox.gif) repeat-x;
font-family: Tahoma;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin:0 auto;
}
.tdheadl{
float: left;
}
.tdheadr{
font-weight:normal;
color:#FFFFFF;
float:right; 
text-align:right;
}

.t_blue_b2{color:#E08208;font-weight:bold;}


/* เมนู */
#menu { padding:0; margin:0; width:900px;}
#menu ul { padding:0; margin:0;list-style:none; border:0; float: left; }
#menu ul li { float:left; margin:0; padding:0;}
/* เมนู */

#boxheader{padding-top:5px; padding-bottom:5px;padding-left:5px;}
#boxheader H1{margin:0;padding:0;font-weight:bold; font-size:11px; font-family:Tahoma; color:#CCCCCC;}

.momo{background:url(images/ux-1.gif) repeat-x;text-align:right;padding-top:10px;padding-right:5px;height:28px;}


.bBox {position:relative; width:200px; height:281px; background:url('images/_img-boxgray.gif') no-repeat 0 0; font-weight:bold; font-size:12px; font-family:Tahoma; color:#000000;}
.bBox .c{padding-left:1px;padding-top:5px;}
.bsBox {position:relative; width:200px; height:261px; background:url('images/_img-boxgray3.gif') no-repeat 0 0; font-weight:bold; font-size:12px; font-family:Tahoma; color:#000000;}

.cBox {position:relative; width:500px; height:281px; background:url('images/banner-a.png') no-repeat 0 0; font-weight:bold; font-size:12px; font-family:Tahoma; color:#000000;}
.colorBox {position:relative; width:500px; height:250px;background:url('images/banner-b.png') no-repeat 0 0; font-weight:normal; font-size:12px; font-family:Tahoma; color:#000000;}
 

.biBox {position:relative; width:194px; height:158px; background:url('images/_img-boxgray-r1.gif') no-repeat 0 0; font-size:11px; font-family:Tahoma; color:#333333;}
.biBox .txt{padding-top:34px;padding-left:10px;padding-right:5px;line-height:20px;}
.ciBox {position:relative; width:194px; height:373px; background:url('images/_img-boxblue.gif') no-repeat 0 0; font-size:12px; font-family:Tahoma; color:#FFFFFF;}
.ciBox .txt{padding-top:55px;padding-left:10px;padding-right:3px;}
.ciBox .txt b{color:#EBF897}
.ciBox .txt img{padding-top:19px; padding-bottom:10px;padding-left:18px;}

div#contentx{width:697px;height:267px; background:url('images/_img-boxbig.gif') no-repeat 0 6px; font-weight:normal; font-size:12px; font-family:Tahoma; color:#000000;}

/* column1 */
ul.codisplay{   
    display:block;float:left;   
    list-style:none;   
    padding:0;margin:0;   
    width:950px;    
    
}   
ul.codisplay li{   
    list-style:none;   
    display:block;float:left;   
    height:327px; background:url('images/banner1.gif') no-repeat 0 0; font-weight:bold; font-size:12px; font-family:Tahoma; color:#A8A9AC;
    width:500px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
}   
.boxtxt { padding-left:220px;padding-top:140px;padding-right:10px;}
.boxtxt2 { padding-left:180px;padding-top:140px;padding-right:15px;}
ul.codisplay li.box2{   
    width:450px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    height:327px;
    background:url('images/banner2.gif') no-repeat 0 0; 
}  
ul.codisplay li.box3{   
    width:500px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    height:327px;
    background:url('images/banner3.gif') no-repeat 0 0; 
} 
ul.codisplay li.box4{   
    width:450px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    height:327px;
    background:url('images/banner4.gif') no-repeat 0 0; 
} 



/* column2 */
ul.columnbb{   
    display:block;float:left;   
    list-style:none;   
    padding:0;margin:0;   
    width:900px;    
	height:230px;
	padding-bottom:5px;
	padding-top:5px;
	background:url(images/_img-boxbigx.gif);
    
}   
ul.columnbb li{   
    list-style:none;   
    display:block;float:left;   
	
    width:225px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    
}  


ul.columnb{   
    display:block;float:left;   
    list-style:none;   
    padding:0;margin:0;   
    width:900px;    
	padding-bottom:5px;
	padding-top:5px;
    
}   
ul.columnb li{   
    list-style:none;   
    display:block;float:left;   
    margin-right:8px;  
    width:269px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    
}   
ul.columnb li.txt{   
    margin-right:8px;  
    width:328px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    height:182px;
    background:url('images/_img-list2.gif') no-repeat 0 0; 
    }  
 .clssbox{
 padding-top:56px; padding-left:20px;line-height:20px;font-weight:bold; font-size:12px; font-family:Tahoma; color:#000000;
 }

ul.columnb li.none{   
    margin:0px;
    width:287px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    
}   


/* column3 */
ul.columnrow{   
    display:block;float:left;   
    list-style:none;   
    padding:0;margin:0;   
    width:900px;    
    text-align:center;
    padding-bottom:5px;
    border-bottom:1px dotted #959494;
    
}   
ul.columnrow li{   
    list-style:none;   
    display:block;float:left;   
    margin-right:9px;  
    width:218px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    
}   
ul.columnrow li.none{   
    margin:0px;
    width:218px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    
}   

/* column4 */
ul.vicolumn{   
    display:block;float:left;   
    list-style:none;   
    padding:0;margin:0;   
    width:500px;    
    text-align:left;
}   
ul.vicolumn li{   
    list-style:none;   
    display:block;float:left;   
    width:125px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
}   
.txtbox{  
	color:#333333;
}
 

/* column5 */
ul.cicolumn{   
    display:block;float:left;   
    list-style:none;   
    padding:0;margin:0;   
    width:696px;    
    text-align:left;
}   
ul.cicolumn li{   
    list-style:none;   
    display:block;float:left;   
    width:174px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
}  
.txtbox2{  
	padding-left:10px;padding-top:50px;
}

.txtco{  
	padding-left:15px;padding-top:50px;padding-right:15px;
 
}
.txtco2{  
	line-height:13px;font-weight:normal;padding-right:10px;font-size:11px;
}

.lio{color:#000000;}
.lio li a{font:bold 13px tahoma;color:#60A70C;}
.style1 {
	color: #CC6600;
	font-size: 13px;
}
.style3 {color: #CC0000; font-size: 13px; font-weight: bold; }
.style4l{color: #0584C5;font-size:13px;}
.style4l a{color:#000000; }
.style4l a:hover{color: #000000;text-decoration:none;}
.style4 {color: #FFFFFF; font-weight: bold; }
.contentsubmain{background:#EEF7DC;padding:10px;}
.contentsubmain H1{padding:5;margin:0;border-bottom:1px dotted #646464;font:bold 16px Tahoma;color:#537104;}
.contentsubmain H2{color:#1E3701}
.contentsubmain H3{color:#0927AB}
.contentsubmain a{font:bold 12px Tahoma;color:#739C04;}


div#wrapper{float:left;width:100%}
div#content{margin: 0 203px;}
div#contentsub{margin: 0;width:670px;}
div#navigation{float:left;width:200px;margin-left:-900px;line-height:0;}
div#extra{float:left;width:194px;margin-left:-194px;}
div#extra2{float:left;width:220px;margin-left:-220px;line-height:0;}
div#under{margin-top:5px;clear:left;width:900px;}
div#footer{margin-top:5px;clear:left;width:900px;height:140px; background:url('images/box-round.gif') no-repeat 0 0; font-weight:none; font-size:12px; font-family:Tahoma; color:#000000;}
div#footer p{padding-top:20px;padding-left:20px;padding-bottom:0px;line-height:20px;}
div#footer p.txt{font-size:11px;line-height:12px;padding-top:0px;color:#333333;}
div#footer a{font-weight:bold; font-size:12px; font-family:Tahoma; color:#608602;}
div#footer a:hover{color:#BCD511;}