/**** lity ****/
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:rgba(0,0,0,0.8);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity-active {overflow: hidden;}
.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}
.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}

.lity-content{z-index:9993;width:101%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease; position: relative; max-height: 100vh!important;}
.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}
.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:10px; top: 10px; margin:auto;background-color: #000; -webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:32px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;outline:0;-webkit-box-shadow:none;    box-shadow: 0 2px 3px rgba(0,0,0,.6); border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%; border: 2px solid #fff;}
.lity-close::-moz-focus-inner{border:0;padding:0}
.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;}
.lity-iframe-container{width:100%;height:0;padding-top:100vh;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
.lity-hide{display:none}




.preloader {width:60px;height:60px;margin:50px auto;opacity:1;position:absolute;left:0;right:0;z-index:1;}
.preloader.hide {-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-out;opacity:0;overflow:hidden;}
.row1,.row2,.row3 {text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;white-space:normal;}
.row1 {-webkit-line-clamp:1;}
.row2 {-webkit-line-clamp:2;}
.row3 {-webkit-line-clamp:3;}
.preloader {width:60px;height:60px;margin:50px auto;opacity:1;position:absolute;left:0;right:0;z-index:1;}
.preloader.hide {-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-out;opacity:0;overflow:hidden;}


/**** KV 和 bg****/
.topContainer {background:url('../images/KV.jpg') no-repeat center top;background-size:cover;padding-bottom:30%; min-height: 420px; position:relative;}
.en .topContainer {background:url('../images/KV_en.jpg') no-repeat center top;background-size:cover;padding-bottom:33%; min-height: 420px; position:relative;}
.contentBody {background:url('../images/poi_bg.gif') center top repeat; background-color: #f1f1f1; background-size: 16px; }

@media only screen and (min-width:768px) and (max-width:1199px) {
	.topContainer {background-size:cover; padding-bottom:36%; position:relative; }
	.en .topContainer {background-size:cover; padding-bottom:36%; position:relative; }
}

@media (min-width:1400px) {
	.topContainer {background-size:cover;padding-bottom:30%;position:relative;}
	.en .topContainer {background-size:cover;padding-bottom:30%;position:relative;}
}
@media (max-width:768px) {
	.topContainer {background-size:cover;position:relative;}
	.en .topContainer {background-size:cover;position:relative;}

}
@media (max-width:640px) {
	.topContainer {background:url('../images/KV_m.jpg') no-repeat center bottom;background-size:cover; min-height:0;padding-bottom:100%;position:relative;}
	.en .topContainer {background:url('../images/kv_m_en.jpg') no-repeat center bottom;background-size:cover; min-height:0;padding-bottom:100%;position:relative;}
}



/*------------ card ------------*/
.cardSec{ padding: 25px 0; background-color:#ebebeb}
.cardSec .cardBox { max-width: 590px;  width:90%; margin:0 auto; text-align:center;}
@media (max-width:499px) {
	.cardSec{ padding: 15px 0;}
}

/*------------ intro ------------*/
.introSec{ padding: 70px 0; background: url(../images/intro_bg.gif); background-size: 130px;}
.introSec .introBox{ max-width: 950px;  width:90%; margin:0 auto; text-align:center;}
.introSec .ttImg {max-width: 480px; margin-bottom: 40px; width: 100%;}
.introSec .tixImg {max-width: 640px; margin: 30px auto; width: 100%;}
.introSec p { font-size:25px; line-height:40px; font-weight:600; color:#333; }
.en .introSec p{ line-height:34px; font-size: 23px;}
.introSec p.date { font-size:23px; line-height:40px; font-weight:900; color:#ee0000; border-radius: 10px; border: 2px solid #ee0000; padding: 5px 20px; width: 100%; max-width: 480px; margin: 40px auto 20px; letter-spacing: 1px;}
.en .introSec p.date { max-width: 500px; font-size: 20px; letter-spacing: 0;}
.introSec p span.red {color:#ee0000;font-weight: 900;}
.introSec p span.green {color:#008f3c;font-weight: 900;}
.introSec p span.big {font-size: 30px;}
.introSec p span.highlight {background-color: #fff76a; padding: 0px 8px 2px;}
.introSec small {color: #222; font-size: 18px;letter-spacing: 1px; line-height: 1.9; font-weight: 400; display: block; margin-bottom: 20px; text-align: left;}
.introSec a {color: #0066cc; font-size: 18px; letter-spacing: 1px;line-height: 1.9; font-weight: 400; display: inline-block; margin-bottom: 20px; text-align: center;}
.introSec a:hover {color: #ee0000;}
.en .introSec small {color: #222; font-size: 18px;letter-spacing: 0px; line-height: 1.9; font-weight: 400; display: block; margin-bottom: 20px; text-align: left;}
.en .introSec a {color: #0066cc; font-size: 18px; letter-spacing: 0px;line-height: 1.9; font-weight: 400; display: inline-block; margin-bottom: 20px; text-align: center;}
.en .introSec a:hover {color: #ee0000;}


@media (max-width:640px) {
  .introSec {padding: 40px 0; background-size: 90px; background-position: center;}

  .introSec p.date {font-size: 16px; line-height: 30px; padding: 5px;}
  .introSec small {font-size: 12px;}
	.introSec p{ font-size: 16px; line-height: 28px;margin: 0 auto;}
	
	.en .introSec p.date{ font-size:13px; margin: 10px auto; padding: 0;}
  .en .introSec small {color: #222; font-size: 13px;letter-spacing: 0px; line-height: 20px; font-weight: 400; display: block; margin-bottom: 20px; text-align: left;}
  .en .introSec p{ font-size: 16px; line-height: 26px;margin: 0 auto;}


}


/*------------ noted ------------*/
.notedSec{ padding: 20px 0 40px 0; }
.notedSec .notedBox{ max-width: 950px;  width:90%; margin:0 auto; text-align:center;}
.notedSec .notedBox h1{ font-size: 30px;line-height: 25px;font-weight: 600;color: #f11f38;}
.notedSec .notedBox p{ font-size: 25px;line-height: 34px;font-weight: 400;color: #222;}
.en .notedSec .notedBox h1{ font-size: 30px;line-height: 25px;font-weight: 800;color: #f11f38;}
@media (max-width:640px) {
  .notedSec .notedBox h1{ font-size: 24px;line-height: 25px;font-weight: 600;color: #f11f38;}
  .notedSec .notedBox p{ font-size: 20px;line-height: 30px;font-weight: 400;color: #222;}
}


#app-takeaway {background-color: #f1f1f1; padding: 70px 20px;}
#app-takeaway .maxWidth {max-width: 900px;}
/*#app-takeaway .slider {border-radius: 15px; background-color: #cdcdcd; padding: 25px 7px 15px; max-width: 280px; margin: auto;}*/

#app-takeaway .slider {
    max-width: 280px;
    border-top: 40px solid #cccccc;
    border-bottom: 40px solid #cccccc;
    border-left: 10px solid #cccccc;
    border-right: 10px solid #cccccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border-top: 40px solid #1c1e23;
    border-bottom: 40px solid #1c1e23;
    border-left: 10px solid #1c1e23;
    border-right: 10px solid #1c1e23;
    display: inline-block;}

#app-takeaway .slider .slide {}
#app-takeaway .slider .slide img {max-width: 270px; margin: auto;}
#app-takeaway .slick-dots {text-align: center;background-color: #1b1f23;}
#app-takeaway .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 5px;}
#app-takeaway .slick-dots li button {font-size: 0; border-radius: 50%; width: 8px; height: 8px; background-color: #9b9b9b;}
#app-takeaway .slick-dots li.slick-active button {background-color: #303030;}
#app-takeaway .text {}
#app-takeaway .text .tasLogo {max-width: 280px; margin-bottom: 25px; width: 100%;}
#app-takeaway p {color: #222; font-size: 27px;}
#app-takeaway p > span {display: inline-block; vertical-align: middle; line-height: 1.5; padding: 0 15px; border-radius: 5px; color: #ec1e24; border: 2px solid #ec1e24; margin-right: 5px;}
#app-takeaway .text ol {margin-top: 70px; padding-left: 15px;}
#app-takeaway .text ol li {color: #555; font-size: 20px; margin-bottom: 20px; line-height: 1.6;list-style: decimal; cursor: pointer;}
#app-takeaway .text ol li.active {color: #e7243b; }

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

#resultList-takeaway .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.8em; margin-top: 0;}
#resultList-takeaway .poibt i {margin-right: 5px;}
#resultList-takeaway .poibt .district {font-weight: 800;font-size: 19px;white-space: nowrap;margin-right: 0.1em;color: #02a71d;vertical-align: text-top;}
#resultList-takeaway .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;}

#resultList-takeaway .txt small {font-size: 15px;line-height: 1.5;letter-spacing: 1px;color: #4D392A;}
#resultList-takeaway .txt small span {display: block;}
#resultList-takeaway .txt small.note {display: block; border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 8px;font-weight: 800;}
.en #resultList-takeaway .txt small.note {letter-spacing: 0;}
#resultList-takeaway .poi .linkWrap {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;z-index: 1}

#resultList-takeaway .badge {position: absolute;top:-1px;left: -5px;z-index: 3;width: 90px;height: 70px;}
#resultList-takeaway .badge:after {content: ""; display: block;position: absolute;z-index: -1;width: 90px;height: 70px;background: url(../images/TAS_badge.png) no-repeat center center; background-size: contain;top:0;left: -1px; }
#resultList-takeaway .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;}
#resultList-takeaway .offerTxt {position: absolute;text-align: center;width: 100%; padding: 0; height: 10px;top:0;left: 0;right: 0;bottom: 0;margin: auto;}
#resultList-takeaway .offerTxt span {font-size: 22px;color: white;line-height: 1; font-weight: 800;display: block;}
#resultList-takeaway .borderTop:before {content: "";display: block;border-top: 1px solid;height: 1px;width: 100%;margin: 0.5em auto;}

@media (max-width: 640px) {
    #resultList-takeaway .poiList:before {width: 300px!important; height: 70px!important;}
    #resultList-takeaway .poi {margin-top: 0; margin-bottom: 20px;}
}

#bodyWrap a.bn{font-size: 26px; font-weight: 600; color: #fff;max-width: 400px; display: block; border-radius: 20px;  padding: 1.5% 0; margin: 60px auto 0; text-align: center;}
.en #bodyWrap a.bn {font-size: 23px;}
#bodyWrap a.bn:after{content: ''; display: inline-block; background: url(../images/bn_arrow.png) no-repeat center center; background-size: contain; width: 35px; height: 30px; vertical-align: text-top;}
#bodyWrap a.bn:hover{background-color:#4c3d2f; }
#bodyWrap .red-bn { background-color:#ee0000 ; }
#bodyWrap .green-bn{ background-color:#008f3c; }



@media (max-width:768px) {
  #app-takeaway .tasLogo {max-width: 50%; margin: 0 auto 20px;}
   #app-takeaway p {font-size: 2em; text-align: center;margin-bottom: 5%;}
  }

@media (max-width:640px) {
  #bodyWrap a.bn{ font-size: 23px; padding: 4% 3%;; margin: 30px auto; letter-spacing: -1px;}
  #app-takeaway {padding: 40px 5px;}
  #app-takeaway .columns {padding: 0;}
  #app-takeaway .slider {max-width: 100%; margin-top: 20px;}
  #app-takeaway .slider .slide img {max-width: 100%;}
  #app-takeaway .tasLogo {max-width: 200px; margin: 0 auto 20px;}
  #app-takeaway p {font-size: 18px; text-align: center;}
  .en #app-takeaway p {font-size: 16px;}
  #app-takeaway .text ol {margin-top: 25px; counter-reset: step-counter}
  #app-takeaway .text ol li {font-size: 15px; text-align: left; list-style: none; cursor: default; color: #000; font-weight: 400;}
  #app-takeaway .text ol li.active {display: block; color: #000;}
  #app-takeaway .text ol li:before {color: #ffffff;background-color: #e31f2b;counter-increment: step-counter;content: "Step " counter(step-counter);display: block;font-weight: 900;margin: 1em 0 0.5em;border: 1px solid;border-radius: 40px;max-width: 100px;text-align: center;}
  #listingWrap-takeaway {padding: 40px 0px;}
  #listingWrap-takeaway .tasLogo {max-width: 220px;}
  #bodyWrap a.bn {font-size: 20px; max-width: calc(100% - 30px);}
  .en #bodyWrap a.bn {font-size: 18px;}
  #bodyWrap a.bn:after {width: 30px; height: 25px;}
  .en #bodyWrap a.bn:after {width: 25px; height: 20px;}
}