*{margin:0; padding:0}
@font-face {
    font-family: "DBHelvethaicaX55Regular";
    font-style: normal;
    font-weight: normal;
    src: url("db_helvethaica_x-webfont.eot?#iefix") format("embedded-opentype"), url("db_helvethaica_x-webfont.woff") format("woff"), url("db_helvethaica_x-webfont.ttf") format("truetype"), url("db_helvethaica_x-webfont.svg#DBHelvethaicaX55Regular") format("svg");
}

body{background: #eeeeee}
/**/
ol,ul{list-style:none;margin:0;padding:0;}
/**/
/*------------------------- Header ------------------------*/
.header {background-image:url(../images/bg-header.png) ;height:200px;width:auto; }
/**/

h1 a{width:300px; height:128px; float:left; text-indent:-5000px; background: url(../images/logo.png) no-repeat; margin:40px 0 0 10px}
.logo{float:left; margin:15px 0 0 0px}
.p{ float:left;}

.p p{font-family:DBOzoneWeb; font-size:50px; color:#666;font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
/*------------------------- Header ------------------------*/
.cle{ height:20px}
/*--------body------------------*/
.bodyindex{width:920px; margin:20px 40px 20px  40px ; height:300px; }
.inner{width:1024px; margin:0 auto; font-family: "DBHelvethaicaX55Regular";}

.id{  margin:5px 5px 10px 5px ;font-family:DBOzoneWeb; font-size:40px; font-weight:1000px; color: #eeeeee;font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);border:1px solid #e3e3e3;
-moz-box-shadow: 5px 5px 5px #999;
-webkit-box-shadow: 5px 5px 5px #999;
box-shadow: 5px 5px 5px #999 ; 
width:50px; padding:0 0 0 0px;border-radius:300px 300px 300px 300px!important; text-align:center}
.activity h3{ text-align:center; margin:0 0 20px 0}
 .feature{width:1024px; height:400px;margin:20px 0 10px 0; overflow:hidden; font-family: "DBHelvethaicaX55Regular";}
  .box_menu{ border:1px solid #e7e6e6; width:240px; height:250px; padding:10px 10px 0 10px; margin:0 22px 0 22px; float:left ; background:#FFF;overflow:hidden;border-radius:8px 8px 0px 0px;border:1px solid #e7e6e6;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc ;	-moz-transition: all 0.2s linear;
 	 -webkit-transition: all 0.2s linear;
 	 -o-transition: all 0.2s linear;
 	 -ms-transition: all 0.2s linear}
  .box_menu:hover{ cursor:pointer;-webkit-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	-moz-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	;border-radius:0;
  }
    
.hader_index{ height:100px; width:900px;background-image:url(../images/bot.png) ; background-repeat: repeat-y; background-position:0% 2%; margin:0 0 20px 0}
.hader_index h3{ position:relative; top:1.4em; right:-2.5em}

.left{width:200px; height:auto; float:left; margin:0 10px 0 0}
.left_tab{ width:190px; height:auto; float:left; margin:0 5px 10px 5px;background-color:#86c942;border-radius:8px 8px 2px 2px!important;letter-spacing:0.028em;border:1px solid #d5d3d5;}
.left_tab h4{width:auto; text-align:center; font-size:20px;background-color:#228a06;background-repeat: no-repeat; height:35px; line-height:35px; border-radius:5px  5px 0px 0px; color: #FFF; font-family: "DBHelvethaicaX55Regular";}
.left_tab a{background-image:url(../images/hr.png); background-repeat:no-repeat; background-position:0% 45%;font-family: "DBHelvethaicaX55Regular";}
.left_tab a{color: #666;float: left;font-size:20px;text-align:justify;text-decoration:none;width:164px;border-bottom: thin dotted #666;margin-left:5px;padding-left:19px;line-height:35px;    -webkit-transition: all .6s;
   	-moz-transition: all .6s;
   	-o-transition: all .6s;
   -ms-transition: all .6s;
   transition: all .6s;}
.left_tab a:hover{color: #FFF;}
.center{ width:500px;height:auto; float:left; margin:0 10px 0 0;}
.center_activity{width:1024px;height:auto; float:left; margin:0 10px 0 0;border-radius:8px 8px 8px 8px!important; background-color:#FFF;border:2px hidden #e7e6e6;
border-radius:0px 8px 8px 8px!important;
-webkit-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	-moz-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);}
.center_had{float:left;margin:5px 2px -1px 0;width:400px;height:40px; line-height:40px; text-align:center;border-radius:20px 20px 0px 0px; background:#228a06;
border:1px #bf7fbe solid;
-webkit-box-shadow: 5px 5px 5px #CCC;
-box-shadow: 5px 5px 5px #CCC;
-moz-box-shadow: 5px 5px 5px #CCC;
}
.center_had h4{ font-size:22px; color: #F9F9F9;font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
.right{ width:290px; height:auto; float:left; margin:0}
.right_tab{width:280px; height:auto; float:left; margin:0 5px 0 5px;background-color: #FFF;border-radius:5px  5px 5px 5px;margin-bottom:10px;border:1px solid  #deddde;}
.right_tab h4{width:270px;text-align:left;font-size:23px;background-color: #249607;background-repeat: no-repeat;height:30px;line-height:30px;border-radius:5px  5px 5px 5px;color: #FFF;float:right; margin:5px 5px 5px 5px; text-align:center}
.right_tab a{color: #666;width:270px;font-size:20px;float:right;height:30px;line-height:30px;text-decoration:none;padding-left:15px;	 -moz-transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;}
.right_tab a:hover{color: #4db931!important;	-moz-transition: all 0.2s linear;
 	 -webkit-transition: all 0.2s linear;
 	 -o-transition: all 0.2s linear;
 	 -ms-transition: all 0.2s linear}

.inner .center .center_activity div h4 a:hover{ color:#F00}

.clear{clear:both}
/*heading*/
.able{margin:3em 0 1em 20%}
p{font-family:"DBHelvethaicaX55Regular"; font-size:20px}
a{ text-decoration:none}
h1{font-family:DBOzoneWeb; font-size:50px; color:#666;font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
h2{ font-family:DBOzoneWeb; font-size:35px; color:#666;font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
h3{ font-family:DBOzoneWeb; font-size:30px; color:#666; font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
h4{ font-family:DBOzoneWeb; font-size:20px; color:#999; font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
h5{ font-family:DBOzoneWeb; font-size:16px; color:#999; font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
h6{ color:#FFF; font-size:35px; font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
.row,.row1 .c1, .c2, .c3, .c4, .c5,.c6, {float:left}
.row1{width:700px;}
.row{width:1024px}
.row_btn{border-top:0}
.c1{width:1024px; }
.c2{  }
.c3{}
.c4{}
.c5{}
.c6{}
/*table style*/
table{font-size:18px; width:1024px; text-align:}
table a{width:100%; display:block;text-align:justify}
table tr.line td{}
table tr td{padding:0.5em; text-align:center; height:auto; border-bottom:#dddbdd 1px solid;}
table tr:first {background: #4db931;}


table tr td a{text-decoration:none; }
table tr td p{ text-align:justify; font-size:18px}
table tr td a:hover{ color:#F9C }
.headline{background:#8be074; color: #333;  font-family:"DBHelvethaicaX55Regular";  font-weight:700px;border:#e9e8e9 1px solid;}
 .headline td h3{ font-size:18px;}
 


  
/**/
.search{float: right;}
.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}    

 /* Form wrapper styling */
.search-wrapper {
width: 349px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);
}
 
/* Form text input */
 
.search-wrapper input {
width: 267px;
height: 20px;
padding: 10px 5px;
float: left;
font-size:20px;
font-family:"DBHelvethaicaX55Regular";  
border:0;
background: #eeeeee;
-webkit-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	-moz-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
		    -webkit-transition: all .9s;
   	-moz-transition: all .9s;
   	-o-transition: all .9s;
   -ms-transition: all .9s;
   transition: all .9s;
	
}
 
.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
-webkit-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	-moz-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
		    -webkit-transition: all .9s;
   	-moz-transition: all .9s;
   	-o-transition: all .9s;
   -ms-transition: all .9s;
   transition: all .9s;

	
}
 
.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width: 72px;
font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
color: white;
text-transform: uppercase;
background: #238d07;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
-webkit-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	-moz-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
			    -webkit-transition: all .9s;
   	-moz-transition: all .9s;
   	-o-transition: all .9s;
   -ms-transition: all .9s;
   transition: all .9s;
}
   
.search-wrapper button:hover{     
    background: #e54040;

}   
   
.search-wrapper button:active,
.search-wrapper button:focus{   
    background: #c42f2f;
    outline: 0;   
}
 
.search-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #29980c transparent;
    top: 12px;
    left: -6px;
}
 
.search-wrapper button:hover:before{
    border-right-color: #e54040;
}
 
.search-wrapper button:focus:before,
.search-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
 
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    

/**/
  <!-------------------------------------------------------------->
 .second_nav{float: left; font-size:12px;width:1024px;}
.second_nav ul{z-index: 1000; margin:-2.5em 0 0 0em}
.second_nav ul li{list-style-type: none;font-size: 100%;position: relative;text-align: center;cursor: pointer;height:auto;width:7em;float: left;	display:inline-block; margin:auto 2px auto 2px }

.second_nav ul li a{
		text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
		text-decoration: none;
		font-size:20px;font-family:"DBHelvethaicaX55Regular";
	text-transform:uppercase;
	display:block;
    -webkit-transition: all .9s;
   	-moz-transition: all .9s;
   	-o-transition: all .9s;
   -ms-transition: all .9s;
   transition: all .9s;
	cursor: pointer;
	background-color: #e5e5e5;padding-top: 0.23em;padding-bottom: 0.00000001em;line-height:20px;height:25px;color: #31ae10;}
	.second_nav li a:hover,.second_nav ul li a#active{
	border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:50px;-o-border-radius:50px;
	background: #31ae10; color:#fff;	
}


.social-icons{
	float:right;
	padding:2em 1em 0 0;
}
.social-icons li{
	display:inline-block;

}
.social-icons li a img{
	vertical-align:middle;
	margin:5em 0 0 0;

}
.social-icons li a{
	margin:0 5px;
}
.sch{
width: 280px;


}
 
/* Form text input */
 
.sch input {
width: 267px;
height: 15px;
margin:10px 0 0 0;
padding: 15px 0 15px 5px;
float: left;
font-size:20px;
font-family:"DBHelvethaicaX55Regular";  
border:0;
border-radius:10px;
background: #294e06;
-webkit-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	-moz-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	    -webkit-transition: all .9s;
   	-moz-transition: all .9s;
   	-o-transition: all .9s;
   -ms-transition: all .9s;
   transition: all .9s;
}
 
.sch input:focus {
    outline: 0;
    background: #28930c;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;border-radius:0px;
	-webkit-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	-moz-box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
	box-shadow: 2px 2px 12px 2px rgba(20, 20, 20, .2);
}
 
.sch input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
.sch input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
.sch input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    

  <!-------------------------------------------------------------->
  


.


 /*-----------กิจกรรมอัพเดท----------*/ 
 .ac_h{width:1024px;height:100px;overflow:hidden;background-color: #eeeeee; background-image:url(../images/bot.png); background-repeat:no-repeat; background-position:-9% 80%; }

.third_box{margin:5px 5px 5px 5px;width:245px;height:280px;float:left; border-bottom: thin dotted #b36ab2;}
.third_inner{ padding:10px;  text-align:justify; border:1px solid #FFF; height:250px;-webkit-transition: all .6s;
   	-moz-transition: all .6s;
   	-o-transition: all .6s;
   -ms-transition: all .6s;
   transition: all .6s; }
 .third_inner:hover{border:1px solid #d3d1d3;padding:10px;text-align:justify;cursor: pointer;background-color:#efefef;}
.third_inner h3{color:#31ae10;font-size:18px;  margin:10px 0  10px 0px; font-family:"DBHelvethaicaX55Regular" ;text-align:left }
.third_inner p{ font-size:16px; width: auto; font-family:"DBHelvethaicaX55Regular"; color:#999; text-align:left }
.third_inner a:hover{ color:#0F0}

.third_inner p.text_detail{color: #666;width: auto}
.third_inner p:last-child{margin:0}
/*------------------------------------------------------------------------------------------หน้าข้อมูลพันธุ์ไม้---------------------------------------------------------------------------*/
.des_plant{ width:auto; margin:20px 20px 20px 20px}
.des_plant p{ text-align:justify; font-size:20px; color: #666}
.hader_box{width:auto; margin:0 auto}
.txt_hader{width:auto;}
.txt_hader h3{color: #666;font-size:26px;font-weight:200;margin:18px 0 0;text-shadow:0 -1px 0  #333;text-transform:uppercase; margin-bottom:20px;}
.tab_vegetation{ width:188px; height:auto; margin-top:10px}
.serch_a{ width:188px; margin:0px 0 20px 0; float:left}
.serch_a img{ border:1px solid #eee}
.serch_a img:hover{ border:1px solid #8888ac;
-webkit-box-shadow: 2px 2px 12px 2px rgba(50, 50, 50, .5);
	-moz-box-shadow: 2px 2px 12px 2px rgba(50, 50, 50, .5);
	box-shadow: 2px 2px 12px 2px rgba(50, 50, 50, .5);}
 .serch_a_h{width: 188px; background-color:#666;border-radius:10px 10px 0px 0px!important;}
.serch_a_h h3{width: 188px;height:40px; line-height:40px; margin:0 0 0 20px; font-size:22px; color:#CCC;}

.box_menu1{ border:1px solid #e7e6e6; width:164px; height:230px; padding:10px 10px 10px 10px; margin:22px  22px  22px; float:left ; background:#FFF;overflow:hidden;border-radius:8px 8px 0px 0px;border:1px solid #e7e6e6;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc ;-webkit-transition: all .6s;
   	-moz-transition: all .6s;
   	-o-transition: all .6s;
   -ms-transition: all .6s;
   transition: all .6s;}
  .box_menu1:hover{ cursor:pointer;-webkit-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	-moz-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	border-radius:0;
  }
 ul.v_menu{ /* กำหนดขอบเขตของเมนู */
	list-style:none;margin:0px;padding:0px;width:188px;}
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */
	display:block;height:40px;line-height:40px;background-color:#d8dbdb;border-bottom:1px #eeeeee solid;font-family:"DBHelvethaicaX55Regular";font-size:20px;text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);    -webkit-transition: all .9s;
   	-moz-transition: all .5s;
   	-o-transition: all .5s;
   -ms-transition: all .5s;
   transition: all .5s}
ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
	display:block;height:40px;line-height:40px;background-color:#fafcfc;border-:1px #c2c4c4 solid;cursor:pointer;}
ul.v_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */
	text-decoration:none;color: #666;line-height:40px;padding-left:20px}
	  .box_plant{ width:790px; height:auto; float:left; float:right; padding:0 0 0 40px}
 .box_plant_show{ border:1px solid #e7e6e6; width:160px; height:140px; padding:6px 6px 10px 6px; margin:0 10px 10px 0; float:left ; background:#e7e6e6;overflow:hidden;border:1px solid #e7e6e6;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc ;	    -webkit-transition: all .9s;
   	-moz-transition: all .4s;
   	-o-transition: all .4s;
   -ms-transition: all .4s;
   transition: all .4s}
.box_plant_show:hover{ background: #FFF;cursor:pointer;
-webkit-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	-moz-box-shadow: 2px 2px 12px 5px rgba(50, 50, 50, .5);
	box-shadow: 2px 2px 12px 2px rgba(50, 50, 50, .5);
	border-radius:10px;
  }
 /*--------------------------------------UL------------------------------------------*/
 #menu {width:80; height:80; position:absolute;}
ul.menu{ list-style:none;font-family:"Verdana",sans-serif;border-top:1px solid #bebebe;margin:0px;padding:0px;float:left;}
ul.menu li{float:left}
ul.menu li a{ text-decoration:none;background:#31ae10 url(../images/bgMenu.png) repeat-x top left;padding:0px 0px;width:128px; color:#333333;float:left;text-shadow: 0 1px 1px #fff; text-align:center; border-right:1px solid #31ae10;border-left:1px solid #e8e8e8;font-weight:bold;font-size:13px;-moz-box-shadow: 0 1px 3px #555; -webkit-box-shadow: 0 1px 3px #555;
}
ul.menu li a.hover{background-image:none;color:#fff;text-shadow: 0 -1px 1px #000;}
ul.menu li a.first{-moz-border-radius:0px 0px 0px 10px;  -webkit-border-bottom-left-radius: 10px;border-left:none;}
ul.menu li a.last{ -moz-border-radius:0px 0px 10px 0px; -webkit-border-bottom-right-radius: 10px;}
ul.menu li span{width:64px; height:64px; background-repeat:no-repeat; background-color:transparent; position:absolute;z-index:-1; top:80px;cursor:pointer;}
.all_vegetation{ width:810px; float:right; }
.row{width:100%}
.s_vegetation{width:188px;float: left;position: relative;top: 20px;height:800px}
 <!---------------------------------------->
 
.body_plants table{font-size:18px;}
.body_plants table a{width:100%; display:block;text-align:left; background-color:#8f8eb6}
.body_plants table tr.line td{border:#8f8eb6 0px solid;}
.body_plants table tr td{padding:0.5em; text-align:center; height:auto;border:#8f8eb6 0px solid;}
.body_plants table tr:first {background: #7cb26e;}
.body_plants table tr:nth-child(even) {background:#7cb26e;}
.body_plants table tr td a{text-decoration:none; text-align:left }
.body_plants table tr td p{text-align:left; font-size:24px; color:#FFF;text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
.body_plants .headline{background:#7cb26e; color: #333;  font-family:"DBHelvethaicaX55Regular";  font-weight:700px;border:#e9e8e9 0px solid;}
  .body_plants .headline td h3{ font-size:14px;}
.body_plants table tr td div{ margin:50px 60px 0 0}
  <!---------------------------------------->
.all_activity{width:1024px;float:rigth;margin-top: 0;margin-right: 0px;margin-bottom: 0;margin-left: 0px;}
.hed_activity{ background-image: url(../images/logo_activity.png); background-repeat: no-repeat; background-position:0% 50%}
.hed_activity{width:auto; height:100px; margin-left:100px;  }
.body_activity{width:800px;background-color:#FFF;float:right;padding:20px;border: 1px solid #CCC;border-radius:8px 8px 8px 8px;text-align:justify;}
.new_update{border-radius:10px 10px 10px 10px!important;width:700px;height:auto;overflow:hidden;border: 2px solid #DEDEDE;background-color: #FFF;
	margin-bottom: 0;float:left; margin-top:20px; padding-top:20px}
.new_update a{background-image:url(../images/new.gif); background-repeat:no-repeat; background-position:0% 45%}
.new_update a{color: #666;width:650px;font-size:13px;float:right;height:50px;line-height:50px;text-decoration:none; padding-left:40px}
.new_update p{color: #F00;}
 .new_update a:hover{color: #bf7fbe!important;}
 .more{width:700px;height:auto;overflow:hidden;}
  .more a{color: #060;width:650px;font-size:19px;float:right;height:50px;line-height:50px;text-decoration:none; text-align: right;  m}
  .h_az{ width:1024px; border-radius:10px 10px 10px 10px!important;text-align:center ; top:50px; margin-bottom:30px;border:1px solid #cbcaca;
-moz-box-shadow:inset 0 0 10px #a5a0a0;
-webkit-box-shadow:inset 0 0 10px #a5a0a0;
box-shadow:inset 0 0 10px #a5a0a0;}
  .a_z{ width:1024px; margin-bottom:20px; margin-top:10px }
  .a_z a{ font-size:20px; color:#767575; text-decoration:none;text-shadow: 0px 1px 1px rgba(150, 150, 150, 1) }
  .a_z a:hover{ color:#F0F}
  .Species{ width:auto; text-align:center; margin-bottom:30px; }
    .Species p{ color: #090; text-shadow:-1px #000 inherit}
	.sh{ width:auto; margin-bottom:20px}
	.activity{ float:right; width:800px; border:1px solid #CCC;border-radius:10px 10px 10px 10px; background-color:#d8dbdb; padding:10px 10px 10px 10px; }
	
	<!--------------------------------botanical---------------------------------->
	.botanical{float:right;width:800px;
	border:1px solid #CCC;
	padding:10px 10px 10px 10px;
	font-family:"DBHelvethaicaX55Regular";
	background-image:url(../images/bot.png);background-repeat: no-repeat; background-position:0% 0% ;

}
.botanical_menu{ float:left;margin:5px 2px 5px 2px;width:162px;height:40px; line-height:40px;background-color:#41a826; text-align:center;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);border-radius:20px 20px 0px 0px }
.botanical_menu:hover{ float:left;margin:margin:5px 2px 5px 2px;width:162px;height:40px; line-height:40px;background-color: #41a826; text-align:center;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); cursor:pointer; border:0 #999 solid;}
.botanical_menu a{ color:#FFF; text-decoration:none;font-family:"DBHelvethaicaX55Regular";font-size:20px;  }


.botanical_menu_show{
	background-color:#FFF;
	float:right;
	width:780px;
	padding:10px 10px 10px 7px;
	margin:-6px 0 0 0;
	font-family:"DBHelvethaicaX55Regular";}
	.botanical{ float:right;width:800px;
	padding:10px 10px 10px 10px;
	font-family:"DBHelvethaicaX55Regular";
	background-image:url(../images/bot.png);background-repeat: no-repeat; background-position:0% 0% ;}
.bo_img{ float:left; width:620px; border:1px #e5e2e2 solid; padding:5px; background:#e5e2e2; margin:0 0 0 5px}
.bo_img h3{ margin:20px 0 20px 20px}
.bo_img p{ margin:0 20px 20px 20px; text-align:justify; color:#999}
.bo_th{float:left; width:330px; padding:5px; margin:0 0 0 20px}
.bo_th1{float:left; width:330px; padding:5px 5px 5px 0}
.bo_th1 img{float:left; padding:5px 5px 5px 0; margin:0 10px 0 0 ;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.bo_th1 a{ font-size:24px; color:#090}
.bo_th1 a:hover{ color:#FFF}
.bo_th1 p{ font-size:16px; color:#CCC}
	.botanical h4{font-family:"DBHelvethaicaX55Regular"; margin:30px 0px 10px 50px; font-size:30px;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1)}
	.botanical_a{float:left; width:780px; padding:10px 10px 10px 0px;}
	.botanical_b{ float:left;margin:15px 5px 5px 5px;width:210px;height:auto;}
	.botanical_ba{ float:left;margin:5px 5px 5px 5px;width:210px;height:auto;cursor:pointer}
	.botanical_ba img{ background-image:-webkit-linear-gradient( #1c6f06,#31ae10 );
background-image: -moz-linear-gradient( #1c6f06,#31ae10 );
background-image: -ms-linear-gradient( #1c6f06,#31ae10 );
background-image: -o-linear-gradient( #1c6f06,#31ae10 );
background-image: linear-gradient( #1c6f06,#31ae10);}
.box_bo{ float:left; width:700px;border-radius:10px 10px 10px 10px!important; border:1px solid #CCC; background-color:#f5f5f5; padding:10px; margin:40px 0 0 0}
.box_bo img{-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.box_bo a{ font-size:20px; color:#999; margin:5px}
.box_bo a:hover{color: #390}


	.botanical_bb{ float:left;margin:-5px 5px 5px 5px;width:243px;height:40px; line-height:40px;background-color:#124d03}
	.botanical_bb:hover{ float:left;margin:-5px 5px 5px 5px;width:243px;height:40px; line-height:40px;background-color: #1e690a; color:#CCC; }
	.botanical_bb a{ margin:0 0 0 10px; font-size:20px; text-decoration:none ; color:#FFF}}
	.title{ margin:0 30px 10px 40px; font-size:22px; color: #666}
	.des{ font-size:20px;font-family:"DBHelvethaicaX55Regular"; margin:20px auto 30px 20px}
	.map{ float:left;margin:20px 5px 5px 5px;width:280px;height:auto;float:left;}
	.map p{float:left;margin:0 0 0  20px; font-size:19px}
	.map a{ margin:0 0 0 20%; font-size:22px; text-decoration:none; color: #333;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1)}
	.map a:hover{ color:#46bf26}
	.botanical_des{loat:right;width:780px;
	padding:10px 10px 10px 10px;
	font-family:"DBHelvethaicaX55Regular";}
	.botanical_des{float:left;margin:20px 5px 5px 5px;width:100px;height:80px;float:left;}
	.body .row div{ position:relative; top:-50px;}
	.body_botanical{ padding:40px 30px 40px 30px; }
	.body_botanical img { margin:20px}
	.body_botanical b{ color:#060;font-size:30px }
	.body_botanical p{ color:#999;font-size:25px }
/* css แบ่งหน้า */
.browse_page{   
    clear:both;   
    margin-left:12px;   
    height:25px;   
    margin-top:20px;   
    display:block;   
}   
.browse_page a,.browse_page a:hover{   
    display:block;   
	width: 2%;
    font-size:16px;   
    float:left;   
    margin:0px 5px;
    border:1px solid #CCCCCC;   
    background-color:#F4F4F4;   
    color:#333333;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;   
    text-decoration:none;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a:hover{   
	border:1px solid #CCCCCC;
	background-color:#999999;
    color:#FFFFFF;   
}   
.browse_page a.selectPage{   
    display:block;   
    width:45px;   
    font-size:14px;   
    float:left;   
    margin-right:2px;   
	border:1px solid #CCCCCC;
	background-color:#999999;

    color:#FFFFFF;   
    text-align:center;   
    line-height:22px;    
    font-weight:bold;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a.SpaceC{   
    display:block;   
    width:45px;   
    font-size:14px;   
    float:left;   
    margin-right:2px;   
    border:0px dotted #0A85CB;   
    background-color:#FFFFFF;   
    color:#333333;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a.naviPN{   
    width:50px;   
    font-size:12px;   
    display:block;   
/*    width:25px;   */
    float:left;   
	border:1px solid #CCCCCC;
	background-color:#999999;
    color:#FFFFFF;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;      
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}  
/* จบ css แบ่งหน้า */
.footer_body{width:310px; float:left;margin:20px 0 0 30px;}
.foot_body{ width:300px ; float:left; margin:20px 0 0 10px; padding:10px 10px 10px 10px; background-color:#e9e6e6; border:#e5e4e4 1px solid;border-radius: 20px;}
 .foot_body img{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc ;	-moz-transition: all 0.2s linear;
 	 -webkit-transition: all 0.2s linear;
 	 -o-transition: all 0.2s linear;
 	 -ms-transition: all 0.2s linear

}
.foot_body img:hover{ 
cursor:pointer;-webkit-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	-moz-box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	box-shadow: 5px 5px 15px 5px rgba(50, 50, 50, .5);
	;border-radius:0;}
.footer_body h3{ color:#390; margin:30px 0 10px 25px; font-size:25px;}
.footer_body a{ margin:10px 0 10px 25px; color:#999; font-size:20px; width:300px}
.footer_body a:hover{ color:#89DB4D;}
.readmore{ width:100px; height:50px; border:1px solid #b1e4b0 ; margin:20px; padding: 0 20px 0 10px; line-height:45px;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #5dafd3 ));
background-image:-webkit-linear-gradient( #31ae10,#5df808 );
background-image: -moz-linear-gradient( #31ae10,#5df808 );
background-image: -ms-linear-gradient( #31ae10,#5df808 );
background-image: -o-linear-gradient( #31ae10,#5df808 );
background-image: linear-gradient( #31ae10,#5df808);}
.readmore:hover{background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #5dafd3 ));
background-image:-webkit-linear-gradient( #79d754,#4aba1e );
background-image: -moz-linear-gradient( #79d754,#4aba1e );
background-image: -ms-linear-gradient( #79d754,#4aba1e );
background-image: -o-linear-gradient( #79d754,#4aba1e );
background-image: linear-gradient( #79d754,#4aba1e);}
.readmore a{ color:#063c0a}
.readmore a:hover{ color:#063c0a}
.body_poet{ float:left; padding:5px; width: 800px; border:2px solid #e7e6e6; background:#f3f2f2; border-radius:10px;
-webkit-box-shadow: 5px 5px 5px #bfbdbd;
-moz-box-shadow: 5px 5px 5px #bfbdbd;
-box-shadow: 5px 5px 5px #bfbdbd ; }
.poet_left{ float:left; width: 230px;}
.poet_left img{ float:left; width:220px; margin:15px 0 0 0; height:auto}
.poet_left div img{float:left; width:auto; margin:15px 0 0 0; height:auto}
.poet_left h3{ margin:0 0 0 20px}
.poet_left p{ margin:10px 0 10px 0}
.poet_right{float:left; width: 540px; margin:0 0 0 5px; font-size:20px}
.poet_right p{float:left; width: 230px;margin:20px 0 20px 20px; padding:0 0 0 20px}
.ulc{ float:left; width:800px; margin:20px 0 20px 0}
ul.c_menu{ /* กำหนดขอบเขตของเมนู */
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	font-family:"DBHelvethaicaX55Regular";
	font-size:20px;
}
ul.c_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */
	display:block;
	width:195.5px;
	height:30px;
	text-indent:10px;
	background-color:#269509;
	border:1px #e7e6e6 solid;
	float:left;
	text-align:center;
}
ul.c_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
	display:block;
	width:195.5pxpx;
	height:30px;
	text-indent:10px;
	background-color:#a34aa6;
	border:1px #e7e6e6 solid;
	float:left;
	text-align:center;	
}
ul.c_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */
	text-decoration:none;
	color:#FFFFFF;
	line-height:30px;
}
.poet_right hr {
padding: 0;
    border: none;
    border-top: medium double #CCC;
    color: #333;
    text-align: center;
	width:500px;
}
.poet_right hr:after {
    content: "§";
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding:0.21em;
	background:#f3f2f2; 
	color:#CCC;
}
.foot_chi{ width:150px ; float:left; margin:20px 0 10px 9em; padding:10px 0px 10px 50px; background-color:#f3f2f2; border:#bfbdbd 1px solid;border-radius: 10px;-webkit-box-shadow: 5px 5px 5px #bfbdbd;
-moz-box-shadow: 5px 5px 5px #bfbdbd;
-box-shadow: 5px 5px 5px #bfbdbd; cursor:pointer}
.foot_chi h2{ color:#9c1ea1; font-family: "Eak Tina UNI"; font-weight:1000px}
.body_poet hr{border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0))}
	.chi_img{ width:700px; float:left; margin:0 0 0 3em}
	.chi_img img{ margin:10px 0 10px 0}
	.verse{ width:400px;margin:10px 0 10px 5em; background:#FFF}
	.verse p{float:left; width: 150px;margin:20px 0 20px 20px; padding:0 0 0 20px}
	.cen{width:800px; float: left;background-color:#e9e6e6; border:#e5e4e4 1px solid; border-radius:20px}
.cen h2{ color:#030; margin:10px 0 10px 40px; text-align:center}
.cen h4{ color:#030; margin:10px 0 10px 40px}
.cen p{ margin: 0 20px 20px 20px; text-align: justify; color:#333}
.cen img{ margin:auto  20px 20px 20px}
/*--------------footer----------------*/

.foot{/** Footer **/
	background:#b46cb2;
	padding:30px 0; float:left;
	width:100%; 
	position:relative; top:3.45em
}
.footer-strip{
	background: url(../images/footerborder-bg.png) repeat-x;
	padding-bottom:8px;
}
.footer h3{
	 font-size:1.6em;
	 font-weight:600;
	 text-transform:uppercase;
	 color:#81157e;
	 margin:5px 0px;
	 padding-bottom:8px;
	 font-family: 'bonvenocflight';
 }
  .footer_grid1,.footer_grid2,.footer_grid3,.footer_grid4, .footer_grid5{
	  float:left;
	  width:240px;
	  padding-left:2%;
 }
  .footer_grid1{
  	padding-left:0;
  }
  .address li{
	  font-size:20px;
	  color:#FFF;
	  padding:5px 0;
	  font-family: 'DBHelvethaicaX55Regular';
 }
 .footer_grid1 li a{
 	 display:block;
	 font-size:20px;
	 font-family: 'DBHelvethaicaX55Regular';
	  color:#FFF;
	 padding:8px 15px;
	 background:url(../images/footer-bullet.png) no-repeat 0;
	 -moz-transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
 }
 .footer_grid1 li a:hover{
	color:#81157e;
	margin-left: 5px;
	-moz-transition: all 0.2s linear;
 	 -webkit-transition: all 0.2s linear;
 	 -o-transition: all 0.2s linear;
 	 -ms-transition: all 0.2s linear;
 }
 .f_menu li a{
	 color:#FFF;
	 font-family: 'DBHelvethaicaX55Regular';
	 display:block;
	 padding:8px 15px;
	 font-size:20px;
	 background:url(../images/footer-bullet.png) no-repeat 0;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
 }
 .f_menu li a:hover{
	color:#383838;
	margin-left: 5px;
	-moz-transition: all 0.2s linear;
 	 -webkit-transition: all 0.2s linear;
 	 -o-transition: all 0.2s linear;
 	 -ms-transition: all 0.2s linear;
 }
 .img_list li {
	 display:block;
	 margin:15px 0;
 } 
 .img_list li a{
	 font-size:20px;
	 color:#FFF;
	 font-family: 'DBHelvethaicaX55Regular';
	 padding:0 8px;
	 text-transform:uppercase;
	 -moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
 }
  .img_list li a:hover{
	  color:#383838;
	 margin-left:5px;
	-moz-transition: all 0.2s linear;
 	 -webkit-transition: all 0.2s linear;
 	 -o-transition: all 0.2s linear;
 	 -ms-transition: all 0.2s linear;
 }
  .img_list img{
	 vertical-align:middle;
	 opacity:0.65;
 }
 .img_list img:hover{
 	opacity:1;
 }
 .food_body{ float:left; width:900px;border:1px solid #e7e6e6; padding:10px 10px 10px 10px; margin:30px 22px 0 50px; background:#FFF;overflow:hidden;border:1px solid #e7e6e6;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc ;-webkit-transition: all .6s;
   	-moz-transition: all .6s;
   	-o-transition: all .6s;
   -ms-transition: all .6s;
   transition: all .6s; }
   .food_in{ width:840px;float:left; margin: 20px 20px 20px 20px;}
   .line{ float:left;width:840px; border-bottom:1px #CCC solid}
   .lineleft{width:180px;float:left;margin: 5px 5px 5px 5px;}
   .lineleft p{ font-family:DBOzoneWeb; font-size:23px; color:#060; font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
   .lineright{width:600px;float:left;margin: 5px 5px 5px 5px;}
    .lineright p{font-family:DBOzoneWeb; font-size:21px; color: #333; font-family:"DBHelvethaicaX55Regular";text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);}
	.boxbody{ width:1024px; margin:0 0 0 30px }
	.img_plant{  width:900px;border:1px solid #e7e6e6; padding:10px 10px 10px 10px; margin:30px 22px 0 50px; background:#f6f5f5;overflow:hidden;border:1px solid #e7e6e6;
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc ;-webkit-transition: all .6s;
   	-moz-transition: all .6s;
   	-o-transition: all .6s;
   -ms-transition: all .6s;
   transition: all .6s; }
   .box_project{ margin:0 17.8em}
   .table{ width:1024px; float:left; margin:10px 0; border-bottom:1px solid #CCC}
   .table_left{ float:left; width:200px; margin:0 0 10px 0; }
   .table_center{float:left; width:315px; margin:0 0 0 30px; }
   .table_right{float:left; width:450px; margin:0 0 10px 20px;}
   .footer_bio{ width:1024px; float:left; border-top:1px solid #e5e4e4; margin-top:50px }
 .footer{padding-bottom:30px;margin-top:50px; color:#666; float:left;width:100%; text-align:center;background-image:url(../images/footer.png); }
.footer p{margin:25px 0 0 0;font-size:18px}