@charset "utf-8";
/* CSS Document ของกรอบ */

.box1{ background:  url(images/b1.jpg) no-repeat ; width:622px; height:26px; }
#headbox1{ background: url(images/b2.jpg) no-repeat; width:622px; height:64px; padding:1em 3em 0em 1.8em; margin-bottom:-1em;}
#bkkbox1{ background: url(images/b4bkk.jpg) repeat-y; width:622px; padding:0em 1em 0em 1.8em; }
#footbox1{ background: url(images/b3.jpg) no-repeat; width:622px; height:79px; padding-left:1.8em; padding-top:1em;}

.contentBox1{float:left;width:188px; text-indent:0em;  border:#CCC solid 1px; margin-left:4px; }
.contentBox2{text-indent:0em;}



.blog2h{ background:url(images/b2h.jpg) no-repeat; width:347px; height:80px; padding:3em 0em 0em 2.5em; margin: 0em -2.5em -3em 0em;}
.blog2bg{ background:url(images/b2bg.jpg) repeat-y;width:347px;padding:1em 0em 0em 1em; margin: 0em -1em -1em 0em;}
.blog2f{background: url(images/b2f.jpg) no-repeat; width:347px; height:26px;}

.blog3h{ background: url(images/b3h.jpg) no-repeat; width:250px; height:20px; padding:3em 0em 0em 2.5em; margin: 0em -2.5em -3em 0em;}
.blog3bg{ background: url(images/b3bg.jpg) repeat-y;width:250px;padding:1em 0em 0em 0.5em; margin: 0em -1em -1em 0em;}
.blog3f{background:  url(images/b3f.jpg) no-repeat; width:250px; height:26px;}

.blog5h{ background: url(images/b5h.jpg) no-repeat;width:210px; height:88px; padding:0em 0em 0em 0em; margin: 0em 0em 0em 0em;}
.blog5bg{ background: url(images/b5bg.jpg) repeat-y;width:210px;}
.blog5f{background:url(images/b5ff.jpg) no-repeat; width:210px; height:30px;}
.blog5ff{background: url(images/b5f.jpg) no-repeat; width:210px; height:28px;}

.b6Sub{float:left; padding:1em 1em 1em 1em; } 
.b6Sub1{float:left; padding:1em 1em 1em 1em;border-left: #CCC dotted 1px; height:200px; text-indent:1.5em;} 

 #mm{margin:0px; text-indent:1.5em; font-size:1.5em; position:relative;cursor:pointer;}

#bg4{ background:url(images/b6bg4.jpg) repeat-y; width:608px; height:230px;}




.logolink a{
	color:#333; 
	text-decoration:none;
display: block;
height:26px;
width:118px;
background:url(images/b6.jpg) no-repeat top;
}
.logolink a:hover{
display: block;
height:26px;
width:118px;
background: url(images/b6_1.jpg) no-repeat top;
}
.logolink .active{
display: block;
height:26px;
width:118px;
background: url(images/b6_1.jpg) no-repeat top;
}


.logolink2 a{
	color:#333; 
	text-decoration:none;
display: block;
height:26px;
width:118px;
background:url(images/b62.jpg) no-repeat top;
}
.logolink2 a:hover{
display: block;
height:26px;
width:118px;
background: url(images/b62_2.jpg) no-repeat top;
}

.logolink3 a{
	color:#333; 
	text-decoration:none;
display: block;
height:26px;
width:118px;
background:url(images/b63.jpg) no-repeat top;
}
.logolink3 a:hover{
display: block;
height:26px;
width:118px;
background: url(images/b63_2.jpg) no-repeat top;
}


.logolink4 a{
	color:#333; 
	text-decoration:none;
display: block;
height:26px;
width:118px;
background:url(images/b64.jpg) no-repeat top;
}
.logolink4 a:hover{
display: block;
height:26px;
width:118px;
background: url(images/b64_2.jpg) no-repeat top;
}

.menu1 a{
	color:#333; 
	text-decoration:none;
display: block;
height:37px;
width:180px;
background:url(images/menu/home1.jpg) no-repeat top;
}
.menu1 a:hover{
display: block;
height:37px;
width:180px;
background: url(images/menu/home2.jpg) no-repeat top;
}


/*background:url(images/b6.jpg) no-repeat top; width:118px; height:26px;*/