@import url("jquery.resizeandcrop.css");

body , html {height:auto;}

#branchList{
	height: 637px;
}
#branch #branchList .accordion-inner{
	height: 362px;
	margin-bottom: 4px;
	overflow: auto;
	padding-left: 10px;

}
.accordion-group,.accordion-heading{
	border: none;
}
.accordion-heading .accordion-toggle{
/*	background: url("../images/branch/nav-branch.png") no-repeat scroll 0 0 ;
    color: #F86FAF;*/

    background: url("../images/branch/nav-branch.png") no-repeat scroll 0 -31px ;
    color: #fff;
    display: block;
    height: 26px;
    padding: 5px 0 0 25px;
    width: 184px;
    outline:0px;
}
#branchMap #onlyOnline{font-size: 12px; color: #666; height: 21px;}

.accordion-body .mCustomScrollBox ul li a{
	color: #666;
	display: block;
	text-decoration: none;
}
.accordion-body .mCustomScrollBox ul li a:hover{
	color: #F86FAF;
}
#navBranch h1{
	margin: 0px;
}
.accordion{overflow: hidden;}

.branch-map-cluster {
  background-image: url('../img/markers/marker_count.png');
  width: 44px;
  height: 76px;
  position: relative;
}
.branch-map-cluster span {
  color: #FFFFFF;
  font-family: 'Arial, Helvetica';
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  bottom: 0px;
  display: block;
  width: 44px;
  height: 20px;
  text-align: center;
}

.dd .ddTitle .ddTitleText .ddlabel{
	font-size: 12px;
}

/*#header #top #mnMember{
	display: none !important;
}*/

#shareBox{
  width: 300px;
  float: right;
  z-index: 100;
}
#dishOfDay .orderNows{
/* display: none; */

}
#menuList .img {
  height:150px; overflow: hidden;

}

input[type='text']#inputRecaptcha{float: left; width: 90px;}
.careerform input[type='text']#inputRecaptcha{width: 60px;}
.imagerecaptcha{float: left;}
.imagerecaptcha a{height: 32px; }
.imagerecaptcha img{float: left; }
.icon-refresh{
  background: url("../img/icon-refresh.png") no-repeat scroll center center;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  display: inline-block;
}

#menuListPopup #img img{
  width: 350px;
  overflow: hidden;
}
/*#menuList .addToCart{display: none;}*/
/* #menuList .app{height: 55px;} */

#menuListPopup .addToCart {
  display:block; width:60px; height:30px;
  margin-top:-32px;
  background:url('../img/btn/add-to-cart.png') no-repeat 0 0;
  float: right;
}
#menuListPopup .addToCart:hover {
background-position:0 -30px;
/*   background:url('../img/btn/add-to-cart.png') no-repeat 0 0;	 */
}

#nav a.last{height: 60px;}
/* #nav a{ background: url("../images/bg-menu.png") no-repeat scroll right center ;} */
.fancybox-inner{overflow: hidden !important;}


.lang-en #newsBox .itemRight,.lang-en #promotionBox .itemRight{margin-right: 0px;}


/*.lang-en #mnHome{width: 62px;}
.lang-en #mnMenu{width: 107px;}
.lang-en #mnPromotion{width: 62px;}
.lang-en #mnAbout{width: 106px;}*/




.fancybox-skin #loadingModalResend .modal-header  .close,
.fancybox-skin #loadingModal .modal-header  .close{
  float: right;
}
.fancybox-skin #loadingModalResend .modal-header  h3,
.fancybox-skin #loadingModal .modal-header  h3{
  float: left;
  margin-bottom: 15px;
  font-size: 20px;
  color: #EA5198;
}
.fancybox-skin #loadingModalResend  .modal-body,
.fancybox-skin #loadingModal  .modal-body{
  clear: both;
  text-align: center;
}
.fancybox-skin #loadingModalResend  .modal-body .btnCloseModal,
.fancybox-skin #loadingModal  .modal-body .btnCloseModal{
  margin-top: 20px;
}
/* #bannerTitle{top: 42px;font: 38px/42px 'helvetica_neue';} */
/*#header #top #homeDelivery{padding-top: 13px;}*/
/*#header #top #nav{padding-top: 20px;}*/
#nearByBox #fbLikeBox{margin-top: -2px;position: relative;}
#nearByBox #fbLikeBox .fbiframeBox{
    position: absolute; left: 8%; top: 36%;
	width: 63px; height: 22px; overflow: hidden;
}
#bannerDetail4,#bannerDetail8{left: 270px;}
#tvcBoxList .tvcVdo,#tvcBoxList .tvcPlay{overflow: hidden;}

#menuList .img {
    height: 200px;
    overflow: hidden;
    padding-top: 0;
    position: relative;
}
#menuList .img a{
    display: block;
}
#menuList .img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.departmentList {
    background: url("../images/arrow.jpg") no-repeat scroll right center,url("../images/select.jpg") no-repeat scroll 0 0;
/*     border: 1px solid #aaa; */
    color: #888888;
    float: left;
    font: 14px 'Tahoma';
    overflow: hidden;
    width: 166px;
    height: 40px;
}

#tvcTitle #tvcTimeBar a#yearA0{width: 80px;}

#searchBranchBox #nearBy{margin-top: -1px;}
.pageAbout #feedback .textDescriptionFeedback{
/* 	font-size: 18px; */
font-size:12px;
	line-height: 24px;
}
#menuList .name{min-height: 80px;}


  @-moz-document url-prefix() {
                   #menuList .name{min-height: 79px;
                    }
}



#menuList .item{
  margin-bottom: 25px;
}

#menuListPopup h1{
  font-weight: normal;
  font-size: 16px;
}
#menuListPopup h2{
  font-weight: normal;
}
.listProductDelivery .menu_content_row h3{
/* 	color: #F760A6; */
	color: #6a3805;
	font-size: 14px;
	font-weight: normal;
	padding-top: 18px;
}
.listProductDelivery .menu_content_row h3 span{
	color: #F760A6;
}

.menu_content_row h3 {
  width: 75%;
}

.listProductDelivery .menu_content_row{
	/*height: 44px;*/
	border-top:1px solid #e2e2e2;
}
.listProductDelivery .menu_content_row:last-child{
	border-bottom:1px solid #e2e2e2;
}

#menu-page .pricePopup .menu_content_rows{
	position: relative;
	top: 20px;
}


#menuListPopup #close{
	z-index: 10;
}

#menu-page .dataStoreShop{
/*	float: right;
	margin-top: -22px;*/
  position: absolute;
  right: 15px;
  top: 24px;
}

#branchMap td{}
#branchMap td.branchBigMapRoad a{text-decoration: underline; color: #002dee}

#menuList .name h1{font-weight: normal;}

#promotionBannerBox{position: relative; }
#promotionBannerBox .tagHighlight{position: absolute;right: 0px; top: 30px; z-index: 100;}
#promotionBannerBox #promotionBanner{margin-top: 12px; width: 951px; height: 372px; overflow: hidden;}


.lang-th #footer .lineFooter1,.lang-th #footer .lineFooter2,.lang-th #footer .lineFooter3{
	position: absolute;
	top:8px;
}
.lang-th #footer .lineFooter1{left:50px;}
.lang-th #footer .lineFooter2{left:138px;}
.lang-th #footer .lineFooter3{right:125px;}
.lang-en #footer .lineFooter1,.lang-en #footer .lineFooter2,.lang-en #footer .lineFooter3{display: none;}

.lang-en .careerLists .apply:hover{background: url("../asset_en/images/btn/apply.png") no-repeat scroll 0 0 ;}

#promotionBox .item .activityListBox,#news .item .activityListBox{
	width: 295px;
	height: 145px;
	overflow: hidden;
}

#promotionBox .itemRight .activityListBox,#news .itemRight .activityListBox{
	width: 295px;
	height: 145px;
	overflow: hidden;
}

#promotionBox h1 a,#news h1 a{word-wrap:break-word; display: block;}
.caption h2{word-wrap:break-word;}

#dishOfDayBox #dishOfDay{overflow: hidden;}

.ff #careerpage .departmentList #inputDepartment{padding-top:  10px;}

#mnAboutBox #aboutSubIn a {
letter-spacing: 1px;
}

#home #dishOfDay .detail h3{margin-top: 10px;}
#home #dishOfDay .detail h1{height: auto;}

/* #aboutSubIn a#mnNews{display: none;} */

.hide{
    display: none;
}
.show{
    display: block;
}

.pageMenu .listProductBill.empty p{
    text-align: center;
    margin-bottom: 10px;
}
.pageMenu .listProductFavorite{
    padding: 10px 10px 0 10px;
}
.pageMenu .listProductFavorite p{
    text-align: center;
}

#createNew #top h1 {
    width: 154px;
}
.checkOutContentIn .listAddressDetail{
    padding-bottom: 10px;
}
.checkOutContentIn .listAddressDetail .tab-pane {
    display: none;
}
.checkOutContentIn .listAddressDetail .tab-pane.active {
    display: block;
}
.checkOutContentIn .listAddress li.active a{
    color: #ea5198;
}

#checkout .deliveryScheduleR #selectDateTime{
    position: relative;
}

#checkout #payByCash{
    position: relative;
}

#checkout .disabledBlock {
    width: 100%;
    height: 100%;
    top: 0;
}



#pageRegister a.btnBack,
#pageRegister a.btnNext,
#pageRegister a.btnConfirm,
.getPassword,
#forgetpassword-page .getPassword,
#pageRegister a.btnResend {
  border: none;
  color: #fff;
  font-size: 16px;
  font-family: helvetica_neue;
  padding-top: 11px;
  display: inline-block;
  text-decoration: none !important;
  text-align: center;
  cursor: pointer;
}
#pageRegister a.btnBack {
  color: #f979b4;
}
#pageRegister a.btnResend{
  margin: 0 auto;
  float: none;
}


#pageRegister .personalBox,
#pageRegister .addressBox,
#pageRegister .confirmBox,
#pageRegister .activationBox
{
  display: none;
}
.tbOrder tr.statusWait{
	background: #FFF2F8;
}

.checkOutRight .item .detail h3{
	height: auto;
}


/* Icon Arrow */


.spinedit .icon-chevron-up{
	background: url("../img/arrow-up.png") no-repeat scroll 0px 0px;
	width: 14px;
	height: 11px;
	display: block;
	top: 3px !important;
	left: 2px !important;
}
.spinedit .icon-chevron-down{
	background: url("../img/arrow-down.png") no-repeat scroll 0px 0px;
	width: 14px;
	height: 11px;
	display: block;
	top: 5px !important;
	left: 2px !important;
}

#creditCard{
/* display: none; */

}
.dtpicker-components .dtpicker-compValue{font-size: 18px !important;}


#checkoutsuccess .btnBackDelivery{
	background: url("../images/btn/btnBackDelivery.png") no-repeat scroll 0 0 ;
    display: block;
    height: 49px;
    margin: 10px auto;
    width: 168px;
    text-indent: -9999px;
}
#checkoutsuccess .btnBackDelivery:hover{
	background: url("../images/btn/btnBackDelivery.png") no-repeat scroll 0 -49px ;
}
#checkoutsuccess .btnSubmitAgain{
	background: url("../images/btn/btnOrderAgain.png") no-repeat scroll 0 0 ;
    display: block;
    height: 49px;
    margin: 10px auto;
    width: 218px;
    text-indent: -9999px;
}
#checkoutsuccess .btnSubmitAgain:hover{
	background: url("../images/btn/btnOrderAgain.png") no-repeat scroll 0 -49px ;
}

select{
  /*background-image: url('../images/arrow_mini.jpg') !important;*/
  background-image: url('../img/responsive/arrow-dropdown.png') !important;
  background-size: 9px 14px;
  background-position: center right 5px;
  background-repeat: no-repeat !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  border-radius: .25rem !important;
  height:40px !important;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #888 !important;
}
#yourCart .center{
	padding-top: 10px;
	padding-bottom: 20px;
	border: none;
	font: normal 12px/20px Tahoma;
}

.lang-th #aboutSub{
	top:104px;
}
#tbFeedback td input, #tbFeedback td select{
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#tvc-page #tvcBox{
	height: auto;
	min-height: 500px;
}

#yourCart #yourCarts .del-all {display:block; float:left; padding:3px 0 0 18px; background:url('../images/btn/delete.png') no-repeat 0 0; color:#af1212; text-decoration:underline; font-size:12px;}

.confirm-order {display:block; float:left; width:110px; height:31px; background:url('../images/btn/confirm-order.png') no-repeat 0 0;}

#pageProfile #thanksChaPassword{
	display: none;
}
#pageProfile #thanksChaPassword h2{
	text-align: center;
	color: #F760A6;
}
#pageProfile #thanksChaPassword p{
	text-align: center;
}

#pageProfile #thanksChaPassword a.btnOK{
	width: 83px;
	height: 49px;
	margin: 0 auto;
	text-indent: -9999px;
	display: block;
}
.lang-th #pageProfile #thanksChaPassword a.btnOK{
	background: url("../img/btn/btn_ok_th.png") no-repeat scroll 0 0 ;
}
.lang-en #pageProfile #thanksChaPassword a.btnOK{
	background: url("../img/btn/btn_ok_en.png") no-repeat scroll 0 0 ;
}
.repeatOrder{
	text-indent: -9999px;
}

#logInBox label{
	width: auto;
}
#logInBox input#login{
	margin-left: 10px;
}
.dtpicker-buttonCont .dtpicker-buttonClear{
	display: none;
}
.dtpicker-buttonCont .dtpicker-buttonSet{
	margin: 0 auto;
	display: block;
	float: none !important;
}

@media (max-width: 767px) {
	#home .fancybox-close{
		display: none;
	}
}
