#banner {margin-bottom: 3rem; text-align: center;}
#banner .inner {position: relative; display: inline-block;}
#banner .bannerImg {max-width: 53rem; width: 100%;}
#banner .tncBtn {display: block; position: absolute; width: 12%; padding-bottom: 4%; bottom: 14%; left: 23%;}
@media (max-width: 768px) {
  #banner .tncBtn {width: 23%; padding-bottom: 9%; bottom: 8%; left: 40%;}
}

.buPage span.deco3 {top: 43rem; left: 0rem;}
.buPage span.deco3:after {width: 10rem; height: 8rem;}

@media (min-width: 1500px) {
	#payPage .offerItem {max-width: 335px;}
}

#payPage .offerItem, #payPage .offerItem p  {font-size: 1rem;line-height: 1.5}
#payPage .offerItem {box-shadow: 0px 1px 2px #ddd; position: relative;}
#payPage .offerItem .itemTop {padding: 0 0 10px;box-sizing: content-box;position: relative;height: 200px;}
#payPage .offerItem .itemTop .offerImg {display: block; position: relative;height: 100%;}
#payPage .offerItem .itemTop .badge {position: absolute;top: 10px;left: 15px;z-index: 3;}
#payPage .offerItem .itemTop .badge > div {border-radius: 3px; font-weight: 600; display: inline-table; vertical-align: middle; text-align: center; font-size: 1.2em; line-height: 2; padding: 0 8px; letter-spacing: 0; margin-right: 3px;}
#payPage .offerItem .itemTop .badge .offerTxt {border-radius: 3px; font-weight: 600; background-color: #008543; color: #fff;}
#payPage .offerItem .itemTop .badge .offerTxt span small {background-color: #fff;color: #008543;font-size: .65em;line-height: 1.3;left: 100%;top: 0;width: 35px;height: 36px;display: inline-block;padding: 5px;vertical-align: middle;margin-left: 8px;margin-right: -8px;border-radius: 0 3px 3px 0;}
#payPage .offerItem .itemTop .badge .bookBtnAm {background-color: #ffc600; color: #3f363b; padding: 0 6px;}
#payPage .offerItem .itemTop .badge .bookBtnAm .asiaMile-icon {width: 17px;height: 17px; background: url(https://static5.orstatic.com/info/Booking_Offer_Campaign/img/asiamile-icon-yellow.png) no-repeat center center;background-size: cover; margin: -4px 0 0 0;display: inline-block;vertical-align: middle;}

#payPage .offerItem .itemBtm {padding: 0 15px;}
#payPage .offerItem .itemBtm .obooking {margin-left: -2px;color: #fff;border-radius: 3px;display: inline-block;margin: 0 5px 0 0;padding: 3px 7px 2px;font-size: 12px;line-height: 1;opacity: 1; background-color: #008543;} 
#payPage .offerItem .itemBtm small {font-size: 0.95em; color:gray;}

#payPage .offerItem .itemBtm .poiName {display: block;font-weight: 800; color: #000;padding: 5px 5px 5px 0;line-height: 1.5;font-size: 1.3em;}

#payPage .itemBtm .offerDesc {display: block; width: 100%; padding: 0.5em 0 0.6em; margin: 0.2em 0 0 0; border-top: 1px solid #dfdfdf; font-size: 0.85em;}
#payPage .itemBtm .offerDesc b {display: block;margin-left: -0.5em;}
#payPage .offerTT.extra {position: relative;border-top: 1px dashed #ccc;padding: .85em 15px 0.2em;margin-top: .2em;}

#payPage .offerTT.extra .tag {font-size: 0.85em;line-height: 1.5;border-radius: 3px;font-weight: 800;padding: 0.15em 0.45em 0.2em 0.6em;margin: 0 0.3em 0 0;position: relative;border: 1px solid #00A25A; color: #00A25A;top:0;}
#payPage .offerTT.extra .tt {font-weight: 800;margin-bottom: .4em;letter-spacing: 0.05em;line-height: 1.4;color: #00A25A;font-size: 1em;}


#payPage .offerItem a.btn {display: inline-block; border-radius: 5px; line-height: 2.5; font-size: 1.1em; padding: 0 .8em; text-align: center; font-weight: 600; color: #4c3a2f; background-color: #ffd404;}
#payPage .offerItem a.btn.wBook {color: #ffffff; background-color: #008543;}
#payPage .offerItem .btns a.btn.wVoucher {background-color: #fa2500; color: #fff; margin-left: 5px;}

#payPage .offerItem .btns a.shareBtn {display: block; float: right; width: 40px; height: 40px; background: url(../images/social-icons/share_button.svg) no-repeat center center / contain;}

@media (min-width:769px) {
  #payPage .offerItem {padding: 0 0 80px; /* min-width: 23.75rem; */}
  #payPage .offerItem .btns {position:absolute;left:0;bottom:20px;width:100%;padding:0 15px}
  #payPage .offerItem a.btn:hover {background-color: #ff8a04;}
  #payPage .offerItem a.btn.wBook:hover {background-color: #00d26a;}
}

@media (max-width:768px) {
	#payPage .offerItem .itemTop .badge > div {font-size: 1.3em}
  #payPage .offerItem {padding: 0 0 15px; margin-bottom: 10px;}
  #payPage .offerItem .itemBtm {padding: 5px 15px 7px;}
  #payPage .offerItem .btns {padding: 0 15px;}
  #payPage .offerItem a.btn {position: relative; bottom: auto;}
  #payPage .offerTT.extra {padding: .85em 15px 1.5em;}
}
@media (max-width: 320px) {
  #payPage .offerTT.extra .tt {font-size: 1.2em;}
  #payPage .offerTT.extra .tag {font-size: 0.8em;top: -0.1em;}
}