@charset "utf-8";
/*
Template Name: CleanBusiness
Author: <a href="#">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Layout CSS
*/

@import url("navi.css");
@import url("tables.css");

@import url(fonts/thsarabunnew.css);

html{overflow-y:scroll;}
body{margin:0; padding:0; font-size:14px; font-family: 'THSarabunNew', Tahoma, sans-serif; color:#777777; background-color:darkred;}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style-type:none;}

.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none;}

.fl_left, .imgl{float:left;}
.fl_right, .imgr{float:right;}

img{display:block; margin:0; padding:0; border:none;}
.imgl, .imgr{border:1px solid #999999; padding:5px;}
.imgl{margin:0 8px 8px 0; clear:left;}
.imgr{margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{display:block; position:relative; width:960px; margin:0 auto;background-color:white;padding-left:15px;padding-right:15px;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:18px; font-weight:normal; line-height:normal; font-family: 'THSarabunNew', Tahoma, sans-serif; }

/* ----------------------------------------------Generalise------------------------------------- */

#header, #topbar, #homecontent, #imageline, #container, #breadcrumb, #footer{display:block; width:960px;}

/* ----------------------------------------------Header------------------------------------- */

#header{padding:20px 0; border-bottom:1px dotted #999999;}
#header .fl_left{display:block; float:left; width:300px;margin-left:15px;}
#header .fl_left h1, #header .fl_left p{margin:0; padding:0; line-height:normal;}
#header .fl_left h1{font-size:30px;}
#header h1 a{color:#666666; background-color:#FFFFFF;}

/* ----------------------------------------------Header------------------------------------- */

#topbar{padding:5px 0 0 0;}
#topbar .fl_left p{margin:0 0 6px 0; padding:0;}

/* ----------------------------------------------Homepage Intro------------------------------------- */

#intro{display:block; width:900px; margin:5px 0 0 0; padding:30px; color:#666666; background-color:#F0F0F0; font-family: 'THSarabunNew', Tahoma, sans-serif; }
#intro a{color:#C80000; background-color:#F0F0F0;}
#intro .fl_left{display:block; float:left; width:360px;}
#intro .fl_right{display:block; float:right; width:500px;}
#intro .fl_right h2, #intro .fl_right ul, #intro .fl_right p{margin:0; padding:0; list-style:none; line-height:normal;}
#intro .fl_right h2{font-size:22px; font-weight:bold; margin:10px 0;}
#intro .fl_right p{line-height:1.6em; font-size:18px;}

/* ----------------------------------------------Homepage Content------------------------------------- */

#homecontent{padding:30px 0 25px 0;}
#homecontent ul{display:inline; margin:0; padding:0; list-style:none;}
#homecontent li{display:block; float:left; width:290px; margin:0 45px 0 0;}
#homecontent li.last{margin-right:0;}
#homecontent h2{margin-bottom:15px;text-align:center;}
#homecontent p{margin:0 0 20px 0; line-height:1.4em;font-size:16px;}
#homecontent p.readmore{margin-bottom:5px;}
#homecontent p.readmore a{margin-bottom:0; padding:5px 15px; font-weight:bold; line-height:normal; color:#C80000; background-color:#F0F0F0;}
#imageline{padding:0 0; border-top:1px dotted #999999;}
#imageline ul{display:inline; margin:0; padding:0; list-style:none;}
#imageline li{display:block; float:left; margin:0 10px 0 0; padding:4px; border:1px solid #999999;}
#imageline li.last{margin-right:0;}

/* ----------------------------------------------Content------------------------------------- */

#container{padding:30px 0; line-height:1.4em;}
#container a{color:#C80000; background-color:#FFFFFF;}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:15px; padding-bottom:8px; border-bottom:1px dotted #CCCCCC;}
#content{display:block; float:left; width:630px;}

/* ----------------------------------------------Footer------------------------------------- */

#footer{padding:30px 0; border-top:1px dotted #999999;}
#footer a{color:#C80000; background-color:#FFFFFF;}
#footer h2, #footer p, #footer ul, #footer a{margin:0; padding:0; font-weight:normal; list-style:none; line-height:normal;}
#footer h2{font-size:18px; font-weight:normal; margin-bottom:10px; padding-bottom:8px; color:#999999; background-color:#FFFFFF; border-bottom:1px dotted #999999;}
#footer li{margin-left:5px;margin-bottom:5px;}
#footer .footbox{display:block; float:left; width:280px; margin:0 15px 0 15px; padding:10px;}
#footer .last{margin:0;}

/* ----------------------------------------------Copyright------------------------------------- */

#copyright{display:block; width:940px; padding:10px;}
#copyright, #copyright a{color:#666666; background-color:#F6F6F6;}
#copyright p{margin:0; padding:0;}

/* ----------------------------------------------Custom------------------------------------- */
.fill_underline{text-decoration:underline;}
.fill_bold{font-weight:bold;}
.size_16{font-size:16px;}
.size_18{font-size:18px;}
.text_center{text-align:center;}
.text_left{text-align:left;}
#textintro {font-size:16px;text-align:center; width:380px;}
#header h2{font-size:20px;font-weight:bold;color:darkred;text-align: center;}
#intro .fl_right h1{font-size:20px; font-weight:bold; margin:10px 0;color:darkred;}
#intro p#contact_text {margin-top:15px;font-size:18px;font-weight:bold;color:#ee0001;text-align:center;}
#intro p.contact_detail,#intro p.contact_detail a {margin-top:0px;font-size:18px;color:#ee0001;text-align:center;}
#footer p#notice {margin:25px 0 10px 0; font-size:15px;}
#footer ul {list-style-type: square;}
#footer h2 {color: #D53D3D;}
#footer h2 a{color: #D53D3D;}
#footer a{color:#B27149;}
h1#header_name {text-align:center;}
#homecontent h2{color:darkred;font-weight:bold;}
p.readmore{text-align:right;}
#imageline p#menulist,p#aboutus {margin-bottom:10px; padding-top:3px; font-size:18px;color:white; background-color:darkred; }
#imageline li{text-align:center;font-size:16px;margin:3px 0 3px 0;}
#imageline a{color:white;}
.foodname{display:block;padding-top:5px;color:darkred;}
.icon_contact {width:35px;display:inline;vertical-align: middle;}
img.qrcode{width:160px;margin:0 auto;}
#intro .fl_right h2.text_promote{font-size:18px;}
#intro .h1_text h1{text-align:center;padding:5px; font-size:24px; font-weight:bold; color:red;text-decoration:underline;}
h3.promotext {font-size:32px;font-weight:bold;text-align:center;color:red;background-color:yellow;}
/* ----------------------------------------------divtable------------------------------------- */
#intro .divtable_bg{background-color:orange;border-radius:10px;padding:8px;width:920px;}
.tablelist{border:1px solid darkred;background-color:white;}
.tablelist ul{list-style-type:decimal;}
.tablelist>tr:not(:last-child){border-bottom:1px solid darkred;}
.divtable_header{text-align:center;font-size:1.4em;font-weight:bold;color:brown;}
.divtable_footer{text-align:center;font-size:1.10em;font-weight:bold;color:black;}
.table_headtext{font-size:1.4em;font-weight:bold;color:darkred;vertical-align:middle;}
.headpicturemenu{border:1px solid white;border-radius:5px;}
/* ----------------------------------------------button price------------------------------------- */
.wrap_img {
	  /* force the div to properly contain the floated images: */
	  position:relative;
	  float:left;
	  clear:none;
	  overflow:hidden;
	  text-align:center;
	}
.buttonbg_price{position:relative;z-index:1;width:300px;}
.img_desc_opacity{opacity:0.4;}
.button_text{
	  position:absolute;
	  width:100%;
	  top:35%;
	  left:0;
	  z-index:2;
	  text-align:center;
	  font-size:1.6em;
	  font-weight:bold;
	  color:darkred;
	  }
	  
/* ----------------------------------------------contant page------------------------------------- */
#contact_div {width:380px;text-align:center;background-color:orange;padding:5px;}
#map_div {height:380px;width:380px;}
#homecontent li.dec{float:none;}
/* ----------------------------------------------music page------------------------------------- */
div.box_music{min-height:380px;
padding:5px;
border:2px solid darkred;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 4px 4px 2px #888888;
text-align:center;}

.music_text_span {width:300px; margin:15px 0 15px 0;}

.music_text_span img {
height:200px;
display:inline;
margin:10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid gray;
}

div.box_music h1{
margin:5px 5px 5px 5px;
font-size:20px;
font-weight:bold;
color:darkred;
background-color:orange;
padding:18px;
}

div.box_music span.text_music{
display:block;
text-align:center;
font-size:18px;
color:darkred;
padding:25px;
}

span.text_music a{
color:darkred;
}

#text_footer p	{
margin-bottom:10px; padding-top:3px; font-size:18px;color:white; background-color:darkred;
}

span#special_offer	{
color: red;
background-color:yellow;
font-size:24px;
font-weight:bold;
padding:15px;
}