*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; }
.left {float:left;}
.right {float:right;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fx {-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.hidden {display: none;} 
html, body {height: 100%;}  
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
img {max-width: 100%;display: block;-webkit-backface-visibility: hidden; -ms-transform: translateZ(0);-webkit-transform: translateZ(0); transform: translateZ(0);} img.ctrImg {display: block; margin: auto;width:100%;}
h1 {font-size: 35px;margin: 0;}
h2 {font-size: 1.8em;margin: 0;}
p {line-height: 1.8; margin: 0;}
.tc p, .sc p {letter-spacing: 1px;}
small {font-size: .75rem;}
a {text-decoration: none;}
div {position:relative; -webkit-overflow-scrolling: touch;}
.line-clamp {display: block; display : -webkit-box; -webkit-box-orient : vertical; position: relative; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; padding: 0 !important; }
.line-clamp:after {content: ''; text-align : right; bottom: 0; right: 0; width: 25%; display : block; position: absolute; height: calc(1em * 1.2); background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%); }
@supports (-webkit-line-clamp: 1) {.line-clamp:after {display : none !important; } }
.line-clamp-1 {-webkit-line-clamp : 1; max-height : calc(1em * 1.2 * 1); }
.line-clamp-2 {-webkit-line-clamp : 2; max-height : calc(1em * 1.2 * 2); }
.line-clamp-3 {-webkit-line-clamp : 3; max-height : calc(1em * 1.2 * 3); }
.line-clamp-4 {-webkit-line-clamp : 4; max-height : calc(1em * 1.2 * 4); }
.row1,.row2,.row3 {text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal;}
.row1 {-webkit-line-clamp:1;}
.row2 {-webkit-line-clamp:2;}
.row3 {-webkit-line-clamp:3;}
.alignCtr {margin: auto; width: 90%;}
.noScroll {overflow: hidden;}
.txtCtr {text-align: center;}
.noPmargin > p {margin: 0;}
.mbl {display: none!important;}
.lity{z-index:99999999;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:rgba(0,0,0,0.5);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease} .lity.lity-opened{opacity:1} .lity.lity-closed{opacity:0} .lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important;overflow: auto;} 
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em} 
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease} .lity-loading .lity-loader{opacity:1} .lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important} .lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease; position: relative; } .lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)} 
.lity-close{z-index:9994;width:45px;height:45px;position:fixed;right:3%; top: 2%; margin:auto; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#ffffff;font-style:normal;font-size:45px;font-family:Arial,Baskerville,monospace;line-height:45px;border:0;outline:0;-webkit-box-shadow:none; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background-color: rgba(0,0,0,0.8); } 
.lity-close::-moz-focus-inner{border:0;padding:0} 
.lity-image img{max-width:100%;display:block;line-height:0;border:0} .lity-iframe .lity-container{width:100%;max-width:100%;}
.lity-iframe-container{width:100%;height:100%;padding-top:100vh;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch} 
.lity-iframe-container:before, .lity-iframe-container:after {display: block; content: ""; width: 80px; height: 80px; background: black; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; opacity: 0.6; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; z-index: -1;}
.lity-iframe-container:before {background-color: #005f29; -webkit-animation-delay: -1s; animation-delay: -1s; }
.lity-iframe-container:after {background-color: #bf3300; }
@-webkit-keyframes sk-bounce {0%, 100% {-webkit-transform: scale(0); } 50% {-webkit-transform: scale(1); } }
@keyframes sk-bounce {0%, 100% {transform: scale(0); -webkit-transform: scale(0); } 50% {transform: scale(1); -webkit-transform: scale(1); } }
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:none;} .lity-hide{display:none}

span.nobreak, i.nobreak {white-space: nowrap; }
body {margin:0px; font-family:"Lato", "Microsoft YaHei", "Microsoft JhengHei","Noto Sans TC", "Source Han Sans","PingFangHK","Heiti TC",Arial,Verdana,sans-serif;background-color:#FFF;position:relative;height:100%;min-width:1200px; color: #1a1a1a;}
.maxInner {max-width: 1000px; margin: auto;}
.contentBody {padding-bottom: 60px;}
.swiper-container {width: 100%;height: 100%;}
.contentBody > .globalContainer {max-width: 1100px; padding: 0; }

/*HEADER*/
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.headerInner{position:relative}@font-face{font-family:icomoon;src:url(../font/icomoon.eot?ee7fk8);src:url(../font/icomoon.eot?ee7fk8#iefix) format('embedded-opentype'),url(../font/icomoon.ttf?ee7fk8) format('truetype'),url(../font/icomoon.woff?ee7fk8) format('woff'),url(../font/icomoon.svg?ee7fk8#icomoon) format('svg');font-weight:400;font-style:normal;font-display: swap;}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:700;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-google:before{content:"\e900"}.icon-facebook:before{content:"\ea90"}.icon-twitter:before{content:"\ea96"}.icon-youtube:before{content:"\ea9d"}.icon-instagram:before{content:"\ea92"}.icon-chevron-thin-left:before{content:"\e902"}.icon-chevron-thin-right:before{content:"\e901"}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.headerInner .li,.headerInner .li a{color:#4e3c2e;font-size:14px}* html .clearfix{zoom:1}img{max-width:100%}.globalContainer{max-width:1100px;width:100%;margin:auto;}.headerWrap{background-color:#fff155}.headerInner>a{float:left}.headerInner>div.headerDesktop{float:right;margin-top:8px}.headerInner .openrice-logo>img{max-width:110px;display:inline-block}.headerInner .li{font-weight:700;display:inline-block;vertical-align:middle;margin-left:25px}#mHeaderMenu{width:100%;background-color:rgba(0,0,0,.7);max-height:0;overflow:hidden;z-index:99;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}@media (max-width:640px){.headerInner>div.headerDesktop{display:none}#mHeaderMenu,.burgerNav,.mMenuLinks,.mMenuLinks>a,.mMenuSocials{display:block}.headerInner .openrice-logo>img{max-width:100px}.mMenuLinks>a{border-bottom:1px solid rgba(255,255,255,.25)}}
#headerNew > .inner { background-color: white; padding: 20px 0;}
#headerNew .maxWidth {max-width: 1100px;margin: auto;}
#headerNew .openrice-logo {display: inline-block; max-width: 110px;}
#headerNew .openrice-logo > img {display: inline-block;}
#headerNew .voucher-logo {display: inline-block;max-width: 125px; vertical-align: middle; margin-left: .75em; padding-left: .75em; position: relative;}
#headerNew .voucher-logo:before {content: ''; display: block; width: 1px; height: 80%; background: #ccc; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
#headerNew .headerDesktop { float: right; margin-top: 8px;}
#headerNew .headerMobile {display: none;}
#headerNew .headerDesktop .li { color: #4e3c2e;font-size: 12px;font-weight: 700;display: inline-block;vertical-align: middle;margin-left: 5px; position: relative;}
#headerNew .headerDesktop .li > a {color: #4e3c2e;font-size: 18px; border: 1px solid #4e3c2e; padding: 5px 20px; border-radius: 20px; line-height: 1;cursor: pointer;}
#headerNew .headerDesktop .li > a.headbtn.homebtn {color: #009345; border: 1px solid #009345; padding: 4px 15px; line-height: 1;}
#headerNew .headerDesktop .li > a.headbtn.homebtn svg {fill: #009345; width: 1em; display: inline-block; vertical-align: middle; margin-right: 0.5em; margin-top: -0.2em; height: 100%;}
#dropmenus {position: relative; height: 100%; display: flex;-ms-flex-flow: row nowrap;-webkit-flex-flow: row nowrap; flex-flow: row nowrap;font-size: 17px;}

#dropmenus .dropmenu {display: inline-block; vertical-align: middle; width: calc(45% - 1px); margin-left: 1px;}
#dropmenus .dropmenu.sorting {order:1;}
#dropmenus .dropmenu.district {order:2;}
#dropmenus .dropmenu.cuisine {order:3;}
#dropmenus .dropmenubtn {color: #888;padding: 0.8em;line-height: 1;cursor: pointer;background-color: #fff;font-weight: 400;letter-spacing: 1px;}
#dropmenus .dropmenu .dropmenubtn .txt {}
#dropmenus .dropmenu .dropmenubtn .searchBarIcon {display: inline-block;margin-right: 0.25em;width: 20px;height: 20px;vertical-align: bottom;}
#dropmenus .dropmenu.down .dropmenubtn .txt, #dropmenus .dropmenu.down .dropmenubtn .caret {color:#009245}
#dropmenus .dropmenu.down .dropmenubtn .caret { -webkit-transform: rotate(180deg);transform: rotate(180deg);}
#dropmenus .dropmenu .subcat-dropmenu-block {padding: 20px 30px;opacity: 0;display: none;background: #fff;position: absolute; z-index: 20; top: 100%; width: 100%; left: 0;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175); margin: 5px 0 0;}
#dropmenus .dropmenu.down .subcat-dropmenu-block {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);border-radius: 8px;}
#dropmenus .dropmenu #tabs {display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; border: 1px solid #ccc;}
#dropmenus .dropmenu #tabs .tab {-ms-flex: 1 0 20%;-webkit-box-flex: 0;-webkit-flex: 1 0 20%;flex: 1 0 20%; font-size: 17px; text-align: center; font-weight: 400; letter-spacing: 1px; line-height: 1.9; cursor: pointer; color: #4e3c2e; border-left: 1px solid #ccc;} 
#dropmenus .dropmenu #tabs .tab:first-child {border: none;}
#dropmenus .dropmenu #tabs .tab.active {background-color: #009245; color: #fff;}
#dropmenus .dropmenu .categorys .list {opacity: 0;display: none; padding: 20px 0;}
#dropmenus .dropmenu .categorys .list.active {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);}
.dropmenu ul li {font-size: 15px; font-weight: 400; padding: 0 5px; margin: 7px 0; letter-spacing: 1px; display: inline-block; vertical-align: middle; width: 20%;}
.dropmenu.sorting ul li {width: auto; margin-right: 15px;}
.dropmenu ul li input[type="radio"] {margin-right: 5px; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0 ; position: absolute; left: -9999px;}
.dropmenu.district ul li:first-child {display: block;}
.dropmenu ul li label {color: #666; cursor: pointer;display: inline-block; position: relative; padding-left: 23px; }
.dropmenu ul li label:before {content: '';position: absolute;left: 0;top: 3px;width: 15px;height: 15px;border: 1px solid #666;border-radius: 100%;background: #fff;}
.dropmenu ul li label:after {content: '';width: 15px;height: 15px;background: #009245;position: absolute;top: 3px;left: 0px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.dropmenu ul li input[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.dropmenu ul li input[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
#dropmenus #searchbtn {display: inline-block; vertical-align: middle; width: 10%; background-color: #009245; cursor: pointer; height: 100%; position: relative; order:4;}
#dropmenus #searchbtn svg {width: 60%; height: 60%; fill: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.result_wrapper {width:100%;margin:0 auto; padding: 40px 0 30px;}
#resultList {background-color: transparent; }
#resultList #notfound {font-size: 23px;}
#moreBtn {color: #000; display: block; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background-color: #ffd64a; width: 150px; text-align: center; padding: 15px; margin: 0 auto; cursor: pointer;font-size: 16px;margin: 30px auto;}
#clientList {font-size: 0;}
#clientList > .clientLogo {display: inline-block; vertical-align: middle; width: 12%; margin: 0 2% 2%; padding-bottom: 19%;}
.vwPriceBtns.vw1 {display: none;}

#mheadbar {background: rgba(0,0,0,0.8); opacity: 0; z-index: -1; width: 100%; height: calc(100% - 50px); position: fixed; left: 0; top: 50px; overflow-y: scroll; -webkit-transition: all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#mheadbar.navOpened {z-index: 100; opacity: 1; }
#mheadbar .inner {padding: 30px; text-align: center; background-color: #f6f6ec; font-size: 0; position: absolute; left: 0; top: -600px; width: 100%;-webkit-transition: all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#mheadbar.navOpened .inner {top: 0;}
#mheadbar .inner a {display: inline-block; vertical-align: middle; width: 19%; margin: 0 .5%; max-width: 180px;}

.swiper-button-prev.hotpot, .swiper-button-next.hotpot { background-color: #FF9A2A; border-radius: 50%; width: 50px; height: 50px;}
.swiper-button-prev.bbq, .swiper-button-next.bbq { background-color: #559853; border-radius: 50%; width: 50px; height: 50px;}
.swiper-button-prev.spicy, .swiper-button-next.spicy { background-color: #ff3d53; border-radius: 50%; width: 50px; height: 50px;}
.swiper-button-prev:after, .swiper-button-next:after {color: #fff; font-size: 20px;}
.swiper-button-prev {left: -50px;}
.swiper-button-next {right: -50px;}


@media (max-width: 480px) {
   
}


.footerWrap .footerTop {background-color: #000; padding: 40px 10px;}
.footTopTxt {padding: 0 20px 0 0;letter-spacing: 1px; color: #fff;}
.footTopTxt h3 {font-weight: 700; font-size: 20px;margin:0 0 10px;}
.footTopTxt img {margin:0 0 15px; max-width: 250px;}
.footTopTxt small {font-size: 12px; line-height: 1.5; display: block; letter-spacing: .8px;}
.footTopNavGroup {font-size: 0; text-align: right; margin-bottom: 15px;}
.footTopNavGroup > a {margin-right: 10px;}
.footTopNavGroup .footerSocials {border-radius: 50%;background-color: #666;font-weight: 300; padding: 7px;font-size: 14px; border: none; color: #fff;}
#OR_FOOT_logo {margin-right: 5px; display: inline-block; vertical-align: middle; width: 18px;}
.copyright-text {font-size: 12px; display: inline-block; vertical-align: middle; color: #fff;}
#backtopBtn {position: absolute; left: 0; right: 0; margin: auto; top: -20px;width: 41px; height: 41px; background: url('https://www.openrice.com/info/global/img/backtopArr.png') no-repeat center center;background-color: #fff; cursor: pointer;z-index: 10; border: 1px solid #b7b7b7; border-radius: 50%;}
#resultList .list .offerTxt {font-size: 1.2rem;padding:0.7em 0;margin: 0.8em 0 0;font-weight: bold;border-top:1px solid red;border-bottom:1px solid red; color:red;}
#resultList .list .offerTxt span {font-size: 1.1em;}
#resultList i {padding-right: 0.5em;}
#resultList i img {width: 1.5em; display: inline-block; margin-top: -0.2em;animation: rotate 4s linear infinite;}

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 1500px) { 
  .globalContainer, .contentBody > .globalContainer,  #recommend > .globalContainer {max-width: 1450px; }
}

@media (min-width: 769px) {
  #headerNew .joinBiz {display: none;}
  #headmenus > .wrap > img {display: none;}
   /* #headerNew.is-scrollup .openrice-logo > img {max-width:270px; } */
  .footerWrap .footerTop .rs {text-align: right;}
  .footTopNavGroup {margin-top: 25px;}
  .footTopNavGroup > a {font-size: 16px; padding:6px 15px;border:1px solid #b3b3b3;background-color: transparent; color: #b3b3b3; display: inline-block; border-radius: 4px;}
  .footTopNavGroup > a:hover {background-color:rgba(255,255,255,0.2);}
  .mbl {display: none!important;}
  .dkt {display: block!important;}
  #headmenus.open > .wrap > a.drp:after {content: "";display: block;position: absolute;width: 0;height: 0;
    border-style: solid;left: 0; right:0; margin: auto; z-index: 1;border-color: transparent transparent #fff transparent;border-width: 0 10px 10px 10px;top: 100%; animation: animShowLangMenu .3s;}
  #headmenus.open:after {content: ''; display: block; position: fixed; top: 54px; left: 0; width: 100vw; height: calc(100vh - 54px); background: rgba(0, 0, 0, .5); z-index: 0; -webkit-animation: overlay .3s; animation: overlay .2s;}
  @-webkit-keyframes overlay {0% {opacity: 0;}100% {opacity: 1;}}
  @keyframes overlay {0% {opacity: 0;}100% {opacity: 1;}}

  #headmenus > .wrap > a:before {content: ""; display: block; position: absolute; background-color: #009245; height: 4px; bottom: 0; width: 100%; opacity: 0; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #headmenus > .wrap > a:hover:before {opacity: 1; }
  .boxShadow:hover {-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);}
}



@media screen and ( max-width:768px) {
  body {min-width:0;}
  .mbl {display: block!important;}
  .dkt, #headerNew .headerDesktop {display: none!important;}
  #headerNew {position: relative; opacity: 1!important; pointer-events: auto!important; transform: none!important;border-bottom: 2px solid #eeeeee;}
  #headerNew .globalContainer {padding: 0;}
   body {padding-top:45px;min-width:0;}
  .container {width: 100%;}
  .dkt {display: none;}
  .mbl {display: block;}
  .lity-iframe-container {height:700px;}
  #headerNew {position:absolute;top:0;z-index:999; width: 100%; border-bottom: 1px solid #ccc;}
  #headerNew .maxWidth {max-width: 700px;}
  #headerNew > .inner {padding: 1.5% 0 1.5%; }
  #headerNew .headerDesktop {display: none;}
  #headerNew .headerMobile {display: block;width: 100%;position: absolute;top:0;}
  #headerNew .headerMobile .grid-button {padding: 2%;z-index: 100;position: fixed; background-color: #009345;border-radius: 10px;border: 2px solid white;}
  #indexPage #headerNew .headerMobile .grid-button {display: none;}
  #headerNew .headerMobile .grid {position: relative;display: block;width: 100%;cursor: pointer;margin: 0 auto;float: none;padding:20% 20%;}
  
  #headerNew #mheadbar {background-color: #fff; z-index: 1000; width: 100%; height: 100%; position: fixed; top: 0; left: 100%; overflow-y: scroll; -webkit-transition: left .3s ease;-o-transition:left .3s ease;transition:left .3s ease}
  #headerNew #mheadbar.navOpened {left: 0;}
  #headerNew #mheadbar .head {padding: 17px 5px; text-align: right; position: absolute; top: 0; left: 0; width: 100%; font-size: 0; border-bottom: 1px solid #ccc;}
  #headerNew #mheadbar .head .close {cursor: pointer; width: 50px; height: 50px; position: absolute; left: 5px; top: 0;}
  #headerNew #mheadbar .head .close svg {fill: #3a3a3a; width: 25px; height: 25px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
  #headerNew #mheadbar .head a.headbtn {display: inline-block; letter-spacing: 1px; line-height: 1; padding: 0 10px; font-size: 17px; font-weight: 600; color: #009345;}
  #headerNew #mheadbar .head a.headbtn svg {fill: #009345; width: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -4px; height: 100%;}
  #headerNew #mheadbar .head a.headbtn:last-child {border-left: 1px solid #009345;}
  #headerNew #mheadbar .head a.headbtn span {letter-spacing: 0;}
  #headerNew #mheadbar .chosen {position: relative; width: 100%; left: 0; top: 50px; padding: 1em; border-bottom: 1px solid #ccc;}
  #headerNew #mheadbar .chosen div {display: inline-block; vertical-align: middle; line-height: 30px; font-size: 17px; letter-spacing: 1px; padding: 0 1em;}
  #headerNew #mheadbar #mdropmenus {height: calc(100vh - 145px); margin-top: 3em; overflow-y: scroll;}
  #headerNew #mheadbar #mdropmenus .container {}
  #headerNew #mheadbar #mdropmenus .tabs {display: flex;-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap; flex-flow: row wrap;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu {width: 100%;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu.sorting {order:1;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu.district {order:2;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu.cuisine {order:3;margin-bottom: 4rem;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu button {background-color: #eee; color: #000; outline: none; border: none; border-bottom: 1px solid #ccc; display: block; width: 100%; text-align: left; cursor: pointer; padding: 1em 2em; font-size: 17px; transition: 0.4s; -webkit-transition: .4s; -moz-transition: .4s;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu button.active {background-color: #009345; color: #ffffff;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu button:after {content: '\e901';color: #777;font-weight: 600;float: right; font-family:icomoon!important; margin-left: 5px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu.sorting button:after {display: none;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu button.active:after {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg);}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu .panel, #headerNew #mheadbar #mdropmenus .tabs .dropmenu .subpanel {max-height: 0;overflow: hidden; transition: max-height 0.2s ease-out;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu .subtab {background-color: #ffffff;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu .subtab.active {background-color:#ade2c5;color:#000000;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu .panel ul {padding: 15px 2rem; font-size: 0;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu .panel ul li {width: 50%; padding: 0;}
  #headerNew #mheadbar #mdropmenus .tabs .dropmenu.sorting .panel ul li {width: 100%;}
  #headerNew #mheadbar .btns {position: fixed; bottom: 0; left: 100%; width: 100%; padding: 8px; background-color: #fff;}
  #headerNew #mheadbar.navOpened .btns {left: 0}
  #headerNew #mheadbar .btns .columns {padding: 2px;}
  #headerNew #mheadbar .btns .btn {cursor: pointer; display: block; color: #fff; text-align: center; line-height: 45px; letter-spacing: 1px; font-weight: 400; font-size: 15px;}
  #headerNew #mheadbar .btns .btn.clearBtn {background-color: #b3b3b3;}
  #headerNew #mheadbar .btns .btn.searchbtn {background-color: #009345;}
  /*#search {display: none;}*/
  .mbl.homebtn {display: none;}
  .grid-button {display: block; position: fixed; border-radius: 50%; background-color: #fff; top: 5px; right: 5px; margin: 0; padding: 10px 11px; z-index: 20;}
  .grid-button .grid {width: 20px; height: 25px; margin-top: -3px; margin-left: 2px;}
  .grid-button .grid > span, .grid-button .grid > span:before, .grid-button .grid > span:after {border-radius: 10px;}
  #headmenus {opacity: 1;visibility: visible;width: calc(100% - 50px);height: 100%;position: fixed;top: 0;left: 100%;z-index: 10; background: #fff; -webkit-transition: all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
  #headmenus.navOpened {left: 55px;box-shadow: -4px 0px 4px rgba(0,0,0,0.15);}
  #headmenus > .wrap > img {display: block;}
  #headmenus > .wrap {overflow-y: scroll; text-align: left;}
  #headmenus > .wrap > a {display: block; font-size: 22px; letter-spacing: 0px; margin: 0 40px;line-height: 70px;}
  #headmenus > .wrap > a:nth-child(2) {margin-top: 2rem;}
  #headmenus > .wrap .cats {padding: 0 40px 20px;}
  #headmenus > .wrap .cats > .row {-ms-flex-flow: column wrap;-webkit-flex-flow: column wrap;flex-flow: column wrap;}
  #headmenus > .wrap .cats .col {margin-top: 15px; display: block;}
  #headmenus > .wrap .cats .tt {font-size: 20px; font-weight: 600; letter-spacing: 2px; line-height: 1; color: #000;}
  #headmenus > .wrap .cats .tt:before {content: ''; display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin-right: 8px; margin-top: -2px;}
  #headmenus > .wrap .cats .columns:last-child {padding-bottom:5rem;}
  #headmenus > .wrap .cats a.item {font-size: 19px; display: block; color: #6a7766; line-height: 1; margin: 20px 0;letter-spacing: 2px;position: relative;}
  #headmenus > .wrap .mbtm {background-color: #adadad; padding: 1rem 0 10rem 40px; width: 100%;}
  #headmenus > .wrap .mbtm a {color: #fff; line-height: 1.3; display: inline-block; font-size: 19px; letter-spacing: 2px;}
  #headmenus > .wrap .mbtm a:first-child {border-right: 1px solid #fff;padding-right: 15px;}
  #headmenus > .wrap .mbtm a:last-child {padding-left: 15px;}
  #headmenus > .wrap > a:after {content: "";display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center;background-size: contain;transform: rotate(90deg);}
  #headmenus > .wrap .cats a.item:after {content: "";display: block;width: 20px;height: 20px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;background: url(https://www.openrice.com/info/global/img/backtopArr.png) no-repeat center center;background-size: contain;transform: rotate(90deg);}
  #headmenus > .wrap > a.drp:after {transform: rotate(180deg);}
  #headmenus .head-dropmenu-block {display: none;}
 .footerWrap .footerTop, .footerWrap .footerTop .contain1200 {padding: 0;}
  .footTopNavGroup{display: none;}    
  .footerTop .award-logo-white {padding-top:20px;}
  .footTopTxt {padding: 40px 30px 20px;} 
  .footTopTxt small {text-align: left;}
  .footerWrap .footerBtm {position: relative;padding-bottom: 60px;}
  #OR_FOOT_logo {width: 15px;}
  .copyright-text {padding: 0 0 30px;}
  .footerCR {border: none;margin-bottom: 0;width: 100%; text-align: center;}
  .footerCR > span {font-size: 10px; display: inline-block; vertical-align: top; margin: auto;text-align: center;}
  .mRowDrop {display: block;}
  .footerTC { width: 100%; margin: 10px auto 20px; text-align: center;}
  .footerTC > span {display: inline-block!important;}
  .footerTC .footerSocials {font-size: 16px; padding: 10px!important;}
  .footerSocials.icon-google {padding: 10px 8px!important;}
  .footerTC #tcBtn {font-size: 10px; width: 90px; border-radius: 0px; position: relative; margin:10px auto; display: block;}
}  
@media screen and ( max-width:640px) {
	small {font-size: 0.9rem;}
	#headerNew .maxWidth {max-width: 90%;}
	#headerNew > .inner {padding: 3.5% 0 3%; }
	#headerNew .openrice-logo {max-width: 90px;}
  	#headerNew .openrice-logo > img {margin-left: 3%;}  
  	#headerNew .voucher-logo {max-width: 95px; margin-left: .5em;padding-left: .5em;}
  	#headerNew .headerDesktop {margin-top: 1px;}
  	.mbl.homebtn {color: #009345;line-height: 1;display: inline-block;position: relative;right: 18%;float: right;top: 0;width: 9%;}
	.mbl.homebtn svg {fill: #009345;width: 100%;display: inline-block;height: 100%;}
	
}



@media (max-width: 499px) {
  .contentBody {padding-bottom: 10px;}
  .footTopTxt img {margin: 0 auto 15px;}
  .footTopTxt h3 {text-align: center; font-size: 22px; margin-bottom: 20px;}
  .footTopTxt small {color: #ccc;text-align: center;}
  .copyright-text {color: #ccc; text-align: center; display: block; padding-bottom: 60px;}
  #OR_FOOT_logo {width: 26px;position: absolute;bottom: 20px;left: 0;right: 0;margin:auto;}
  #resultList .list .offerTxt {font-size: 1rem;}
  #resultList .list .offerTxt span {font-size: 1rem;}

}

@media (max-width: 375px) {
  #headerNew .headerMobile .grid-button {width: 17%;}
}

@media (max-width: 320px) {
    #headerNew .openrice-logo > img {max-width: 80px;margin-top: 7px;}
    #headerNew .headerMobile .grid-button { width: 16%; padding: 5px 1px;}
  
}