<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face
{
font-family: custom;

  font-style: normal;
  font-weight: 400;
  src: local('custom'), url('../css/THSarabun_0.ttf') format('truetype');
}

*
{
font-family: arial,sans-serif;/*'custom';*/
/*font-size:medium;*/
color:#2E1F0F;
}
input[type='text'],input[type='password']{color:#666;}
.font-eng{ font-style:italic; color:#EBEBE0;}
 
body
{
    background-image :url('../images/growing-plant.jpg'); 
	background-size: 100%;
    z-index:-6;
    background-attachment: fixed;
    background-repeat:repeat-y;
    margin :0 0 0 0;
   /* -moz-filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");*/
    background-position: center;      /* center the image */
    background-size: cover; 
}

a:hover{ border:none; text-decoration:none;}
/*--- basic style -----------*/
.bold{font-weight:bolder;}
.italic{font-style:italic;}
.black{color:black;}
.white{color:#F5F0EB;}
.green{color:#006B00;}
.yellow{color:#FFFF4D;}
.light-green{color:#80CC80;}
.brown{color:#6B4700;}
.light-brown{color:#896C33;}
.red{color:red;}
.biggest{font-size:1.2em;}
.big{font-size:1em}
.medium{font-size:.9em}
.small{font-size:.8em}
.smaller{font-size:.7em}
.custom{font-family:'custom';}
.tahoma{font-family:Tahoma;}
.calibri{font-family:Calibri;}
.sanserif{font-family:Sans-Serif;}
.justify{ text-align:justify;}
.absolute{position:absolute;}
.left{ text-align:left;}
.right{ text-align:right;}
.top{ top:0;}
.bottom{ bottom:0}
.hide{display:none;}
.button {
        -moz-box-shadow: 0px 10px 14px -7px #3e7327;
        -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
        box-shadow: 0px 10px 14px -7px #3e7327;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
        background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
        
        background-color:#77b55a;
        
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        
        border:1px solid #caf7d6;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:bold;
        padding:6px 12px;
        text-decoration:none;
        cursor:pointer;
        text-shadow:0px 1px 0px #5b8a3c;
        
    }
.button:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
        background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
        
        background-color:#72b352;
    }
#db-panel input[type=text],#db-panel select,#db-panel select option
{background-color: #DFD4CA; color:#474719; 
 -moz-border-radius-topright: 15px; 
    -webkit-border-top-right-radius: 15px; 
    border-top-right-radius: 15px; 
    -moz-border-radius-bottomright: 15px; 
    -webkit-border-bottom-right-radius: 15px; 
    border-bottom-right-radius: 15px; 
    border: 1px solid #848484; 
    outline:0; 
    height:25px; 
    width: 275px; 
    padding-right:10px; 
 
  }
 .medicinal{background-color:#B8B894; color:#2E2E1F;border:1px solid #7A7A52;}
 .medicinal input[type="text"]{background-color:#fff; color:#2E2E1F;}
 .medicinal select,.medicinal select option{background-color:#fff; color:#2E2E1F;}
 .herbarium{background-color:#CCB299; color:#7A7A52;border:1px solid #8A5C2E;}
 .herbarium input[type="text"]{background-color:#fff; color:#7A7A52;}
 .herbarium select,.herbarium select option{background-color:#fff; color:#7A7A52;}
 .living{background-color:#C2D699; color:#669900;border:1px solid #85AD33;}
 .living input[type="text"]{background-color:#fff; color:#669900;}
 .living select,.living select option{background-color:#fff; color:#669900;}

/*--- end basic style -----------*/
#header
{
    width:1000px;
    height:170px;
    background-image:url(../images/headernew.png);
    background-repeat:no-repeat; 
    position:relative;
    margin:0 auto;
}

#footer
{
	width:1000px;
    position:relative;
    margin:0 auto;
}
#wrapper
{
    width:1000px;
    position:relative;
    margin:0 auto;
    min-height:300px;
}
#wrapper-admin
{
    width:100%;
    position:relative;
    margin:0 auto;
    min-height:300px;
}
#wrapper-admin #top-bar{height:100px;}
#wrapper #top-bar{ width:1000px; height:75px;}
#content
{
    width:1000px;
    position:relative;
}
#searchmix
{
    width:400px;
    height:81px;
    background-image:url(../images/searchbg.png);
    background-repeat:no-repeat; 
    position:absolute;
    right:0px;
    
}
#searchmix div
{
    width:400px;height:81px;position:relative;left:0px;bottom:2px;
    
}
.text-light{color:#E0E0D1;}
#searchmix div div
{ width:390px;height:28px;position:absolute; bottom:3px; left:10px;}
#searchmix div div #keyword
{background-color: #D6C2AD; border:none; color:#474719; display:inline-block; height:25; float:left; }
#searchmix div div #button-search
{background:url(../images/search.png); border:none; background-color:transparent;width:25px; height:25px; cursor:pointer; display:inline-block; border:none;float:left;  }

#userpanel
{
    width :500px;height :36px; text-align:left;
    position:absolute;
    left:100px;
}
#logindiv
{
    width:400px;
    height:105px;
    position:absolute;
    text-align:left;
    top:0;right:0;
    
}
#logindiv #loginpanel
{
    width:400px;
    height:80px;
    position:relative;
    text-align:left;
    display:none;
    top:0;right:0;
    background-image:url(../images/loginpanel.png);
    vertical-align:bottom;
    
}
#logindiv #loginpanel div {position:absolute; bottom:15px; width:350px; height:30px; right:0px; text-align:left; }
#logindiv #loginpanel div input[type="text"]{width:120px;}
#logindiv #loginicon
{
    color:#fff;cursor:pointer; font-style:italic; text-align:right;
    
}
#logindiv #loginicon img
{
    width:15px; height:15px; border:none;
}


.clear{clear:both;}
.navigation{
    position:relative;
    margin:0 auto;
    width:915px;
}
#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:#7E7E7E url(../images/bgMenu.png) repeat-x top left;
    padding:15px 0px;
    width:128px;
    color:#333333;
    float:left;
    text-shadow: 0 1px 1px #fff;
    text-align:center;
    border-right:1px solid #a1a1a1;
    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;
}
ul.menu li span.ipod{
    background-image:url(../icons/ipod.png);
    left:33px; /*128/2 - 32(half of icon) +1 of border*/
}
ul.menu li span.video_camera{
    background-image:url(../icons/video_camera.png);
    left:163px; /* plus 128 + 2px of border*/
}
ul.menu li span.television{
    background-image:url(../icons/television.png);
    left:293px;
}
ul.menu li span.monitor{
    background-image:url(../icons/monitor.png);
    left:423px;
}
ul.menu li span.toolbox{
    background-image:url(../icons/toolbox.png);
    left:553px;
}
ul.menu li span.telephone{
    background-image:url(../icons/telephone.png);
    left:683px;
}
ul.menu li span.print{
    background-image:url(../icons/print.png);
    left:813px;
}
#blank{border:none; padding:0; margin:0; width:100%;}
#content
{
	text-align:left;
	position:relative;
	}
#footer
{
	text-align:center;
	}
.th
{color:#ffffff;}
.eng
{/*font-style:italic;*/}
#db-logo{border:none; width:555px; height:200px; z-index:9; position:absolute; left:100px; top:-30px;}
#db-logo img,#db-logo ul {display:table-row;}
#content .top-blank
{
	width:10000px; height:70px;display:block;
	}
#content .left-blank
{
	width:100px; height:400px;display:inline-block;float:left;
	}
#content #main-panel
{
	width:890px; display:inline-block;/*border:solid white 1px;*/float:left;
	}
#content #main-panel-admin
{
	width:100%; display:inline-block;/*border:solid white 1px;*/float:left;
	}
#content .content-wrapp
{
	width:500px; display:block; margin:0 auto; position:relative; border:none;
	}
#content #main-panel .db-desc
{
	width:450px; height:450px; background-image:url(../images/contentbg.png); border:solid transparent 1px; float:left;
	}
#content #main-panel .sub-db-desc
{
	width:410px; height:410px; background-image:url(../images/Paper-Speech-Bubble.png); border:solid transparent 1px; float:left; padding:20px;
	}

#content #main-panel .db-desc .title
{
	font-size:1.1em;margin:30px;color:#242400;margin-left:115px; margin-bottom:0px; 
	}
#content #main-panel .db-desc .title-en
{
	font-size:1em;color:#242400;margin-left:115px; 
	}
#content #main-panel .db-desc .desc
{
	font-size:.9em;margin:30px; margin-left:45px;margin-top:55px; color:#525229;text-align:justify;
	}
#content #main-panel .db-desc .desc-en
{
	font-size:.9em;margin:30px; margin-left:45px;margin-top:0px; color:#525229;text-align:justify;
	}
#content #main-panel #db-panel
{
    width:420px; float:left;padding-left:10px; position:relative;
	}
#content #main-panel #db-panel p.th
{ font-size:1.1em; padding:1px;padding-left:25px; padding-top:5px;}
#content #main-panel #db-panel p.eng
{ font-size:1em; padding:1px;padding-left:25px; }
#content #main-panel #db-panel .db-tab
{
	width:350px; height:60px;
	margin:0 auto;
	 background-image:url(../images/dbtab.png);
	}
.db-tab
{
	width:350px; height:60px;
	 background-image:url(../images/dbtab.png);
	}
#content #main-panel #db-panel .db-list
{
	width:350px;
	background:transparent; list-style:none; /*padding-left:80px;list-style-image:url(../images/item-circle.png);*/
	}
.db-list .db-item
{
	width:350px; vertical-align:top; position:relative; display:block; padding-left:34px;

	}
.db-list .db-item a img
{
	width:60px; display:inline-block;
	background:url(../images/item-circle.png) no repeat;

	}
.db-list .db-item a div
{
	width:220px; vertical-align:top; display:inline-block; padding:5px;

	}
.db-list .db-item a div.db-title
{
	color:#ffffff;

	}
#content A,#content A i{
	text-decoration:none;
	color:#3399FF;
}
#content #fam-panel A{
	text-decoration:none;
	color:#4C331A;
}
#content A:visited {
	text-decoration: none;
}	
		
#content A:active {
	text-decoration: none;
}		
#content A:hover {
	/*color: #fff;
	text-decoration: none;*/
}
table{

	font-size:small;
	font-family:Calibri;
	margin: 0px;
	text-align: left;
	border-collapse: collapse;
	}
table tr td {padding:2px;border-top: 1px solid transparent;color:#fff;}
table td,table td a,table td a ,table td a i{color:#fff;}
#content #content-top{ width:1000px; height:100px; margin:0px; padding:0px; border:none; background:url(../images/content-top.png);}
#content #content-top .title{ padding:0; margin:0; margin-left:130px; width:400px; }
#content #content-bottom{ width:1000px; height:197px; margin:0px; padding:0px; border:none; background:url(../images/content-bottom.png);}
#content #content-wrapper #search-result{ width:1000px; background-image:url(../images/content-bg.png);background-repeat:repeat-y;position:relative;}
#content #content-wrapper #search-result .item{ width:955px; background:transparent; position:relative; padding:5px; padding-left:10px;}
#content #content-wrapper #search-result .item a:hover{ border:none; text-decoration:none; color:#;}
#content #content-wrapper #search-result .item .title i{ color:#7A7A52;}
#content #content-wrapper #search-result .item .title{color:#7A7A52; font-size:1em;}
#content #content-wrapper #search-result .item .path{color:#002E0F; font-style:italic; font-size:.9em;position:relative;}
#content #content-wrapper #search-result .item .desc{color:#002E0F; font-style:normal; font-size:.7em; padding-left:7px; width:60%;position:relative;}
#content #content-wrapper #search-result .item .database{color:#BCBCAF; font-style:normal; font-size:.9em;position:relative;}
#content #content-wrapper #search-result .item&gt;img{border:none; width:40px;position:relative;}
#content #content-wrapper #search-result #labelindex span{color:#263826;}
#content #content-wrapper #search-result #labelindex a{color:#263826;}
#floatnav a{color:#6B4700; }
.category{width:1000px; border:none;display:block;}
.category div {width:700px; margin:0 auto;}
.category div ul{ list-style:none; margin-top:20px;}
.category div ul li{ width:200px; margin-left:30px; height:319px; float:left; background:url(../images/panel-2.png);}
.category div ul li div{ text-align:center; width:150px;}
.category div ul.lcd li{ width:200px; margin-left:30px; height:319px; float:left; background:url(../images/panel-3.png);}
.category div ul.hbm li{ width:200px; margin-left:30px; height:319px; float:left; background:url(../images/panel-5.png);}
#fam-panel{ position:relative; }
#fam-panel .fam-item{
	/*background-color:#ffc477;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	/*border:1px solid #eeb44f;*/
	display:inline-block;
	cursor:pointer;
	/*color:#002E0F*/;
	font-family:arial;
	font-size:14px;
	padding:2px 8px;
	text-decoration:none;
	text-shadow:0px 0px 2px #d1b486;
	
}
#fam-panel .fam-item:hover {
	background-color:#fb9e25;
}
#fam-panel .fam-item:active {
	position:relative;
	top:1px;
}
#garden-map{width:560px; height:805px; border:none; background-image:url('../images/map/mainmap.jpg'); margin:0 auto;}
.page-title
{
    width:100%;
    position:absolute;
    top:30px;
    }
.page-title p
{
    width:100%;
    float:left;
    padding-left:10px;
    
    }
.top-social-bar{/*width:100%; height:30px;*/}
.content-left{/*float:none;width:40%;*/}
.content-right{/*float:none;width:58%;*/}

/*--------------------------*/
.top-social-bar {
    color:white;
    text-align:center;
    padding:5px;
}
.content-left {
    line-height:30px;
    width:30%;
    float:left;
    padding:5px;	      
}
.content-right {
    width:50%;
    float:left;
    padding:10px;	 	 
}
.comment {
    clear:both;
    text-align:center;
    padding:5px;	 	 
}
.float{position:fixed; width:50%; left:25%; top:10px;-webkit-border-radius: 12px;border-radius: 12px; background-color:white;-webkit-box-shadow: inset 2px 2px 2px 2px rgba(ff, ff, 99, 1);z-index:999;box-shadow: inset 2px 2px 2px 2px rgba(ff, ff, 99, 1); border:1px;}
.fix{position:relative;}
.highlight {color:#CC7A00; font-size :large; }
.content-left a img {margin-bottom:10px;}


/*grayed on King'death occasion
img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}*/
#header {
/*-webkit-filter: grayscale(100%); 
filter: grayscale(100%);*/
}
.tip {
  width: 0px;
  height: 0px;
  position: absolute;
  background: transparent;
  border: 10px solid #ccc;
}

.tip-up {
  top: -25px; /* Same as body margin top + border */
  left: 10px;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.tip-down {
  bottom: -25px;
  left: 10px;
  border-right-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;  
}

.tip-left {
  top: 10px;
  left: -25px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;  
}

.tip-right {
  top: 10px;
  right: -25px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;  
}
.dialogbox{max-width:400px;}
.dialogbox .body {
  position: relative;
  max-width: 1000px;
  height: auto;
  margin: 20px 10px;
  padding: 5px;
  background-color: #DADADA;
  border-radius: 3px;
  border: 5px solid #ccc;
}

.body .message {
  border-radius: 3px;
  font-family: Arial;
  /*font-size: 14px;
  min-height: 30px;
  line-height: 1.5;*/
  color: #797979;
  
}
.body .message span {
  color: #797979;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 7px;
  margin:7px;
   margin-right:1px;
}

/* Might want to wrap a span around your checkbox text */

input[type="checkbox"]:checked{
  background-color: #2ECC71;
}
.control-title{width:120px;}

.itembox { 
/*height: 200px;
width: 400px; */
padding: 10px;
background-color: white; 

/* outer shadows  (note the rgba is red, green, blue, alpha) */
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);

/* rounded corners */
-webkit-border-radius: 12px;
-moz-border-radius: 7px; 
border-radius: 7px;

/* gradients */
background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); 
background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); 
}</pre></body></html>