body {
background:url(images/bg.gif) repeat-x top #c9edf9;
margin:0px;
padding:0px;
font: 'Pridi', serif;
color:#000;
}
p{
text-align:justify;
line-height:15px;
padding:0px 0 0px 0;
}
p.textcenter{
text-align:center;
line-height:20px;
padding:0px 0 0px 0;
}
p.left_arrow{
text-align:justify;
line-height:15px;
padding:0px 0 5px 30px;
background:url(images/book.jpg) no-repeat  left;
font-size:12.5px;
}
p.arrowphone{
text-align:justify;
line-height:20px;
padding:0px 0 0px 50px;
background:url(images/phone.png)  no-repeat right;width:64px;height:64px;

}
p.arrowemail{
text-align:justify;
line-height:20px;
padding:0px 0 0px 50px;
background:url(images/mail.png)  no-repeat right;width:64px;height:64px;

}
p.arrowmap{
text-align:justify;
line-height:00px;
padding:0px 0 0px 50px;
background:url(images/map.png)  no-repeat right;width:64px;height:64px;

}
.left_arrow2{
text-align:justify;
line-height:20px;
padding:0px 0 5px 0px;
font-size:14px;

}
.clear{
clear:both;
}
#main_container{
width:900px;
height:auto;
margin:auto;
background:url(images/header_bg.jpg) no-repeat top center;
}
.center_content{
width:865px;
padding:0px;
margin:auto;
}
#header{
width:865px;
height:268px;
margin:auto;
}
#logo{
padding:0px 0 0 55px;
float:left;
}
.top_text{
width:425px;
clear:both;
float:left;
padding:0px 0 0 10px;
color:#F60;
font-size:11px;
font-style:oblique;
font-weight: bold;
text-shadow: 0 0 1.2em #FFF, 0 0 1.2em #FFF;
}
.top_text2{
width:350px;
clear:both;
float:left;
padding:0px 0 0 10px;
color:#FFFFFF;
font-size:14px;
}
a.testimonial{
float:right;
padding:0px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
/*----------------------menu-------------------------*/
#menu{
float:right;
padding:35px 30px 0 0;
}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; font-style:italic;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 4px 0 4px; margin:0px 8px 0 8px;color:#fff;text-align:center;
}
#menu ul li a:hover{
text-decoration:none;color: #fff; border-bottom:3px #FFFFFF solid;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 4px 0 4px;color: #fff;margin:0px 8px 0 8px; border-bottom:3px #FFFFFF solid;
}

/*-----------------main content----------------------------*/
.main_content{
width:865px;
height:650px;
margin:auto;
padding:0 0 30px 0;
background-color:#FFFFFF;
}
.main_content2{
width:865px;
height:465px;
margin:auto;
padding:0 0 30px 0;
background-color:#FFFFFF;
}
.main_content_top{
width:865px;
height:16px;
background:url(images/main_content_top.gif) no-repeat center top;
}
#boxes_content{
width:865px;
clear:both;
margin:auto;
}
.box{
padding:5px 10px 10px 16px;float:left;}
.box_content{
background:url(images/box_bg.gif) no-repeat center;width:259px;height:202px;
}
.box_content2{
background:url(images/box_bg2.gif) no-repeat center;width:500px;height:202px;
}
.boxtitle{
font-size:14px;
color:#000000;
padding:10px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
}
.textCSshow{
font-size:13px;
line-height:20px;
color:#000000;
padding:0px 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
}
.textCSshow2{
font-size:11.5px;
line-height:12px;
color:#000000;
padding:0px 0 0 5px;
font-family:Arial, Helvetica, sans-serif;
}
.box_icon{
clear:both;
float:left;
width:80px;
padding:15px 0 0 5px;
}
p.text_content{
width:165px;
float:left;
text-align:left;
padding:0px 0px 0 5px;
color:#000000;
line-height:20px;
font-size:10.5px;
}
a.read_more{
padding:10px 0 0 0;
}

.title{
font-size:16px;
color:#000000;
padding:10px 0 0 0px;

}
.titlecontact1{
font-size:18px;
color:#000000;
padding:0px 0 0 0px;
color:#093;
line-height:25px;
}
.titlecontact2{
font-size:18px;
color:#000000;
padding:0px 0 0 0px;
color:#06F;
line-height:25px;
}
.titlecontact3{
font-size:18px;
color:#000000;
padding:0px 0 0 0px;
color:#C00;
line-height:25px;
}
.left_content{
width:865px;
float:left;
padding:10px 10px 10px 20px;
}
.right_content{
width:365px;
float:left;
padding:10px 0 10px 20px;
}
.right_news{
float:left;
width:auto;
border-bottom:1px #CCCCCC dashed;
padding:10px 0 8px 0;
}
.news_icon{
width:48px;
height:36px;
float:left;
background:url(images/Search.jpg) no-repeat center;
}
.news_content{
width:300px;
float:left;
text-align:justify;
line-height:20px;
padding:0 0 0 0px;
font-size:13px;
}

/*-----------------------------footer------------------*/
#footer{
clear:both;
width: auto;
height:50px;
color: #0c9cc9;

}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #0c9cc9;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #0c9cc9;
}
div.figure {
	text-align:center
  width: 90%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.figureVistion {
	text-align:center
  width: 90%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figureVistion p {
  text-align: center;
  font-size: smaller;
  text-indent: 0;
}
img.scaled {
  width: 100%;
}
.circle{ /* ชื่อคลาสต้องตรงกับ <img class="circle"... */
    height: auto;  /* ความสูงปรับให้เป็นออโต้ */
    width: auto;  /* ความสูงปรับให้เป็นออโต้ */
    border: 3px solid #fff; /* เส้นขอบขนาด 3px solid: เส้น #fff:โค้ดสีขาว */
    border-radius: 20%; /* ปรับเป็น 50% คือความโค้งของเส้นขอบ*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* เงาของรูป */
}