.indextop {}
.KV {position: relative; z-index: 0; background: url(../images/KV-6.jpg) no-repeat center center; padding: 0; height: 405px;} 
#introBoxWrap {position: relative; padding: 50px 20px; font-size: 0; color: #5748a9;}
#introBoxWrap h3 {margin-bottom: 15px;}
#introBoxWrap p {line-height: 1.8; font-weight: 600;color: #8580a2;}
#introBoxWrap p.period {border-radius: 30px; border: 1px solid; letter-spacing: 1px; font-weight: 600; padding: 0 20px; line-height: 2; font-size: 18px; display: inline-block; margin-top: 20px;}
#introBoxWrap .intromenu {display: inline-block; vertical-align: top; width: 46%; margin: 25px 2% 0; position: relative; text-align: center;}
#introBoxWrap .intromenu.anc1 {background: url(../images/frame2-middle.png) repeat-y center center; background-size: 100%;}
#introBoxWrap .intromenu.anc2 {background: url(../images/frame-middle.png) repeat-y center center; background-size: 100%;}
#introBoxWrap .intromenu:before, #introBoxWrap .intromenu:after {content: ''; display: block; position: absolute; left: 0; width: 100%; height: 35px;}
#introBoxWrap .intromenu.anc1:before {bottom: calc(100% - 2px); background: url(../images/frame2-top.png) no-repeat center bottom; background-size: 100%;}
#introBoxWrap .intromenu.anc1:after {top: 100%; background: url(../images/frame2-bottom.png) no-repeat center top; background-size: 100%;}
#introBoxWrap .intromenu.anc2:before {bottom: calc(100% - 2px); background: url(../images/frame-top.png) no-repeat center bottom; background-size: 100%;}
#introBoxWrap .intromenu.anc2:after {top: 100%; background: url(../images/frame-bottom.png) no-repeat center top; background-size: 100%;}
#introBoxWrap .intromenu span.tt {font-size: 1.7rem; color: #fff; font-weight: 600; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35); letter-spacing: 1px; line-height: 1.3;}
#introBoxWrap .intromenu span.tt .big {font-size: 1.4em;}
#introBoxWrap .intromenu span.btn {color: #fff; border-radius: 30px; border: 1px solid; padding: 0; line-height: 2.2; margin: 15px auto 0; max-width: 120px; display: block; letter-spacing: 2px; font-size: 1rem;  -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

@media only screen and (min-width: 769px) {
  #introBoxWrap .intromenu:hover span.btn {background-color: #bf4b82;}
  .section .poiBlock:hover {transform: scale(1.02);}
}

@media only screen and (min-width: 1500px) {
  .KV {background: url(../images/KV-6.jpg) no-repeat center center; background-size: cover; height: auto; padding-bottom: 27%;}
}

@media (max-width: 768px) {
  .KV {background: url(../images/KV-6-m.jpg) no-repeat center center; background-size: cover; height: auto; padding-bottom: 68%;}
  #introBoxWrap .intromenu {margin: 15px 1%; width: 49%;}
  #introBoxWrap .intromenu:before, #introBoxWrap .intromenu:after {height: 25px;}
  #introBoxWrap .intromenu.anc1 {margin-left: -1%;}
  #introBoxWrap .intromenu.anc2 {margin-right: -1%;}
  #introBoxWrap .intromenu span.tt {font-size: 1.3rem;}
  #introBoxWrap .intromenu span.btn {font-size: .8rem; line-height: 1.9; margin-top: 10px; max-width: 90px;}
}

@media (max-width: 640px) {
  html, body {font-size: 13px;}
  #headerNew {position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
  #bodyContent {padding-top: 45px;}
  #introBoxWrap {padding: 30px 20px; text-align: center;}
  #introBoxWrap h3 {margin-top: 30px;}
  #introBoxWrap p.period {font-size: 16px;}
}

.row .row {margin: 0}

.item {display: block; background-color: #fff; border-radius: 10px; height: 100%; overflow: hidden; width: 96%; margin: auto; position: relative;}
.item .img {position: relative; height: 140px;}
.item .img .badge {position: absolute; top: 10px; left: 15px;}
.item .img .badge .offerTxt {font-size: 1.2rem; color: #fff; font-weight: 600; line-height: 1.8; border-radius: 3px; padding: 0 10px; background-color: #008043; min-width: 50px; text-align: center;}
.item .txt {padding: 0.5em 1em 1em;}
.item .txt p {color: #5748a9;}
.item .txt .tt {font-weight: 600; line-height: 1.4;}
.item .txt .poiName {font-weight: 600; font-size: 1.2rem;margin-top: 0.2rem;letter-spacing: 0;}
.item .txt .desc {font-size: 14px; margin-top: 5px; line-height: 1.3;letter-spacing: 1px;}
.item .txt small {color: #777;}
.item .linkWrap {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

#special-section {background: url(../images/bg-pink.jpg); padding: 50px 20px;}
#special-section .ttImg {margin-bottom: 40px;}
#special-section .item .img {height: 180px;}
#special-section .item .tt {font-weight: 400;}
#special-section .btn {display: block; margin: 30px auto 0; background-color: #fff; max-width: 230px; text-align: center; border-radius: 30px; line-height: 2.8; letter-spacing: 2px; color: #5748a9; font-weight: 600;font-size: 17px; box-shadow: 0px 5px 0 0 #5748a9;}

@media (min-width: 769px) {
  #special-section .item .tt {text-align: center;}
}
@media (max-width: 640px) {
  .item {font-size: 0;height: 100%; min-height: 125px; border-radius: 0; margin-bottom: 10px; width: 100%;}
  .item .img, .item .txt {display: inline-block; vertical-align: top; height: 100%!important;}
  .item .img {width: 37.5%; }
  .item .txt {width: 62%; font-size: 1rem; padding: 10px 5px 0.5rem 15px; position: relative;}
  .item .txt small {margin-bottom: 5px; display: block; font-size: 13px;}
  .item .txt .poiName {font-size: 1.4rem;height: auto;overflow:auto;}
  /*.item .txt .poiName.line-clamp-1 {-webkit-line-clamp: 2;height: calc(1em * 1.2 * 2);}*/
  .item .txt .badge .offerTxt { color: #fff; display: inline-block;font-weight: 600;line-height: 1.8;border-radius: 3px;padding: 0 10px;background-color: #008043;min-width: 30px;text-align: center; margin-top: 10px;}
  .item .txt .badge .offerTxt small {display: inline-block; color: #fff; font-size: .8em;}
  #voucher .item .txt .oDetailTitle {line-height: 1.3;}
  #special-section {padding: 30px 10px;}
  #special-section .ttImg {margin-bottom: 20px; max-width: 300px;}
  #special-section .item {height: 100px;}
  #special-section .item .txt p {font-size:1.3em;position: absolute; left: 0; right: 0; width: 100%; top: 0; bottom: 0; margin: auto; -webkit-line-clamp: 2; height: calc(1em * 1.4 * 2); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;}
  #special-section .btn {margin-top: 20px;}
}

#hottest {background: url(../images/bg-purple.jpg); padding: 50px 20px 70px;}
#hottest .ttImg {margin-bottom: 20px;}

@media (max-width: 640px) {
  #hottest {padding: 30px 0 0;}
  #hottest .ttImg {max-width: 300px;}
}

.section {padding: 30px 0px 10px;}
.section .secTTbox {position: relative; background: url(../images/frame-middle.png) repeat-y center center; background-size: 100%; margin-top: 35px; width: 95%; color: #fff; padding: 0 30px; text-align: center;}
.section .secTTbox:before, .section .secTTbox:after {content: ''; display: block; position: absolute; left: 0; width: 100%; height: 35px;}
.section .secTTbox:before {bottom: 100%; background: url(../images/frame-top.png) no-repeat center bottom; background-size: 100%;}
.section .secTTbox:after {top: 100%; background: url(../images/frame-bottom.png) no-repeat center top; background-size: 100%;}
.section .secTTbox > .columns {padding: 0;}
.section .secTTbox .secTT {letter-spacing: 1px; margin-bottom: 10px; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35);}
.section .secTTbox .secOffer {font-size: 1.7rem; letter-spacing: 1px; line-height: 1; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35);}
.section .secTTbox .secOffer .big {font-size: 2.4rem;}
.section .secTTbox .secOffer small {font-size: 1.4rem;}
.section .secTTbox .btn {color: #fff; border-radius: 30px; border: 1px solid; padding: 0; line-height: 2; margin: 25px auto 0; max-width: 120px; display: block; letter-spacing: 2px; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.section .ttImg {max-width: 400px;}
.section .list {}
#voucher .item .txt .poiName {color: #777; font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 5px;overflow: auto;height: auto;}
#voucher .item .txt .oDetailTitle {font-weight: 600;font-size: 1.1rem;letter-spacing: 1px;margin-top: 0.5rem;}
.section .btn {border: none; line-height: 2.5; margin-top: 30px;}

@media print, screen and (min-width: 48.125em) {
  .section .inner > .row > .medium-3 {-ms-flex: 0 0 20%;-webkit-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
  .section .inner > .row > .medium-9 {-ms-flex: 0 0 80%;-webkit-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
  .section .secTTbox {height: calc(100% - 70px);}
  .section .secTTbox .btn:hover {background-color: #bf4b82;}
}


@media (max-width: 640px) {
  .section {padding: 30px 10px 40px; background: #d5b9f9;}
  .section:last-child {margin-bottom: 0;}
  .section .ttImg {max-width: 260px;}
  .section .btn {line-height: 3; max-width: 240px;}
  .section .secTTbox {background: url(../images/frame-m-middle.png) repeat-y center center; background-size: 100%; width: 100%; margin: 20px auto 30px;}
  .section .secTTbox:before, .section .secTTbox:after {height: 25px;}
  .section .secTTbox:before {background: url(../images/frame-m-top.png) no-repeat center bottom; background-size: 100%;}
  .section .secTTbox:after {background: url(../images/frame-m-bottom.png) no-repeat center top; background-size: 100%;}
  .section .secTTbox .secTT {margin-bottom: 3px;}
  .section .btn {display: block;margin: 10px auto 0;background-color: #fff;max-width: 230px;text-align: center;border-radius: 30px;line-height: 2.2;letter-spacing: 2px;color: #5748a9;font-weight: 600;font-size: 17px;}
  .section .poiBlock {padding-bottom: 0.5rem;}
}

#editors-section {background: url(../images/bg-blue.jpg); padding: 70px 20px;}
#editors-section .ttImg {margin-bottom: 30px;}
#editors-section .inner {max-width: 80rem; margin: auto;}
#editors-section .img {border-radius: 15px; overflow: hidden; height: 100%;}
#editors-section .txt {background-color: #fff; padding: 15px 20px; border-radius: 15px;}
#editors-section .txt p {height: calc(1em * 1.5 * 4); line-height: 1.5;}
#editors-section .txt .btn {margin-top: 15px; border-radius: 30px; border: 1px solid; color: #d23373; display: block; line-height: 1.8; padding: 0 20px; text-align: center; float: right; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

@media (min-width: 769px) {
  #editors-section .txt .btn:hover {color: #a61e80; background-color: #d5b9f9;}
}

@media (max-width: 640px) {
  #editors-section {padding: 40px 10px;}
  #editors-section .ttImg {max-width: 190px; margin-bottom: 15px;}
  #editors-section .swiper-wrapper {display: block;}
  #editors-section .swiper-wrapper .swiper-slide {margin-bottom: 10px;}
  #editors-section .img, #editors-section .txt {border-radius: 0;}
}