.indextop {}

#introBoxWrap {
  position: relative; 
  padding: 100px 20px;
  font-size: 0;
  background-image: url(../images/index/KV-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* background: rgb(106,196,187);
  background: linear-gradient(0deg, rgba(106,196,187,1) 0%, rgba(177,238,231,1) 100%); */
  color: #fff;
}

#introBoxWrap:before {top: -15px; transform: rotate(180deg);}
#introBoxWrap:after {bottom: -15px;}
#introBoxWrap .containerL {max-width: 1050px;}
#introBoxWrap h3 {margin-bottom: 15px; font-size: 2.5rem; font-weight: bold;letter-spacing: normal;}
#introBoxWrap p {line-height: 1.8; max-width: 600px;font-size: 1.2rem;
  font-weight: bold;
}
#introBoxWrap p.period {
  border-radius: 30px;
  font-weight: bold;
  font-size: 18px;
  border: 1px #fff solid;
  text-align: center;
  padding: 2%;
  margin-top: 3%;
}
#introBoxWrap .intromenu {display: inline-block; vertical-align: top; width: 48%; margin: 0 1%; position: relative; text-align: center; padding: 35% 0;}
#introBoxWrap .intromenu.anc1 {
  background: url(../images/index/KV/intro-offer-1.png) no-repeat center center;
  background-size: contain;
  animation: fuwafuwa05 4s ease-in-out infinite alternate-reverse;
}
#introBoxWrap .intromenu.anc2 {
  background: url(../images/index/KV/intro-offer-2.png) no-repeat center center; 
  background-size: contain;
  animation: fuwafuwa02 4s ease-in-out infinite alternate-reverse;
}
/* #introBoxWrap .intromenu:before {content: ''; display: block; position: absolute; left: 0; width: 100%; height: 80px; bottom: 100%;}
#introBoxWrap .intromenu.anc1:before {background: url(../images/00_index/frame-top.png) no-repeat center bottom; background-size: 100.5% 100%;}
#introBoxWrap .intromenu.anc2:before {background: url(../images/00_index/frame2-top.png) no-repeat center bottom; background-size: 100.5% 100%;} */
#introBoxWrap .intromenu span.tt {
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
}
#introBoxWrap .intromenu span.tt .big {font-size: 1.6em; margin-left: 5px;}
/* #introBoxWrap .intromenu span.btn {
  color: #fff; 
  background: rgb(183,136,58);
  background: linear-gradient(0deg, rgba(183,136,58,1) 0%, rgba(232,200,149,1) 100%);
  border-radius: 30px; 
  border: 1px solid #a3734f; 
  padding: 0; 
  line-height: 1.8; 
  font-weight: bold;
  margin: 5px auto 0; 
  max-width: 100px; 
  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;
} */
#introBoxWrap .intromenu span.btn a{
  color: #fff; 
  background: linear-gradient(#e8c895, #b7883a) padding-box, linear-gradient(165deg, #84532b 10%, #fce1aa 80%, #fce1aa 70%) border-box;
  border-radius: 50em;
  border: 1px solid transparent;
  padding: 0; 
  line-height: 1.8; 
  font-weight: bold;
  margin: 5px auto 0; 
  max-width: 100px; 
  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;
}
#introBoxWrap .intromenu span.btn a:hover {
  color: #896739;
  background: linear-gradient(#fffefc, #e6caa3) padding-box, linear-gradient(165deg, #84532b 10%, #fce1aa 80%, #fce1aa 70%) border-box;

}



#introBoxWrap .intromenu .align{
  position: absolute;
  top: 28%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}
.kv-main{
  position: relative;
  z-index: 3;
  animation: fuwafuwa02 4s ease-in-out infinite alternate;
}
.kv-main .kv-TT{
  left: 50%;
  position: relative;
  text-align: center;
  transform: translate(-50%, 0);
}
.kv-main .kv-TT img{
  /* animation: fuwafuwa02 6s ease-in-out infinite alternate; */
  animation: animate 4s infinite;
}
.kv-float{
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.kv-float .kv-dico{
  position: absolute;
  transform-origin: center center;
}
.kv-float .l-dish-1{
  top: 2%;
  left: 13%;
  width: 19%;
}
.kv-float .l-dish-1 img{
  animation: fuwafuwa02 2s ease-in-out infinite alternate-reverse;
}
.kv-float .l-dish-2{
  top: 33%;
  left: 17%;
  width: 19%;
}
.kv-float .l-dish-2 img{
  animation: fuwafuwa02 2.5s ease-in-out infinite alternate-reverse;
}
.kv-float .l-jewelry{
  top: 21%;
  left: 16%;
  width: 25%;
}
.kv-float .l-jewelry img{
  animation: fuwafuwa04 2s ease-in-out infinite alternate-reverse;
}
.kv-float .l-cloud-2{
  top: 5%;
  left: 0;
  width: 13%;
}
.kv-float .l-cloud-2 img{
  animation: fuwafuwa02 2.5s ease-in-out infinite alternate-reverse;
}
.kv-float .l-cloud-1{
  top: 40%;
  left: -3%;
  width: 21%;
}
.kv-float .l-cloud-1 img{
  animation: fuwafuwa03 2.5s ease-in-out infinite alternate-reverse;
}

.kv-float .l-balloon{
  top: 37%;
  left: 1%;
  width: 7%;
}
.kv-float .l-balloon img{
  animation: fuwafuwa05 3s ease-in-out infinite alternate-reverse;
}

.kv-float .l-champagne{
  bottom: 10%;
  left: 0;
  width: 16%;
}
.kv-float .l-champagne img{
  animation: fuwafuwa04 2s ease-in-out infinite alternate-reverse;
}

.kv-float .r-balloon{
  top: 10%;
  right: -2%;
  width: 10%;
}
.kv-float .r-balloon img{
  animation: fuwafuwa04 2.5s ease-in-out infinite alternate-reverse;
}

.kv-float .r-cloud{
  top: 36%;
  right: -10%;
  width: 23%;
}
.kv-float .r-cloud img{
  animation: fuwafuwa02 2.5s ease-in-out infinite alternate-reverse;
}
.kv-float .r-dish-1{
  top: 3%;
  right: 12%;
  width: 19%;
}
.kv-float .r-dish-1 img{
  animation: fuwafuwa04 2s ease-in-out infinite alternate-reverse;
}
.kv-float .r-dish-2{
  top: 26%;
  right: 6%;
  width: 23%;
}
.kv-float .r-dish-2 img{
  animation: fuwafuwa03 2.5s ease-in-out infinite alternate-reverse;
}

.kv-float .diamond-small{
  bottom: 25%;
  right: 0;
  width: 10%;
}
.kv-float .diamond-small img{
  animation: fuwafuwa04 2s ease-in-out infinite alternate-reverse;
}

.kv-float .diamond-large{
  bottom: 12%;
  right: 5%;
  width: 10%;
}
.kv-float .diamond-large img{
  animation: fuwafuwa04 2s ease-in-out infinite alternate-reverse;
}
.info-zindex{
  position: relative;
  z-index: 3;
}
/* section 2 cloud float*/
.cloud-float{
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.cloud-float .cloud-dico{
  position: absolute;
  transform-origin: center center;
}
.cloud-float .cloud-L-small{
  top: -30%;
  left: -4%;
  width: 30%;
}
.cloud-float .cloud-L-small img{
  animation: fuwafuwa03 4s ease-in-out infinite alternate-reverse;
  width: 100%;
}

.cloud-float .cloud-R-small{
  top: -30%;
  right: -5%;
  width: 30%;
}
.cloud-float .cloud-R-small img{
  animation: fuwafuwa03 4s ease-in-out infinite alternate-reverse;
  width: 100%;
}

.bg-cloud-float{
}
.bg-cloud-float .cloud-L-big{
  position: absolute;
  background-image: url(../images/index/sec1-cloud-L-big.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  bottom: -4%;
  left: -14%;
  width: 83%;
  height: 84%;
  animation: fuwafuwa05 4s ease-in-out infinite alternate-reverse;
}

.bg-cloud-float .cloud-R-big{
  position: absolute;
  background-image: url(../images/index/sec1-cloud-R-big.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  bottom: -28%;
  right: -13%;
  width: 55%;
  height: 88%;
  animation: fuwafuwa02 4s ease-in-out infinite alternate-reverse;
}

.bg-cloud-float .diamond-L{
  position: absolute;
  background-image: url(../images/index/sec1-diamond-L.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  top: 19%;
  left: 15%;
  width: 30%;
  height: 23%;
  animation: fuwafuwa04 4s ease-in-out infinite alternate-reverse;
}

.bg-cloud-float .diamond-R{
  position: absolute;
  background-image: url(../images/index/sec1-diamond-R.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  top: 48%;
  right: 2%;
  width: 12%;
  height: 18%;
  animation: fuwafuwa04 4s ease-in-out infinite alternate-reverse;
}
.bg-cloud-float .gold-ball-blur{
  position: absolute;
  background-image: url(../images/index/sec1-gold-ball-blur.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  top: 29%;
  right: 13%;
  width: 12%;
  height: 18%;
  animation: fuwafuwa02 2s ease-in-out infinite alternate-reverse;
}
.bg-ball-float{
  position: relative;
}
.bg-ball-float .ball-1{
  position: absolute;
  background-image: url(../images/index/sec1-gold-ball.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  top: 4%;
  left: 13%;
  width: 9%;
  height: 25%;
  animation: fuwafuwa02 2s ease-in-out infinite alternate-reverse;
}
.bg-ball-float .ball-2{
  position: absolute;
  background-image: url(../images/index/sec1-gold-ball.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  top: 23%;
  left: 25%;
  width: 2%;
  height: 22%;
  animation: fuwafuwa02 1.5s ease-in-out infinite alternate-reverse;
}
.bg-ball-float .ball-3{
  position: absolute;
  background-image: url(../images/index/sec1-gold-ball.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  bottom: 25%;
  right: 25%;
  width: 2%;
  height: 15%;
  animation: fuwafuwa02 1.5s ease-in-out infinite alternate-reverse;
}
.bg-ball-float .ball-4{
  position: absolute;
  background-image: url(../images/index/sec1-gold-ball.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  top: 29%;
  right: 16%;
  width: 3%;
  height: 23%;
  animation: fuwafuwa02 2s ease-in-out infinite alternate-reverse;
}
@media only screen and (min-width: 769px) {
  /* #bodyWrap {min-width: 1280px;} */
  #introBoxWrap .intromenu:hover span.btn {background-color: #990e0e;}
  .section .poiBlock:hover {transform: scale(1.02);}
}

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

@media (max-width: 768px) {
  .KV {background: url(../images/00_index/KV-m.jpg) no-repeat center center; background-size: cover; height: auto; padding-bottom: 68%;}
  #introBoxWrap:before, #introBoxWrap:after {background-size: 400%; height: 6px;}
  #introBoxWrap:before {top: -5px;}
  #introBoxWrap:after {bottom: -5px;}
  #introBoxWrap .intromenu {margin: 0 1.5%; width: 47%; padding-top: 11%; padding-bottom: 10%;}
  #introBoxWrap .intromenu:before {height: auto; padding-bottom: 40%; background-size: contain!important; bottom: 99%;}
  #introBoxWrap .intromenu span.tt {font-size: 1.3rem;}
  #introBoxWrap .intromenu span.btn {font-size: .8rem; line-height: 1.9; margin-top: 5px; max-width: 70px; border-radius: 15px;}
}

@media (max-width: 640px) {
  html, body {font-size: 13px;}
  #headerNew {position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
  #bodyContent {padding-top: 55px;}
  #introBoxWrap {
    padding: 30px 10px 70px 10px;
    text-align: center;}
  /* #introBoxWrap h3 {margin-top: 20px;font-size: 1.7rem; margin-left: 0;} */
  #introBoxWrap p {font-size: 15px;}
  #introBoxWrap p.period {font-size: 18px; letter-spacing: 0;}
}

@media (max-width: 330px) {
  #introBoxWrap .intromenu span.tt {font-size: 1.15rem;}
}

.row .row {margin: 0}

.item {display: block; background-color: #fff; border-radius: 10px; height: 100%; overflow: hidden; width: 96%; margin: auto; position: relative;
  -webkit-box-shadow: 4px 4px 27px -19px rgba(10,10,10,1);
-moz-box-shadow: 4px 4px 27px -19px rgba(10,10,10,1);
box-shadow: 4px 4px 27px -19px rgba(10,10,10,1);
}
.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: #895f39;}
.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: linear-gradient(to bottom, rgba(246,170,183,0) 0,
  rgba(246,170,183,1)), url(../images/index/sec1-bg.png); */
  background: rgb(246,170,184);
background: linear-gradient(0deg, rgba(246,170,184,1) 0%, rgba(253,217,219,1) 100%);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  /* padding-bottom: 4%; */
  padding: 70px 20px;
  /* padding: 0 8% 4% 8%; */
 
  /* padding-top: 10%; */
  /* margin-top: -10%; */
}
#special-section:before {content: ''; display: block; width: 100%; 
  background: url(../images/index/sec1-bg-top.png) center bottom; 
  background-repeat: no-repeat;
  background-size: 100%;
  height: 150px;
  position: absolute; left: 0; bottom: 99%;
}
#special-section .inner {position: relative; 
  /* padding: 0 20px 20px; */
  max-width: 80rem; }
#special-section .ttImg {margin-bottom: 40px; max-width: 500px;}
#special-section .item {
  padding: 15px 15px 0;
  -webkit-box-shadow: 4px 4px 13px -10px rgba(165,107,115,1);
-moz-box-shadow: 4px 4px 13px -10px rgba(165,107,115,1);
box-shadow: 4px 4px 13px -10px rgba(165,107,115,1);
}
#special-section .swiper-slide{
  padding: 1%;
}
#special-section .item .img {height: 180px;}
#special-section .item .tt {
  color: #895f39;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
#special-section .item .txt {padding: 1em .5em;}
#special-section .btn a{
  display: block;
  margin: 40px auto 0;
  max-width: 200px;
  text-align: center;
  padding: 0 10px;
  border-radius: 50px;
  line-height: 2.6;
  letter-spacing: 2px;
  font-size: 20px;
  /* color: #fff;
  background: rgb(183,136,58);
  background: linear-gradient(0deg, #b7883a 0%, #e8c895 100%);
  border-radius: 30px;
  border: 1px solid #a3734f;   */

  color: #fff;
  font-weight: bold;
  background: linear-gradient(#e8c895, #b7883a) padding-box, linear-gradient(165deg, #84532b 10%, #fce1aa 80%, #fce1aa 70%) border-box;
  border-radius: 50em;
  border: 1px solid transparent;

}
#special-section .btn a:hover{
  color: #896739;
  background: linear-gradient(#fffefc, #e6caa3) padding-box, linear-gradient(165deg, #84532b 10%, #fce1aa 80%, #fce1aa 70%) border-box;

}
.heart-pink-m {
  display: none;
}
.heart-blue-m {
  display: none;
}
@media (min-width: 769px) {
  #special-section .inner .deco {position: absolute; z-index: 3; width: 280px; height: 130px; top: -10px; left: 0; right: 0; margin: auto;}
  #special-section span.deco1 {background: url(../images/00_index/deco-2.png) no-repeat center center; background-size: contain; transform: translateX(-350px); }
  #special-section span.deco2 {background: url(../images/00_index/deco-1.png) no-repeat center center; background-size: contain; transform: translateX(350px); }
  #special-section .item .tt {text-align: center;}
}
@media (max-width: 768px) {
  #special .swiper-wrapper {display: block;}
}
@media (max-width: 640px) {
  .item {font-size: 0;height: 100%; min-height: 115px; border-radius: 5px; 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: 40px 10px 30px; }
  #special-section:before {
    background-size: 100% !important;
    height: 54px;
    background-position: center bottom;
    bottom: 100%;
  }
  #special-section .ttImg {margin-bottom: 20px; max-width: 300px;}
  #special-section .item {height: 100px; padding: 0;}
  #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; font-size: 17px;}
  

  .section .inner > .row > .heart-pink {
    display: none;
  }
  .section .inner > .row > .heart-blue {
    display: none;
  }
  .heart-pink-m {
    display: block;
    background-image: url(../images/index/mobile-title-pink.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .heart-blue-m{
    display: block;
    background-image: url(../images/index/mobile-title-blue.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .heart-m-align{
    text-align: center;
    color: #fff;
    width: 100%;
    /* margin: 20px auto 25px; */
    padding: 20px;
  }
  .heart-m-align .secTT{
    font-size: x-large;
  }
  .heart-m-align  .secOffer{
    font-size: x-large;
  }
  .heart-m-align  .secOffer .big{
    font-size: xx-large;
  }
  .section .bu-icon {
    position: inherit !important;
    animation: inherit !important;
    margin: inherit;
    padding: 6px 22px 10px 0;
    width: 100% !important;
  }
}

#hottest {
  background: linear-gradient(to bottom, rgba(175,222,214,0) 70%,
              rgba(175,222,214,1)), url(../images/index/sec2-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 70px 20px 0; 
  position: relative; 
}
#hottest .ttImg {margin-bottom: 30px; max-width: 500px;}
#hottest .inner {position: relative; padding: 0 20px 20px; max-width: 80rem; margin: auto;}
#hottest .inner .deco {position: absolute; z-index: 3; width: 180px; height: 265px; }
@media (max-width: 1500px) {
  #introBoxWrap {
    padding: 30px 20px;
  }
}
@media (max-width: 1200px) {
  .kv-main .kv-TT {
    width: 40%;
    transform: translate(-50%, -10%);
  }

  .kv-float .l-dish-1 {
    width: 24%;
  }
  .kv-float .l-jewelry {
    top: 16%;
    left: 4%;
    width: 30%;
  }
  .kv-float .l-cloud-2 {
    top: 5%;
    left: -3%;
    width: 14%;
  }
  .kv-float .l-balloon {
    top: 26%;
    left: 2%;
    width: 12%;
  }
  .kv-float .l-cloud-1 {
    top: 32%;
    left: -9%;
    width: 32%;
  }
  .kv-float .l-dish-2 {
    top: 28%;
    left: 13%;
    width: 22%;
  }
  .kv-float .r-dish-1 {
    width: 22%;
  }
  .kv-float .r-dish-2 {
    top: 19%;
    right: 6%;
    width: 27%;
  }
  .kv-float .r-cloud {
    top: 26%;
    right: -12%;
    width: 30%;
  }
  .kv-float .diamond-large {
    bottom: 17%;
    right: 5%;
    width: 10%;
  }
  .kv-float .diamond-small {
    bottom: 34%;
    right: 0;
    width: 7%;
  }
  .cloud-float .cloud-L-small {
    top: -27%;
    left: -5%;
    width: 41%;
  }
  .cloud-float .cloud-R-small {
    top: -29%;
    right: -5%;
    width: 38%;
  }
  .bg-cloud-float .diamond-L {
    top: 25%;
    left: 4%;
    width: 20%;
    height: 16%;
  }
  .bg-cloud-float .diamond-R {
    top: 73%;
  }
  .bg-cloud-float .cloud-L-big {
    bottom: -1%;
    left: -14%;
    width: 100%;
}
  .bg-cloud-float .gold-ball-blur {
    top:23%;
  }
  .bg-cloud-float .cloud-R-big{
    width: 65%;
  }
  #introBoxWrap {
    padding: 30px 20px;
  }
}

@media (min-width: 769px) {
  #hottest .deco {position: absolute; z-index: 3; width: 270px; height: 280px; left: 0; right: 0; margin: auto;}
  #hottest span.deco1 {background: url(../images/00_index/index_deco1.png) no-repeat center center; background-size: contain; transform: translateX(-460px); top: -105px;}
  #hottest span.deco2 {background: url(../images/00_index/index_deco2.png) no-repeat center center; background-size: contain; transform: translateX(460px); top: -98px;}
}

@media (max-width: 640px) {
  #hottest {padding: 40px 0 10px;}
  #hottest:before {background-size: 1100px!important; height: 25px; background-position: left bottom;}
  #hottest .ttImg {max-width: 300px; margin-bottom: 0;}
  .kv-main {
    padding-bottom: 5%;
  }
  .kv-main .kv-TT {
    width: 70% !important;
  }

  .kv-float .l-cloud-2 {
    display: none;
  }
  .kv-float .r-dish-1{
    display:none;
  }
  .kv-float .r-cloud{
    display: none;
  }
  .kv-float .diamond-small{
    display: none;
  }
  .kv-float .diamond-large{
    display: none;
  }
  .kv-float .l-jewelry{
    display: none;
  }
  .cloud-float .cloud-R-small{
    display: none;
  }
  .kv-float .l-champagne {
    /* bottom: 55%;
    left: -3%;
    width: 28%; */
    display: none;
}
  .kv-float .l-dish-1 {
    width: 40%;
    left: -12%;
  }
  .kv-float .r-dish-2 {
    top: 20%;
    right: -7%;
    width: 40%;
  }
  .kv-float .r-balloon {
    top: 8%;
    right: -2%;
    width: 17%;
  }

  .kv-float .l-cloud-1 {
    top: 25%;
    left: -24%;
    width: 49%;
  }
  .kv-float .l-balloon {
    top: 16%;
    left: -3%;
    width: 17%;
  }
  .kv-float .l-dish-2 {
    top: 26%;
    left: 2%;
    width: 30%;
  }
  .kv-float .gold-ball-blur{
    position: absolute;
    background-image: url(../images/index/sec1-gold-ball-blur.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    top: -6%;
    right: 0;
    width: 12%;
    height: 17%;
    animation: fuwafuwa02 2s ease-in-out infinite alternate-reverse;
  }
  .m-intro{
    margin-top: -10%;
    z-index: 3;
  }
  #introBoxWrap .intromenu.anc1 {
    height: 210px;
  }
  #introBoxWrap .intromenu.anc2 {
    height: 210px;
  }

  .cloud-float .cloud-L-small {
    top: -5%;
    left: -19%;
    width: 67%;
  }
  .bg-ball-float .ball-1 {
    top: 3%;
    left: 3%;
    width: 5%;
    height: 25%;
  }
  .bg-ball-float .ball-2 {
    top: 10%;
    left: 16%;
    width: 2%;
    height: 22%;
  }
  .bg-ball-float .ball-3 {
    bottom: 73%;
    right: 11%;
    width: 2%;
    height: 15%;
  }
  .bg-ball-float .ball-4 {
    top: -3%;
    right: 4%;
    width: 3%;
    height: 23%;
  }
  .bg-cloud-float .cloud-L-big {
    display: none;
  }
  .bg-cloud-float .cloud-R-big {
    width: 150%;
    right: -50%;
    bottom: -7%;
  }
  .bg-cloud-float .diamond-R{
    display: none;
  }
  .bg-cloud-float .gold-ball-blur {
    top: 23%;
    right: -20%;
    width: 39%;
    height: 18%;
}
}

.section {padding: 10px 0px 0;}
.section .secTTbox {
  position: relative; 
  background: url(../images/index/sec2-bu-tt-pink.png) center;
  background-repeat: no-repeat;
   background-size: contain; width: 100%; color: #fff; padding: 0 10px; text-align: center; 
   animation: fuwafuwa05 4s ease-in-out infinite alternate-reverse;
  }
  .section  .blue-heart {
    background: url(../images/index/sec2-bu-tt-blue.png) center;
    background-repeat: no-repeat;
    background-size: contain;
  }
.section .secTTbox:before, .section .secTTbox:after {content: ''; display: block; position: absolute; left: 0; width: 100%;}

.section .secTTbox > .columns {padding: 0;}
.section .secTTbox .secTT {letter-spacing: 1px; margin-top: 15px; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35); font-size: 1.3rem;}
.section .secTTbox .secOffer {font-size: 1.7rem; letter-spacing: 1px; line-height: 1;margin: 0.3em auto;}
.section .secTTbox .secOffer .big {font-size: 2.4rem;}
.section .secTTbox .secOffer small {font-size: 1.4rem;}
.section .secTTbox .secOffer2 {font-size: 1.6rem; letter-spacing: 1px; line-height: 1; text-shadow: 3px 3px 5px rgba(0, 0, 0, .35);}
.section .secTTbox .btn a{
  color: #fff;
  background: linear-gradient(#e8c895, #b7883a) padding-box, linear-gradient(165deg, #84532b 10%, #fce1aa 80%, #fce1aa 70%) border-box;
  border-radius: 50em;
  border: 1px solid transparent;
  border-radius: 30px;
  font-weight: bold;
  padding: 0;
  line-height: 2;
  margin: 10px 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 .secTTbox .btn a:hover{
  color: #896739;
  background: linear-gradient(#fffefc, #e6caa3) padding-box, linear-gradient(165deg, #84532b 10%, #fce1aa 80%, #fce1aa 70%) border-box;
}


.section .bu-icon{
  position: absolute;
  z-index: 1;
  width: 100px;
  top: -15%;
  left: 0;
  animation: fuwafuwa03 4.5s ease-in-out infinite alternate-reverse;
}
.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: 10px;}

@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% - 10%);}
  /* .section .secTTbox .btn:hover {background-color: #990e0e;} */
}


@media (max-width: 640px) {
  /* .section {padding: 30px 0px 40px; } */
  .section:last-child {margin-bottom: 0;}
  .section .ttImg {max-width: 260px;}
  .section .btn {line-height: 3; max-width: 240px;}
  /* .section .secTTbox { width: 100%; margin: 20px auto 40px; padding: 5px 10px 0px; background: url(../images/00_index/frame-m-middle.png) center; background-size: contain;}
  .section .secTTbox:before {background: url(../images/00_index/frame-m-top.png) no-repeat center bottom; background-size: contain; padding-bottom: 15%; bottom: 98%;}
  .section .secTTbox:after {background: url(../images/00_index/frame-m-bottom.png) no-repeat center top; background-size: contain; padding-bottom: 7%; top: 98%;} */
  .section .secTTbox .secTT {margin-bottom: 3px;}
  .section .btn {
    /* display: block;margin: 15px auto 0; box-shadow: 1.6px 2.5px 3px 0 rgba(155, 25, 26, 0.26);border: solid 2px #e44267;background-image: linear-gradient(to top, #ffdada, #fff); max-width: 230px;text-align: center;border-radius: 30px;line-height: 2.6;letter-spacing: 2px;color: #e12d55;font-weight: 600;font-size: 18px; */
    display: block;
    margin: 20px auto 0;
    max-width: 150px;
    text-align: center;
    padding: 0 10px;
    border-radius: 50px;
    line-height: 2;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(#e8c895, #b7883a) padding-box, linear-gradient(174deg, rgb(255 255 220) 10%, rgb(197 146 88) 35%, rgb(251 244 207) 90%) border-box;
    border-radius: 50em;
    border: 1px solid transparent;
  }
  /* .section .btn:before {content: ''; display: inline-block; vertical-align: bottom; width: 55px; height: 40px; background: url(../images/00_index/bn_icon.png) no-repeat center center; background-size: contain; } */
  .section .poiBlock {padding-bottom: 0.5rem;}
}

.float-effect {
  display: inline-block;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.float-effect:hover {
  transform: translateY(-5px);
}



#editors-section { padding: 40px 20px 50px; position: relative;}
#editors-section:before {content: ''; display: block; width: 100%; height: 50px; background: url(../images/00_index/wave-3.png) no-repeat center bottom; position: absolute; left: 0; bottom: 100%;}
#editors-section .ttImg {margin-bottom: 30px; max-width: 750px;}
#editors-section .inner {position: relative; padding: 0 20px 20px; max-width: 70rem; 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; font-size: 1.1em;}
#editors-section .txt .btn a{
  line-height: 2.4; 
  font-size: 17px; 
  float: right; 
  padding: 0 20px; 
  margin-top: 10px;
  color: #fff;
  font-weight: bold;
  background: linear-gradient(#e8c895, #b7883a) padding-box, linear-gradient(165deg, #84532b 10%, #fce1aa 80%, #fce1aa 70%) border-box;
  border-radius: 50em;
  border: 1px solid transparent;
}
#editors-section .txt .btn a:hover{
  color: #896739;
  background: linear-gradient(#fffefc, #e6caa3) padding-box, linear-gradient(165deg, #84532b 10%, #fce1aa 80%, #fce1aa 70%) border-box;

}
/* #editors-section .btn {display: block; margin: 30px auto 0; background-color: #fff; max-width: 250px; text-align: center; border-radius: 30px; line-height: 2.8; letter-spacing: 2px; color: #c00924; font-weight: 600;font-size: 20px; border: 3px solid #e19c4e;-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 .deco {position: absolute; z-index: 3; width: 270px; height: 280px; top: -100px; left: 0; right: 0; margin: auto;}
  #editors-section span.deco1 {background: url(../images/00_index/index_deco3.png) no-repeat center center; background-size: contain; transform: translateX(-470px); }
  #editors-section span.deco2 {background: url(../images/00_index/index_deco4.png) no-repeat center center; background-size: contain; transform: translateX(470px); }
  #editors-section .btn:hover {background-color: #ffc4cd;}
}

@media (max-width: 640px) {
  #editors-section {padding: 40px 10px 40px;}
  #editors-section:before {background-size: 1100px!important; height: 25px; background-position: left bottom;}
  #editors-section .ttImg {max-width: 340px; margin-bottom: 20px;}
  #editors-section .swiper-wrapper {display: block;}
  #editors-section .swiper-wrapper .swiper-slide {margin-bottom: 10px;}
  #editors-section .img, #editors-section .txt {border-radius: 0;}
  #editors-section .txt .btn {font-size: 14px;}
  #editors-section > .btn {margin-top: 0px; font-size: 17px;}
} 


@keyframes animate {
	0% {
		transform: translatey(0px);
		transform: scale(1);
	}
	30% {
		transform: scale(.9);
	}
	60% {
		transform: translatey(-5px);
		transform: scale(1.1);
	}
	100% {
		transform: translatey(0px);
		transform: scale(1);
	}
}

/* @keyframes animate {
	0% {
		transform: translatey(0px);
		transform: scale(1);
	}
	30% {
		transform: scale(.9);
	}
	60% {
		transform: translatey(-5px);
		transform: scale(1);
	}
	100% {
		transform: translatey(0px);
		transform: scale(1);
	}
} */

@keyframes fuwafuwa02 {
  0% {
      transform: translateY(0)
  }

  to {
      transform: translateY(min(.8163265306vw + 6.9387755102px,20px))
  }
}
@keyframes fuwafuwa03 {
  0% {
      transform: translate(0) scale(1)
  }

  to {
      transform: translate(min(.4081632653vw + 3.4693877551px,10px),-5px) scale(1.03)
  }
}

@keyframes fuwafuwa04 {
  0% {
      transform: translate(0) rotate(0)
  }

  to {
      transform: translate(min(.8163265306vw + 6.9387755102px,20px),min(.4081632653vw + 3.4693877551px,10px)) rotate(-3deg)
  }
}

@keyframes fuwafuwa05 {
  0% {
      transform: translateY(max(-.1632653061vw + -2.387755102px,-5px))
  }

  to {
      transform: translateY(min(.4081632653vw + 3.4693877551px,10px))
  }
}

@keyframes rotate {
  0% {
      transform: translate(-50%,-50%) rotate(0deg)
  }

  to {
      transform: translate(-50%,-50%) rotate(1turn)
  }
}

@keyframes event_loop {
  0% {
      background-position-x: 0
  }

  to {
      background-position-x: -2507px
  }
}