@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
body , html {width:100%; height:100%; color:#666; font: normal 12px/20px verdana; background:#EFE6D7;}
table { border-collapse:collapse;}
img {border:0;}
li {list-style:none;}
a {border:0; text-decoration:none; color:#666; font: normal 12px/20px }
.clear {clear:both;}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(247,180,232, 0.8) !important;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247,180,232,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247,180,232,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247,180,232,.6);
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.vh-center {
    position: relative;
    top: 50%;
    height: 100%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.img-center {
    margin:auto;
}

/*FONT*/
@font-face {
    font-family: 'helvetica_neue';
    src: url('fonts/helveticaneueltstd-roman.eot');
    src: url('fonts/helveticaneueltstd-roman.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-roman.woff') format('woff'),
         url('fonts/helveticaneueltstd-roman.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-roman.svg#helvetica_neue') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'psl_kittithada_probold';
    src: url('fonts/psl096pro_0.eot');
    src: url('fonts/psl096pro_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/psl096pro_0.woff') format('woff'),
         url('fonts/psl096pro_0.ttf') format('truetype'),
         url('fonts/psl096pro_0.svg#psl_kittithada_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'psl_kittithada_proregular';
    src: url('fonts/psl094pro_0.eot');
    src: url('fonts/psl094pro_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/psl094pro_0.woff') format('woff'),
         url('fonts/psl094pro_0.ttf') format('truetype'),
         url('fonts/psl094pro_0.svg#psl_kittithada_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'consolasregular';
    src: url('fonts/consolas.eot');
    src: url('fonts/consolas.eot?#iefix') format('embedded-opentype'),
         url('fonts/consolas.woff') format('woff'),
         url('fonts/consolas.ttf') format('truetype'),
         url('fonts/consolas.svg#consolasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*Select*/
select {
    padding:10px 3px;
    margin: 0;
    background: #fff;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

.btnPink {

    font-family: 'psl_kittithada_probold';
    background: #f86faf;
    color: #fff;
    font-size: 24px;
    border: 0;
    display: inline-block;
    padding: 0 10px 0 10px;
    cursor: pointer;
}

.nav-login-regis .col-xs-6 {
    border-bottom:4px solid #f86faf;
    padding-bottom:6px;
    padding-top:10px;
    text-align: center;
}
.nav-login-regis .col-xs-6:first-child {
    background:#f86faf;
}
.nav-login-regis .col-xs-6:last-child {
    background:#fff2f8;
}
.nav-login-regis .col-xs-6:first-child a{
    color:#fff;
}
.nav-login-regis .col-xs-6:last-child a{
    color:#f86faf;
}
#pageRegister .nav-login-regis .col-xs-6:last-child {
    background:#f86faf;
}
#pageRegister .nav-login-regis .col-xs-6:first-child {
    background:#fff2f8;
}
#pageRegister .nav-login-regis .col-xs-6:last-child a{
    color:#fff;
}
#pageRegister .nav-login-regis .col-xs-6:first-child a{
    color:#f86faf;
}
.nav-login-regis a {
    font-size:24px;
    font-family: psl_kittithada_probold;
}


.btnForgotPassword {
    color: #f86faf;
    text-decoration: underline;
    font-size: 12px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

div.select {position:relative}
div.select:after {
    content:'<>';
    font:12px "consolasregular", monospace;
	letter-spacing:5px;
    color:#333;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px;
	top:13px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
div.select:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:38px;
    background:#FFF;
    position:absolute;
    pointer-events:none;
    display:block;
}

#set-menu {
    margin-top: 0px;
    /*box-shadow: inset 0px 1px 6px -3px;*/
    margin-bottom: 0px;
    border-radius: 3px;
    padding: 15px 0 10px 0;
    margin-bottom: 15px;
}


#set-menu a {
    color: #7d5834;
    font-size: 14px;
    font-family: 'helvetica_neue';
    display: block;
    position: relative;
    height: 60px;
}


#set-menu .item {
    height: 60px;
}

#set-menu .item span{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#set-menu a.th {
    font-family: verdana;
}

#set-menu a:hover {
    text-decoration: none;
    color: #f760a6;
    font-size: 14px;
}

#set-menu a.active {
    color: #f760a6;
    text-decoration: none;
}


.head-title h1 {color:#f760a6; font:normal 30px 'helvetica_neue';}
.head-title .paging {padding-top:17px;}


.textPink {color:#F760A6 !important;}
.textPink18 {color:#F760A6 !important; font:normal 18px/15px verdana !important;}

#wrapper {}

/*header*/
#header {width:100%; padding:6px 0 10px 0; background: #FFF url('../images/header.jpg') repeat-x;}

/**/
#logInBox {display:none; width:100%; height:67px; padding-top:13px; background: url('../images/bg-login-box.jpg') repeat-x;}
#logInBox #logInBoxIn {float:right; padding-right:35px;}
#logInBox span {color:#ea5198; font:normal 12px 'verdana';}
#logInBox label {float:left; width:470px;}
#logInBox input {width:150px; height:20px; padding:1px 5px; border: 1px solid #DDD; color:#888; font:normal 12px 'verdana';}
#logInBox input#login {float:left; width:90px; height:30px; padding:0; border:0; background:url(../images/btn/login.png) no-repeat 0 0;}
#logInBox input#login:hover {background-position: 0 -30px;}
#logInBoxIn a {display:block; color:#ea5198; font:normal 12px 'verdana'; text-decoration:underline; padding-right:110px; text-indent:0px !important; text-align:right;}

#headerBox {position:relative; width:100%;}
#header #logo {float:left; display:block; width:170px; padding:3px 0 0 30px;}
#header #top {float:right;}

/*lang*/
#header #top #lang {float:right; width:60px; height:29px; margin-right:15px; padding-top:7px; background: url('../images/menu-lang.png') no-repeat bottom left;}
#lang a {float:left; display:block; width:30px; height:20px; color:#8c8c8c; font:normal 20px/20px 'psl_kittithada_probold'; text-align:center;}
#lang a:hover , #lang a.active {color:#0071bb;}

/*mnMember*/
#header #top #mnMember {float:right; width:150px; margin: 0;}
#mnMember a {float:left; display:block; height:34px; padding: 7px 0 0; background: url('../images/menu-member.png') no-repeat; color:#FFF; font:normal 12px/12px 'helvetica_neue'; text-align: center;}
#mnMember a#mnLogin {width:60px; background-position: 0 0;}
#mnMember a#mnRegister {width:68px; background-position: -60px 0;}

/*Member Login*/
#memberMenuBox {display:block; position:relative; float:right; padding:4px 0 5px 0; background:url(../images/icon/member-icon.jpg) no-repeat left 6px; z-index:999; cursor:pointer;}
#memberMenu {height:17px; padding:5px 20px 0 22px; background:url(../images/icon/member.jpg) no-repeat right top; font:normal 14px 'verdana'; color:#F760A6;}
#memberMenuSub {display:none; position:absolute; width:130px; top:26px; right:8px; background:#FFF; font:normal 14px 'verdana'; color:#8d8d8d; border:1px solid #E1E1E1;}
#memberMenuSub li {width:130px; padding:4px 0 4px 15px; border-bottom:1px solid #E1E1E1;}
#memberMenuSub li.last {border-bottom:0px;}
#memberMenuSub a {display:block; font:normal 11px 'verdana'; color:#8d8d8d;}
#memberMenuSub a:hover , #memberMenuSub a.active {color:#f760a6;}

/*yayoiFanpage*/
#header #top #yayoiFanpage {float:right; width:85px; height:23px; padding-top:6px; margin:3px 35px 0 0; color:#7f7f7f; font:normal 12px/12px 'helvetica_neue'; background: url('../images/facebook.png') no-repeat right center;}

/*nav*/
#header #top #nav {float:right; width:470px; height:50px; padding-top:20px;}
.lang-en #header #top #nav {width: 500px;}
#nav > li > a {float:left; display:block; width:90px; height:18px; padding:0 4px 0 0; color:#8c8c8c; font:normal 20px/20px 'psl_kittithada_probold'; background: url('../images/bg-menu.png') no-repeat right center; text-align:center;}
#nav a:hover , #nav a.active {color: #EA5198;text-decoration: none}
#nav a.last {height:50px; background:none !important;}

/*yayoiFanpage*/
#header #top #homeDelivery {float:right; width:270px; height:49px; padding-top:10px; text-indent:0px; margin:0;}

/*container*/
#container {width:100%;}

/*footer*/
#footer {width:100%; background:#EEE6D7;}
#footer .nav-footer-2 a {
    color: #48280e;
    font-size: 11px;
    font-family: 'verdana';
}
#mnFooter.nav-inline .nav-item+.nav-item, #mnFooter.nav-inline .nav-link+.nav-link {
    padding-left: 1rem;
    line-height: 15px !important;
    border-left: 1px solid #BFB08F;
}
#footer #mnFooter a {color:#555449; font:normal 11px/11px 'verdana';}
#footer #mnFooter a:hover, #footer .nav-footer-2 a:hover {color:#EA5198 !important;}

/*content*/
.content {width:1000px; margin:auto;}
.space30px {height:30px;}

/*Index*/

/*Banner*/
#bgBanner {width:100%; height:540px;}
#bannerBox {position:relative; width:100%; height:540px;}
#banner {position:absolute; width:100%; height:540px; overflow: hidden;}
#banner a , #banner div {display:block; width:100% !important; height:540px;}
#bgBanner .orderNow {display:block; position:relative; width:228px; height:73px; top:400px; left:60%; z-index:999; background:url('../images/btn/order-now.png') no-repeat 0 0;}
#bgBanner .orderNow:hover {background-position:0 -73px;}

/*Highlight*/
#bgHighlight{width:100%; padding:30px 0; background: url('../images/bg-highlight.jpg') repeat-x top center;background-size: cover}
#bgHighlight h1 {position:relative; height:65px;}
#bgHighlight #iconTVC , #bgHighlight #iconDishOfDay , #bgHighlight #iconNearBy {position:absolute; top:0; left:0;}
#TVCBox #bgTvcH {position:relative; background: url('../images/bg-tvc-highlight.jpg') no-repeat;background-size: contain}
/*#TVCBox #TvcFrame {position:relative; background: url('../images/tvc-highlight-frame.png') no-repeat;background-size: contain; z-index:6;}*/
#TVCBox #TvcImg {position:relative;z-index:5;padding:15px;}
#btnPlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/btn/play.png') no-repeat center center;
    top: 0;
    left: 0;
    z-index: 9;
}

/*#dishOfDayBox #dishOfDay {width:293px; height:133px; margin:auto;}*/
#dishOfDayBox #dishOfDay li {position:relative; width:293px; height:133px;}
/*#dishOfDay .detail {position:absolute; width:170px; top:0; left:0; z-index:9;}*/
#dishOfDay .detail h1 {color:#ea5198; font:normal 18px verdana; height:30px;}
#dishOfDay .detail h2 {color:#000304; font:normal 14px verdana; padding:0 0 5px 0;}
#dishOfDay .detail h3 {color:#6e431d; font:normal 12px verdana; padding:0 0 5px 0;}
/*#dishOfDay .img {position:absolute; width:175px; top:0; right:0;}*/
#dishOfDay .orderNows, .dishOfDayResponsive .orderNows {display:block; width:91px; height:29px; background:url('../images/btn/order-now-s.png') no-repeat 0 0;}
#dishOfDay .orderNows:hover {background-position:0 -29px;}

#nearByBox #map {}
#nearByBox #fbLikeBox {}

/*Banner In*/
#bgBannerIn {width:100%; height:170px; background: url('../images/banner/bg.jpg') repeat-x center top;}
#bannerContentBox {width:100%; height:170px; background: url('../images/banner/bg-in.jpg') no-repeat center top;}
#bannerContent {position:relative; width:950px; height:170px; margin:auto;}
#bannerTitle {position:absolute; top:57px; left:0; color:#89674B; text-shadow:1px 1px #FFF; font:normal 38px/50px 'helvetica_neue';}
#bannerTitle span {color:#F86FAF; text-shadow:1px 1px #FFF; font:normal 24px/24px 'helvetica_neue';}
#bannerDetail {position:absolute; top:0px; left:230px;}
#bannerDetail2 {position:absolute; top:0px; left:330px;}
#bannerDetail3 {position:absolute; top:0px; left:350px;}
#bannerDetail4 {position:absolute; top:0px; left:250px;}
#bannerDetail5 {position:absolute; top:0px; left:210px;}
#bannerDetail6 {position:absolute; top:0px; left:150px;}
#bannerDetail7 {position:absolute; top:0px; left:300px;}
#bannerDetail8 {position:absolute; top:0px; left:270px;}
#bannerImg {position:absolute; top:0px; right:20px;}

#shareBox {position:relative; width:950px; height:30px; margin:auto; top:15px;}
#shareFb , #shareTwitter , #shareGplus { position:absolute;}
#shareFb {left:700px;}
#shareTwitter {left:785px;}
#shareGplus {left:860px;}

#bgContents {width:100%; background: #FFF url('../images/bg-contents.jpg') repeat-x top center;}
#bgContent {width:100%; background: url('../images/bg-content.jpg') no-repeat top center;min-height: 500px}
#contentBox2 {width:950px; margin:auto; padding-top:12px;}
#contentLeft {float:left; width:711px;}
#contentRight {float:right; width:221px;}
.header-responsive {
     background: #FFF url('../images/bg-content.jpg') repeat-x top center;
     border-bottom: 1px solid #e3d3b5;
}
.header-responsive h1 {
    margin: 0;
    color: #f76aab;
    font-family: helvetica_neue;
    font-weight: bold;
    padding: 15px 0 10px 0;
    padding-left: 15px;
    font-size: 17px;
}
.header-responsive h1.brown {
    color: #7d5834;
}
.header-responsive h1.brown.cart-total-text {
    font-size: 17px;
    font-family: 'verdana';
    font-weight: bold;
    padding-left: 0;
}

.header-responsive .cart-total-value {
    font-family: Verdana;
    color: #f86faf;
    font-size: 14px;
    padding-top: 17px;;
}

.header-profile-mobile h2 {
    font-family: psl_kittithada_proregular;
    font-size: 36px;
    color: #5b2e00;
}

.row-each-price .del, .cart-list-responsive-checkout .del{
    display: inline-block !important;
    background: url('../img/responsive/trash.svg') no-repeat !important;
    width: 14px !important;
    height: 19px !important;
    background-size: contain !important;
}
.row-each-price .product-name {
    font-size: 14px;
    color: #ea5198;
}

.btnConfirmCartOrder {
    width: 210px;
    height: 48px;
    background: url('../img/responsive/btn-confirm-order.png');
    display: block;
    margin: 0 auto;
    background-size: cover;
    font-family: helvetica_neue;
    font-size: 16px;
    padding-top: 11px;
    color: #fff;
}

.btnAddMoreProduct {
    background: url('../img/responsive/your-order.png');
    width: 212px;
    height: 44px;
    display: inline-block;
    background-size: contain;
    font-family: helvetica_neue;
    font-size: 16px;
    padding-top: 11px;
    color: #fff;
    margin: 15px auto;
    margin-bottom: 10px;
    text-decoration: none !important;
}

.btnAddMoreProduct:hover, .btnAddMoreProduct:active, .btnAddMoreProduct:focus {
    color: #fff;
}

.btnAddMoreProduct img{
    margin-top: -5px;
}

/*Menu*/
.pageMenu {position:relative;}
#subMenu {height:140px; padding-top:12px;}
#subMenu a {position:relative; display:inline-block; height:98px; padding-top:12px; background:url('../images/menu/menu-sub.png') no-repeat; text-align:center;}
#subMenu a#sub1 {width:120px; background-position: 0 -1px;}
#subMenu a#sub1:hover , #subMenu a#sub1.active {background-position: 0 -100px;}
#subMenu a#sub2 {width:120px; background-position: -120px -1px;}
#subMenu a#sub2:hover , #subMenu a#sub2.active {background-position: -120px -100px;}
#subMenu a#sub3 {width:110px; background-position: -240px -1px;}
#subMenu a#sub3:hover , #subMenu a#sub3.active {background-position: -240px -100px;}
#subMenu a#sub4 {width:110px; background-position: -350px -1px;}
#subMenu a#sub4:hover , #subMenu a#sub4.active {background-position: -350px -100px;}
#subMenu a#sub5 {width:110px; background-position: -460px -1px;}
#subMenu a#sub5:hover , #subMenu a#sub5.active {background-position: -460px -100px;}
#subMenu a#sub6 {width:130px; background-position: -570px -1px;}
#subMenu a#sub6:hover , #subMenu a#sub6.active {background-position: -570px -100px;}

#subMenu a#sub7 {width:120px; background-position: -723px -1px;}
#subMenu a#sub7:hover , #subMenu a#sub7.active {background-position: -723px -100px;}

#iconSub1 , #iconSub2 , #iconSub3 , #iconSub4 , #iconSub5 , #iconSub6 , #iconSub7 {position:absolute; top:12px; left:0px;}


/*.nav {height:40px; padding-top:35px;}
.nav h1 {float:left; color:#f760a6; font:normal 30px 'helvetica_neue';}
.nav .paging {float:right; padding-top:17px;}*/

#menuList {padding:20px 0 50px 0; border-bottom:1px solid #E2E2E2; border-top:1px solid #E2E2E2;}
#menuList .item {position:relative; float:left; width:237px;}
#menuList .icon {position:absolute; top:15px; left:0;z-index:1;}
#menuList .app {padding:7px 0; background:url('../images/line.png') repeat-x bottom left;}
#menuList .app span {color:#6A3805;}
#menuList .name {padding:7px 0; border-bottom:1px solid #E2E2E2;}
#menuList .name h1 {color:#888; padding-bottom:3px; font-size:16px;}
#menuList .name h2 {color:#ea5198; font:normal 14px verdana;}
#menuList .price {padding-top:3px;}
#menuList .price {color:#ea5198; font:normal 18px verdana;}
#menuList .shop-only {
    height: 23px;
    color: #509ed0;
    padding-top: 8px;
    font: normal 12px verdana;
}
#menuList .price h1 span {font:normal 13px verdana;}
#menuList .price h2 {float:right; text-align:right;}
#menuList .price h2 span {display:block; color:#509ed0; font:normal 12px verdana;}
#menuList .addToCart {display:inline-block; width:60px; height:30px; margin-top:-7px; background:url('../images/btn/add-to-cart.jpg') no-repeat 0 0;}
#menuList .addToCart:hover {background-position:0 -30px;}


#menuList.responsive {
    border: 0;
    padding: 0;
}
#menuList.responsive .name {
    /*height: 93px;*/
    border-bottom: 0;
    min-height: 0;
}

#menuList.responsive .app {
    background:none;

}
#menuList.responsive .addToCart, .addToCart.responsive {
    display: inline-block !important;
    width: 66px !important;
    height: 30px !important;
    margin-top: 0 !important;
    background: url('../img/responsive/add-to-cart-btn-mobile.svg') no-repeat 0 0 !important;
}

#menuListPopup .addToCart.responsive {
    margin-top: -32px !important;
}

#menuList.responsive .price {
    color: #7d5834;
    font: normal 14px verdana;
}

#menuList.responsive .name h1 {margin-bottom: 0px; padding-bottom: 0}
#menuList.responsive .name h2 {margin-bottom: 0px;}
#menuList.responsive .img { height: 150px;}
#menuList.responsive .app.hasIcon img {
    width: 40px;
}



#menuListPopup h1 {color:#777; font-size:24px;}
#menuListPopup h2 {color:#ea5198; font:bold 14px verdana;}

span.totalProduct {
    background: #379cd4;
    border-radius: 50px;
    position: absolute;
    color: #fff;
    padding: 0px 7px;
    font-size: 13px;
    bottom: -23%;
    right: -25%;
}

.divider {
    height:2px;
    border-top: 1px dashed #f9f4e9;
    border-bottom: 1px dashed #f0e0c1;
}

.other-menu {
    color: #84603d;
    font-size: 12px;
    font-family: helvetica_neue;
    font-weight: bold;
    padding-right: 10px;
    line-height: 13px;
    position:relative;
    margin-top: 9px;
}
.other-menu:active,.other-menu:hover {
    color: #84603d;
    text-decoration: none;
}
.other-menu img{
    transition:0.3s;
    position:absolute;
    right:0;
    top: 6px;
}

.paging {padding-top:10px; text-align:right; font-size:11px; color:#5e5e5c;}
.paging a {font-size:11px; color:#5e5e5c;}
.paging a:hover , .paging a.active {color:#EA5198;}

/*.app.hasIcon {
    display:table;
}
.app.hasIcon span {
    display:table-cell;
    vertical-align: bottom;
}*/
/*Right*/
#homeDeliveryTime {width: 100%; height:75px; padding:37px 0 0 51px; margin-top:-2px; background:url(../images/home-delivery-time.png) 100%; font: 14px 'helvetica_neue'; color:#643005;}
#yourCart .center {padding:20px 10px; background:#FFF; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; color:#777; text-align:center;}
#yourCart a.click {font-weight:bold; color:#6daed8;}

#yourCart #yourCarts {padding:10px 0 0 0; background:#FFF; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; color:#777; font-size:14px;}
#yourCart #yourCarts table {width:219px;}
#yourCart #yourCarts table td {padding:2px 8px;}
#yourCart #yourCarts table td.bd {padding:2px 8px 10px 8px; border-bottom: 1px solid #E2E2E2;}
#yourCart #yourCarts table td.total {font-size:12px; padding:10px 8px 0 8px;}
#yourCart #yourCarts table td .num {width:47px; height:24px; background:url('../images/num.jpg') no-repeat; color:#888; font:normal 14px/18px verdana; text-align:center; border:0px;}
#yourCart #yourCarts table td.btn {padding:20px 5px 0 5px;}

#yourCart #yourCarts .del {display:block; float:none; width:14px; height:20px; margin:auto; background:url('../images/btn/delete.png') no-repeat 0 0;}
#yourCart #yourCarts .del:hover {background-position: 0 -20px;}
#yourCart #yourCarts .del-all:hover {background-position: 0 -20px;}
.confirm-order {display:block; float:left; width:110px; height:31px; background:url('../images/btn/confirm-order.png') no-repeat 0 0;}
.confirm-order:hover {background-position: 0 -31px;}

/*bestSeller*/
#bestSeller {padding-top:10px;}
#bestSeller .center {padding:10px 0px; background:#FFF; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; color:#777; text-align:center;}
#bestSellerSlide ul , #bestSellerSlide ul li {width:219px; height:155px;}
#bestSeller #bestSellerSlide h1 {color:#777; padding-bottom:3px; font-size:16px;}
#bestSeller #bestSellerSlide h2 {color:#ea5198; font:normal 14px verdana;}

/*lastOrder*/
#lastOrder {padding-top:10px; position:relative;}
#lastOrder .center {padding: 0 0 20px 0px; background:#FFF; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; color:#777;}
#lastOrder #lastOrderSlide a {display:block; padding:7px 20px; color:#777; font:normal 14px/22px verdana; border-bottom: 1px solid #E2E2E2;}
#lastOrder #lastOrderSlide a:hover {background:#E2E2E2;}
#lastOrder #lastOrderSlide a span {color:#ea5198; font:normal 12px verdana;}
#lastOrder a#lastOrderAdd {position:absolute; display:block; width:58px; height:29px; top:218px; left:150px; background:url('../images/btn/add-to-cart.png') no-repeat 0 0;}
#lastOrder a#lastOrderAdd:hover {background-position:0 -29px;}
#lastOrderSlide ul , #lastOrderSlide ul li {width:219px; height:155px;}

/*recommendedMenu*/
#recommendedMenu {padding-top:10px;}
#recommendedMenu .center {padding:10px 0px; background:#FFF; border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; color:#777; text-align:center;}

#recommendedMenu #recommendedMenuSlide h1 {color:#777; padding-bottom:3px; font-size:16px;}
#recommendedMenu #recommendedMenuSlide h2 {color:#ea5198; font:normal 14px verdana;}

/*nearBy*/
#nearBy {display:block; margin-top:10px;}

/*promotion*/
#promotionBannerBox {position:relative; padding-top:40px; margin:auto;}
#promotionBannerBox #tag {position:absolute; top:28px; right:-13px; z-index:99;}
#promotionBanner a {display:block; height:372px;}
#promotionNav {
    border-bottom: 1px solid #E2E2E2;
    position: relative;
}
#promotionNav h1{
    font-family: helvetica_neue;
    font-size: 22px;
    color: #f870b0;
}
#promotionBox {}
#promotionBox .item {float:left; width:294px; height:240px; margin-right:34px;}
#promotionBox .itemRight {float:right; width:294px;}
#promotionBox h1 {padding:8px 0 0 0;}
#promotionBox h1 a {color:#ea5198; font:normal 14px verdana;}
#promotionBox h2 {color:#777; font:normal 12px verdana; padding-top:5px;}

#promotionPaging { padding:10px 0; border-top: 1px solid #E2E2E2;}

/*promotion detail*/
#promotionDetailBox #back {height:35px;}
#promotionDetailBox #promotionBgImg {text-align:center; padding-top:8px;}
#promotionDetailBox #promotionDetailLeft {float:left; padding-top:30px;}
#promotionDetailBox #promotionDetailRight {float:right; width:300px; padding-top:55px;}

#promotionDetailBox h1 {color:#ea5198; font:normal 14px verdana; padding-bottom:10px;}
#promotionDetailBox p {padding-bottom:10px;}
#promotionDetailRight .tvcVdo {position:relative; width:314px; height:175px; background: url('../images/promotion/bg-tvc.png') no-repeat bottom center;}
#promotionDetailRight .tvcImg {position:absolute; width:293px; top:8px; left:10px; z-index:5;}
#promotionDetailRight .tvcPlay {position:absolute; width:293px; height:165px; background: url('../images/btn/play.png') no-repeat center center; top:9px; left:7px; z-index:9;}
#promotionDetailBox .paging {width:816px; margin:auto; margin-top:30px; border-top: 1px solid #E2E2E2;}


.btn-your-order {
    background: url('../img/responsive/your-order.png');
    width: 212px;
    height: 44px;
    display: inline-block;
    background-size: contain;
    font-family: helvetica_neue;
    font-size: 16px;
    color: #fff;
    padding-top: 11px;: 16px;
    color: #fff;
}

.btn-your-order img {
    margin-top: -5px;
}

.btn-back-to-top {
    cursor: pointer;
    font-family: psl_kittithada_probold;
    font-size: 18px;
    color: #898989;
}
.btn-back-to-top img {
    margin-top: -4px;
}


/*about*/
.pageAbout {}
#aboutSubBox {position:relative;}
#aboutSub {display:none; position:absolute; width:100%; height:52px; top:90px; left:0; background:url('../images/about/bg-nav.png') repeat-x; z-index:999;}
#aboutSubIn {width:860px; height:36px; padding:12px 0 0 70px; margin: auto; background:url('../images/about/arrow.png') no-repeat 33% top;}
.lang-en #aboutSubIn {
    background-position: 33% top;
    width: 930px;
}
#aboutSubIn a {display:block; float:left; height:32px; padding:7px 10px 0 10px; background:url('../images/about/bg-about-sub.png') no-repeat right center; text-align:center; color:#FFF;}
#aboutSubIn a:hover , #aboutSubIn a.active {color:#0080C8;text-decoration: none;}
#aboutSubIn a.last {background:none; height:25px;}


.pageAbout #contentBox  h1 {font:normal 42px/30px 'psl_kittithada_proregular'; color:#5b2e00; padding: 10px 0 10px 500px;margin:0;}
.pageAbout p {padding: 10px 0 10px 500px; font:normal 12px/20px verdana;}
.pageAbout p strong {color:#f86faf;}
.pageAbout .contents {padding: 10px 0 10px 200px !important;}
.pageAbout .contents2 {padding: 10px 0 10px 300px !important;}

.pageAbout #news {width:950px; padding:30px 0 0 0; margin:auto;}
.pageAbout #history {min-height:550px;background:url('../images/about/history-img.png') no-repeat left top;}
.pageAbout #japaneseFood {min-height:550px;background:url('../images/about/japaneses-food-img.png') no-repeat left top;}
.pageAbout #service {min-height:550px;background:url('../images/about/service-img.png') no-repeat left top;}
.pageAbout #history h1 {font:normal 42px/30px 'psl_kittithada_proregular'; color:#5b2e00; padding: 10px 0 10px 450px;}
.pageAbout #history p {padding: 10px 0 10px 450px; font:normal 12px/20px verdana;}
.pageAbout #service h1 {font:normal 42px/30px 'psl_kittithada_proregular'; color:#5b2e00; padding: 10px 0 10px 400px;}
.pageAbout #service p {padding: 10px 90px 10px 400px; font:normal 12px/20px verdana;}

.pageAbout #feedback h1 {padding: 30px 0 7px 0; background:url('../images/line2.png') repeat-x left bottom;}
.pageAbout #feedback p {padding: 40px 0; font:normal 12px/16px verdana;}

#fromFeedback td input , #fromFeedback td select {width:300px; height:28px; border: 1px solid #DDD; color:#888; font:normal 14px/18px verdana;}
#feedbackSelect a {display:block; float:left; width:50px; height:18px; padding: 0 0 0 25px; background:url('../images/btn/check.png') no-repeat 0 0;}
.pageAbout.en #feedbackSelect a {width: 0;    padding:0 69px 0 20px}
#feedbackSelect a:hover , #feedbackSelect a.selected {background-position: 0 -18px;}
#fromFeedback input#fSend {width:118px; height:49px; border:0px; background:url('../images/btn/send.png') no-repeat; cursor:pointer;}
#fromFeedback td.remark {color:#888; font:normal 12px/16px verdana;}

.pageAbout #career {padding:50px 0 0 0; border-bottom:1px solid #EBDEC4;}
.pageAbout #careerLeft {float:left; width:630px;}
.pageAbout #careerLeft h1 {padding: 0 0 7px 0; background:url('../images/line2.png') repeat-x left bottom;}
.pageAbout #careerLeft .careerDetail {height:350px; padding-top:20px; margin-left:-150px; background:url('../images/about/career-img.png') no-repeat;}
.pageAbout #careerLeft .careerDetail p {padding:20px 0 0 405px; color:#555;}
.pageAbout #careerRight {float:right; width:294px; padding-top:75px; background:url('../images/about/address.png') no-repeat;height: 351px;}
.pageAbout.en #careerRight {background:url('../../asset_en/images/about/address.png')}
.pageAbout #careerRight h1 {color:#f86faf; font:normal 14px/18px verdana; text-align:center; padding:0 0 15px 0;}
.pageAbout #careerRight h2 {color:#888; text-align:center; font:normal 12px/16px verdana; padding:0 0 4px 0;margin-bottom: 24px;}
.pageAbout.en #careerRight h2 {margin-bottom: 4px;}
.pageAbout #careerRight p {padding:0 0 0px 60px; color:#888; font:normal 12px/16px verdana; margin-bottom: 11px;}
.pageAbout #careerRight a {color:#888;}

.careerList {padding:30px 0 0 0;}
#availablePositions {float:left;color:#f86faf; font:normal 18px/20px verdana; padding-top:10px;}
#department {float:right; color:#888; font:normal 14px/18px verdana;}
#department .departments {float:left; padding-top:10px;}
#department select {float:left; width:180px; height:30px;}
.careerLists {padding:15px 0 10px 0; color:#555;}

.bdBottom {border-bottom:1px solid #EBDEC4;}
.bdTop {border-top:1px solid #E2E2E2;}

.careerLists .careerListsDetail {float:left; width:600px;}
.careerLists .apply {float:right; display:block; width:141px; height:49px; background:url('../images/btn/apply.png') no-repeat 0 0;}
.pageAbout.en .careerLists .apply {background:url('../../asset_en/images/btn/apply.png') no-repeat 0 0;}
.careerLists .apply:hover {background-position: 0 -49px;}
.careerLists h1 {color:#f86faf !important; font:normal 14px/18px verdana !important; padding:0 0 8px 0 !important;}
.careerLists h2 {color:#0071bb; font:bold 12px/16px verdana; padding:0 0 6px 0;margin: 0;}
.careerLists h3 {float:left; font:bold 12px/16px verdana; padding:0 50px 8px 0;}
.careerLists h4 {float:left; font:normal 12px/16px verdana; padding:0 0 8px 0;}
.careerLists ul {padding:0 0 0 30px;margin: 0;}
.careerLists ul li {padding:3px 0 3px 15px; background:url('../images/icon/bullet.png') no-repeat left center;background-position: 5px 10px;}
.careerLists p {font:normal 12px/16px verdana; padding:0 0 5px 0;margin:0;}
.careerLists p strong {color:#555;}

/*career detail*/
.careerDetailBox {display:none;}
.careerDT {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 16px 15px;
    border-color: transparent transparent #fff2f8 transparent;
    line-height: 0px;
    _border-color: #000000 #000000 #fff2f8 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.careerDC {position:relative; padding:10px 0; background:#FFF2F8;}
.careerDC .close {position:absolute; display:block; width:30px; height:30px; background: url('../images/btn/close.jpg') no-repeat; top:15px; right:15px;}
.careerDC td {padding:5px 0; color:#888; font:normal 12px/16px verdana;}
.careerDC td span {color:#f86faf;}
.careerDC td .input {width:295px; height:38px; padding-left:5px; border: 1px solid #DDD; color:#888; font:normal 12px/16px verdana;}
.careerDC td .input2 {width:215px; height:38px; padding-left:5px; border: 1px solid #DDD; color:#888; font:normal 12px/16px verdana;}
.careerDC td .input3 {float: left; width:165px; height:28px; padding-left:5px; border: 1px solid #DDD; color:#888; font:normal 12px/16px verdana;}
.careerDC td.remark {color:#888; font:normal 12px/16px verdana;}
.careerDC #sendForm {width:101px; height:49px; border:0px; background:url('../images/btn/send-form.png') no-repeat 0 0; cursor:pointer;}
.pageAbout.en .careerDC #sendForm {background:url('../../asset_en/images/btn/send-form.png') no-repeat 0 0; cursor:pointer;}
.careerDC td #sendForm:hover {background-position: 0 -49px; cursor:pointer;}

/*TVC*/
#tvcBox {height:800px;}
#tvcTitle {height:35px; background:url('../images/line2.png') repeat-x bottom;}
#tvcTitle h1 {float:left; padding:0; font:normal 42px/30px 'psl_kittithada_proregular'; color:#5b2e00;}
#tvcTitle #tvcTimeBar {float:right; width:650px; height:42px; text-align:right;}
#tvcTitle #tvcTimeBar a {display:inline-block; width:42px; height:42px; padding-top:2px; background: url('../images/about/tvc-year-bar.png') no-repeat 0 0; text-align:center; font: normal 14px 'helvetica_neue'; color:#9B7147; text-shadow:1px 1px #FFF;}
#tvcTitle #tvcTimeBar a:hover , #tvcTitle #tvcTimeBar a.active {color:#EA5198; background-position: 0 -42px;}

#tvcBoxList {padding:10px 0 20px 0;}
#tvcBoxList .tvcItemR {float:right; width:294px; height:215px;}
#tvcBoxList .tvcVdo {
    position: relative;
    width: 100%;
    background: url('../images/about/tvc-vdo-bg.jpg') no-repeat;
    margin: auto;
    background-size: cover;
    padding: 6px;
}
#tvcBoxList .tvcImg {position:absolute; width:280px; top:9px; left:7px; z-index:5;}
#tvcBoxList .tvcPlay {
    background: url('../images/btn/play.png') no-repeat center center;}

#tvcBoxList .tvcDetail {padding-top:10px;}
#tvcBoxList .tvcName {float:left; width:200px; color:#f86faf;}
#tvcBoxList .tvcDate {float:right; width:80px; text-align:right;}

/*Contact*/
.right-contact {padding-top: 24px;}
#contact {padding-top:20px}
#contact h1 {padding:7px 0 10px 0; background:url('../images/line2.png') repeat-x bottom left;}
#contactBox {padding-bottom:30px; border-bottom:1px solid #EBDEC4;}
.arrowBlue {display:block; width:105px; height:20px; color:#107abf; background: url('../images/icon/arrow-blue.png') no-repeat center right;}
#contactMap {height:318px; padding-top:7px; margin-top:10px; background:url('../images/about/map-bg.jpg') no-repeat; text-align:center;}
#contact #address {padding:1px 0 0 10px; height:255px;}
#contact #address h1 {font:normal 30px/30px 'psl_kittithada_proregular'; color:#f86faf; padding:0 0 18px 0; background:none;}
#contact #address h2 {color:#888; font:normal 12px/16px verdana; padding:0 0 30px 0;}
#contact #address .detail {padding:0 0 0 35px; background:url('../images/about/address2.png') no-repeat left top;height: 100px;}
#contact #address .detail p {padding:0; color:#888; font:normal 12px/16px verdana;margin-bottom: 16px;}
#contact form {padding-top:15px;}
#contactform .caption {font:normal 16px/18px verdana; color:#f86faf;}
#contact input#fSend {width:118px; height:49px; border:0px; background:url('../images/btn/send.png') no-repeat; cursor:pointer;}

/*News*/
#newsBannerBox {position:relative; padding-top:40px; margin:auto;}
#newsBannerBox #tag {position:absolute; top:28px; right:-13px; z-index:99;}
#newsBanner a {display:block; height:372px;}
#newsNav {height:91px; margin:auto;}
#newsBox {padding:25px 0 30px 0; margin:auto;}
#newsBox .item {float:left; width:294px; height:240px; margin-right:34px;}
#newsBox .itemRight {float:right; width:294px;}
#newsBox h1 {padding:8px 0 0 0;}
#newsBox h1 a {color:#ea5198; font:normal 14px verdana;}
#newsBox h2 {color:#777; font:normal 12px verdana; padding-top:5px;}

#newsPaging {width:950px; margin:auto; padding-top:10px; border-top: 1px solid #E2E2E2;}

/*news detail*/
#newsDetailBox {width:816px; margin:auto; padding-top:30px;}
#newsDetailBox #back {height:35px; text-align:right;}
#newsDetailBox #newsBgImg {width:816px; height:457px; text-align:center; padding-top:8px; background:url(../images/promotion/promotion-detail-bg.jpg) no-repeat;}
#newsDetailBox #newsDetailLeft {float:left; width:500px; padding-top:30px;}
#newsDetailBox #newsDetailRight {float:right; width:300px; padding-top:55px;}

#newsDetailBox h1 {color:#ea5198; font:normal 14px verdana; padding-bottom:10px;}
#newsDetailBox p {padding-bottom:10px;}
#newsDetailRight .tvcVdo {position:relative; width:314px; height:175px; background: url('../images/promotion/bg-tvc.png') no-repeat bottom center;}
#newsDetailRight .tvcImg {position:absolute; width:293px; top:8px; left:10px; z-index:5;}
#newsDetailRight .tvcPlay {position:absolute; width:293px; height:165px; background: url('../images/btn/play.png') no-repeat center center; top:9px; left:7px; z-index:9;}
#newsDetailBox .paging {width:816px; margin:auto; margin-top:30px; border-top: 1px solid #E2E2E2;}

/*Branches*/
#map {
    height: 637px;
}
.pageBranch {}
.pageBranch #branch > h1 {font:bold 30px/30px 'psl_kittithada_proregular'; color:#F86FAF; padding: 30px 0 5px 0; background:url('../images/line2.png') repeat-x left bottom;}
#searchBranchBox #nearBy {display:block; float:left; width:209px; margin:0;}
#searchBranchBox #searchBranch {float:left; width:520px; height:68px;margin-left: 21px; padding-left:7px; background:url('../images/branch/bg-search.png') no-repeat;background-size: cover}
#searchBranchBox .sBranchBox {float:left; width:208px; padding-top:4px; font:bold 20px/18px 'psl_kittithada_proregular'; color:#8C6949; text-shadow: 1px 1px #FFF; letter-spacing:1px;}
#searchBranchBox .input {width:198px; height:38px; padding-left: 5px; border: 1px solid #EBD7BA; color:#888; font:normal 14px/18px verdana;}
#searchBranchBox .sBranchBox2 {float:left; width:175px; padding-top:4px; font:bold 20px/18px 'psl_kittithada_proregular'; color:#8C6949; text-shadow: 1px 1px #FFF; letter-spacing:1px;}
#searchBranchBox .dd .arrow {width:19px;height:40px; background:url('../images/arrow.png') no-repeat;}
#searchBranchBox .dd .ddTitle {background: url('../images/select.png') no-repeat; font: normal 14px 'verdana'; color: #888;}
#searchBranchBox .dd .ddTitleText  {letter-spacing:0px;}
.submitSearch {width:107px; height:44px; padding-left: 0px; border: 0px; margin-top: 22px; background: url('../images/btn/search.png') no-repeat; cursor:pointer;}
.submitSearch:hover {background-position: 0 -44px;}
#restaurantBtn {float:right; width:208px;}
#restaurantJapan {float:left; display:block; width:93px;height:71px; background:url('../images/branch/btn-restaurant.png') no-repeat 0 0;}
#restaurantSingapore {float:left; display:block; width:115px;height:71px; background:url('../images/branch/btn-restaurant.png') no-repeat -93px 0;}

.searchBranchResult h1 {font:normal 18px/18px 'verdana'; color:#F86FAF; height:25px;}
#branchList {border: 1px solid #DFDFDF;}
#branchList .scroll {height:329px; margin:10px 0; overflow:auto;}
#branchList .jspDrag {width:7px; height:24px; background:url('../images/btn/scroll.png') no-repeat;}
#branchList .jspTrack {width:7px; background:url('../images/drag.jpg') repeat-y;}
#branchList > li {
    border-bottom: 1px solid #dddddd;
}
#branchList > li > a {
    transition: 0.2s;
    display:block;
    padding:10px 0 10px 14px;
    color:#F86FAF;
    text-decoration: none !important;
}

#branchList > li > a.active {
    background-color: #F86FAF;
    color: #fff;
}

#branchList > li > a i{
    transition: 0.2s;
}

#branchList > li > a.active i{
    transform: rotate(90deg);
}

#branchList > li > a:hover , .ui-accordion-header-active {color:#FFF !important;background-color: #F86FAF}
#branchList ul.branchListSub {padding:0 0 0 25px;}
#branchList ul.branchListSub a {display:block; color:#666; padding:1px 0;}
#branchList ul.branchListSub a:hover , #branchList ul.branchListSub a.active {color:#F86FAF;}
#branchMap #onlyOnline {text-align:right;}
#branchMap #onlineSelect {display:inline-block; width:16px; height:16px; background: url('../images/btn/check2.png') no-repeat;}
#branchMap #onlineSelect:hover {background-position: 0 -16px;}
#branchMap #map {border: 1px solid #DDD;}



/*Member*/
.pageMember {color:#888;}
.c666 {color:#666;}
.memberName {font:normal 14px 'helvetica_neue';}

#registerTitle {height:88px; padding-top:10px; background:url('../images/member/line2.png') repeat-x left bottom;}
#registerTitle h1 {float:left; padding: 33px 0 0 0; font:normal 35px/30px 'psl_kittithada_probold'; color:#ea5198; text-shadow: 1px 1px #FFFFFF;}
#registerTitle #stepBar {float:right; width:450px; height:78px; text-align:right;}
#registerTitle #stepBar a {display:block; height:78px;}
#stepBar #stepAccount , #stepBar #stepPersonal , #stepBar #stepAddress , #stepBar #stepConfirm {display:inline-block; width:100px; height:78px; background: url('../images/member/register-step.png') no-repeat;}
#stepBar #stepAccount {background-position: 0 0;}
#stepBar #stepAccount.active {background-position: 0 -78px;}
#stepBar #stepPersonal {background-position: -100px 0;}
#stepBar #stepPersonal.active {background-position: -100px -78px;}
#stepBar #stepAddress {background-position: -200px 0;}
#stepBar #stepAddress.active {background-position: -200px -78px;}
#stepBar #stepConfirm {background-position: -300px 0;}
#stepBar #stepConfirm.active {background-position: -300px -78px;}
#stepBar #stepAccount2 , #stepBar #stepVerify {display:inline-block; width:100px; height:78px; background: url('../images/member/register-step2.png') no-repeat;}
#stepBar #stepAccount2 {background-position: 0 0;}
#stepBar #stepAccount2.active {background-position: 0 -78px;}
#stepBar #stepVerify {background-position: -100px 0;}
#stepBar #stepVerify.active {background-position: -100px -78px;}

.pageMember p {padding: 10px 0; font:normal 12px/20px verdana;}
.pageMember p strong {color:#f86faf;}
.pageMember .contents {padding: 20px 0 20px 210px !important;}
.pageMember .contents2 {padding: 30px 0 10px 30px !important;}
.pageMember .contents3 {margin:auto; padding: 15px 0 15px 0 !important;}
.pageMember .line {
 /*   background:url(../images/member/line.jpg) repeat-y left center;
    padding-left:15px;*/
    font:normal 12px/16px verdana;
}

.pageMember .bdTitle {border-left:1px solid #B9B9B9; line-height:20px; padding-left:15px;}

#register {min-height:520px;}
#register h2 {color:#f760a6; font:bold 16px 'helvetica_neue';}
#register .bdl {border-left:1px solid #B9B9B9;}
#register .text {color:#666;}
#register .text2 {color:#F86FAF; text-decoration:underline;}

.tbRegister .form-control-label{
    padding-top: 9px;
}
.tbRegister label.required {color:#F86FAF;}
.tbRegister input, #login #bgContent input {
    height:40px; border: 1px solid #DDD;
    color:#888;
    font-size:14px;
}
.tbRegister textarea {
    color:#888;
    font-size:14px;
}

.nextStep {width:118px; height:49px; background:url(../images/btn/next-step.png) no-repeat;}
.nextStep:hover {background-position: 0 -49px;}
.nextStep2 {width:118px; height:49px; background:url(../images/btn/next-step.png) no-repeat;}
.nextStep2:hover {background-position: 0 -49px;}
.nextStep3 {width:99px; height:49px; margin-top:9px; background:url(../images/btn/next-step2.png) no-repeat;}
.nextStep3:hover {background-position: 0 -49px;}
.btnBack {width:118px; height:49px; background:url(../images/btn/back-step-2.png) no-repeat;}
.btnBack:hover {background-position: 0 -49px;}
.nextStep3:hover {background-position: 0 -49px;}
.prevStep {width:118px; height:49px; background:url(../images/btn/prev-step.png) no-repeat;}
.prevStep:hover {background-position: 0 -49px;}
.resend {margin:auto; display:block; width:118px; height:49px; background:url(../images/btn/resend.png) no-repeat;}
.resend:hover {background-position: 0 -49px;}
.check3 {display:block; width:99px; height:49px; margin-top:9px; background:url(../images/btn/check3.png) no-repeat;}
.check3:hover {background-position: 0 -49px;}
.getPassword { width:156px; height:49px; background:url(../images/btn/get-password.png) no-repeat;}
.getPassword:hover {background-position: 0 -49px;}



.registerLeft {float:left; width:620px; padding-top:30px;}
.registerLeft h1 {height:50px; margin-bottom:30px; padding-top:10px; background:url('../images/member/line2.png') repeat-x left bottom; font:normal 30px/30px 'helvetica_neue'; color:#ea5198; text-shadow: 1px 1px #FFFFFF;}
.registerLeft a {color:#F86FAF; text-decoration:underline;}
.registerRight {float:right; width:295px; padding-top:25px;}
.registerRight h1 {height:57px; border-bottom:1px solid #D8BE8A;}

.registerRight .item {width:295px; height:140px; margin:auto; border-bottom:1px solid #EADCC0;}
.registerRight .item .detail {float:left; width:133px; padding:15px 0 0 2px;}
.registerRight .item .detail h3 {color:#8b6847; font:normal 18px verdana; height:30px;}
.registerRight .item .detail h4 {color:#ea5198; font:bold 20px/18px 'psl_kittithada_proregular'; padding:0 0 5px 0;}
.registerRight .item .img {float:right; width:160px;}
.registerRight .item .orderNows {display:block; width:91px; height:29px; background:url('../images/btn/order-now-s.png') no-repeat 0 0;}
.registerRight .item .orderNows:hover {background-position:0 -29px;}


/*order*/
#order {min-height:520px;}
#orderTitle {padding:30px 0 15px 0; background:url('../images/member/line2.png') repeat-x left bottom; color:#89674B; text-shadow:1px 1px #FFF; font:normal 38px/50px 'helvetica_neue';}
#orderTitle span {color:#F86FAF; text-shadow:1px 1px #FFF; font:normal 24px/24px 'helvetica_neue';}
.pageOrder .contents {padding: 30px 0 10px 30px;}
.tbOrder thead th {color:#f760a6; font:normal 18px/20px 'helvetica_neue';border-bottom:1px solid #EADCBF;border-top:0;}
.tbOrder tbody td {border-bottom:1px solid #EADCBF;vertical-align: middle}
.tbOrder a.popup {text-decoration:underline;}
.tbOrder tr.delivering {background:#FFF2F8;}
.repeatOrder {display:inline-block; width:99px; height:29px; background:url('../images/btn/repeat-order.png') no-repeat 0 0;}
.repeatOrder.responsive {background:url('../img/responsive/repeat-order-responsive.png') no-repeat 0 0; width: 142px;height: 49px;background-size: contain}
.repeatOrder:hover {background-position:0 -29px;}
.repeatOrder.responsive:hover {background-position:0 0;}

/*detail*/
#orderDetail {color:#888;}
#orderDetail #close {position:absolute; display:block; width:22px; height:19px; top:25px; right:25px; }
#orderDetail .top {height:60px; padding:0 0 20px 25px; background:url('../images/member/line2.png') repeat-x left bottom;}
#orderDetail .top .orderID {float:left; width:450px;}
#orderDetail .top .orderID h1 {font:normal 18px/20px 'helvetica_neue'; padding-bottom:8px;}
#orderDetail #myModalLabel span {color:#F86FAF;}
#orderDetail .top .orderID h2 {font:normal 14px/20px 'helvetica_neue';}
#orderDetail .orderStatus {color:#F86FAF; font:normal 12px 'helvetica_neue';}
#orderDetail .modal-header {
    border-bottom: 1px dashed #B1926A;
}
button.close  {
    font-size: 25px !important;
    color: #F86FAF !important;
    opacity: 1;
}
button.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
}


.group-order-detail-responsive {
    border-bottom: 1px solid #ebdec4;
}

.group-order-detail-responsive .order-code a{
    font-size: 14px;
    font-weight: bold;
    color: #ea5198;
}
.group-order-detail-responsive .submit-time{
    font-size: 12px;
    color: #ea5198;
}

.tbOrderDetail {}
.tbOrderDetail thead td {padding:15px 0 15px 25px; color:#f760a6; font:normal 18px/20px 'helvetica_neue'; border-bottom:1px solid #EADCBF;}
.tbOrderDetail thead th {padding:15px 0; color:#f760a6; font:normal 18px/20px 'helvetica_neue'; border-bottom:1px solid #EADCBF;}
.tbOrderDetail tbody td {padding:12px 0 12px 25px; border-bottom:1px solid #EADCBF;}
.tbOrderDetail tbody th {padding:12px 0; font-weight:normal; border-bottom:1px solid #EADCBF;}
.tbOrderDetail tbody td.last {border-bottom:0px !important;}

/*#orderDetail tbody td {text-align:right; padding:2px 0 !important; border-bottom:0px !important;}
#orderDetail tbody th {padding:2px 0 !important; border-bottom:0px !important;}
#orderDetail tbody .subtotal {padding:2px 0 15px 0 !important; border-bottom:1px solid #EADCBF !important;}
#orderDetail tfoot td {text-align:right; padding:10px 0 !important; border-bottom:0px !important; color:#f760a6; font:normal 18px/20px 'helvetica_neue';}*/
#orderDetail .table th, #orderDetail .table td {border-top:0;border-bottom:1px solid #EADCBF;}
#orderDetail .table.summary th, #orderDetail .table.summary td {
    border: 0;
}

#orderDetail .table.summary tfoot td {
    color: #f760a6;
}

#orderDetail th {color:#f760a6}


/*profile*/
#profile {height:520px;}
#bgProfileIn {width:100%; height:258px; background: url('../images/banner/bg2.jpg') repeat-x center top;}
#profileContentBox {width:100%; height:258px; background: url('../images/banner/bg-in2.jpg') no-repeat center top;}
#profileContent {margin:auto; padding:30px 0 25px 0; background:url('../images/member/line2.png') repeat-x left bottom;}
#profileTitle {float:left; width:500px;}
#profileTitle h1 {padding-bottom:15px; color:#89674B; text-shadow:1px 1px #FFF; font:normal 38px/50px 'helvetica_neue';}
#profileTitle h1 span {color:#F86FAF; text-shadow:1px 1px #FFF; font:normal 24px/24px 'helvetica_neue';}
#profileTitle h2 {padding-left:10px; color:#888; font:normal 12px/18px 'verdana'; border-left:1px solid #B9B9B9;}
#profilePoint {float:right; width:230px; padding-top:90px;}
#profilePoint h2 {padding-left:10px; color:#89674B; text-shadow:1px 1px #FFF; font:normal 18px/24px 'helvetica_neue'; border-left:1px solid #B9B9B9;}
#profilePoint h2 span {color:#4095CC; text-shadow:1px 1px #FFF; font:normal 30px/30px 'helvetica_neue';}

.profileInfoBox {color:#f760a6; font:normal 18px/24px 'helvetica_neue';}

.tbProfileInfo {width:790px; margin:auto;}
.tbProfileInfo td {font:normal 18px/18px 'helvetica_neue'; padding: 7px 0;}
.tbProfileInfo th {padding:7px 0; text-align:left;}
.tbProfileInfo td label {color:#F86FAF;}
.tbProfileInfo td span {font:normal 12px 'helvetica_neue';}
.tbProfileInfo td input {width:205px; height:38px; border: 1px solid #DDD; background:transparent; color:#888; font:normal 12px/16px 'helvetica_neue'; text-align:center;}
.tbProfileInfo td.password {color:#0071bb;}
.tbProfileInfo td.password a {color:#0071bb; text-decoration:underline; font:normal 12px/16px 'helvetica_neue';}
.tbProfileInfo td.birthday {font:normal 12px/16px 'helvetica_neue'; text-align:center;}

.saveChange {width:133px; height:49px; background:url(../images/btn/save-change.png) no-repeat 0 0;}
.saveChange:hover {background-position: 0 -49px;}


/*order complete*/
#orderComplete {color:#888; height:500px;}
#orderComplete .contents {padding:30px 0 0 0;}
#orderComplete h1 {height:45px; color:#F760A6; font:normal 18px 'helvetica_neue'; text-align:center;}
#orderComplete h1 span {color:#888;}
#orderComplete h2 {height:35px; color:#F760A6; font:normal 18px 'helvetica_neue'; text-align:center;}
#orderComplete p {line-height:18px; text-align:center;}
#orderComplete p span {text-decoration:underline;}

.viewYourOrders {display:block; width:168px; height:49px; margin:10px auto; background:url(../images/btn/view-your-orders.png) no-repeat 0 0;}
.viewYourOrders:hover {background-position: 0 -49px;}



/*address book*/
#addressBook {}
#addressBook #top {height:115px; padding:30px 0 0 0; margin:auto; background:url('../images/member/line2.png') repeat-x left bottom;}
#addressBook #top h1 {float:left; width:500px; padding-top:5px; color:#89674B; text-shadow:1px 1px #FFF; font:normal 38px/50px 'helvetica_neue';}
#addressBook #top h1 span {color:#F86FAF; text-shadow:1px 1px #FFF; font:normal 24px/24px 'helvetica_neue';}
#addressBook a.addNew {width:99px; height:47px; margin:28px 0 0 0; background:url(../images/btn/add-new.png) no-repeat 0 0;}
#addressBook a.addNew.responsive {background:url(../img/responsive/add-new-responsive.png) no-repeat 0 0;width: 290px;height: 49px;background-size:contain;}
#addressBook #top a.addNew:hover {background-position: 0 -47px;}

.addressList h1 { color:#F86FAF; font:bold 18px 'helvetica_neue';}
.tbAddress {width:790px; margin:auto;}

.edit {width:60px; height:26px; background:url(../images/btn/edit.png) no-repeat 0 -1px;display: inline-block;}
.edit:hover {background-position: 0 -26px;}
.del {width:60px; height:25px; background:url(../images/btn/del.png) no-repeat 0 -1px;}
.del:hover {background-position: 0 -26px;}

/*checkout*/
.checkOutLeft h1 {padding:30px 0 10px 0; background:url('../images/line-b.png') no-repeat left bottom; color:#89674B; text-shadow:1px 1px #FFF; font:normal 38px/50px 'helvetica_neue';}
.checkOutLeft h1 span {color:#F86FAF; text-shadow:1px 1px #FFF; font:normal 24px/24px 'helvetica_neue';}

.checkOutContent {padding:20px 0 0 0; color:#888;}
.checkOutContentIn {border:1px solid #DDD;}
.checkOutContent h2 {height:40px; color:#F760A6; font:normal 22px/22px 'helvetica_neue';}
.checkOutContent h3, .checkOutLeft h3 {color:#EA5198; font:bold 14px 'Verdana';}

.tbcheckOutList {}
.tbcheckOutList td {height:120px; border-bottom:1px solid #DDD; padding:20px 0 0 0; vertical-align:top; font:normal 14px/22px verdana;}
.tbcheckOutList td.price {height:98px; padding:42px 0 0 0; color:#F86FAF;}
.tbcheckOutList td .num {width:47px; height:24px; background:url('../images/num.jpg') no-repeat; color:#888; font:normal 14px/18px verdana; text-align:center; border:0px;}
.checkOutContent .del {display:block; float:none; width:14px; height:20px; margin-top:15px; background:url('../images/btn/delete.png') no-repeat 0 0;}
.checkOutContent .del:hover {background-position: 0 -20px;}

/*tbAdditonNote*/
.tbAdditonNote {margin:20px;}
.tbAdditonNote td {vertical-align:top; font:normal 14px 'verdana';}
.tbAdditonNote textarea {width:315px; height:68px; padding:5px; background-color: #FFF; border:1px solid #CCC;}

/*tbCodePromotion*/
.tbCodePromotion {background:#FFF2F8;}
.tbCodePromotion th , .tbCodePromotion td {font:normal 14px 'verdana'; vertical-align:top; padding:20px 0 0 0;}
.tbCodePromotion th {padding: 15px 0 15px 15px; text-align:left;}
.tbCodePromotion td input {width:126px; height:36px; padding:2px; margin-top:10px; background-color: #FFF; border:1px solid #CCC;}
.validate {display:block; float:none; width:93px; height:49px; margin-top:23px; background:url('../images/btn/validate.png') no-repeat 0 0;}
.validate:hover {background-position: 0 -49px;}

/*yourPoints*/
.yourPointsBox {padding:7px 0 0 0;}
.yourPointsBox .yourPointsLeft {float:left; width:250px; height:135px; background:#F8F8F8; padding:10px 15px 0 15px; line-height:16px;}
.yourPointsBox .yourPointsRight {float:right; width:330px; height:135px; background:#F8F8F8; padding:10px 0 0 0; line-height:16px;}
.yourPointsBox td {padding: 3px 0;}
.yourPointsBox input {width:50px; padding:3px; background-color: #FFF; border:1px solid #CCC; color:#888;}

/*totalPriceBox*/
.totalPriceBox {}
.totalPriceBox td {padding:4px 0; text-align:right;}
.totalPriceBox td.total {padding:8px 0; background:#FFF8FB; color:#f86faf; font:normal 18px 'verdana';}
.dataStoreShop {
    color: #509ed0;
}

/**/
.deliveryTitleBox {padding:10px 0 0 0;}
.deliveryTitle {float:left; width:450px;}
.addNewAddress {float:right; display:block; width:99px; height:31px; margin:0 20px 0 0; background:url('../images/btn/add-new2.png') no-repeat 0 0;}
.addNewAddress:hover {background-position: 0 -31px;}

.listAddress {float:left; width:185px;}
.listAddress li {border-bottom:1px solid #EEE; padding:10px 0 10px 20px;}
.listAddress li a {display:block; font:normal 14px 'verdana';}
.listAddress li a:hover , .listAddress li a.active {color:#ea5198;}
.listAddressDetail {float:left; width:410px; padding: 10px 0 0 15px; border-left:1px solid #EEE; font:normal 14px 'verdana';}
.tbAddressDetail {}
.tbAddressDetail th {padding:5px 0; text-align:left; font-weight:normal; color:#ea5198;}
.tbAddressDetail td {padding:5px 0;}
.tbAddressDetail input {width:235px; padding:5px; background-color: #FFF; border:1px solid #CCC; color:#888;}

#checkout .del {display:inline-block; width:60px; height:25px; margin:0; background:url('../images/btn/del.png') no-repeat 0 0;}
#checkout .del:hover {background-position: 0 -25px;}

.deliverySchedule {padding:20px; font:normal 14px 'verdana';}
.deliverySchedule label {cursor:pointer;}
.deliveryScheduleL {float:left; width:150px;}
.deliveryScheduleR {position:relative; float:left; width:300px;}
#selectDateTime {height:29px; padding:5px 0 0 17px;}
#selectDateTime .calendar {float:left; display:block; width:24px; height:24px; background: url('../images/icon/calendar.png') no-repeat;}
#selectDateTime .dateTime {float:left; display:block; width:200px; padding:7px 0 0 8px; font:normal 12px 'verdana';}
.disabledBlock {position:absolute; width:200px; height:30px; left:0; top:20px; background:#FFF; opacity:0.5;}

.paymentMethod {padding:20px; font:normal 14px 'verdana';}
.paymentMethod label {cursor:pointer;}
#cash {float:left; width:150px; height:25px; cursor:pointer;}
#creditCard {float:left; width:300px; height:25px;}
#creditCard label {float:left; width:90px;}
.creditIcon {float:left; width:100px; height:15px; background: url('../images/icon/credit-card.jpg') no-repeat;}

#payByCash {width:565px; padding:5px 0 0 15px;}
#payByCash label {display:block; padding:0 0 5px 0;}
#payByCash .otherAmount {float:left; width:180px; padding-top:3px;}
#payByCash .otherAmountInput {float:left; width:200px;}
#payByCash .otherAmountInput input {width:100px; padding:5px; background-color: #FFF; border:1px solid #CCC; color:#888;}
#payByCreditCard { padding:5px 0 0 15px;}
#payByCreditCard p {padding-bottom:15px; line-height:18px;}


.taxReceipt { font:normal 14px 'verdana'; cursor:pointer;}
.taxReceipt label {cursor:pointer;}
.taxReceiptAddress {display:none;}
.taxReceiptAddress textarea {height:90px; background-color:#FFF; border:1px solid #CCC; resize:none;}
.note {padding:20px 0 20px 0px; font:normal 14px 'verdana';}
.note a {font:normal 14px 'verdana'; color: #F760A6; text-decoration:underline;}
.confirmOrderNow {display:block; width:189px; height:49px; background:url('../images/btn/confirm-order-now.png') no-repeat 0 0;}
.confirmOrderNow:hover {background-position: 0 -49px;}



/**/
.checkOutRight {padding-top:73px;}
.checkOutRight .continueBox {height:49px; background:url(../images/line-s.png) no-repeat left bottom;}
.checkOutRight .continueBox .continueShopping {float:right; display:block; width:190px; height:49px; background:url('../images/btn/continue-shopping.png') no-repeat 0 0;}
.checkOutRight #continueBox .continueShopping:hover {background-position:0 -49px;}
.checkOutRight h1 {height:65px; padding-top:16px; border-bottom:1px solid #D8BE8A;}
.checkOutRight .item {margin:auto; border-bottom:1px solid #EADCC0;}
.checkOutRight .item .detail {float:left;  padding:15px 0 0 2px;}
.checkOutRight .item .detail h3 {color:#8b6847; font:normal 18px verdana; height:30px;}
.checkOutRight .item .detail h4 {color:#ea5198; font:bold 20px/18px 'psl_kittithada_proregular'; padding:0 0 5px 0;}
.checkOutRight .item .detail h4 span {color:#949494;}
.checkOutRight .item .img {float:right; }
.checkOutRight .item .orderNows {display:block; width:91px; height:29px; background:url('../images/btn/order-now-s.png') no-repeat 0 0;}
.checkOutRight .item .orderNows:hover {background-position:0 -29px;}


/**/
.pageStatic {}
#staticContent {width:940px; margin:auto; padding:30px 0 15px 0; background:url('../images/member/line2.png') repeat-x left bottom;}
#staticContent h1 {color:#89674B; text-shadow:1px 1px #FFF; font:normal 38px/50px 'helvetica_neue';}
#staticContent h1 span {color:#F86FAF; text-shadow:1px 1px #FFF; font:normal 24px/24px 'helvetica_neue';}
#static {width:800px; padding:30px 0 50px 70px;}
#static h1 {padding-bottom:10px; color:#F86FAF; font:bold 14px/20px 'verdana';}
#static p {padding-bottom:10px;}

.nav-product-responsive {
    margin-top: 5px;
}
#yayoimenu .nav-product-responsive {
    margin-top: 8px;
}
.nav-product-responsive .item {
    height: 104px;
    font-size: 11px;
}
.nav-product-responsive .item a{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.nav-product-responsive .item a span, .nav-product-responsive .item a img{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.nav-product-responsive .item a img{
    margin: auto;
    bottom: 15px;
}

.nav-product-responsive .sub-nav-product-responsive .item a img{
    margin: auto;
    bottom: 30px;
}
.nav-product-responsive .sub-nav-product-responsive .item a span {
    bottom: 10px;
    font-family: helvetica_neue;
    font-size: 10px;

}
.nav-product-responsive .sub-nav-product-responsive .item a.th span {
    bottom: 10px;
    font-family: verdana;
    font-size: 14px;

}
#home .nav-product-responsive .item a:active,
#home .nav-product-responsive .item a:hover,
.nav-product-responsive .item a.active
{
    -webkit-box-shadow: inset 0 0 6px rgba(109,73,0,.6);
    -moz-box-shadow: inset 0 0 6px rgba(109,73,0,.6);
    box-shadow: inset 0 0 6px rgba(109,73,0,.6);
    background: rgba(202,168,106,.5);
    text-decoration: none;
}

.nav-product-responsive .item a.expand-submenu.active
{
    -webkit-box-shadow: inset 29px 29px 6px -28px rgba(109,73,0,.6), inset -29px 0 6px -28px rgba(109,73,0,.6);
    -moz-box-shadow: inset 29px 29px 6px -28px rgba(109,73,0,.6), inset -29px 0 6px -28px rgba(109,73,0,.6);
    box-shadow: inset 29px 29px 6px -28px rgba(109,73,0,.6), inset -29px 0 6px -28px rgba(109,73,0,.6);
}

.sub-nav-product-responsive .item.top a
{
    -webkit-box-shadow: inset 0px 29px 6px -28px rgba(109,73,0,.6);
    -moz-box-shadow: inset 0px 29px 6px -28px rgba(109,73,0,.6);
    box-shadow: inset 0px 29px 6px -28px rgba(109,73,0,.6);
    background: rgba(202,168,106,.5);
    text-decoration: none;
}
.sub-nav-product-responsive .item.bottom a
{
    -webkit-box-shadow: inset 0px -29px 6px -28px rgba(109,73,0,.6);
    -moz-box-shadow: inset 0px -29px 6px -28px rgba(109,73,0,.6);
    box-shadow: inset 0px -29px 6px -28px rgba(109,73,0,.6);
    background: rgba(202,168,106,.5);
    text-decoration: none;
}

.sub-nav-product-responsive .item-link.center-nav
{
    background: rgba(202,168,106,.5);
    text-decoration: none;
}

.sub-nav-product-responsive .item-link.active {
    background: rgba(211,169,103,.6) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.nav-product-responsive .item img{
    padding-bottom: 10px;
}
.nav-product-responsive .item span {
    text-transform: uppercase;
    font-weight: bold;
    color: #7d5834;
    font-family: helvetica_neue;
    font-size: 10px;
}

.nav-product-responsive .cat1 {
    border-bottom: 1px solid #d1bc95;
}
.nav-product-responsive .cat2 {
    border-bottom: 1px solid #d1bc95;
    border-left: 1px solid #d1bc95;
    border-right: 1px solid #d1bc95;
}
.nav-product-responsive .cat3 {
    border-bottom: 1px solid #d1bc95;
}
.nav-product-responsive .cat4 , .nav-product-responsive .cat6 {
   
    border-bottom: 1px solid #d1bc95;
}

.nav-product-responsive .cat5 {
    border-left: 1px solid #d1bc95;
    border-right: 1px solid #d1bc95;
    border-bottom: 1px solid #d1bc95;
}


.nav-product-responsive .cat7 {
    border-left: 1px solid #d1bc95;
    border-right: 1px solid #d1bc95;
}

#yayoimenu #bgHighlight {
    background: url('../img/responsive/bg-home-product-menu.jpg') repeat-x top center;background-size: cover;
    border-bottom: 1px solid #d5c3a5;
    z-index: 5;
    position: absolute;
}

.nav-tabs-choose-address-responsive {
  background: #ffffff;
}

.nav-tabs-choose-address-responsive li a.active{
  background: #f86faf !important;
  border-radius: 0;
}
.nav-tabs-choose-address-responsive .nav-link{
  color: #888888;
}
.nav-tabs-choose-address-responsive .nav-link:hover{
  border-radius: 0;
}
.nav-tabs-choose-address-responsive .nav-link.active{
  color: #ffffff !important;
  /*border-color: #f86faf #f86faf transparent !important;*/
  border-color: #ddd #ddd transparent;
}

.nav-dish-of-the-day-responsive {
    background: #ffffff;
}

.nav-dish-of-the-day-responsive h1{
    height: 57px;
    line-height: 62px;
    background: url('../img/responsive/menu/nav-dish-of-the-day.png');
    font-family: helvetica_neue;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #7d5834;
    text-shadow: 2px 2px #f4ead5;
}

.dishOfDayResponsive h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ea5198;
}
.dishOfDayResponsive p {
    font-family: helvetica_neue;
    font-size: 12px;
    color: #6e431d;
}


.footer-responsive {
    background: #ffffff;
}

.footer-responsive .content-detail {
    width: 231px;
    margin: 0 auto;
    position: relative;
}
.footer-responsive .content-detail span{
    color: #6daed8;
    font-family: helvetica_neue;
    font-weight: bold;
    position: absolute;
    right: -10px;
    bottom: 13px;
    letter-spacing: -1px;
}

.line1{
    border-bottom: 1px solid #b49665;
}
.line2{
    border-bottom: 3px solid #e9d6b1;
}
.line3{
    border-bottom: 1px solid #f5ecd6;
}
.line4{
    border-bottom: 1px solid #eadbbc;

}

.search-nav {
    position: relative;
    z-index: 3;
    background: url('/img/responsive/bg-head-product-list.png') repeat-x;
    background-size: cover;
    border-bottom: 1px solid #e0d5c1;
}

.overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: black;
    z-index: 2;
    width: 100%;
    opacity: 0.5;
}


/*  Modal vertical middle */
/*.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}*/
/*  Modal vertical middle */

.nav-tabs.nav-justified {
  border-bottom: 0 !important;
}
.nav-justified > li {
  float: none !important;
  width: 1%;
  display: table-cell;
}

.nav-justified .nav-link {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#branch .tab-pane {
    background: #f3e8d0 url('../img/responsive/bg-tab-panel-branch.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    border-bottom: 1px solid #dddddd;
}

#branch .nav-tabs-choose-address-responsive.nav-justified {
    border-top: 1px solid #ddcaa8;
    border-bottom: 4px solid #f86faf !important;
}

#branch .nav-tabs-choose-address-responsive.nav-justified .nav-item {
    text-align: center;
    border-right: 1px solid #ddcaa8;
}

#branch .nav-tabs-choose-address-responsive.nav-justified a span {
    display: table-cell;
    vertical-align: middle;
}
#branch .nav-tabs-choose-address-responsive.nav-justified a {
    height: 40px;
    display: table;
    width: 100%;
    font-family: psl_kittithada_probold;
    font-size: 24px;
    background-color: #fde4f0;
    color: #f86faf;
}

#branch .nav-tabs-choose-address-responsive.nav-justified a.active {
    color: #ff3333;
    background: #ffffff;
}

input[type=radio].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label {
    padding-left:26px;
    height:21px;
    display:inline-block;
    line-height:21px;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -21px;
}
label.css-label {
    background-image:url('../img/responsive/radio.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



input[type=checkbox].css-checkbox {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.checkbox-css-label {
    padding-left:25px;
    height:20px;
    display:inline-block;
    line-height:20px;
    background-repeat:no-repeat;
    background-position: 0 0;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.checkbox-css-label {
    background-position: 0 -20px;
}
label.checkbox-css-label {
    background-image:url('../img/responsive/checkbox.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#contact > h1 {
    padding: 0 !important;
}





@media screen and (min-width: 1000px) {
    #modalSaveAddress .modal-dialog{
        width: 900px;
    }
}

.container {
    max-width: 1000px !important;
}

/* Extra large devices (large desktops, 75em (default pixel = 16 = 1200px) and down)*/
@media screen and (max-width: 75em) {
}
/* Large devices (desktops, 62em (default pixel = 16 = 992px) and down)*/
@media screen and (max-width: 62em) {
    #header {
        padding: 0
    }

    body {
        padding-top: 56px;
    }

    #bgHighlight {
        padding: 0;
    }

    .checkOutRight .item .detail {float:none;}
    .checkOutRight .item .img {float:none; }
}


@media screen and (max-width: 49em) {
    #bgBannerIn {
        display: none;
    }
    #bgContent, #bgContents {
        background: #fff;
    }
}
/* Medium devices (tablets, 48em (default pixel = 16 = 768px) and down)*/
@media screen and (max-width: 48em) {
    #branchMap {
        padding-left: .9375rem !important;
    }
    #navBranch {
        padding-right: .9375rem !important;
    }

    .pageAbout #contentBox h1, .pageAbout #contentBox p {
        padding: 0 !important;
    }

    .pageAbout #contentBox h1 {
        margin-bottom: 10px;
    }

    .pageAbout #history {
        background: url('../img/responsive/about-history-bg.jpg') no-repeat center top;
        padding-top: 194px;
    }
    .pageAbout #japaneseFood {
        background: url('../img/responsive/about-ourfood-bg.jpg') no-repeat center top;
        padding-top: 194px;
    }
    .pageAbout #service {
        background: url('../img/responsive/about-service-bg.jpg') no-repeat center top;
        padding-top: 194px;
    }
    #tvcBox {
        background: url('../img/responsive/about-tvc-bg.jpg') no-repeat center top;
        background-size: 100%;
    }
    #career {
        background: url('../img/responsive/about-job-bg.jpg') no-repeat center top;
        padding-top: 194px !important;
    }

    .pageAbout #careerLeft {
        width: 100%;
    }
    .pageAbout #careerLeft .careerDetail {
        height: 100%;
        margin-left: 0;
        padding-top: 5px;
    }

    .pageAbout #careerLeft h1 {
        background: none;
        margin-bottom: 5px;
    }

    .pageAbout #career {
        border-bottom: 0;
    }

    .pageAbout #careerRight {
        clear: both;
        float: none;
        margin: auto;
    }

    .pageAbout #careerRight p {
        padding-left: 60px !important;
        margin-top: 11px;
    }

    .pageAbout #careerLeft .careerDetail {
        background:none;
    }

    .careerList {
        padding-top: 10px;
    }

    .careerLists .apply {
        float: left;
    }

    .careerLists .careerListsDetail {
        float: none;
        width: 100%;
    }


    #tvcTitle {
        background:none;
    }

    .pageAbout #feedback h1 {
        background:none;
    }

    .find-near-home {
        margin: auto;
        width: 235px;
        display: block;
    }

    .right-contact {
        padding: 0;
    }

    #contact #address h2 {
        padding-bottom: 13px;
    }

    #contact #address {
        height: 210px;
    }

    #contactBox {
        border-bottom: 0;
        padding-bottom: 0;
    }

    #contact h1 {
        background:none;
    }

    #map {
        height: 320px;
    }

    #searchBranchBox #searchBranch {
        margin-left: 16px;
    }

    #restaurantBtn {
        float: none;
        margin: 15px auto;
        clear:both;
        display: block;
    }

    #branch .branchMapBox,#branch .showMapBox, #navBranch  {
        padding: 0 !important;
    }

    .pageAbout #service {
        min-height: 0;
    }

    .pageAbout #careerRight h2 {
        padding-bottom: 3px;
    }

    .pageAbout.en #department .departments {width:108px; padding-top:0;}

    .btnApplyPostionWork {
        margin-top: 15px;
    }

}
@media screen and (max-width: 47em) {
/*    #bgContent, #bgContents {
        background: #fff;
    }*/

}
/* Small devices (landscape phones, 34em (default pixel = 16 = 544px) and down)*/
@media screen and (max-width: 34em) {

    #orderDetail #myModalLabel {
        color: #ea5198 !important;
    }

    #department {
        float: none;
        color: #888;
        display: block;
        clear: both;
        padding-top: 10px;
    }

    .btnPink {
        width: 100%;
    }
    #mnKokoroAcademy {
        margin: 0 !important;
    }

    .nav-tabs-choose-address-responsive.nav-tabs .nav-item {
        float: none;
    }

    .nav-tabs-choose-address-responsive.nav-tabs .nav-item+.nav-item{
        border-top: 1px solid #ddd;
    }

    #branch .nav-tabs-choose-address-responsive.nav-tabs .nav-item+.nav-item{
        border-top: 0;
    }

    #department select {
        width: 100%;
        margin-top: 10px;
    }

}

/* Start Happy Birthday POPUP */

#popupBirthdayFrame{
    position: absolute; width: 100%; height: 100%; left: 0px; top:0px; z-index: 1000; display: none;
}
#popupBirthdayOpacity{
    position: absolute; width: 100%; height: 100%; z-index: 0; background-color: #000000; opacity: 0.7;
}
#popupBirthdayBox{
    position: relative;
    width: 100%;
    margin : 50px auto;
    max-width: 600px;
    background-color: #ffffff;
    height:90%;
    overflow-y: scroll;
}
#popupBirthdayHeader{
    position: relative; width: 100%; height: 50px; background-color: #f760a6; 
}
#popupBirthdayHeader p{
    color: #ffffff; font: normal 18px/18px 'helvetica'; height: 50px; line-height: 50px;
}
#popupBirthdayHeader img{
    padding: 0px;
    margin:0px;
    margin-top: -3px;
    margin-left: 20px;
    margin-right: 10px;
}
#popupBirthdayClose{
    z-index: 99;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}
.popupBirthdayContentDetail{
    background-color: #ffffff;
    border-bottom:solid 1px #e2e2e2;
    padding: 0;
}
.popupBirthdayContentDetail p{
    margin-bottom: 0;
}

.birthdayProductBox{
    max-width: 205px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    font-family: 'verdana';
}

.birthdayProductBox .price{
    float: right;
}

.birthdayProductBox .free-text-img{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
}

.birthdayProductBox .birthday-checkbox{
    margin-top: 10px;
    margin-left: 15px;
}

.birthdayProductBox .submit-btn{
    display: block;
    text-decoration: none;
    width: 100%;
    text-align: center;
    background-color: #0d8dd2;
    color: #fff;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    cursor: pointer;
}

.birthdayProductBox .submit-btn:hover{
    background-color: #0576b3;
}

.BirthdayMenuCategory{
    color: #f760a6; font: normal 18px/18px 'helvetica';
    height: 44px;
    margin: 0px;
    padding:0px;
    line-height: 44px;
}
.BirthdayMenuTitleJp{
    border-top: dashed 1px #f0e1c4;
    color: #888;
    height: 30px;
    font-size: 13px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 15px;
    padding-top: 7px;

}
.BirthdayMenuTitle{
    padding:0px;
    margin:0px; 
    color: #ea5198;
    padding-bottom: 3px;
    font-size: 14px;
    padding-bottom: 10px;
    /* border-bottom:solid 1px #e2e2e2; */
    font-weight: bold;
}
.BirthdayMenuPrice{
   padding:0px;
   margin:0px;  
   color: #f760a6; 
   font: normal 18px/18px 'tahoma';
}
.BirthdayMenuPrice span{
    list-style-type: none;
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
}
.BirthdayMenuPrice span font{
    font: normal 13px/13px 'tahoma';
}

.BirthdayMenuPrice span.price {
    text-align: left;
    line-height: 30px;
}
.BirthdayMenuBorderBox{
    background: url('../images/BirthdayMenuBorderBox.png') repeat center top;
    height: 6px;
}


@media screen and (max-width: 480px) {

    


#popupBirthdayFrame{
    position: absolute; width: 100%; height: 100%; left: 0px; top:0px; z-index: 1000; display: none;
}
#popupBirthdayOpacity{
    position: absolute; width: 100%; height: 100%; z-index: 0; background-color: #000000; opacity: 0.7;
}
#popupBirthdayBox{
    position: relative; width: 95%; margin : 50px auto; max-width: 740px; min-height: 400px; background-color: #ffffff;
    padding-bottom: 100px; height:auto;
}
#popupBirthdayHeader{
    position: relative; width: 100%; height: 50px; background-color: #f760a6; 
}
#popupBirthdayHeader p{
    color: #ffffff; font: normal 14px/14px 'helvetica'; height: 50px; line-height: 50px;
}
#popupBirthdayHeader img{
    padding: 0px;
    margin:0px;
    margin-top: -3px;
    margin-left: 20px;
    margin-right: 10px;
}
#popupBirthdayClose{
    position: absolute;
    top: 12px;
    right: 0px;
    cursor: pointer;
}
.popupBirthdayContentDetail{
    background-color: #ffffff;
    border-bottom:solid 1px #e2e2e2;
}
.BirthdayMenuCategory{
    color: #f760a6; font: normal 16px/16px 'helvetica';
    height: 44px;
    margin: 0px;
    padding:0px;
    line-height: 44px;
}
.BirthdayMenuTitleJp{
    border-top: dashed 1px #f0e1c4;
    color: #888;
    height: 30px;
    font-size: 13px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 15px;
    padding-top: 7px;

}
.BirthdayMenuTitle{
    padding:0px;
    margin:0px; 
    color: #ea5198;
    padding-bottom: 3px;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom:solid 1px #e2e2e2;
    font-weight: bold;
}
.BirthdayMenuPrice{
   padding:0px;
   margin:0px;  
   color: #f760a6; 
   font: normal 14px/14px 'tahoma';
}
.BirthdayMenuPrice span{
    list-style-type: none;
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
}
.BirthdayMenuPrice span font{
    font: normal 13px/13px 'tahoma';
}

.BirthdayMenuPrice span.price {
    text-align: left;
    line-height: 30px;
}

.BirthdayMenuConfirmBtnBox{
    height: 55px;
    background-color: #ffffff;

}
.BirthdayMenuConfirmBTN{
    margin-top: 10px;
}
.BirthdayMenuBorderBox{
    background: url('../images/BirthdayMenuBorderBox.png') repeat center top;
    height: 6px;
}


}

/* END Happy Birthday POPUP */


#popupRecommendFrame{
    position: absolute; width: 100%; height: 100%; left: 0px; top:0px; z-index: 1000; display: none;
}
#popupRecommendOpacity{
    position: absolute; width: 100%; height: 100%; z-index: 0; background-color: #000000; opacity: 0.7;
}
#popupRecommendBox{
    position: relative; width: 95%; margin : 50px auto; max-width: 740px; min-height: 200px; background-color: #ffffff;
    padding-bottom: 100px; height:auto;
}
#popupRecommendHeader{
    position: relative; width: 100%; height: 50px; background-color: #f760a6; 
}
#popupRecommendHeader p{
    color: #ffffff; font: normal 18px/18px 'helvetica'; height: 50px; line-height: 50px;
}
#popupRecommendHeader img{
    padding: 0px;
    margin:0px;
    margin-top: -3px;
    margin-left: 20px;
    margin-right: 10px;
}
#popupRecommendClose{
    position: absolute;
    top: 12px;
    right: 0px;
    cursor: pointer;
}
.popupRecommendContentDetail{
    background-color: #ffffff;
    border-bottom:solid 1px #e2e2e2;
}
.RecommendMenuCategory{
    color: #f760a6; font: normal 18px/18px 'helvetica';
    height: 44px;
    margin: 0px;
    padding:0px;
    line-height: 44px;
}
.RecommendMenuTitleJp{
    border-top: dashed 1px #f0e1c4;
    color: #888;
    height: 30px;
    font-size: 13px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 15px;
    padding-top: 7px;

}
.RecommendMenuTitle{
    padding:0px;
    margin:0px; 
    color: #ea5198;
    padding-bottom: 3px;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom:solid 1px #e2e2e2;
    font-weight: bold;
}
.RecommendMenuPrice{
   padding:0px;
   margin:0px;  
   color: #f760a6; 
   font: normal 18px/18px 'tahoma';
}
.RecommendMenuPrice span{
    list-style-type: none;
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
}
.RecommendMenuPrice span font{
    font: normal 13px/13px 'tahoma';
}

.RecommendMenuPrice span.price {
    text-align: left;
    line-height: 30px;
}
.RecommendMenuPrice span.addtocartBox {
    text-align: right;
    font: bold 12px/12px 'tahoma';
    line-height: 30px;
}
.RecommendMenuConfirmBtnBox{
    height: 55px;
    background-color: #ffffff;

}
.RecommendMenuConfirmBTN{
    margin-top: 10px;
}
.recommendMenuBorderBox{
    background: url('../images/recommendMenuBorderBox.png') repeat center top;
    height: 6px;
}
#popupRecommendFrame .addToCart {
     display: inline-block !important;
    width: 66px !important;
    height: 30px !important;
    margin-top: 0 !important;
    background: url(../img/responsive/add-to-cart-btn-mobile.svg) no-repeat 0 0 !important;
}


@media screen and (max-width: 480px) {

    


#popupRecommendFrame{
    position: absolute; width: 100%; height: 100%; left: 0px; top:0px; z-index: 1000; display: none;
}
#popupRecommendOpacity{
    position: absolute; width: 100%; height: 100%; z-index: 0; background-color: #000000; opacity: 0.7;
}
#popupRecommendBox{
    position: relative; width: 95%; margin : 50px auto; max-width: 740px; min-height: 400px; background-color: #ffffff;
    padding-bottom: 100px; height:auto;
}
#popupRecommendHeader{
    position: relative; width: 100%; height: 50px; background-color: #f760a6; 
}
#popupRecommendHeader p{
    color: #ffffff; font: normal 14px/14px 'helvetica'; height: 50px; line-height: 50px;
}
#popupRecommendHeader img{
    padding: 0px;
    margin:0px;
    margin-top: -3px;
    margin-left: 20px;
    margin-right: 10px;
}
#popupRecommendClose{
    position: absolute;
    top: 12px;
    right: 0px;
    cursor: pointer;
}
.popupRecommendContentDetail{
    background-color: #ffffff;
    border-bottom:solid 1px #e2e2e2;
}
.RecommendMenuCategory{
    color: #f760a6; font: normal 16px/16px 'helvetica';
    height: 44px;
    margin: 0px;
    padding:0px;
    line-height: 44px;
}
.RecommendMenuTitleJp{
    border-top: dashed 1px #f0e1c4;
    color: #888;
    height: 30px;
    font-size: 13px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 15px;
    padding-top: 7px;

}
.RecommendMenuTitle{
    padding:0px;
    margin:0px; 
    color: #ea5198;
    padding-bottom: 3px;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom:solid 1px #e2e2e2;
    font-weight: bold;
}
.RecommendMenuPrice{
   padding:0px;
   margin:0px;  
   color: #f760a6; 
   font: normal 14px/14px 'tahoma';
}
.RecommendMenuPrice span{
    list-style-type: none;
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
}
.RecommendMenuPrice span font{
    font: normal 13px/13px 'tahoma';
}

.RecommendMenuPrice span.price {
    text-align: left;
    line-height: 30px;
}
.RecommendMenuPrice span.addtocartBox {
    text-align: right;
    font: bold 12px/12px 'tahoma';
    line-height: 30px;
}
.RecommendMenuConfirmBtnBox{
    height: 55px;
    background-color: #ffffff;

}
.RecommendMenuConfirmBTN{
    margin-top: 10px;
}
.recommendMenuBorderBox{
    background: url('../images/recommendMenuBorderBox.png') repeat center top;
    height: 6px;
}
#popupRecommendFrame .addToCart {
   

    display: inline-block !important;
    width: 66px !important;
    height: 30px !important;
    margin-top: 0 !important;
    background: url(../img/responsive/add-to-cart-btn-mobile.svg) no-repeat 0 0 !important;
}

}

/* For Fishmenu */
#menuList .addFishMenuToCart {
    display: inline-block;
    width: 60px;
    height: 30px;
    /*margin-top: -7px;*/
    background: url(../images/btn/add-to-cart.png) no-repeat 0 0;

}
.fishmenu-head span{
    font-family: 'psl_kittithada_probold';
}
.go_back_to_fish_menu,.go_back_to_other_menu{ 
    bottom: 7px;
    font-size: 12px; 
    position: absolute;
    right: 0;
}
#menuList .fish-title{
    color: #ea5198;
    font-size: 40px;
    font-family: 'psl_kittithada_probold';
    padding: 7px 0;
    background: url('../images/line.png') repeat-x bottom left;
}
#menuList .pink-radio{
    padding: 7px 0;
}
#menuList .fish-menu-head{
    background-color: #f86faf;
    color: #fff;
    padding: 15px;

    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#menuList .fish-menu-head h1{
    font-size: 16px;
    line-height: 31px;
}
#menuList .fish-menu-head h2{
    font-size: 14px;
}
#menuList .fishmenu-box{
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
#menuList .fishmenu-bb{
    border-bottom: 1px solid #e2e2e2;
    padding: 7px 0;
}

#menuList .fishmenu-title{
    color: #ea5198;
    font: normal 14px verdana;
    padding: 7px 0;
    padding-bottom: 15px;
}
#menuList .fishmenu-row{
    margin-bottom: 15px;
    margin-top: 15px;
}
#menuList .fishmenu-txt{
    font: normal 14px verdana;
}
#menuList .forFishSet{
    border-top: 1px solid #e2e2e2;
    padding: 7px 0;
}
#menuList .text-center{
    text-align: center;
}
#menuList.fishmenu-detail .name{
    margin-right: 45px;
}
@media screen and (max-width: 48em) {

    #menuList.fishmenu-detail .name{
        margin-right: 15px;
    }

}

#item-SP001 .spinedit .icon-chevron-up,
#item-SP001 .spinedit .icon-chevron-down{
    visibility: hidden;
}
#select-SP001{
    background-image: none !important;
}