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

/*------------------------------------*
Reset
*------------------------------------*/
* {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

@font-face {
    font-family: 'pslxdisplayregular';
    src: url('pslxdisplay-webfont.eot');
    src: url('pslxdisplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('pslxdisplay-webfont.woff2') format('woff2'),
         url('pslxdisplay-webfont.woff') format('woff'),
         url('pslxdisplay-webfont.ttf') format('truetype'),
         url('pslxdisplay-webfont.svg#pslxdisplayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'thai_sans_literegular';
    src: url('thaisanslite_r1-webfont.eot');
    src: url('thaisanslite_r1-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaisanslite_r1-webfont.woff2') format('woff2'),
         url('thaisanslite_r1-webfont.woff') format('woff'),
         url('thaisanslite_r1-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	margin:0px;
	padding:0px;
	font-size:20px;
	letter-spacing:0.05em;
	line-height:1.4em;
	color:#414042;
	background-image:url(../images/home/tail-top.png);
	}

body,td,th {
	font-family: "pslxdisplayregular";
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
	color: #777;
	opacity:0.8;
}
a:active {
	text-decoration: none;
	color: #333;
}

img{
	border:0;
}

.img_icon{
	vertical-align:middle;
	border-right:10px;
	margin-top: -12px;
}

.clear{
	clear:both;
}

.img_link:hover{
	opacity:0.7;
}

/*-----------------------------------------*
	Wrapper
*------------------------------------------*/
.body_wrapper{
	width:100%;
	height:100%;
	margin:0 auto;
	background-image:url(../images/home/bg-head.png);
}

.header_wrapper{
	width:980px;
	margin:0 auto;
}

.footer_wrapper{
	width:980px;
	margin:0 auto;
	background-color:#FFFFFF;
}

.wrapper_content{
	width:980px;
	margin:0 auto 20px auto;
	background-color:#FFFFFF;
}

.wrapper_slide{
	width:980px;
	height:370px;
	margin:10px auto;
	background-color:#FFFFFF;
}

/*-----------------------------------------*
	Header
*------------------------------------------*/
.header_area{
	width:980px;
	height:30px;
	margin:0px auto 0 auto;
}

.header_social{
	float:right;
	width:160px;
	font-size:24px;
	line-height:1.5em;
	margin-top:30px;
}

.header_tel{
	float:left;
	width:180px;
	font-size:24px;
	line-height:1.5em;
	margin-top:30px;
}

.header_menu_area{
	position:relative;
	width:960px;
	padding:10px 10px 10px 10px;
	height:220px;
	background-image:url(../images/home/bg-menu-2.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	margin:0 auto;
}

.header_menu_item_left{
	float:left;
	text-align:left;
	margin-top:50px;
}

.header_icon_right{
	float:right;
	width:20px;
	height:20px;
	margin:98px 3px 0 3px;
	background-image:url(../images/home/bullet-menu.png);
	background-repeat:no-repeat;
	background-position:center;
}

.header_icon_left{
	float:left;
	width:20px;
	height:20px;
	margin:98px 3px 0 3px;
	background-image:url(../images/home/bullet-menu.png);
	background-repeat:no-repeat;
	background-position:center;
}

.header_item4{
	width:130px;
	margin-right:10px;
	background-image:url(../images/home/head_menu_4_contact.png);
	background-repeat:no-repeat;
	background-position:center top;
	height:45px;
	float:right;
	text-align:center;
	margin-top:81px;
}

.header_item4:hover{
	background-image:url(../images/home/head_menu_4_contact_h.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_item3{
	width:140px;
	margin-right:5px;
	height:45px;
	float:right;
	text-align:center;
	margin-top:85px;
	background-image:url(../images/home/head_menu_2_aboutus.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_item3:hover{
	background-image:url(../images/home/head_menu_2_aboutus_h.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_item2{
	float:left;
	width:160px;
	height:45px;
	text-align:center;
	margin-top:81px;
	background-image:url(../images/home/head_menu_3_payment.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_item2:hover{
	background-image:url(../images/home/head_menu_3_payment_h.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_item1{
	float:left;
	width:130px;
	height:45px;
	text-align:center;
	margin-top:85px;
	background-image:url(../images/home/head_menu_1_home.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_item1:hover{
	background-image:url(../images/home/head_menu_1_home_h.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.header_index{
	width:200px;
	height:70%;
	float:right;
}

/*-----------------------------------------------*
	Footer
-------------------------------------------------*/
.footer_link_box{
	width:140px;
	float:right;
	color:#333;
	list-style-type:circle;
	margin-top:20px;
	margin-right:15px;
	font-size:16px;
	line-height:1.2em;
}

.copy_box{
	width:980px;
	font-size:14px;
	text-align:center;
	margin-top:20px;
}

.footer_contact{
	float:left;
	margin-top:20px;
	margin-left:10px;
	color:#F15A29;
	line-height:1em;
	font-size:16px;
}

/*-----------------------------------------------*
	Body
-------------------------------------------------*/
.content_left{
	float:left;
	width:240px;
}

.content_right{
	float:left;
	margin-left:10px;
	width:730px;
}

.footer_line{
	width:100%;
	height:5px;
	margin:10px auto;
	background-image:url(../images/home/line-footer.png);
	background-repeat:repeat-x;
	background-position:center;
}

.content_nav{
	width:950px;
	padding:5px 10px;
	font-size:16px;
	margin:10px auto;
	border: #CCC solid 1px;
}

.content_title{
	width:730px;
	height:45px;
	margin:10px auto;
	background-image:url(../images/home/bg-title.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	text-align:center;
	font-weight:bolder;
	font-size:36px;
}

/*-----------------------------------------------*
	Table Menu
-------------------------------------------------*/

.menu_table_box{
	width:240px;
}

.menu_head_line{
	width:80%;
	height:5px;
	background-image:url(../images/home/tail-line-2.png);
	background-repeat:repeat-x;
	margin:0 auto;
}

.menu_table_head{
	width:240px;
	height:65px;
	background-image:url(../images/home/cat-top-2.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	margin-top:10px;
	padding-top:10px;
}

.menu_table_body{
	width:240px;
	min-height:50px;
	background-image:url(../images/home/bg-block.gif);
}

.menu_table_bottom{
	background-image:url(../images/home/bg-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	width:240px;
	height:40px;
}

.menu_table_line{
	width:80%;
	height:3px;
	background-image:url(../images/home/table-line.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0 auto;
}

.menu_table_item{
	height:33px;
	margin-top:5px auto 0 auto;
	background-repeat:no-repeat;
	background-position:center top;
}

.menu_table_1200{
	margin-top:-5px;
	background-image:url(../images/home/table-1200.png);
}

.menu_table_1200:hover{
	background-image:url(../images/home/table-1200-h.png);
}

.menu_table_1300{
	background-image:url(../images/home/table-1300.png);
}

.menu_table_1300:hover{
	background-image:url(../images/home/table-1300-h.png);
}

.menu_table_1400{
	background-image:url(../images/home/table-1400.png);
}

.menu_table_1400:hover{
	background-image:url(../images/home/table-1400-h.png);
}

.menu_table_1500{
	background-image:url(../images/home/table-1500.png);
}

.menu_table_1500:hover{
	background-image:url(../images/home/table-1500-h.png);
}

.menu_table_1700{
	background-image:url(../images/home/table-1700.png);
}

.menu_table_1700:hover{
	background-image:url(../images/home/table-1700-h.png);
}

.menu_table_1800{
	background-image:url(../images/home/table-1800.png);
}

.menu_table_1800:hover{
	background-image:url(../images/home/table-1800-h.png);
}

.menu_table_2000{
	background-image:url(../images/home/table-2000.png);
}

.menu_table_2000:hover{
	background-image:url(../images/home/table-2000-h.png);
}

.menu_table_2200{
	background-image:url(../images/home/table-2200.png);
}

.menu_table_2200:hover{
	background-image:url(../images/home/table-2200-h.png);
}

.menu_table_2500{
	background-image:url(../images/home/table-2500.png);
}

.menu_table_2500:hover{
	background-image:url(../images/home/table-2500-h.png);
}

.menu_table_3000{
	background-image:url(../images/home/table-3000.png);
}

.menu_table_3000:hover{
	background-image:url(../images/home/table-3000-h.png);
}

/*-----------------------------------------------*
	Other service
-------------------------------------------------*/

.menu_service_box{
	width:240px;
	margin-top:10px;
}

.menu_service_head{
	width:240px;
	height:60px;
	padding-top:15px;
	background-image:url(../images/home/cat-top.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
}

.menu_service_body{
	width:240px;
	min-height:100px;
	background-image:url(../images/home/bg-block-cart.gif);
}

.menu_service_bottom{
	width:240px;
	height:40px;
	background-image:url(../images/home/bg-bottom-cart.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.menu_service_head_line{
	width:80%;
	height:5px;
	margin:0 auto;
	background-image:url(../images/home/menu-service-head-line.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.menu_service_line{
	width:80%;
	height:3px;
	margin:0 auto;
	background-image:url(../images/home/line-service.png);
	background-repeat:repeat-x;
	background-position:center;
}

.menu_service_item{
	width:200px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center top;
}

.menu_service_item1{
	height:32px;
	background-image:url(../images/home/service-drink.png);
}

.menu_service_item1:hover{
	background-image:url(../images/home/service-drink-h.png);
}

.menu_service_item2{
	height:113px;
	background-image:url(../images/home/service-other.png);
}

.menu_service_item2:hover{
	background-image:url(../images/home/service-other-h.png);
}

.menu_service_item3{
	height:32px;
	background-image:url(../images/home/add-portfolio.png);
}

.menu_service_item3:hover{
	height:32px;
	background-image:url(../images/home/add-portfolio-h.png);
}

.menu_service_item4{
	height:32px;
	background-image:url(../images/home/add-article.png);
}

.menu_service_item4:hover{
	height:32px;
	background-image:url(../images/home/add-article-h.png);
}

.menu_service_item5{
	height:32px;
	background-image:url(../images/home/add-faq.png);
}

.menu_service_item5:hover{
	height:32px;
	background-image:url(../images/home/add-faq-h.png);
}

/*-----------------------------------------------*
	Facebook likebox
-------------------------------------------------*/
.facebook{
	width:240px;
	height:500px;
	margin-top:10px;
}

/*-----------------------------------------------*
	Featured menu
-------------------------------------------------*/
.menu_title{
	width:730px;
	height:50px;
	text-align:center;
	font-size:36px;
	font-weight:bolder;
	margin-top:10px;
	background-image:url(../images/home/line-footer.png);
	background-repeat:repeat-x;
	background-position:bottom center;
}

.menu_title_icon{
	background-image:url(../images/home/bullet-menu.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin-top:15px;
}

.menu_box{
	width:230px;
	height:360px;
	float:left;
	margin:10px 6px 0px 6px;
}

.menu_photo_box{
	width:230px;
	height:230px;
}

.menu_photo_line{
	width:230px;
	height:5px;
	margin-top:5px;
	background-image:url(../images/home/featured-menu-line.gif);
	background-repeat:repeat-x;
	background-position:center;
}

.menu_price_tag{
	position:absolute;
	width:230px;
	height:92px;
	margin-top:-46px;
	background-image:url(../images/home/bg-price.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.menu_price_tag:hover{
	width:230px;
	height:92px;
	background-image:url(../images/home/bg-price.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.menu_price_text{
	color:#FFFFFF;
	font-size:48px;
	width:92px;
	height:60px;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	font-weight:bolder;
	letter-spacing:0.001em;
}

.menu_price_text:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.menu_price_unit{
	font-size:20px;
	text-align:center;
	margin-top:-5px;
	font-weight:500;
}

.menu_name{
	position:relative;
	width:220px;
	padding:5px;
	color:#787777;
	font-size:24px;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:45px;
}

/*-------------------------------*
	News
-------------------------------*/
.news_area{
	width:730px;
	margin:0 auto;
	min-height:500px;
}

.news_content{
	width:700px;
	margin:0 auto;
}