/* takeaway POI listing */ span.nobreak {white-space: nowrap; } .hidden {display: none!important;} .tas-btn {background-color: #F36E45; color: #fff; border-radius: 6px; text-align: center; display: block; max-width: 260px; padding: 15px; margin: 30px auto; font-size: 22px;font-weight: 600;} /*lity popup */ .lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:rgba(0,0,0,0.8);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;background-color:rgba(0,0,0,0.2);} .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-container:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)} .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; border: 15px solid #fff;background-color: #fff;} .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:35px;height:35px;position:fixed;right:10px; top: 10px; margin:auto;background-color: #000; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:32px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;outline:0;-webkit-box-shadow:none; box-shadow: 0 2px 3px rgba(0,0,0,.6); border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; border: 2px solid #fff;} .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:964px} .lity-iframe-container{width:100%;height:0;padding-top:100%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch} .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} #preloader-takeaway {padding: 0; text-align: center; font-size: 0; width: 100%;max-width: none;display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; box-sizing: content-box; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-pack: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;text-align: center; padding:40px 0 0; max-width: 1110px; margin: auto;} #preloader-takeaway .extended {padding:13em 4em;} #preloader-takeaway .infoFor#preloader {display: none;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 80px;height: 80px;} #preloader-takeaway .poiName span , #preloader-takeaway .offerDetL small , #preloader-takeaway .bookmarkBox > div , #preloader-takeaway .itemBtm .offerDetL .offerPeriod p span , #preloader .itemBtm .offerDetR .bookBtn {background-color: #ececec; display: block;} #preloader-takeaway .poiName span , #preloader-takeaway .offerDetL small, #preloader-takeaway .itemBtm .offerDetL .offerPeriod p span {width: 70%; height: 12px; margin-bottom: 5px;} #preloader-takeaway .bookmarkBox > div {height: 50px;} #preloader-takeaway .offerItem {text-align:left; background-color:#ffffff; display: inline-block; vertical-align: top; width: 330px; margin: 20px 15px; border: none; padding: 0; border: 1px dashed #F36E45; position: relative;} #preloader-takeaway .offerItem .itemTop {display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; box-sizing: content-box; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap; font-size: 0; height: 200px; padding: 0; } #preloader-takeaway .offerItem .itemTop .offerImg {display: inline-block; vertical-align: top; position: relative;height: 100%; -ms-flex: 1 0 auto;-webkit-box-flex: 0;-webkit-flex: 1 0 auto;flex: 1 0 auto;max-width: 70%; } #preloader-takeaway .offerMenu {height: 100%;display: inline-block; vertical-align: top; position: relative; overflow: hidden; -ms-flex: 0 0 30%;-webkit-box-flex: 0;-webkit-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%; } #preloader-takeaway .itemBtm {padding: 10px 15px 20px;} #preloader-takeaway .itemBtm > div {display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; width: 100%; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap; -ms-flex-align: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center; font-size: 0; } #preloader-takeaway .itemBtm > div:first-child {margin-bottom: 5px;} #tas {background-color: #fefded;} #tas .inner {max-width: 1095px; margin: auto; position: relative;} #tas .inner:before, #tas .inner:after {content: ''; display: block; position: absolute; width: 460px; height: 100%; top: 0;} #tas .inner:before {left: -460px; background: url(https://static5.orstatic.com/info/fight_against_virus/img/phrase2/p1-L.png) no-repeat right top;} #tas .inner:after {right: -460px; background: url(https://static5.orstatic.com/info/fight_against_virus/img/phrase2/p1-R.png) no-repeat left top;} #resultList-takeaway .poiName {font-weight:800;color: #111111;padding:5px 5px 5px 0;} .zh #resultList-takeaway .poiName {font-size: 1.1rem; line-height: 1.5;} .en #resultList-takeaway .poiName {font-size: 1.1rem; line-height: 1.5;} #listingWrap-takeaway {background:url('../images/bg_takeaway.jpg') center top repeat; margin: auto; padding:50px 0px;} #resultList-takeaway .takeaway-popup .qr-code canvas {position: absolute;top: 32%;left: 17%;} #resultList-takeaway .tag {position: absolute; left: 10px; top: 9px; font-size: 20px; line-height: 1; border-radius: 4px; color: #fff; font-weight: 600; padding: 5px 10px; background-color: #009345; box-shadow: 0px 1px 1px 0px rgba(0,0,0,.4);} #resultList-takeaway .newIcon {position: absolute; right: 0; bottom: 0; background: url(https://static5.orstatic.com/info/fight_against_virus/img/tas/new-poi-icon.png) no-repeat center center; background-size: contain; width: 80px; height: 80px;} #resultList-takeaway .bookmarkBox { text-align: center; position: absolute; right: 7px; top: 7px;} #resultList-takeaway .bookmarkBox .bookmark-btn {background: url(https://static5.orstatic.com/info/fight_against_virus/img/tas/icon-bookmark-new.png) no-repeat left top; background-size: 100%; width: 35px; height: 36px; cursor: pointer; border: 2px solid #FFF; border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } #resultList-takeaway .bookmarkBox .bookmark-btn.bookmarked, #resultList-takeaway .bookmarkBox .bookmark-btn:hover {background-position: left bottom; border: 2px solid #00A158;} #resultList-takeaway .bookmarkBox > small {color: #fff; font-size: 10px; display: block;} #resultList-takeaway .itemDet {padding: 15px 120px 15px 0; position: relative;} #resultList-takeaway .oDetailTitle {font-weight: 600;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal;max-height: 40px; margin-bottom: 3px;} .zh #resultList-takeaway .oDetailTitle {font-size: 1.15rem; line-height: 1.5;} .en #resultList-takeaway .oDetailTitle {font-size: 1.1rem; line-height: 1.5;} #resultList-takeaway .itemDet > small {color: #666;} #resultList-takeaway .itemDet .period {color: #009345;} #resultList-takeaway {padding: 0; text-align: center; font-size: 0; width: 100%;max-width: none;display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; box-sizing: content-box; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-pack: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;} #resultList-takeaway .offerItem {text-align:left; background-color:#ffffff; display: inline-block; vertical-align: top; width: 330px; margin: 20px 15px; border: none; padding: 0; border: 1px dashed #F36E45; position: relative;} #resultList-takeaway .offerItem .headfield {font-size: 11px;font-weight: 700; margin-bottom: 4px; position: absolute; bottom: 100%; left: 0; width: 100%;} #resultList-takeaway .offerItem .headfield .newJoin {color: #fe7700; float: left; position: relative; border: 1px solid #fe7700; border-radius: 8px; padding: 1px 6px 2px; margin-top: -4px;} #resultList-takeaway .offerItem .headfield .exclusive {color: #666; float: left; position: relative; padding: 3px 5px 3px 25px; background-color: #ffdc0e; width: 92px; margin-top: -3px; margin-right: 15px;} /*#resultList-takeaway .offerItem .headfield .exclusive:before {content: '';background:url(https://static5.orstatic.com/info/fight_against_virus/img/exclusive-icon.png) no-repeat center center /contain; width: 15px; height: 15px; position: absolute; left: 6px; top: 3px;}*/ #resultList-takeaway .offerItem .headfield .exclusive:after {content: ''; width: 13px; height: 100%; background-color: #ffdc0e; position: absolute; top: 0; left: 100%; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0); clip-path: polygon(0 0, 0% 100%, 100% 0); } #resultList-takeaway .offerItem .headfield .bookNum {color: #666; float: right; min-height: 13px;} #resultList-takeaway .offerItem .headfield .dateTime {color: #009245; float: right; position: relative; padding-left: 16px; font-style: italic; } /*#resultList-takeaway .offerItem .headfield .dateTime:before {content: ''; display: block; background: url(https://static5.orstatic.com/info/fight_against_virus/img/clock-icon@2x.png) no-repeat center center; background-size: contain; width: 13px; height: 13px; position: absolute; top: 2px; left: 0; }*/ #resultList-takeaway .offerItem .headfield .dateTime.extended {max-width: 240px;} #resultList-takeaway .offerItem .headfield .dateTime > p {height: 16px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box; line-height: 1.5; } #resultList-takeaway .offerItem .headfield .dateTime.extended > p {border: 1px solid #009245; border-radius: 10px; padding: 0 15px 0 7px; position: relative; height: 18px; line-height: 1.4;} #resultList-takeaway .offerItem .headfield .dateTime.extended > p:after {content: ''; position: absolute; right: 7px; top: 6px; width: 0; height: 0; vertical-align: middle; border-top: 4px solid; border-right: 3px solid transparent; border-left: 3px solid transparent;} #resultList-takeaway .offerItem .headfield .dateTime > .extendedTimeBox {position: absolute; background-color: #009245; color: #fff; z-index: 1; padding: 8px; border-radius: 10px; width: 90%; top: 102%; margin-top: 10px; opacity: 0; display: none;} #resultList-takeaway .offerItem .headfield .dateTime > .extendedTimeBox:before {content: ''; display: block; border-color: transparent transparent #009245 transparent; border-width: 0 6px 6px 6px; border-style: solid; width: 0; height: 0; position: absolute; left: 10px; bottom: 100%;} #resultList-takeaway .offerItem .headfield .dateTime.open > .extendedTimeBox {opacity: 1; display: block; animation: animShowLangMenu .3s; -webkit-transform: translateY(0px); transform: translateY(0px);} #resultList-takeaway .offerItem .itemTop {display: -ms-flexbox;display: -webkit-box; display: -webkit-flex;display: flex; box-sizing: content-box; -ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap; font-size: 0; height: 200px; padding: 0; } #resultList-takeaway .offerItem .itemTop .offerImg {display: inline-block; vertical-align: top; position: relative;height: 100%; -ms-flex: 1 0 auto;-webkit-box-flex: 0;-webkit-flex: 1 0 auto;flex: 1 0 auto;max-width: 70%; } #resultList-takeaway .offerItem .itemTop .offerImg.full {max-width: 100%;} #resultList-takeaway .offerItem .itemTop .offerImg .endTimer {position: absolute; bottom: 0; right: 7px; z-index: 1; border-radius: 4px 4px 0 0; background-color: #009245; font-size: 14px; font-weight: 300; line-height: 1; padding: 6px 12px; color: #fff;} #resultList-takeaway .offerMenu {height: 100%;display: inline-block; vertical-align: top; position: relative; overflow: hidden; -ms-flex: 0 0 30%;-webkit-box-flex: 0;-webkit-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%; } #resultList-takeaway .offerMenu .menuBtn {position: absolute; width: 102%; height: 100%; background:rgba(4, 43, 0, 0.6); cursor: pointer;text-align: center; padding: 5px 7px 5px 5px; box-sizing: border-box; } #resultList-takeaway .offerMenu .menuBtn:after {display: block;content: "";height: 100%;width: 100%;border:1px solid #aaaaaa;} #resultList-takeaway .offerMenu .menuBtn:hover {background-color:rgba(4, 43, 0, 0.79);} #resultList-takeaway .offerMenu .menuBtn span {color: #ffffff; font-size: 15px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 20px;display: block;width: 100%;margin: auto; } #resultList-takeaway .itemBtm { padding: 10px 15px;} #resultList-takeaway .itemBtm > .districtCuisine {font-size: 14px; color: #666; font-weight: 400; width: 100%;} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI {font-size: 1.15rem; color: #3b2d22; font-weight: 800;line-height: 1.2;} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI span {color: #F36E45;margin-left: 0.3em;} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI small {font-size: 0.8em;margin-left: 0.3em;color: #666666;} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI.extended {position: relative; border: 1px solid #009245; border-radius: 15px; padding: 0 15px 0 5px; color: #009245;} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI.extended:after {content: '';position: absolute; right: 5px; top: 8px; width: 0; height: 0; vertical-align: middle; border-top: 4px solid; border-right: 3px solid transparent; border-left: 3px solid transparent;} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI > .extendedDistrict {position: absolute; bottom: 100%; left: 0; z-index: 1; background-color: #fff; border-radius: 5px; padding: 5px 15px 5px 10px; margin-bottom: 15px;box-sizing: content-box; opacity: 0; display: none;animation: animShowLangMenu .3s; -webkit-transform: translateY(0px); transform: translateY(0px);} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI.open > .extendedDistrict {opacity: 1; display: block;} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI > .extendedDistrict:after {content: ''; display: block; border-color: #fff transparent transparent transparent; border-width: 6px 6px 0 6px; border-style: solid; width: 0; height: 0; position: absolute; left: 10px; top: 100%;} #resultList-takeaway .itemBtm > .districtCuisine .tasPOI > .extendedDistrict span {display: block; padding: 3px 0; line-height: 1; font-size: 12px; color: #009245;} #resultList-takeaway .itemBtm > .districtCuisine .cuisineName {overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box; height: 19px; display: inline; margin-left: 2px; } #resultList-takeaway .itemBtm > .districtCuisine .cuisineName span {padding: 1px 3px 1px 3px; border: 1px solid #666; border-radius: 4px; color: #666!important; font-size: 11px; } #resultList-takeaway .itemBtm > .oDetailTitle {color: #3b2d22; margin: 0 0 4px;} #resultList-takeaway .itemBtm > .oDetailTitle span span{color: #009345; font-weight: 700;} #resultList-takeaway .itemBtm > div:first-child {margin-bottom: 5px;} #resultList-takeaway .itemBtm .offerDetL {display: inline-block; vertical-align: top; position: relative;height: 100%; font-size: 14px;} #resultList-takeaway .itemBtm .offerDetL small { font-size: .94rem;color: #009245;} #resultList-takeaway .itemBtm .offerDetL small a {color: #009245;} #resultList-takeaway .itemBtm .offerDetL .offerPeriod {margin: 10px 0 0;} #resultList-takeaway .itemBtm .offerDetL .offerPeriod p {color: #006837;} #resultList-takeaway .itemBtm .offerDetL .offerPeriod .excludeDateWrap {margin-top: 8px;} #resultList-takeaway .itemBtm .offerDetL .offerPeriod .excludeDateWrap .displayMoreBtn {cursor: pointer;} #resultList-takeaway .itemBtm .offerDetL .offerPeriod .excludeDateWrap > p {opacity: 0; visibility: hidden; max-height: 0;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #resultList-takeaway .itemBtm .offerDetL .offerPeriod .excludeDateWrap.shown.displayMoreBtn {display: none;} #resultList-takeaway .itemBtm .offerDetL .offerPeriod .excludeDateWrap.shown > p {opacity: 1; visibility: visible; max-height: 150px;} #resultList-takeaway .itemBtm .offerDetR { height: 100%;position: relative;} #resultList-takeaway .itemBtm .offerDetR > div.poiName {color: #666; font-size: 13px; font-weight: 400; line-height: 1.4; border-top: 1px solid #999; display: block; padding: 10px 5px 0; margin-top: 10px;} /* popup */ .takeaway-popup .qr-code canvas {position: absolute;top: 32%;left: 17%;} .takeaway-popup {background-color:white;width:90%;max-width:650px; } .takeaway-popup .qr-code {position: relative; background: url(https://static5.orstatic.com/info/fight_against_virus/img/QR-bg.png) no-repeat center center;background-size: contain;width:465px;height: 496px;margin: 60px 30px 20px 60px;} .takeaway-popup .qr-code img {width:61%; position: absolute; top:32%;left: 13%;} .takeaway-popup .popup-info {text-align: center;margin-left: 9%;} .takeaway-popup .howToLink {font-size: 20px;background-color: #fff;border: 1px solid #ccc;color: #555;font-weight: 300;display: inline-block;padding: 10px 50px;border-radius: 15px;margin: 20px 0 50px;} .takeaway-popup .popup-poi {font-size: 36px; line-height: 1.3; color: #f67245; margin-bottom: 10px;font-weight: 600;} .en .takeaway-popup .popup-poi {font-size:32px;} .takeaway-popup .popup-poi small{font-size: 20px;line-height: 1.6;display: block;font-weight: 600;} .takeaway-popup .popup-info span {font-size: 28px; line-height: 1; font-weight: 600;color: #666666;} @media (min-width: 641px) { /*#resultList-takeaway {font-size: 0; width: 100%;max-width: none; margin-top: 20px}*/ /* #resultList-takeaway .offerItem {display: inline-block; vertical-align: top; width: 335px; margin: 0 5px 35px; border: none; padding: 0; border: 1px dashed #F36E45; position: relative;} */ } @media (min-width: 1100px) { #resultList-takeaway {max-width: 1095px;width: 100%;} } @media (min-width: 769px) { #listingWrap-takeaway {} #resultList-takeaway .offerItem {width:330px;} } @media (max-width: 640px) { #listingWrap-takeaway {padding-top:20px;padding-bottom:20px;} #resultList-takeaway .offerItem {padding: 0; margin: 0px 15px 25px; display: block; width:100%;} #resultList-takeaway .offerItem .headfield {margin-bottom: 5px;} #resultList-takeaway .offerItem .itemTop {padding: 0;} #resultList-takeaway .itemBtm > .oDetailTitle {max-height: none;-webkit-line-clamp: unset;} #resultList-takeaway {padding:0 0px 0px; box-sizing: border-box; background-color: #eeeeee;} #resultList-takeaway .itemBtm > div:nth-child(2) {margin-top:0.5rem;} #resultList-takeaway .itemBtm .offerDetR a.bookBtn {font-size:17px;padding:0.6em 0;} #resultList-takeaway .offer_box .itemTop .img_overlay {height:calc(100% - 5px);} } @media (max-width: 480px) { .zh #resultList-takeaway .oDetailTitle {font-size:23px;} #resultList-takeaway .itemBtm .offerDetR > div.poiName {font-size: 15px;} #resultList-takeaway .offerItem .itemTop {padding:0 0 5px;} #resultList-takeaway .newJoin_dec small {font-size: 14px;line-height: 1.6em;} } @media (max-width: 375px) { small {font-size:13px;} #resultList-takeaway .itemBtm .offerDetL { -ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width:100%; border: none; margin-bottom: 10px;} #resultList-takeaway .itemBtm .offerDetR { -ms-flex: 0 0 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width:100%; padding-left: 0;} #resultList-takeaway .itemBtm > .oDetailTitle {margin:0 0 2px;} .zh #resultList-takeaway .oDetailTitle {font-size:20px;} #resultList-takeaway .itemBtm .offerDetR > div.poiName {font-size: 13px;} } @media (max-width: 330px) { .en small {font-size: 12px;} #resultList-takeaway {padding:0 0 40px;} #resultList-takeaway .offerItem {padding:8px 7px 3px} #resultList-takeaway .itemBtm .offerBtns > div > div:first-child {width: 40px;} }