.promocodeSection {padding: 45px 20px;background: url(../images/promo-bg.jpg);}
.promocodeSection p {color: #353535; max-width: 1000px; margin: 40px auto 0; text-align: center; font-size: 1.15rem; }
.malltitle {background: url(../images/tas_tabicon_tc.png) no-repeat center center; background-size: contain; width: 90%; height: 120px; margin: 20px auto; }
.en .malltitle {background: url(../images/tas_tabicon_en.png) no-repeat center center; background-size: contain; }
.smalltext{font-size: 14px!important; }

.result_wrapper {background-color: #fffce2;}

/*--Tc-tap--*/
#tasPage .anchorNav {}
#tasPage .anchorNav.sticky .container {background-color: #ffc107;}
#tasPage .anchorNav span#tap-1:before {background: url(../images/takeaway/tap-mall1-1tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-1:after {background: url(../images/takeaway/tap-mall1-2tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-2:before {background: url(../images/takeaway/tap-mall4-1tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-2:after {background: url(../images/takeaway/tap-mall4-2tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-3:before {background: url(../images/takeaway/tap-mall2-1tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-3:after {background: url(../images/takeaway/tap-mall2-2tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-4:before {background: url(../images/takeaway/tap-mall3-1tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-4:after {background: url(../images/takeaway/tap-mall3-2tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-5:before {background: url(../images/takeaway/tap-mall5-1tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-5:after {background: url(../images/takeaway/tap-mall5-2tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-6:before {background: url(../images/takeaway/tap-mall6-1tc.png) no-repeat center center; background-size: contain;}
#tasPage .anchorNav span#tap-6:after {background: url(../images/takeaway/tap-mall6-2tc.png) no-repeat center center; background-size: contain;}



#tasPage #Result1.poiList:before {background: url(../images/takeaway/subtitle-mall1-tc.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage #Result2.poiList:before {background: url(../images/takeaway/subtitle-mall4-tc.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage #Result3.poiList:before {background: url(../images/takeaway/subtitle-mall2-tc.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage #Result4.poiList:before {background: url(../images/takeaway/subtitle-mall3-tc.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage #Result5.poiList:before {background: url(../images/takeaway/subtitle-mall5-tc.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage #Result6.poiList:before {background: url(../images/takeaway/subtitle-mall6-tc.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}


/*--En-tap--*/
#tasPage.en  .anchorNav {}
#tasPage.en  .anchorNav.sticky .container {background-color: #ffc107;}
#tasPage.en  .anchorNav span#tap-1:before {background: url(../images/takeaway/tap-mall1-1en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-1:after {background: url(../images/takeaway/tap-mall1-2en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-2:before {background: url(../images/takeaway/tap-mall4-1en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-2:after {background: url(../images/takeaway/tap-mall4-2en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-3:before {background: url(../images/takeaway/tap-mall2-1en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-3:after {background: url(../images/takeaway/tap-mall2-2en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-4:before {background: url(../images/takeaway/tap-mall3-1en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-4:after {background: url(../images/takeaway/tap-mall3-2en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-5:before {background: url(../images/takeaway/tap-mall5-1en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-5:after {background: url(../images/takeaway/tap-mall5-2en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-6:before {background: url(../images/takeaway/tap-mall6-1en.png) no-repeat center center; background-size: contain;}
#tasPage.en  .anchorNav span#tap-6:after {background: url(../images/takeaway/tap-mall6-2en.png) no-repeat center center; background-size: contain;}



#tasPage.en  #Result1.poiList:before {background: url(../images/takeaway/subtitle-mall1-en.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage.en  #Result2.poiList:before {background: url(../images/takeaway/subtitle-mall4-en.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage.en  #Result3.poiList:before {background: url(../images/takeaway/subtitle-mall2-en.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage.en  #Result4.poiList:before {background: url(../images/takeaway/subtitle-mall3-en.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage.en  #Result5.poiList:before {background: url(../images/takeaway/subtitle-mall5-en.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}
#tasPage.en  #Result6.poiList:before {background: url(../images/takeaway/subtitle-mall6-en.png) no-repeat center center; background-size: contain; width: 460px; height: 110px;}


#tasPage .poi {position: relative;margin-top:20px; overflow: hidden;}
#tasPage .poi:after {content: ''; width: calc(100% - 1.875rem); height: 100%; position: absolute; top: 0; left: 0.9375rem; z-index: 0; background-color: #fff; }
#tasPage .img {position: relative; height: 200px; z-index: 1;}
#tasPage .txt {padding: 10px 15px 15px; position: relative;background-color: #fff; margin: auto; z-index: 1;    text-align: left;}

#tasPage .poibt {color: #4D392A;font-size: 22px;font-weight: 800;line-height: 1.5;margin-bottom: 0.4em;border-bottom: 1px solid #cccccc;padding-bottom: 0.2em; margin-top: 0;}
#tasPage .poibt i {margin-right: 5px;}
#tasPage .poibt .district {font-weight: 800;font-size: 19px;white-space: nowrap;margin-right: 0.1em;color: #02a71d;vertical-align: text-top;}
#tasPage .poibt .cuisine {font-weight: 400;font-size: 15px;border: 1px solid;padding: 0.05em 0.4em 0.2em 0.3em;white-space: nowrap;border-radius: 0.2em;vertical-align: text-top;line-height: 1.9;}

#tasPage .txt small {font-size: 15px;line-height: 1.5;letter-spacing: 1px; font-weight: 800;}
#tasPage.en  .txt small {letter-spacing: 0.2px;}
#tasPage .txt small span {padding-left: 0.2em;font-weight: 400;}
#tasPage .poi .linkWrap {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}

#tasPage .badge {position: absolute;top:-1px;left: -5px;z-index: 3;width: 90px;height: 70px;}
#tasPage .badge:after {content: ""; display: block;position: absolute;z-index: -1;width: 90px;height: 70px;background: url(../images/takeaway/TAS_badge.png) no-repeat center center; background-size: contain;top:0;left: -1px; }
#tasPage .am {color: #474c49;font-size: 15px;line-height: 45px;font-weight: 800;position: absolute;top: 22px;right: 10px;margin: auto; background-color: #F9CF4A; border-radius: 50%; width: 45px; height: 45px; text-align: center;}
#tasPage .am i {width: 14px;height: 14px;background: url(../images/takeaway/asiamile-icon-yellow.png) no-repeat center center;background-size: cover;margin: -5px 0 0 0;display: inline-block;vertical-align: middle;}
#tasPage .offerTxt {position: absolute;text-align: center;width: 100%; padding: 0; height: 10px;top:0;left: 0;right: 0;bottom: 0;margin: auto;}
#tasPage .offerTxt span {font-size: 22px;color: white;line-height: 1; font-weight: 500;display: block;font-weight: bold;}
#tasPage .borderTop:before {content: "";display: block;border-top: 1px solid;height: 1px;width: 100%;margin: 0.5em auto;}


/*--IntroSec--*/
.introSec {padding: 45px 0; background: url(../images/intro_pattern.png) center top repeat; position: relative; border-style: solid; border-width: 6px 0 6px 0px; border-image-source: linear-gradient(to right, #dca769, #fee8b7, #dca769); border-image-slice: 1; padding: 45px 20px; }
.introSec .introBox {max-width: 1200px; width: 90%; margin: 0 auto; text-align: center; }
.introSec p.date {font-size: 20px; line-height: 40px; font-weight: 600px; border-top: 1px solid; border-bottom: 1px solid; border-left: 0px solid; border-right: 0px solid; padding: 5px 20px; width: 100%; max-width: 600px; margin: 20px auto 5px auto; color: red!important; }
.introSec p {font-size: 22px; line-height: 30px; font-weight: normal; color: #795548; letter-spacing: 2px; }
.en .introSec p {font-size: 22px; line-height: 30px; font-weight: normal; color: #795548; letter-spacing: 0; }
.promocode {background: url(../images/promo-bg-dkp.jpg) no-repeat center top; background-size: cover; min-height: 450px; position: relative; }

@media (max-width: 640px) {
    .introSec p {font-size: 20px; line-height: 28px; margin: 0 auto; }
    .promocode {background-image: url(../images/promo-bg-mob.jpg); background-repeat: no-repeat; background-size: cover; }
    #tasPage .poiList:before {width: 300px!important; height: 70px!important;}
    #tasPage .poi {margin-top: 0; margin-bottom: 20px;}
}