#tasPage #bodyContent {padding-top: 20px; padding-bottom: 60px;}

.bookmarkBox { text-align: center; position: absolute; right: 7px; left: auto; top: 7px; z-index: 1;}
.bookmarkBox .bookmark-btn {background: url(../img/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; }
.bookmarkBox .bookmark-btn.bookmarked, .bookmarkBox .bookmark-btn:hover {background-position: left bottom; border: 2px solid #00A158;}

#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.hidden {display: none;}
#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;}

#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; background-color: #fefded; 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(../img/new-poi-icon.png) no-repeat center center; background-size: contain; width: 80px; height: 80px;}

#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.25rem; 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; margin-bottom: 80px;} 
#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: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.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 .districtName {font-size: 1.05rem; color: #3b2d22;   font-weight: 700;}
#resultList-takeaway .itemBtm > .districtCuisine .districtName span {color: #F36E45;}
#resultList-takeaway .itemBtm > .districtCuisine .districtName.extended {position: relative; border: 1px solid #009245; border-radius: 15px; padding: 0 15px 0 5px; color: #009245;}
#resultList-takeaway .itemBtm > .districtCuisine .districtName.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 .districtName > .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 .districtName.open > .extendedDistrict {opacity: 1; display: block;}
#resultList-takeaway .itemBtm > .districtCuisine .districtName > .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 .districtName > .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; border:1px solid;padding:0.2em 0.3em;border-radius: 0.3em;white-space: nowrap;}

#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; letter-spacing: 0;}
#resultList-takeaway .itemBtm > .oDetailTitle span span{color: #009345; font-weight: 700;}

#resultList-takeaway .itemBtm > .excerpt {color: #777; margin: 10px 0 0; letter-spacing: 0; font-size: .9rem; border-top: 1px solid #777; padding: 8px 0 0;}

#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;}

@media (min-width: 1100px) {
  #resultList-takeaway {max-width: 1095px;width: 100%; margin: auto;}
}
@media (min-width: 769px) {
    #resultList-takeaway .offerItem {width:330px;}
}
@media (max-width: 640px) {
  #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; margin-bottom: 0;}
  #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) {
	  #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) {
  #resultList-takeaway {padding:0 0 40px;}
  #resultList-takeaway .offerItem {padding:20px 6px;}
  #resultList-takeaway .itemBtm .offerBtns > div > div:first-child {width: 40px;}
}


@media (min-width: 769px) {
  
}
@media (max-width: 768px) {
    
}

.btn {display: block; border: 1px solid #ff9e9e; background-color: #fff; border-radius: 5px; color: #4c2d32; font-size: 18px; letter-spacing: 1px; text-align: center; padding: 0px 20px; line-height: 2.7; margin: 8px auto; max-width: 200px; moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out; box-shadow: 4px 5px 0px 0px #ff9e9e; margin-top: 40px;}
.btn:hover {moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out; box-shadow: 2px 3px 0px 0px #ff9e9e; transform: translate(2px, 2px);}