@charset "utf-8";
body {
	/*font-family: 'Ubuntu', sans-serif;*/
	/*font-family: 'franklingothic-book';*/
	font-family: 'Roboto-Regular';
	font-size: 1.6em;
	line-height: 18px;
	color: #000;
	/*background-image: url(../images/bg.jpg);*/
	background-position:center top;
	background-color:#EEE;
	/*
	background-repeat:repeat-x;
	background-attachment: fixed;*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
@font-face {
    font-family: 'wichita_serial-regular';
    src: url('../font/wichita_serial-regular-webfont.woff2') format('woff2'),
         url('../font/wichita_serial-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'franklingothic-book';
    src: url('../font/franklingothic-book-webfont.woff2') format('woff2'),
         url('../font/franklingothic-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../font/RobotoCondensed-Regular.woff2') format('woff2'),
         url('../font/RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../font/RobotoCondensed-Bold.woff2') format('woff2'),
         url('../font/RobotoCondensed-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CheapPineSans';
    src: url('../font/CheapPineSans.woff2') format('woff2'),
         url('../font/CheapPineSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




#header, #content{
	margin:0 auto;
}
#footer{
	margin:10px auto;
}
a.tel{
	color: #000;
	text-decoration: none;
}
a:hover.tel{
	color: #70cbd2;
	text-decoration: none;
}
a.linkWhite{ color: #FFF;}
a:hover.linkWhite{ color: #FFF;	text-decoration: underline;}
#contentInner{
	padding:0 20px 20px 20px;
}
#bgNav{
	background-image:url(../images/bgNav.png);
	height:32px;
	margin:79px 0 0 0;
}
#mins{
	width:60px;
	float:left;
}
#price{
	width:70px;
	float:left;
	font-size:14px;
	color:#f6c27a;
}
#name2{
	width:75%;
	float:left;
	font-size:14px;
	color:#f6c27a;
	padding:10px 0 0 0;
}
#mins2{
	width:15%;
	float:left;
	padding:10px 0 0 0;
}
#price2{
	width:10%;
	float:left;
	font-size:14px;
	color:#f6c27a;
	padding:10px 0 0 0;
}
#con50{
	width:50%;
	float:left;
}
#con70{
	width:65%;
	float:left;
	padding:0 0 0 5%;
}
#con30{
	width:30%;
	float:left;
}
#lineGold{
	border-bottom:1px dashed #f6c27a;
	margin:20px 0 0 0;
}
.txtNormal{
	font-size:12px;
	color:#FFF;
}
#nav .tel a{
	font-size:38px;
	color:#f6c27a;
	text-shadow: 2px 2px #181819;
	font-weight:bold;
	line-height:28px;
}
#nav .tel a:hover{
	font-size:38px;
	color:#f6d6ab;
	text-shadow: 2px 2px #181819;
	font-weight:bold;
	line-height:28px;
}
.tel-top{
	 width:52px;
}
.logo{z-index: 999; margin:-40px 0 0 350px; position: absolute; width: 190px; }
.navLR{
	margin:0 15px;
}
.price{
	font-size:14px;
	color:#f6c27a;
}
.txtGold{
	color:#f6c27a;
}

/****************** NEW ***********************/
#bkk_bgHeader{
	/*background-image: url(../images/bgHeader.jpg);
	background-repeat: repeat-x;
	height: 50px;*/
}
#bgLiveBrand h2, #bgWhaton h2, #bgBooking h2, #bgBookingAlert h2{	
	font-weight: bold;
	font-size: 30px;
}
#bgLiveBrandWhite, #bgWhatonWhite, #bgBookingWhite, #bgAboutWhite, #bgBookingWhiteAlert{
	position:fixed;
	background-color: #d5472d;	color: #FFF;
	z-index: 9998;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;	
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
}
#bgLiveBrand, #bgWhaton, #bgBooking, #bgAbout, #bgBookingAlert{	
	/*background-color: #FFF;*/
	position:absolute;
	color:#000;
	/*top:0;*/
	left: 0;
	z-index: 9999;
	width: 100%;

}
#closLiveBrand, #closWhaton, #closBooking, #closBookingAlert{ right:10px; top:10px; position:fixed; width: 58px; z-index: 99;}
.spcLRicon{
	position: absolute;
	z-index: 99;
}
.br1, .br2, .br3, .br4{
	display:none;
}	
.hide1, .hide2, .hide3, .hide4 { display:inherit; }
.setNav{width: inherit;}
/*.btOrderOnlineT{margin: -28px 0 0 0; right: 190px;}*/
.btOrderOnlineT{margin: 10px 0 0 0; right: 115px; top: 0; cursor:pointer; z-index: 100; position: absolute; width: 93px;}
.btBookingOnlineT{margin:10px 0 0 0; right: 210px; top: 0; cursor:pointer; z-index: 99; position: absolute; width: 93px; }
.lineNavBlue{ display:none;	 background-color: #b5904b;}
.lineNavBlueshow{ height: 2px; background-color: #b5904b; margin-top: 5px; }
.lineNavGold{ height: 5px; background-color: #b5904b;}
.bgUs{ margin: 0; padding: 100px 0; background-image: url("../images/bgUs.jpg"); background-size: 100%; color: #25408f;}
.connectMainImg{ margin-top: -103px;}
.coninnerLR{ padding:0 30px;}
.spcLus{padding-left: 100px;}

.bgMenu{background-image: url(../images/bgMenu.jpg); background-position: top center; background-size: 75%; color: #000; padding-bottom: 100px;}
.bgGallery{background-image: url(../images/bgGallery.jpg); background-position: top center; background-size: 100%; padding-bottom: 80px;}
.bgContact{background-image: url("../images/bgContact.jpg"); background-position: top center; background-size: 110%; margin-top: -55px; padding-top: 60px;}
.btMenuC{margin-top: -50px;}
.bgArrow{margin-top: 35px;}
.bgArrowGallery{margin-top: 0;}

.txtmain2{margin-top: 90px;}
.txtmain3{margin-top: -10px;}
.txtmain4{margin: -100px 0 0 -250px;}
.txtmain5{margin: 0 0 0 -200px;}
.txtmain6{margin: 200px 0 0 0px;}
.txtmain7{margin: 200px 0 0 0px;}

.wf-txtmain2{margin: 150px 0 0 150px;}
.wf-txtmain3{margin: 150px 0 0 0px;}
.wf-txtmain4{margin: 200px 0 0 -670px;}



.bgGal{ width:100%; }
.galset1{margin: 0; padding: 0 0 0 15px;}
/*.galset2{margin: -7px 0 0 0; padding: 0 0 0 0;}
.galset3{margin: -7px 0 0 0; padding: 0;}
.galset4{margin: 0; padding: 0 15px 0 0;}*/
.lb-prev{margin-left: 10px;}
.lb-next{margin-right: 10px;}

.txtContactUs{ font-size:20px; padding: 50px; line-height: 22px;}
.heightcontact{ height: 100px;}

.imgwhaton{ width: 90%;}

.footer{ color:#000; font-weight: bold; padding: 30px 0;}

.boxRegister{ background-color: #FFF; color: #000; font-size: 14px; border: 0; padding: 10px; margin: 10px 3px 3px 3px; width: 100%; border-radius: 5px;}
.boxRegisterNormal{ background-color: #FFF; color: #000; font-size: 14px; border: 0; padding: 3px; margin: 3px;}
.txtBoxForm{position: absolute; color: #FFF; font-size: 14px; margin: 5px 0 0 5px;}

.txtComplete{color:#559c0f;}
/*.btMenu{ background-image: url(../images/btMenu.png); width: 228px; height: 227px; padding: 80px 0 0 0; margin: 10px auto 30px auto; color: #000; font-size: 36px; line-height: 36px; font-weight: bold; text-align: center;}*/
.txtBranch{font-size: 30px; padding-bottom: 50px; line-height: 30px; text-shadow: #FFF 1px 1px 5px;}
	.burger{ top: 60px; margin:0 0 0 1060px; position:fixed; z-index: 99; width: 93px;}
	.widthnav{width:45%; height: 100%; padding: 20px 0 200px 0; right: 0; }
	.widthnavInner{ padding: 0 0 0 10%;}
	.logoS{ margin: 0 0 0 -200px; }
	.navTopNormal{margin-bottom: 20px;}
	.txtBlue{ color: #25408f;}
	.txtRed{color: #d63f23;}
	.tiMenu{margin-top: 15px; margin-bottom: 70px;}
	.txtTitle {/*font-family: 'Noto Serif TC', serif;*/font-family: 'wichita_serial-regular'; font-size: 20px; line-height: 22px; }
	.txtTitleHeader {/*font-family: 'Noto Serif TC', serif;*/font-family: 'wichita_serial-regular'; font-size: 20px; font-size: 30px; line-height: 34px;}
	.txtWhite{color:#FFF;}
	.firstGallery{width: 601px; height: 184px;cursor:pointer; margin-top: -184px; opacity: 0;  filter: alpha(opacity=0); }
	.icoNavSet{width: 75px; margin: 20px 10px 20px 0px;}
	.icoNavSet2{width: 85px; margin: 10px 20px 0 0;}
	.icoNavSet3{width: 40px; margin: 10px 20px 10px 0;}
	/*.icoDown{position: absolute; z-index: 50; margin: -140px 0 0 -80px; cursor: pointer;  width:204px; }*/
#moredivN{ background-image: url('../images/morediv.png'); position: absolute; z-index: 90;  left: 0;  right: 0;  margin-left: auto;  margin-right: auto;  margin-top: -95px; cursor: pointer; width: 145px; height: 145px; color: #25408f; /*-webkit-text-stroke: 1px #444035; letter-spacing: 1px;*/ }
	.closeAbout{position: absolute; margin-left: -40px;}
	.hightAbout{height: 1050px;}
	.galSection{margin: 0; padding: 0;}
.boxCon1{background-color: #d5472d; color: #FFF; padding: 10px 30px;}
.boxCon2{background-color: #77b58c; color: #000; padding: 10px 30px;}
.HiBox2{height: 90px;}

/****************** NEW ***********************/




	.navbar{background: #2A0405;}
	.navbar-default .navbar-toggle{border-color:#e9dca1; background-color:#ead895;}
	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#7d3b45;}
	.navbar-default .navbar-toggle .icon-bar{background-color:#7d3b45}
	.navbar-default .navbar-toggle:hover .icon-bar{background-color:#e9dca1}
	.navbar-default .navbar-toggle:focus .icon-bar{background-color:#e9dca1}
	.navbar-default .navbar-nav>li>a{color:#FFF; padding:10px 15px; text-transform: uppercase; border-bottom:1px #FFF solid;}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#7d3b45; background-color:#e9dca1;}

	
	.carousel-caption{top:100px;}

		.carousel-fade .carousel-inner .item {
		  opacity: 0;
		  -webkit-transition-property: opacity;
		  -moz-transition-property: opacity;
		  -o-transition-property: opacity;
		  transition-property: opacity;
		}
		.carousel-fade .carousel-inner .active {
		  opacity: 1;
		}
		.carousel-fade .carousel-inner .active.left,
		.carousel-fade .carousel-inner .active.right {
		  left: 0;
		  opacity: 0;
		  z-index: 1;
		}
		.carousel-fade .carousel-inner .next.left,
		.carousel-fade .carousel-inner .prev.right {
		  opacity: 1;
		}
		.carousel-fade .carousel-control {
		  z-index: 2;
		}
	html,body {    height: 100%;}
	.carousel,.item,.active {   height: 100%;}
	.carousel-inner {   height: 100%;}
	/* Background images are set within the HTML using inline CSS, not here */
	.carousel-control, .carousel-indicators, .carousel{  max-height: 95% !important;}
	.fill {
		width: 100%;
		height: 100%;
  		/*background-position: 40% 50%;*/
		background-position: top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	footer {
		margin: 50px 0;
	}





 .home-pro{
	padding:104px 0 0 45px;
}
.home-welcome{
	padding:0 250px 0 0;
}
.welcome{
	padding-top:10px;
}
.show-mobile{
	display:none;
}
.show-mobile img.imgnotshow{
	height:1px;
}
.hide-tablet{
	display:inherit;
}
.show-tablet{
	display:none;
}



/*************** BangkokSnap Addon ******************/
h2.h2ti, h2.h2tiRed{ font-family: 'CheapPineSans'; color: #23408f; font-size: 3em; margin: 0; padding: 0; line-height: .9em; }
h2.h2tiRed{  color: #b32017; line-height: 0.9em; }
.allUppercase{ text-transform: uppercase; }
.navset2spc{ margin-right: 25px;}
#navset2{position:fixed; width: inherit; text-align: left; margin-top: 0px; z-index: 98; background-color: #d5472d; color: #FFF; padding: 3px;    opacity: 0.90;    filter: alpha(opacity=90); /* For IE8 and earlier */}
.bgTop{ height: 50px; width: 100%; background-image:url("../images/bgTop.jpg");}
.halal{position: absolute; margin: -43px 0 0 93%; z-index: 1000; width: 35px;}
.halal2{margin: 15px 0; width: 60px;}
.navSetMenu, .navSetMenu a{ color: #FFF;  text-decoration: none; font-size: 1.2em; line-height: 1.8em; font-weight: normal; cursor: pointer;}
.navSetMenu a:hover{ color: #bd202d; text-decoration: none; }
.fontRobotoBold{ font-family: 'Roboto'; }
.fontCheapPineSans{ font-family: 'CheapPineSans'; }
.conUs{padding: 0 10px;}
.bgWhite{background-image: url("../images/bgWhite.png"); padding: 20px 100px; }
.logoUs{margin-top: 80px; width:90%;}
.sawadee{width: 75%;}
.ico_Menu, .ico_Menu2{position: absolute; margin: -45px auto 0 auto; left: 47%; width: 92px;}
.ico_Menu2{margin: -100px auto 0 auto;}
.menu-head{margin: 100px 0 50px 0; width: 60%;}
.btMenuContent{ width: 100%;}
ul.ulNormal li{margin-left: 18px; line-height: 1.4em; text-transform: uppercase; font-size: .9em;}
ul.ulNormal{margin:0; padding: 0;}
.imgGallery{ width: 100%;}
.clickGal, .clickGalNormal{position: relative; width: 90px; height: 90px; padding-top: 8px; left: -50%; background-image: url('../images/bgGalleryTi.png'); background-size: 100%; margin-top: 18px; -webkit-text-stroke: .1px; color: #FFF;}
.clickGal a{color: #FFF;}
.clickGalNormal{position: inherit; left: inherit; padding-top: 18px; margin: 10px 0; font-size: 1.1em;}
a.phoneContact, a.backContact{ color: #000; border: 5px solid #ff00ff; border-radius: 25px; -webkit-text-stroke: .5px; padding: 10px 53px; margin: 15px 0; font-size: 1.2em; }
a:hover.phoneContact, a:hover.backContact{ color: #ff00ff; text-decoration: none; }
 a.backContact{ padding: 10px 25px; margin: 0px 0; }
.foot-bt{ width: 90px;}
.bgArrowFoot{width: 90px; cursor:pointer; margin: -40px 0 18px 30px;}
.bgFooter{background-image: url('../images/bgTop.jpg'); background-size: 100%; padding:20px; color: #000;}
.btCloseForm{cursor:pointer; margin: 0 0 15px 35px; position: absolute;}
/*************** End BangkokSnap Addon ******************/


#boxRegister{
	padding-top:5px;
}
.boxRegister{
	margin-left:3px;
}
.borMap{
	border:#CCC 1px solid;
	padding:1px;
}
.txtBlack{
	color:#000;
}
.txtYellow{ color: #fedb00; }



/* Order Online */

.bgOrderOnline{background-image: url(../images/bgUs.jpg);}
.bgH1{	background-color:#70cbd2; border-radius:15px; margin: 0 20px; padding:0 30px; }
#bgFoot{	background-color:#70cbd2;	color:#FFF; }
.txtListMenuResponsive a{ color:#000; text-decoration: none; font-weight: bold;}
.txtListMenuResponsive a:hover{ color:#0d6c73; text-decoration: none;}
.whatonh2{font-family: 'Noto Serif TC', serif; text-transform: uppercase; font-size: 20px; line-height: 24px; text-align: left; font-weight: normal; }
h2.newmenu{
	color:#d5472d;
	font-size:30px;
	text-align:left;
	font-weight:normal;
	margin:0;
	padding:10px 0 0 0;
}
h4.newmenu{
	color:#0d6c73;
	font-size:34px;
	text-align:center;
	font-weight:bold;
	margin:0;
	padding:10px 0 15px 0;
	width:100%;
}
h5.newmenu{
	color:#f1d588;
	font-size:18px;
	padding:0;
	margin:0;
}
#descMenu_new{
	font-size:13px;
	padding:10px 10px 0 10px;
	color:#FFF;
}
.txtPrice_new{
	color:#f1d588;	font-size:16px; font-style:normal; 
}
.bgLightBrown{
	background-image:url(../images/navC.png);
}
.new_menu_img{
	border:1px solid #70cbd2;
	width:90%;
	padding:1px;
	margin:0 0 5px 0;
}
#txtDesc{
	font-size:12px;
	padding:0 0 0 23px;
}
#lineMenuList{
	border-bottom:dashed 1px #CCC;
	margin:3px 0;
	padding:3px 0;
}
.txtCmmt{
	color:#ee7171;
}
.txtBlack{
	color:#333;
}
.txtCatSmall{
	color:#8b1111;
	font-size:12px;
}
.tbTitle{
	color:#FFF;
	background-color:#451f16;
	padding:5px;
	font-size:22px;
}
.tbDesc{
	/* color:#FFF;
	background-color:#FFF; */
	padding:24px;
	border-bottom:dashed 1px #999;
	font-size:22px;
}
.tbDescNew{
	color:#F00;
	background-color:#fba7a7;
	padding:24px;
	border-bottom:dashed 1px #999;
	font-size:22px;
}
.tbDescNew a, .tbDescNew a:hover{
	/*color:#F00;
	font-size:24px;*/
}
.tbL{
	padding-left:3px;
}
.bgMenuSubList{
	color:#FFF;
	background-color:#d5472d;
	padding:5px 0;
}
/*.bg65{
	background-image:url(../images/bgWhite65_C.png);
}*/
.btOrder{
	margin:0 0 0 0;
}
.btOrderNor{
	margin:2px 0 0 0;
}
/*#descMenu{
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
	font-style:italic;
	font-size:12px;
	padding:0 0 16px 0;
}*/
#note{
	padding:20px 0 0 0;
}
#bgCondition{	background-color: #d5472d; color:#FFF; padding: 30px 0 80px 0; margin: 20px; border-radius: 20px; }

 	#stickyheader {
		width: 100%;	margin:0 0 0 0;	z-index:90;	background-image:url(../images/bg-red.png);
     }
	.img100{
		width:100%;
	}
	.imgTop100{
		width:100%;
	}
	.btViewCart{
		margin:-18px 0 0 0;
		position: absolute;
		right: 3px;
	}
	.icoVegGluten{
		padding:10px 0;
		color: #0d6c73;
	}
/* End Order Online */