#payPage .banner {border-color: #fccbc7; background-color: #fff;border-color: #d9d9d9;}
#payPage .banner1 .img {background: url(../images/page/banner-orpay.jpg) no-repeat center center; background-size: cover;}
#payPage .banner .info .bannerTT {margin: 0; font-size: 1.6rem;}
#payPage .banner .info .bannerTT .en {letter-spacing: 0;}
#payPage .banner .info .code2 {display: inline-block; vertical-align: middle; padding: 0; margin: 0; font-size: 1.15rem; color: #ff4d00;}
#payPage .banner .info .code2.r {color: #000cbd;}
#payPage .banner .info .offerTT {background-color: #000cbd; color: #fff; font-size: 1.6rem; display: block; max-width: 22rem; margin: 5px auto;}
#payPage .banner .info .offerTT.g {background-color: #ff4d00;}
#payPage .banner .info .offerTT.o {background-color: #ba7a29;}
#payPage .banner .info .btn {color: #888; font-size: .9rem; display: inline-block; line-height: 1.7; padding: 0 10px; letter-spacing: 0; border: 1px solid; border-radius: 3px; margin-top: .35rem;}
#payPage .banner .info hr {margin: 1rem auto; border: 0; border-top: 1px solid #d9d9d9;}

#bar {margin: 60px auto; position: relative; padding: 0 20px; text-align: right; max-width: 920px; }
#bar .tc {font-size: .9rem; color: #777; display: inline-block; border-bottom: 1px solid; padding-bottom: 2px; margin-top: 8px; letter-spacing: 0;}

@media (min-width: 641px) {
  #payPage .banner .info {text-align: center; width: 53%;}
  .column1 .banner .img {width: 47%;}
}

@media (min-width: 769px) {
  .anchorNav .filterBtn, .anchorNav .allBtn {font-size: 1rem;padding: 0.3em 3%;}
}

@media (min-width: 1028px) {
  .anchorNav .filterBtn, .anchorNav .allBtn {font-size: 1.15rem;}
}

@media (min-width: 1500px) {
  .anchorNav .filterBtn, .anchorNav .allBtn {font-size: 1.2rem; padding: 0.3em 5%;}
	#payPage .offerItem {max-width: 335px;}
}

@media (max-width: 640px) {
  #payPage .banner .info {padding: 20px 15px; text-align: center;}
  #payPage .banner1 .img {background: url(../images/page/banner-orpay-m.jpg) no-repeat center center; background-size: cover;}
  #payPage .banner .info .bannerTT {font-size: 1.3rem;}
  #payPage .banner .info .code2 {font-size: 1.05rem;}
  #payPage .banner .info .offerTT {font-size: 1.15rem; max-width: 20rem;}
  #payPage .banner .info .btn {font-size: .75rem;}
  .anchorNav .filterBtn, .anchorNav .allBtn {padding:0.3em 3.5%;}
}


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

@media (min-width:769px) {
  #payPage .offerItem {padding: 0 0 80px;}
  #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;}
}