*, *: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;}
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;}
.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:1100px; color: #1a1a1a;}
.maxInner {max-width: 1000px; margin: auto;}
.contentBody {padding-bottom: 60px;}
.swiper-container {width: 100%;height: 100%;}


/*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(../fonts/icomoon.eot?ee7fk8);src:url(../fonts/icomoon.eot?ee7fk8#iefix) format('embedded-opentype'),url(../fonts/icomoon.ttf?ee7fk8) format('truetype'),url(../fonts/icomoon.woff?ee7fk8) format('woff'),url(../fonts/icomoon.svg?ee7fk8#icomoon) format('svg');font-weight:400;font-style:normal}[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:1200px;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}@media (max-width:640px){.headerInner .openrice-logo>img{max-width:100px}}

#headerNew {position: fixed; width: 100%; z-index: 100; top: 0; left: 0;background-color: #fff;
  -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);visibility: visible;
    -webkit-transition: background-color 0.6s, opacity 0.6s cubic-bezier(0.5, 0.25, 0, 1),-webkit-transform 0.6s cubic-bezier(0.5, 0.25, 0, 1);transition: background-color 0.6s, opacity 0.6s cubic-bezier(0.5, 0.25, 0, 1),-webkit-transform 0.6s cubic-bezier(0.5, 0.25, 0, 1);-o-transition: background-color 0.6s, transform 0.6s cubic-bezier(0.5, 0.25, 0, 1),opacity 0.6s cubic-bezier(0.5, 0.25, 0, 1);
    transition: background-color 0.6s, transform 0.6s cubic-bezier(0.5, 0.25, 0, 1),opacity 0.6s cubic-bezier(0.5, 0.25, 0, 1),-webkit-transform 0.6s cubic-bezier(0.5, 0.25, 0, 1);
}
#headerNew.is-scrolled {pointer-events: none;opacity: 0;-webkit-transform: translate(0, -30px);-ms-transform: translate(0, -30px);transform: translate(0, -30px); }
#headerNew.is-scrolled.is-scrollup {pointer-events: all;opacity: 1;-webkit-transform: translate(0, 0px);-ms-transform: translate(0, 0px);transform: translate(0, 0px);background-color: #fff; box-shadow: 0px 2px 5px rgba(0,0,0,.2);}
#headerNew > .inner { padding: 0;}
#headerNew .globalContainer {padding: 10px 8px; position: relative;}
#headerNew .openrice-logo > img { max-width: 240px; display: inline-block;}
/*#headerNew .headerDesktop { float: right; margin-top: 4px;display: inline;}*/
#headerNew .headerDesktop {position: absolute;right: 0;top: 18px;}
#headerNew .headerDesktop .li {font-size: 14px; font-weight: 700; display: inline-block; vertical-align: middle; }
#headerNew .headerDesktop #headbarLang, #headerNew .headerDesktop #headbarFaq, #headerNew .headerDesktop .li a.facebook-share {display: inline-block; vertical-align: middle;  margin-left: 5px; position: relative; color: #4e3c2e;}
#headerNew .headerDesktop .li a.facebook-share {padding: 5px 6px; margin-left: 5px; border-radius: 50%; line-height: 1; border: 1px solid #4e3c2e; font-size: 12px;}
#headerNew .headerDesktop #headbarLang, #headerNew .headerDesktop #headbarFaq {border: 1px solid #4e3c2e; border-radius: 20px; line-height: 1; cursor: pointer; padding: 5px 12px;}
.lang-dropmenu-block, .how-dropmenu-block {opacity: 0;display: none; position: relative;background: #fff;-webkit-border-radius: 4px; border-radius: 4px;position: absolute;top: 100%;right: 0;z-index: 1000;padding: 5px 0; margin: 0;margin-top: 1px; font-size: 14px; text-align: left;-webkit-background-clip: padding-box;background-clip: padding-box; border: 1px solid #ccc;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
  .lang-dropmenu-block {min-width: 80px;}
  .how-dropmenu-block {min-width: 130px;}
  #headbarLang.open .lang-dropmenu-block, #headbarFaq.open .how-dropmenu-block {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);}
  @keyframes animShowLangMenu {
    0% {opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    100% {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
  }
  .lang-dropmenu-block ul, .how-dropmenu-block ul {list-style: none; padding: 0; margin: 0;}
  .lang-dropmenu-block ul li a, .how-dropmenu-block ul li a {color: #8b817a; font-size: 14px; font-weight: 400; line-height: 1.5em; padding: 0.5em 12px 0.55em; display: block;
  }
.lang-dropmenu-block ul li a:hover, .how-dropmenu-block ul li a:hover {background-color: #e5e5e5;}
.lang-dropmenu-block ul li a.active span, .how-dropmenu-block ul li a.active span {font-size:15px;font-weight: 700;color:#3e75d9;}
#headmenus {font-size: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; visibility: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
#headerNew.is-scrolled.is-scrollup #headmenus {opacity: 1; visibility: visible;}
#headmenus > .wrap {text-align: center; height: 100%;}
#headmenus > .wrap > a, #headmenus > .wrap > .sp > .dkt > a, #headmenus > .wrap > .sp > a  {font-size: 19px; font-weight: 900; position: relative; display: inline-block; line-height: 1; margin: 0 30px; letter-spacing: 1px; color: #7a8278; line-height: 55px;}
/* #headmenus > .head-dropmenu-block {position: absolute; top: 100%; margin: 15px auto 0; width: 100%; text-align: center; opacity: 0;display: none;}
#headmenus.open > .head-dropmenu-block {opacity: 1;display: block;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);} */
#headmenus > .head-dropmenu-block .wrap {margin: auto; display: inline-block; padding: 15px; background-color: #fff;}
#headmenus > .head-dropmenu-block .wrap .col { padding: 20px 10px; }
#headmenus > .head-dropmenu-block .wrap .col .tt {color: #fff; font-size: 20px; letter-spacing: 2px; font-weight: 900;}
#headmenus > .head-dropmenu-block .wrap .col .item {font-size: 17px; margin-top: 15px; display: block; line-height: 1; letter-spacing: 1px;}
/* #headmenus .sp span {display: none;} */
.joinBiz a {padding: 5px 1.5em; border-radius: 1em; color:#ffffff;background-color: #0c9347}

.grid-button {vertical-align: middle; display: none; padding: 0 0px 0 5px; margin-top: -4px;}
.grid-button .grid {position: relative;display: block; width: 27px; height: 30px; cursor: pointer; margin: 0 auto; float: none; -webkit-transition: all 0.3s; transition: all 0.3s; }
.grid-button .grid > span {position: absolute; top: 50%; display: block; width: 100%; height: 3px; background-color: #000; }
.grid-button .grid > span:before,
.grid-button .grid > span:after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #000;  -webkit-transition: all 0.3s; transition: all 0.3s; }
.grid-button .grid > span:before {-webkit-transform: translateY(-9px); transform: translateY(-9px); }
.grid-button .grid > span:after {-webkit-transform: translateY(9px); transform: translateY(9px); }
.grid-button .grid.open > span, .grid-button .grid.open > span:before, .grid-button .grid.open > span:after {background-color: #000;}
.grid-button .grid.open {-webkit-transform: rotate(45deg); transform: rotate(45deg); }
.grid-button .grid.open > span:before {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
.grid-button .grid.open > span:after {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
#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, .swiper-button-next { background-color: #fff; border-radius: 50%; width: 55px; height: 55px;}
.swiper-button-prev:after, .swiper-button-next:after {color: #089247; font-size: 22px;font-weight: bold;}
.swiper-button-prev {left: -25px;}
.swiper-button-next {right: -25px;}


.footerWrap .footerTop {background-color: #000; padding: 30px 10px;}
.footTopTxt {padding: 0 20px 0 0;letter-spacing: 1px; color: #fff;}
.footTopTxt h3 {font-weight: 700; font-size: 30px;margin:0 0 10px;}
.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.25rem;padding:0.5em 0 0.5em 3em;margin: 0.8em 0 0;font-weight: bold;border-top:1px solid #fb5722;border-bottom:1px solid #fb5722; color:#fb5722; position: relative;}
#resultList .list .offerTxt span {font-size: 1.1em; display: block; line-height: 1.2;}
#resultList .list .offerTxt span small {font-size: .95rem; display: block; line-height: 1.2; margin-top: .25em;}
/*#resultList .list .badge {width: 45%;font-size: 0.8rem;padding:0.8em 0;margin: 0.5em;background-color: red;color: white;font-weight: bold;text-align: center; border-radius: 3px;}
#resultList .list .badge p {font-size: 1.2em; line-height: 1.4;}
#resultList .list .badge .columns:first-child {border-right: 1px solid #ffffff;}
#resultList .list .badge .columns:first-child p span {font-size: 1.1em;display: block;}*/
/*#resultList .list .badge p sup {font-size: 0.5em;}*/
/*#resultList .list .discount {font-size: 1.3em;}*/

#resultList .list .offerTxt i {position: absolute; left: -0.45em; top: 0.5em;}
#resultList .list .offerTxt i img { width: 1.6em; display: inline-block; margin-left: 15px;margin-top: -3px; }
.iconRotation {animation: rotate 4s linear infinite;}
@keyframes rotate {
  from {transform: rotate(0);}
  to {transform: rotate(360deg);}
}
.iconSwing {animation: swing ease-in-out 1s infinite alternate; transform-origin: center -20px;}
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}

@media (min-width:769px) and (max-width: 1400px) { 
  #resultList .list .offerTxt {padding-left: 2.25em;}
  #resultList .list .offerTxt span {font-size: .9em;}
  #resultList .list .offerTxt span small {font-size: .7em;}
  #resultList .list .offerTxt i img {width: 1.7em;margin-top: -8px;}
}

@media (min-width: 769px) {
  #headerNew .joinBiz {display: none;}
  /*.contentBody {padding-top: 54px;}*/
  #headmenus > .wrap {text-align: left; padding-left: 300px;}
  .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: inilne-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 > .head-dropmenu-block {position: absolute; top: 100%; margin: 10px auto 0; width: 100%; text-align: center; opacity: 0;visibility: hidden; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear;}
  #headmenus.open > .head-dropmenu-block {opacity: 1;visibility: visible;animation: animShowLangMenu .3s;-webkit-transform: translateY(0px);transform: translateY(0px);}
  #headmenus.open:after {content: "";display: block;width: 200%;height: 100vh;background: #00000061;left: -50%;position: absolute;z-index: -1;}
  #headmenus > .head-dropmenu-block .wrap {box-shadow: 0px 2px 5px rgba(0,0,0,.1); width: 100%;}
  #headmenus > .head-dropmenu-block .wrap .col { border-left: 1px solid #fff; padding: 90px 10px 15px; display: inline-block; vertical-align: top; height: 100%; width: 100%; position: relative;}
  #headmenus > .head-dropmenu-block .wrap .col .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: height .2s linear; -moz-transition: height .2s linear; transition: height .2s linear;}
  #headmenus > .head-dropmenu-block .wrap .columns:nth-child(1) .col .bg {background: url(https://static5.orstatic.com/info/food-mall/assets/img/menuBG-keto@2x.jpg) no-repeat center center; background-size: cover;}
  #headmenus > .head-dropmenu-block .wrap .columns:nth-child(2) .col .bg {background: url(https://static5.orstatic.com/info/food-mall/assets/img/menuBG-steak@2x.jpg) no-repeat center center; background-size: cover;}
  #headmenus > .head-dropmenu-block .wrap .columns:nth-child(3) .col .bg {background: url(https://static6.orstatic.com/info/food-mall/assets/img/menuBG-salad@2x.jpg) no-repeat center center; background-size: cover;}
  #headmenus > .head-dropmenu-block .wrap .columns:nth-child(4) .col .bg {background: url(https://static6.orstatic.com/info/food-mall/assets/img/menuBG-cake@2x.jpg) no-repeat center center; background-size: cover;}
  #headmenus > .head-dropmenu-block .wrap .columns:nth-child(5) .col .bg {background: url(https://static7.orstatic.com/info/food-mall/assets/img/menuBG-wine@2x.jpg) no-repeat center center; background-size: cover;}
  #headmenus > .head-dropmenu-block .wrap .col:hover .bg {height: 80px; }
  #headmenus > .head-dropmenu-block .wrap .col .bg:after {content: '\e901';font-family:icomoon;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; color: #fff; font-size: 20px; position: absolute; bottom: 9px; left: 0; right: 0; width: 20px; height: 20px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); opacity: 1; -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear; margin: auto; display: block;}
  #headmenus > .head-dropmenu-block .wrap .col:hover .bg:after {opacity: 0;}
  #headmenus > .head-dropmenu-block .wrap .col .bg .tt {text-align: center; position: absolute; top: 0; bottom: 0; margin: auto; height: 20px; line-height: 20px; width: 100%; padding: 0 10px;}
  #headmenus > .head-dropmenu-block .wrap .col .item {color: #5a5a5a; }
  #headmenus > .wrap > a:hover, #headmenus > .wrap > a.drp:hover, #headmenus > .head-dropmenu-block .wrap .col .item:hover {color:#009245;}
  #headmenus > .wrap > a.drp {color:#f46b36;}
#headmenus > .wrap > a:after, #headmenus > .wrap > .sp > .dkt > a:after, #headmenus > .wrap > .sp > a:after {display: inline-block; content: ""; border-left: 1px solid #ececec; width: 1px; height: 3rem; vertical-align: middle; right: -2rem; position: relative; }
  #headmenus > .wrap > a:before, #headmenus > .wrap > .sp > .dkt > a:before, #headmenus > .wrap > .sp > 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,  #headmenus.open > .wrap > .drp:before, #headmenus > .wrap > .sp > .dkt > a:hover:before, #headmenus > .wrap > .sp > 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);}
}

/* Sponsor */
#sponsorRow {padding: 5px 0;position: relative;background-color: #fff; text-align: left; border-top: 1px solid #d4d4d4;}
#sponsorRow .contentBody {max-width: 1250px;padding:0;margin: auto;}
#sponsorRow .sponsorGroup {display: inline-block;vertical-align: top; margin: 15px 15px 15px 0;}
#sponsorRow .sponsorGroup p {display: inline-block;vertical-align: top;font-size: .80em;line-height: 1.2;text-align: left; margin-right: 5px;color:585858;letter-spacing: 1px;}
#sponsorRow .sponsorGroup p:last-child {vertical-align: bottom;}
#sponsorRow .sponsorGroup ul {display: inline-block;vertical-align: top;margin: 0;padding: 0;}
#sponsorRow .sponsorGroup ul li {padding-bottom: 0;position: relative; list-style: none;display: inline-block; vertical-align: middle;}
#sponsorRow .sponsorGroup ul li img { margin: auto;max-width: 180px;max-height: 60px;}
#sponsorRow .sponsorGroup:nth-child(2) ul li img { margin-left: 10px;}

@media (max-width: 640px) {
  #sponsorRow {text-align: left;padding: 10px 20px 60px;border:none;}
  #sponsorRow .sponsorGroup p {margin:0 0 0.5em 0.5em;display: block;}
  #sponsorRow .sponsorGroup {margin:5px 15px;}
}


@media (min-width:1400px) {
  #headerNew .row {max-width: 100rem;}
  .globalContainer, .globalContainer .row {max-width: 1450px;}
}

@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;}
  #headerNew .globalContainer {padding: 0;}
  #headerNew > .inner {padding: 10px 15px; height: 50px;}
  #headerNew .openrice-logo > img {max-width: 200px; margin-top: 2px;}
  #headerNew .joinBiz {display: inline-block; font-size: 12px; margin-left: 6px; vertical-align: middle; }

  .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: 22px; height: 25px; margin-top: -3px;}
  .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 {overflow-y: scroll; padding: 90px 0 0; text-align: left;}
  #headmenus > .wrap > a, #headmenus > .wrap > .sp > a, #headmenus > .wrap > .sp > .mbl > span.hl {display: block; font-size: 25px; letter-spacing: 5px; margin: 0 40px; border-top: 2px solid #e8e8e8; line-height: 70px;}
  #headmenus > .wrap > .sp > a, #headmenus > .wrap > .sp > .mbl > span.hl {color:#f59c40; font-weight: 900; position: relative;}
  #headmenus > .wrap > a.item {color:#ee4341;}
  #headmenus > .wrap > a:first-child {border-top: none;}
  #headmenus > .wrap > a:last-child {margin-top: 15px;}
  #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: 20px;}
  #headmenus > .wrap .cats .bg {background: none!important;}
  #headmenus > .wrap .cats .tt {font-size: 19px; font-weight: 600; letter-spacing: 3px; line-height: 1;}
  #headmenus > .wrap .cats .columns:nth-child(1) .tt {color: #e24646;}
  #headmenus > .wrap .cats .columns:nth-child(2) .tt {color: #4e54a0;}
  #headmenus > .wrap .cats .columns:nth-child(3) .tt {color: #ff78cb;}
  #headmenus > .wrap .cats .columns:nth-child(4) .tt {color: #7f26bd;}
  #headmenus > .wrap .cats .columns:nth-child(5) .tt {color: #ee4341;}
  #headmenus > .wrap .cats a.item, #headmenus > .wrap > .sp > .mbl > a, #headmenus > .wrap > .sp > .mbl > span.subhl {font-size: 19px; display: block; color: #6a7766; line-height: 1; margin: 20px 0;letter-spacing: 2px;position: relative;}
  #headmenus > .wrap > .sp > .mbl > a {margin: 20px 40px; position: relative;}
  #headmenus > .wrap > .sp > .mbl > span.subhl {margin: 20px 40px 15px; position: relative;}
  #headmenus > .wrap > .sp > .mbl > a.subsub {margin: 15px 40px 15px 60px;}
  #headmenus > .wrap .mbtm {background-color: #adadad; padding: 30px 0 50px 40px; margin-top: 30px;}
  #headmenus > .wrap .mbtm a {color: #fff; line-height: 1.3; display: inline-block; font-size: 21px; 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, #headmenus > .wrap > .sp > a:after, #headmenus > .wrap > .sp > .mbl > span:after {content: "";display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;background: url(https://static8.orstatic.com/info/global/img/backtopArr.png) no-repeat center center;background-size: contain;transform: rotate(90deg);}
  #headmenus > .wrap .cats a.item:after, #headmenus > .wrap > .sp > .mbl > a:after, #headmenus > .wrap > .sp > .mbl > span.subhl:after {content: "";display: block;width: 20px;height: 20px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;background: url(https://static8.orstatic.com/info/global/img/backtopArr.png) no-repeat center center;background-size: contain;transform: rotate(90deg);}
  #headmenus > .wrap > a.drp:after, #headmenus > .wrap > .sp > .mbl > span:after, #headmenus > .wrap > .sp > .mbl > span.subhl:after {transform: rotate(180deg);}
  #headmenus .head-dropmenu-block {display: none;}
  .footerWrap .footerTop, .footerWrap .footerTop .contain1200 {padding: 0;} 
  .joinBiz a {padding: 5px 1em;} 
  .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 (max-width: 499px) {
  .contentBody {}
  .footTopTxt h3 {text-align: center; font-size: 22px; margin-bottom: 20px;}
  .footTopTxt small {color: #ccc;}
  .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;}
/*   #resultList .list .badge {width: 52%;font-size: 0.7rem;padding:0.5em 0;margin: 0.45rem;border-radius: 2px;}
   #resultList .list .img {height: 200px!important;}
   #resultList .list .clink {padding:0.75em 0.8em!important;}*/
}

@media (max-width: 320px) {
    #headerNew .openrice-logo > img {max-width: 144px;margin-top: 7px;}
  /*#resultList .list .badge {width: 55%;font-size: 0.6rem;}*/
}



#whatsappBox {
  max-width: 200px;
  position: fixed;
  z-index: 100;
  bottom: 2rem;
  right: -200px;
  opacity: 0;
  transition: all .3s ease-in-out;
  margin: auto
}

#whatsappBox.show {
  right: 1rem;
  opacity: 1
}

@media screen and (max-width: 768px) {
  #whatsappBox {
      bottom:0;
      left: 0;
      right: 0;
      max-width: 100%
  }

  #whatsappBox.show {
      right: 0
  }

  #whatsappBox a {
      width: 55%;
      display: block;
      margin: 0 auto 3%
  }

  #whatsappBox:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100px;
      bottom: 0;
      left: 0;
      background: #fff;
      background: -moz-linear-gradient(0deg,#fff 10%,rgba(255,255,255,0) 100%);
      background: -webkit-linear-gradient(0deg,#fff 10%,rgba(255,255,255,0) 100%);
      background: linear-gradient(0deg,#fff 10%,rgba(255,255,255,0) 100%);
      z-index: -1
  }
}