@charset "UTF-8";
/* CSS Document */

body{ background:url(../images/ganeral/bg_web.gif) top center; padding:0px; margin:0px;}
img{border:0px;}
a { text-decoration:none;}
#main{  width:100%; height:400px; margin:auto; text-align:center; overflow:hidden; padding-top:100px;}
#main_index{  width:100%;  margin:auto; text-align:center; overflow:hidden; padding:0px; background:url(../images/index.png) no-repeat top center;}

#wrapper{ width:100%;  margin:auto; border-top:10px solid #c8a8e3;}
#content{ width:1004px; margin:auto; height:612px;}

/*div.container{ margin-top:150px;}*/
div.space{ height:30px; background:#97bda8; padding:0px; margin:0px; width:1004px;}
div.clear{ clear:both; height:5px;}
div#banner-main { position:absolute; height:215px; margin:auto; padding-left:20px; width:984px; padding-top:20px; top:584px; z-index:999; background:url(../images/ganeral/bg_main.png) repeat-x;}
div#banner-main ul { padding:0px; margin:0px;}
div#banner-main ul li{ float:left; list-style:none; padding:5px 14px;}

/* Menu */
.header{ height:154px; width:1004px; padding:0px; margin:0px;}

div#wrapper-menu{ height:160px; width:1004px; margin:auto; background:url(../images/ganeral/bg_head.jpg) repeat-x; position:relative; z-index:99999; }
div#top-head{ height:160px; width:1004px;}
div#left-top{ float:left; width:450px; height:123px; }
div#center-top{ float:left; width:200px; padding-top:6px height:123px; }
div#center-top a{ display:block; cursor:pointer; border:none; padding-top:2px;}
div#right-top{ float:left; width:240px; margin-top:40px; margin-left:80px; }
a#icon_face{ float:left; margin-top:10px; margin-left:20px;}
a#icon_twitter{ float:left; margin-top:10px; margin-left:10px;}
div#number-tel{ float:left;}
div#sub-menu{ float:left; padding:0px; height:20px;  margin-top:10px;}
ul#menu { list-style:none;  height:40px; width:1004px; margin:0px; padding:0px;}
#menu-top{ clear:both; float:left; height:40px; width:1004px; border-top:1px solid #c8a8e3; border-bottom: 1px solid #c8a8e3; background:#FFFFFF;}
a#mnHomestore ,a#mnDirectory ,a#mnLocation{ float:left; text-decoration:none; color:#28a26c; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:10px; padding-right:5px;}
a#mnHomestore ,a#mnDirectory { border-right:solid 1px #28a26c;}
a#mnAbout,a#mnShopping ,a#mnCalendar, a#mnWhat, a#mnRecommen ,a#mnContact { float:left; height:40px; background:url(../images/ganeral/menu.jpg) no-repeat; display:block;}
a#mnAbout { background-position:0 0; width:210px;}
a#mnAbout:hover ,a#mnAbout.active { background-position: 0px -40px;}

a#mnShopping { background-position:-210px 0px; width:130px;}
a#mnShopping:hover ,a#mnShopping.active { background-position: -210px -40px; }

a#mnCalendar { background-position:-340px 0px; width:180px;}
a#mnCalendar:hover ,a#mnCalendar.active{ background-position: -340px -40px; }

a#mnWhat { background-position:-510px 0px; width:190px;}
a#mnWhat:hover ,a#mnWhat.active { background-position: -510px -40px; }

a#mnRecommen { background-position:-700px 0px; width:150px;}
a#mnRecommen:hover ,a#mnRecommen.active { background-position: -700px -40px; }

a#mnContact { background-position:-850px 0px; width:140px;}
a#mnContact:hover ,a#mnContact.active{ background-position: -850px -40px; }




/* footer*/
div#wrapper-footer{ clear:both;height:140px; width:100%; margin:auto; border-top:10px solid #c8a8e3; background:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
div#footer-content{ background:#fff; margin:auto; width:1000px;}
div#top{ margin:0px; padding:0px; height:50px;}
div#menu-sub1{ float:right; width:640px; height:80px; }
div#menu-sub1 li a{ float:left;height:10px; padding:5px 10px; display:block; line-height:16px;}
div#menu-footer{ width:640px;height:80px; float:right;}
div#menu-footer ul li{ list-style:none;}
div#menu-sub1 ul li a,div#menu-sub2 ul li a,div#menu-sub3 ul li a,div#menu-sub4 ul li a,div#menu-sub5 ul li a{ font-size:12px;text-decoration:none; color:#999; display:block;}
div#menu-sub1 ul li a:hover,div#menu-sub2 ul li a:hover,div#menu-sub3 ul li a:hover,div#menu-sub4 ul li a:hover,div#menu-sub5 ul li a:hover{ color:#009999;}
div#top{ width:1004px; margin:auto; padding-top:10px; border-bottom:1px solid #CCC;}
div#box1{ float:left; width:730px; border:1px; height:20px; padding-right:10px; padding-top:5px; font-size:12px; text-align:right;}
div#box2{ float:right; height:20px; margin-right:10px;}
a.font-blod {color:#417c6c; font-weight:bold;}
 input#bg-input { background:url(../images/ganeral/input.jpg) no-repeat; width:240px; height:30px; border:0px; padding-right:10px;}
div#copy{ height:30px; background:#d9d9d9; font-family:Arial, Helvetica, sans-serif;}



/* about */
div#container_about{ margin-top:150px;}
#content_about{ width:1004px; margin:auto; height:602px; background:url(../images/about/bg.jpg) no-repeat;}
p#detailabout{ font-family: Tahoma, Geneva, sans-serif; font-size:12px; color:#000; margin:0px; padding:320px 80px 0px 80px; }

/*contact*/

div#container_contact{ margin-top:150px; background-color:#fff;}
#content_contact{ width:1004px; margin:auto; height:602px; background:url(../images/contact/bg.jpg) no-repeat;}
div#top-contact{ float:left; min-height:350px;  width:1000px; margin-top:30px; overflow:hidden;}
h1{ padding-top:20px;font-size:20px; color:#c8a8e3; text-align:right; padding-right:40px; }
div#detailAndFrom{ float:left; height:200px; width:1004px; font-family:Arial, Helvetica, sans-serif;}
div#google-map{ float:left; margin-left: 40px; margin-top:0px; border:0px; height:200px; width:550px;}
div#pic-map{ float:left;  margin-left:20px;  }
div#left-thai{ float:left; width:260px; border-right:1px dotted #999; font-size:12px; line-height:20px; font-family:Tahoma, Geneva, sans-serif; color:#666; margin-left:40px;}
div#left-en{ float:left; width:250px; border-right:1px dotted #999; font-size:12px; line-height:20px; font-family:Tahoma, Geneva, sans-serif; color:#666; margin-left:40px;}
a#download{  margin-top:10px; font-size:12px;background:url(../images/contact/print.png) no-repeat; padding-left:30px; height:26px; width:100px; display:block; text-decoration:none; color:#696;}
input.input-data{  margin-bottom:10px;background:url(../images/contact/input.jpg) no-repeat ; width:335px; height:24px; padding-left:10px; font-family:Tahoma, Geneva, sans-serif; font-size:12px;
color:#666; border:none;}
div#fromMail{  margin-left:20px; width:380px; float:left; }
#message{ width:335px; height:50px; font-family:tahoma; font-size:12px; padding:5px; color:#666;}
a.bt{ height:16px; font-size:14px; text-align:center; font-family:tahoma; color:#FFF; display:block; text-decoration:none;
 margin-top:5px; width:60px; float:left; padding:5px; background-color:#c8a8e3;}
 a#cancel{ margin-left:10px;}
 a#send{ margin-left:195px}
 
 /*event*/
 #content_event{ width:1004px; margin:auto;  background:url(../images/contact/bg.jpg) no-repeat;  clear:both;}
 div#thumb-event{  width:980px; padding-top:15px; padding-left:25px; min-height:250px;  border-bottom:1px solid #CCC; background:#FFFFFF; position:relative; clear:both; overflow:hidden;}
 h2{ font-size:16px;font-size:20px; color:#c8a8e3;  margin:0px; padding-right:50px; font-family:Arial, Helvetica, sans-serif; }
 .pic-thumb-event{ padding:5px; border:1px solid #CCC;}
div#thumb-event ul{ margin:0px; padding:0px; background:#fff;  position:relative; clear:both; }
 ul#event-banner{ height:500px; background-color:#fff;}
  div#thumb-event ul li { float:left; width:290px; height:250px; font-family:tahoma;  list-style:none; margin-left:20px;}
  div#thumb-event2 ul li { float:left; width:290px; height:250px; font-family:tahoma;  list-style:none; margin-left:20px;}
  div.title-event a{ font-size:14px; color:#696; text-decoration:none; display:block; margin-top:10px;}
  .sub-title{ font-size:11px; color:#000; margin-top:10px;}
  div#numpage{ height:20px; float:right; width:200px; margin-top:5px; }
  div#numpage ul{ margin:0px; padding:0px;}
  div#numpage ul li { float:left; text-align:center; width:20px; list-style:none; height:20x; margin-left:10px; border:1px solid #c8a8e3; background:#c8a8e3; display:block;}
   div#numpage ul li a{ text-decoration:none; color:#fff; font-size:12px; font-family:tahoma; text-align:center;}
   
 div#navi{ text-decoration:none; color:#333; font-size:11px; font-family:tahoma; float:left; margin:0px; padding:0px;}
 div#navi a { text-decoration:none; color:#699;}
 
 div#thumb-event-detail{ width:980px; padding-top:15px; padding-left:25px; height:490px;  }
 div#left-pic{ float:left; width:560px; height:500px; margin-top:10px;}
 div#detailEvent{ float:left; width:380px;  height:400px;}
 
 #content_directory{ width:1004px; margin:auto; height:1160px; background:url(../images/directory/bg.jpg) no-repeat;}
 
 div#body_contact {
	width: 1000px;
 }
 
 div#body_contact #content_left {
	width: 620px;
	float: left;
	margin-left:5px;
 }
 
 div#body_contact #content_form {
	width: 350px;
	margin-top: 30px;
	float: left;
}