@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#2e597b url(images/main_bg.jpg) top repeat-x; }
html { padding:0; margin:0; }
/* main */
img {
border:0px;
}
.middle       {vertical-align: middle; }

.main { width:100%; padding:0; margin:0 auto; }
.resize { width:860px; margin:0 auto; }
/********** header **********/
.header { }
.block_header { margin:0 auto; width:860px; }
/* logo */
.logo { float:left; padding:0; margin:10px 0 5px 0; width:230px;font:normal 13px Tahoma;color:#FDCE12; }
/*Twitter*/
.leftbar { font: normal 11px Tahoma; color:#d6e8f5; background:url(images/Add.png) right no-repeat; padding:20px 35px; margin:5px 0 0 0; float:right; text-align:right;line-height:15px; }
 .leftbar a {
 color: #FFFFFF;
	text-decoration: underline;
	}
 .leftbar a:hover {
 color: #F8C927;
	text-decoration: none;
	}

/* menu */	
.menu { padding:0; margin:0; width:860px; height:43px; background: url(images/bg_menu.gif) top repeat-x; }
.menu ul { padding:0; margin:0 30px 0 0; list-style:none; border:0; float: left; }
.menu ul li { float:left; margin:0; padding:0; border-right:1px solid #303030; border-left:1px solid #0a0a0a; }
.menu ul li a { float:left; margin:0 1px 0 0; padding:12px 43px; color:#fff; font:normal 14px Tahoma; text-decoration:none; }
.menu ul li a:hover { background: url(images/hover.gif) left repeat-x; }
.menu ul li a.active { background: url(images/hover.gif) left repeat-x; }
/********** slider **********/
  .slice12 { margin:0 auto; width:860px; padding:0; background:url(images/bg_simple2.gif) top no-repeat; height:93px; }
 /*simple text*/
  
/********** block index **********/
.body { width:860px; background:#fff; padding:0; margin:0 auto; }
.body h2 { font:normal 24px Tahoma; color:#373737; padding:10px 5px; margin:0; }
.body h3 { font:normal 18px Tahoma; color:#373737; padding:10px 5px; }
.body a { font:normal 12px Tahoma; color:#2e597b; text-decoration:none; }
.body p {  line-height:1.3em; padding:5px; margin:0; }
.body b { color:#656565; }
.body span { font:bold 12px Tahoma; color:#baa271; }
.body em { font:italic 12px Tahoma; color:#8d8d8d; line-height:1.3em; padding:10px 0 0 10px; }
 

.rslink{font:normal 12px Tahoma; color:#373737; margin:0; }
.rslink a{ color:#373737;}
   /********** footer **********/
.footer { padding:0;margin:0 auto;border-top:5px solid #A0A0A0; width:860px; }
.footer .resize p.footer_logo { float:left; padding:0; margin:0 10px;line-height:15px;  }
.footer .resize div { width:860px; color:#d6e8f5; font:normal 11px Tahoma; text-align:left; margin:0 auto;padding-top:5px;}
.footer .resize div p { padding:0; margin:0; float:right;line-height:15px; }
.footer .resize div img { margin:0; padding:0; }
.footer .resize div a { color:#F8C927; font:normal 11px Tahoma; padding:0 1px;font-weight:bold; }
.text_left { text-align:right; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
li.bg, .bg { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none; }

/***** Domain name ****/
.bgcdomain{height:100px;background:#FAFAF8;text-align:center;font-family: Tahoma;color: #2c84c9;vertical-align:top;border-bottom:1px solid #E7E7E7;}
.bgcdomain ul { padding-left:50px;margin:0; list-style:none; border:0;}
.bgcdomain ul li { float:left; margin:8px; padding:8px; border:0;}
.bgcdomain ul li a { margin:0; color:#2c84c9; font:normal 12px Tahoma; text-decoration:none; text-align:center; }
.bgcdomain ul li a:hover { color:#da7a00;}
.bgcdomain ul li a.active {color:#da7a00;} 
 





.paneltxt{font-family: Tahoma;font-size: 80%;color: #929292;padding-top:5px; padding-bottom:15px; padding-left:10px;}
.paneltxt a{color: #728f0e;font-weight:bold;text-decoration: none;}

.space5{ padding:5px; margin:0px;}
 


 
div#navigation{background:#F6F0E0;}
div#container{width:860px;margin:0 auto}
div#wrapper{float:left;width:100%;background:#fff;}
div#content{margin: 0;width:640px;}
div#content p{ width:620px; border-bottom:1px solid #CCCCCC;font-size:13px;}
div#content p{ color:#FFFFFF;font-weight:bold;background:url(images/topbox.gif) repeat #F4F4F4;}

div#contentlong{margin: 0;width:860px;}
div#contentlong p{ width:850px; border-bottom:1px solid #CCCCCC;font-size:13px;}
div#contentlong p{ color:#FFFFFF;font-weight:bold;background:url(images/topbox.gif) repeat #F4F4F4;}
div#contentlong .ax{font:normal 12px Tahoma; padding:10px;}
div#contentlong h1{font:normal 16px Tahoma; padding:0px;margin:0px;}

div#contentlong ul.showInColumn{   
    display:block;float:left;   
    list-style:none;   
    padding:0;margin:0;   
    width:850px;    
/*  background-color:#FFCCCC;*/  
    
    padding:5px 0 10px 10px;   
}   div#contentlong ul.showInColumn img{ border:1px solid #CCCCCC;padding:1px;}
div#contentlong ul.showInColumn li{   
    list-style:none;   
    display:block;float:left;   
    margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */  
    margin-left:3px;   
    padding:0px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */  
    width:205px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    text-align:center;
} 



div#content .news{color:#000000; padding:5px; margin:5px;font:normal 12px Tahoma;background:url(images/dokkaeo.png) #FFFFFF no-repeat 0 top;}
div#contentleft{margin: 0;width:425px;float:left;}
div#contentleft p{border-bottom:1px solid #CCCCCC;font-size:13px;font-weight:bold;color:#FFFFFF;background:url(images/topbox_gr.gif) repeat #F4F4F4;}
div#contentright{margin: 0;width:425px;float:right;}
div#contentright p{border-bottom:1px solid #CCCCCC;font-size:13px;font-weight:bold;color:#FFFFFF;background:url(images/topbox_gr.gif) repeat #F4F4F4;}
div#extra{font:normal 12px Tahoma;float:left;width:220px;margin-left:-220px;color:#000000; background:#D8EAF8;margin-bottom:10px;}
div#extra p { color:#FFFFFF;font-weight:bold; font-size:12px; background:url(images/topbox_bl.gif) repeat #F4F4F4;}

.manager { background:url(images/manager.png) no-repeat 0 bottom #FFFFFF;text-align:center; color:#87074F }
.manager b{color:#87074F }
.manager img{ border:1px dotted #646464; padding:2px;margin-top:15px;}

/*Gallery*/
.gallery{padding:5px;border-bottom:1px dotted #C8C8C8;font:normal 12px Tahoma;color:#828383}
.gallery img.floatLeft { 
    float: left; 
    margin-right:6px;
    margin-bottom:4px;
    border:1px solid #A3A3A3;
    padding:1px;
}
.gallery H2{ color:#BF830E;margin:0;padding:0;font-size:13px;padding-bottom:5px;}
.gallery H2 a{ color:#0B66E4;font-weight:bold;}
.gallery H2 a:hover{ color:#EFB517;font-weight:bold;text-decoration: underline;}
.gallery .clr { clear:both; padding:0; margin:0; background:none; }
.gallery .wrap {
width:100%;
height:15px;
}
.gallery .tdheadl{
float: left;
}

.gallery .tdheadl b{
color:#3C3C3C;
}
.gallery .tdheadl span{
color:#067AA5;
}
.gallery .tdheadr{
float:right; 
}
.gallery .tdheadr a{
color:#414141; 
font-weight:bold;
border-bottom:1px dotted #CCCCCC;
}
.gallery .tdheadr a:hover{
color:#EFB517; 
}
.galleryfooter{
color:#EFB517; 
font:bold 12px Tahoma;
padding:5px;
text-align:center;
background:url(images/topbox_bl.gif) repeat;
margin-top:2px;
margin-bottom:5px;
}
.galleryfooter a{
font-weight:bold;
color:#FFFFFF; 
 
}

.bull{ font-size:16px;color:#FFFFFF;}


ul.showIndColumn{   
    display:block;float:left;   
    list-style:none;   
    padding:0;margin:0;   
    width:860px;    
    
}   
ul.showIndColumn li{   
    list-style:none;   
    display:block;float:left;   
	padding:5px;
	margin:5px;
	height:120px;
    width:410px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */  
    
}  

 
div#borderfooter{float:left;border-top:5px solid #CCCCCC;width:860px;padding:0;margin:0;}