@charset "utf-8";
body {
	/*font-family: 'Ubuntu', sans-serif;*/
	font-family: 'franklingothic-book';
	font-size: 15px;
	line-height: 18px;
	color: #1a303d;
	/*background-image: url(../images/bg.jpg);*/
	background-position:center top;
	background-color:#e7c71e;
	/*
	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: 'Veneer';
    src: url('../font/Veneer.woff2') format('woff2'),
         url('../font/Veneer.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



#header, #content{
	margin:0 auto;
}
#footer{
	margin:10px auto;
}
a.tel{
    font-family: 'Veneer';
	font-size: 60px;
	line-height: 40px;
	color: #1a303d;
	text-decoration: none;
}
a:hover.tel{
	color: #1a303d;
	text-decoration: none;
}
a.linkWhite{ color: #1a303d;}
a:hover.linkWhite{ color: #1a303d; 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;
}
#bgTopNav{ position: absolute; margin: 0px 0 0 0px; padding: 0; z-index: 97; background-image: url('../images/bgTopNav.jpg'); height: 100px; width: 100%; background-size: 100%;}
.menucatering{position: absolute; margin: 50px 0 0 150px; z-index: 98; font-family: 'Veneer'; color: #1a303d; font-size: 30px;}
.menucatering a{ color: #1a303d; text-decoration: none;}
.menucatering a:hover{ color: #1a303d; text-decoration: none;}
.logo{z-index: 999; margin:0px 0 0 0px; position: absolute; width: 140px;}
.navLR{
	margin:0 15px;
}
.price{
	font-size:14px;
	color:#f6c27a;
}
.txtGold{
	color:#f6c27a;
}

/****************** NEW ***********************/
h1.abouth1{ font-family: 'Veneer'; color: #1a303d; font-size: 130px; line-height: 100px;}
h2.abouth2{ font-family: 'Veneer'; color: #1a303d; font-size: 40px; line-height: 30px;}
#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: 50px 0 0 0; right: 125px; height: 52px; z-index: 999; position: absolute;}
.btBookingOnlineT{margin:100px 0 0 0; right: 125px; top: 0; z-index: 999; position: absolute; }
.lineNavBlue{ display:none;	 background-color: #b5904b;}
.lineNavBlueshow{ height: 2px; background-color: #b5904b; margin-top: 5px; }
.lineNavGold{ height: 5px; background-color: #b5904b;}
.bgUs{ margin: 0; background-repeat: repeat-x; padding-top: 100px;}
.connectMainImg{ margin-top: -103px;}
.coninnerLR{ padding:0 30px;}
.spcLus{padding-left: 100px;}

.bgMenu{background-color: #19303d }
.bgMenu2{background-image: url(../images/bgMenu.png); background-size: 70%; padding: 90px 0;  background-position: center; background-repeat: no-repeat; color: #FFF; }
.bgGallery{background-image: url(../images/bgGallery.jpg); background-size: 100%; background-position: bottom center; padding-top: 300px; }
/*.bgContact{background-image: url("../images/bgContact.png"); background-position: bottom center; background-repeat: repeat-x;}*/
.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: 35px; margin:0 0 0 1060px; position:fixed; z-index: 99; width: 50px;}
	.widthnav{width:100%; height: 100%; padding: 20px 0 200px 0; right: 0; }
	/*.widthnavInner{ padding: 0 0 0 920px;}*/
	.bgNavSlide{position:fixed; margin-top: 0px; z-index: 90; background-image: url(../images/bgNavTop.png); width: 30%; padding: 100px 0 0 50px; font-family: 'Veneer'; color: #1a303d; font-size: 30px; line-height: 50px;}
.navTopMenu a{color: #1a303d; text-decoration: none;}
.navTopMenu a:hover,.navTopMenu a:active {color: #FFF; text-decoration: none;}
	.logoS{ margin: 0 0 0 -200px; }
	.navTopNormal{margin-bottom: 20px;}
	.txtBlue{ color:#238cc1;}
	.txtRed{color: #d63f23;}
	.tiMenu{margin-top: 15px; margin-bottom: 70px;}
	.txtTitle {/*font-family: 'Noto Serif TC', serif;*/font-family: 'Veneer'; font-size: 60px; line-height: 60px; }
	.txtTitleHeader {/*font-family: 'Noto Serif TC', serif;*/font-family: 'Veneer'; font-size: 60px; font-size: 30px; line-height: 60px;}
	.txtWhite{color:#FFF;}
	.firstGallery{width: 601px; height: 184px;cursor:pointer; margin-top: -184px; opacity: 0;  filter: alpha(opacity=0); }
	.icoNavSet{width: 30px; margin: 0 20px 20px 0;}
	.icoNavSet2{width: 30px; margin: 0px 0px 20px 0;}
	.icoNavSetContact{width: 40px; margin: 0px 20px 20px 0;}
	.txtContact{font-size: 25px; line-height: 30px;}
	/*.icoNavSet3{width: 40px; margin: 10px 20px 10px 0;}
	.icoDown{position: absolute; z-index: 50; margin: -140px 0 0 -80px; cursor: pointer;  width:204px; }*/
#morediv{ position: absolute; z-index: 88;  left: 0;   right: 0;  margin-left: auto;  margin-right: auto; bottom: 35px; cursor: pointer; width: 130px; color: #444035; -webkit-text-stroke: 1px #444035; letter-spacing: 1px; /* width and color */}
	.closeAbout{position: absolute; margin-left: -40px;}
	.hightAbout{height: 1050px;}
	.galSection{margin: 0; padding: 0;}
.boxCon1{color: #1a303d; padding: 10px 30px;}
.boxCon2{color: #1a303d; padding: 10px 30px;}
.HiBox2{height: 90px;}
	.clrMrPd{ padding: 0; margin: 0; }
	.txtAbout{ padding: 0 25px;}
	.txtGallery{width:100%;}
	.btMenuAll{width: 80%;}
	.bgArrowFoot{width: 100px;}

/****************** 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: auto !important; }
	.fill {
		width: 100%;
		height: 100%;
  		background-position: 40% 50%;
		/*background-position: 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;
}



/*************** Little B Addon ******************/
.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 */}
/*************** End Little B Addon ******************/


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



/* 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 */