.banner .info {text-align: center;}
.banner .info .code2 .hl {color: #02794f;font-size: 1.5em;}
.banner .info .code2 .hl.red {color: #d9251e;font-size: 1.5em;}
.banner .info .offerTT {background-color: #02794f; color: #fff;}
.banner .info .offerTT.red {background-color: #d9251e;}
.banner .info hr {
    display: block;
    margin: 1rem auto;
    border: 0;
    border-top: 1px solid #d9d9d9;}
#Result2 {position: relative;}
#Result2 .catListTTImg span {}
#Result2 .catListTTImg span span {font-size: 0.9rem; line-height: 6;}

@media (min-width: 641px) {
  .column1 .banner {max-width: 900px;}
  .column1 .banner .info {width: 42%;}
  .column1 .banner .img {width: 58%;}
  .banner .img {background: url(../images/page/banner-tas.jpg) no-repeat center center; background-size: cover;}
}

@media (max-width: 768px) {
    #Result2 .catListTTImg span span {font-size: 0.7rem;}
}
@media (max-width: 640px) {
  .banner .info {padding: 20px 15px;}
  .banner .img {background: url(../images/page/banner-tas-m.jpg) no-repeat center center; background-size: cover;}
  #tasPage .banner .info p {font-size: .8rem;}
}
.anchorNav .filterBtn, .anchorNav .allBtn {padding: 0.15em; font-size: 1.2rem;display: inline-block; margin: 3px;}
.catTags {position: absolute; top: 5px; right: -5px; }
@media (max-width: 320px) {
    .anchorNav .filterBtn, .anchorNav .allBtn {padding: 0.15em;}
}
.offerItem .itemTop .vw, .offerItem .itemTop .v {height: 100%;}
.offerItem .vw .v {display: none}
.offerItem .vw .v.active {display: block}
.offerItem .tt {color:#000;font-weight:600;font-size:1em;-webkit-line-clamp:2;max-height:calc(1em * 1.5 * 2);display:-webkit-box;-webkit-box-orient:vertical;position:relative;line-height:1.5;overflow:hidden;text-overflow:ellipsis;margin:.4em 0 .4em 0;padding-left:1em}
.offerItem .tt:before {content:"";display:block;left:0;width:.3em;height:calc(1em * 1.5 * 2);background-color:green;position:absolute;top:0}
.offerItem .desc{font-size:.9em;color:#8a8a8a;-webkit-line-clamp:3;max-height:calc(1em * 1.6 * 3);display:-webkit-box;-webkit-box-orient:vertical;position:relative;line-height:1.6;overflow:hidden;text-overflow:ellipsis;margin-bottom: .8em;}
#tasPage .itemBtm .offerDesc > span {list-style:decimal;display:list-item;margin-left:1.15em;margin-bottom:.5em;}
#tasPage .itemBtm .offerDesc > span > strong {color:red;}
.offerItem .itemBtm{/*display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;*/height: calc(100% - 240px);}
.offerItem .top{-ms-flex:0 0 100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offerItem .btm {-ms-flex:0 0 100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%;-ms-flex-align:end;-webkit-box-align:end;-webkit-align-items:flex-end;align-self:flex-end;border-top:1px dashed #bdbdbd;padding: 1.2em 0;}
.vwPriceBtns {margin-bottom: .8em;}
.vwPriceBtns.vw1{display:none}
.vwPriceBtns .priceBtn {cursor:pointer;position:relative;font-size:1em;text-align:center;border-radius:4px;line-height:1.7;padding:0 .8em;border:1px solid;color:#bdbdbd;font-weight:600;display:inline-block;vertical-align:top;margin-right:.2em;margin-bottom:.3em;background-color:#f9f9f9;z-index:2}
.vwPriceBtns .priceBtn.active {color:#fff;background-color:#02a25a;border-color:#02a25a;cursor:default}
.vwPriceBtns .priceBtn:nth-child(n+4) {display:none;}
.offerItem .prices {display: inline-block;}
.offerItem .prices .price{display:inline-block;vertical-align:bottom}
.offerItem .prices .price>span{display:inline-block;vertical-align:text-bottom;margin-right:.15em}
.offerItem .prices .price .discount{color:#009245;font-size:2.5em;position:relative;font-weight:800;line-height:1;margin-right:.1em}
.offerItem .prices .price .original{color:#ed1c24;font-size:.9em;display:block;padding-left:2px;text-decoration:line-through;font-style:italic;display:inline-block;letter-spacing:-1px}
#tasPage .offerItem a.btn{display:inline-block; border-radius:5px; letter-spacing:1px; padding:0 .8em; line-height:2.3; font-size:1.1em;text-align:center; font-weight:600;  bottom:20px; left:15px;}

.result_wrapper .period {
    display: inline-block;
    color: #6c6c6c;
    position: absolute;
    left: 130px;
    bottom: 23px;
    font-size: .9rem;
    line-height: 1.3em;
    letter-spacing: 1px;}


@media (min-width: 769px) {
  #tasPage .offerItem {padding: 0 0 80px;}
}
@media (max-width: 768px) {
  #tasPage .offerItem {padding: 0;}
  #tasPage .offerItem .itemBtm {padding-bottom: 20px;}
  #tasPage .offerItem a.btn{bottom:20px;}
  .result_wrapper .period {position: relative; left: 30px; bottom: 10px;
}
}


#tasPage .itemBtm .offerDesc {
    font-weight: 600!important
  }