.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { text-align: center; width: 100%; position: absolute; z-index: 1; left: 0; bottom: 15px; }
.slick-dots li { display: inline-block; vertical-align: middle; }
.slick-dots li button { background: #ccc; border: none; padding: 0; width: 30px; height: 3px; margin: 0 3px; font-size: 0; }
.slick-dots li.slick-active button { background: #000; }

.buPage #bodyContent {background-color: #005043;}
.top {position: relative; }
.top .deco {display: block; position: absolute; z-index: 1;}
.top .deco1 {background: url(../images/fun/image-3.png) no-repeat center; background-size: contain; width: 20%; padding-bottom: 16%; top: 0%; left: 0%;}
.top .deco2 {background: url(../images/fun/image-4.png) no-repeat center; background-size: contain; width: 10%; padding-bottom: 8%; top: 0%; right: 16%;}
.top .deco3 {background: url(../images/fun/image-5.png) no-repeat center; background-size: contain; width: 15%; padding-bottom: 14%; top: 0%; right: -.5%;}
.top .inner {background-color: #d3000f; border-bottom-left-radius: 100%; border-bottom-right-radius: 100%; overflow: hidden; position: relative; }
.top .inner:before, .top .inner:after {content: ''; display: block; position: absolute; z-index: 1;}
.top .inner:before {background: url(../images/fun/image-1.png) no-repeat center; background-size: contain; width: 23%; padding-bottom: 27%; bottom: 8%; left: 0%;}
.top .inner:after {background: url(../images/fun/image-2.png) no-repeat center; background-size: contain; width: 20%; padding-bottom: 18%; bottom: 19%; right: 1%;}
.top .inner .containerS {}
.top .inner .containerS .pageTT {max-width: 360px; margin: 0 auto 20px;}
.top .inner .containerS p {color: #fcffe4; font-weight: 600; font-size: 1.15rem; text-align: center; line-height: 2;}
.top .tt { margin: 0 auto; }

@media (min-width: 769px) {
  .buPage #bodyContent {padding: 0 0 125px;}
  /* .buPage #bodyContent {padding: 0} */
  /* .buPage footer {width: calc(100% - 264px); left: 264px;} */
  .top .inner {padding: 50px 0 80px;}
  .top .tt {max-width: 450px; transform: translateY(60%); position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; }
}
@media (min-width: 1280px) {
  /* .buPage #bodyContent {padding: 0 0 125px 22%;} */
  /* .buPage footer {width: calc(100% - 22%); left: 22%;} */
}
@media (min-width: 1280px) {
  .top .inner {padding: 80px 0 140px;}
  .top .tt {max-width: 550px; transform: translateY(33%);}
}
@media (max-width: 768px) {
  .buPage #bodyContent {padding: 0;}
  .top .deco1 {width: 32%; padding-bottom: 25%; top: 1%;}
  .top .deco2 {width: 15%; padding-bottom: 13%; top: 1%;}
  .top .deco3 {width: 22%; padding-bottom: 20%; top: 6%; right: -2.5%;}
  .top .inner {padding: 20% 0 40%; border-radius: 0; overflow: visible; clip-path: ellipse(120% 80% at 50% 20%);}
  .top .inner:before {width: 44%; padding-bottom: 50%; bottom: -7%; left: -5%; transform: rotate(-10deg);}
  .top .inner:after {width: 39%; padding-bottom: 34%; bottom: 3%; right: 0%; transform: rotate(-3deg);}
  .top .inner .containerS .pageTT {max-width: 250px; margin-bottom: 15px;}
  .top .inner .containerS p {padding: 0 20px; max-width: 310px; margin: auto;}
  .top .tt {max-width: 95%; margin-top: 15px;}
}

#section1 {padding: 140px 0 20px; }
#section2 {padding: 20px 0 20px; }
#section3 {padding: 0 0 20px; }
#section4 {padding: 60px 0; background-color: #EA0000; position: relative;}

#section2 .ttImg { margin: 0 auto 50px;}
@media (min-width: 769px) {
  #section2 .ttImg {max-width: 450px; position: relative;}
  #section2 .ttImg:before, #section2 .ttImg:after {content: ''; display: block; position: absolute; z-index: 1; width: 150px; height: 70px; top: 0; bottom: 0; margin: auto;}
  #section2 .ttImg:before {background: url(../images/fun/star-left.png) no-repeat center; background-size: contain; right: 106%;}
  #section2 .ttImg:after {background: url(../images/fun/star-right.png) no-repeat center; background-size: contain; left: 106%;}
}
@media (min-width: 1280px) {
  #section2 .ttImg {max-width: 550px;}
}
@media (max-width: 768px) {
  #section1 {padding: 20px 5% 0; }
  #section2 .ttImg {margin-bottom: 25px; max-width: 95%;}
}



#funPage .adventureGrid {padding: 0px 0 40px; font-size: 0;}
#funPage .adventureGrid .item {position: relative; border-radius: 10px;}
#funPage .adventureGrid .item .img {padding-bottom: 70%;border-radius: 8px;}
#funPage .adventureGrid .item .dialog {background: rgba(0,0,0,.8); border-radius: 10px;}
#funPage .adventureGrid .item .dialog .content {position: relative; overflow: hidden; padding: 20px; height: 100%; border: 1px solid #c29542; border-radius: 10px;}
/* #funPage .adventureGrid .item .dialog .content:after { content: '';position: absolute;width: 1100%; height: 1100%;top: 10px; left: -500%;background: rgba(0,0,0,.8);transform-origin: 46% 0;transform: rotate(-45deg);z-index: 0;} */
#funPage .adventureGrid .item .dialog .content p {color: #fff; position: relative; font-size: 14px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; z-index: 1;}
#funPage .adventureGrid .item .dialog .content p:first-child { color: #c29542; font-weight: 700; font-size: 14px; line-height: 1.3; margin-bottom: 3%;}
#funPage .adventureGrid .item .dialog .content .arrBtn {float: right; position: relative; display: block; height: 1px; width: 25px; background-color: #fff; position: relative; margin-top: 20px; z-index: 1;}
#funPage .adventureGrid .item .dialog .content .arrBtn:after {content: ''; display: block; width: 8px; height: 1px; background-color: #fff; position: absolute; bottom: 0px; right: 0px; transform: rotate(35deg) translateY(-2px);}


@media (min-width: 769px) {
  #funPage .adventureGrid .item {display: inline-block; vertical-align: top; width: 46%; margin: 0 2% 4%; border: 3px solid #005043; box-shadow: 0px 0px 0px 1px rgb(255, 255, 255, .6);}
  #funPage .adventureGrid .item .dialog {position: absolute; top: 18%; left: 7%; width: 100%; height: 90%; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
  #funPage .adventureGrid .item:hover .dialog {opacity: 1;}
}
@media (min-width: 1280px) {
  #funPage .adventureGrid .item {width: 29.334%; margin: 0 2% 4%;}
}
@media (max-width: 768px) {
  #funPage .adventureGrid .item {display: block; width: 100%; margin-bottom: 10px;}
  #funPage .adventureGrid .item .img {padding-bottom: 65%;border-radius: 10px 10px 0 0;}
  #funPage .adventureGrid .item .dialog {border-radius: 0 0 10px 10px;}
  #funPage .adventureGrid .item .dialog .content {border: none;}
}

#funPage #gift {position: relative;}
#funPage #gift #slider {position: relative;}
#funPage #slider .slide { height: 695px; width: 100%; position: relative; }
#funPage #slider .slide::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(left, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.5) 100%);}
#funPage #slider .slide::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQYV2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQdISfAAAAAElFTkSuQmCC); opacity: 0.5;}
#funPage #slider .slide .ei-title { position: absolute; top: 50%; right: 5%; max-width: 500px; width: 90%; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
#funPage #slider .slide .ei-title h1 { color: #fff; letter-spacing: -1.9px; line-height: 1.1; margin: 0; font-style: italic; font-size: 65px; padding-bottom: 0.1em; text-align: right;}
#funPage #slider .slide .ei-title p { color: #fff; font-weight: 700; font-size: 16px; line-height: 1.6; text-align: right;}
#funPage #slider .slide .ei-title a.arrBtn { color: #fff; font-size: 30px; font-weight: 400; margin-top: 25px; float: right; position: relative; height: 27px; width: 60px; opacity: 0.6;}
#funPage #slider .slide .ei-title a.arrBtn::before { position: absolute; top: 0; right: 0; }
#funPage #slider .slide .ei-title a.arrBtn::after { content: ''; width: 45px; height: 2px; background-color: #fff; position: absolute; top: 13px; right: 10px; border-radius: 10px; }
#funPage #slider-menu { margin-top: -150px; }
#funPage #slider-menu .slick-track { height: 150px; position: relative; }
#funPage #slider-menu .slidemenu { position: relative; height: 30px; margin: 120px 1px 0;  }
#funPage #slider-menu .slidemenu.slick-cloned {display: none;}
#funPage #slider-menu .slidemenu span { display: block; background: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; cursor: pointer; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; }
#funPage #slider-menu .slidemenu .thumbImgDiv { position: absolute; opacity: 0; bottom: 50px; z-index: 999; max-width: 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: rgba(255, 255, 255, 0.5); width: 100%; height: 120px; padding: 5px 5px 0; }
#funPage #slider-menu .slidemenu .thumbImgDiv .thumbImg { height: 100%; width: 100%; }
#funPage #slider-menu .slidemenu .thumbImgDiv .thumbImg > div { display: table; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); padding: 0px; }
#funPage #slider-menu .slidemenu .thumbImgDiv .thumbImg > div small { color: #fff; font-size: 17px; font-weight: 700; text-align: center; display: table-cell; vertical-align: middle; font-style: italic; word-break: break-word;}
#funPage #slider-menu .slidemenu.slick-current span, #funPage #slider-menu .slidemenu.slick-current .thumbImgDiv { background: rgba(255, 255, 255, 0.9); }
#funPage #slider-menu .slidemenu:hover .thumbImgDiv { opacity: 1; bottom: 30px; }
#funPage #malls {padding: 40px 0px 60px;}
#funPage #malls #gift-others .columns {padding: 0 2px 10px;}
#funPage #malls #gift-others .gift-item {background: rgba(0, 0, 0, 0.9); height: 100%;border-radius: 10px;}
#funPage #malls #gift-others .gift-item .img {padding-bottom: 65%;border-radius: 10px 10px 0 0;}
#funPage #malls #gift-others .gift-item .txt { padding: 20px;}
#funPage #malls #gift-others .gift-item .txt p {font-size: 14px;line-height: 1.5;letter-spacing: 1.2px;}
#funPage #malls #gift-others .gift-item .txt .tt {color: #c29542; margin: 0 0 5px; font-weight: 700;}
#funPage #malls #gift-others .gift-item .txt .desc {color: #fff; margin: 0;}


@media only screen and (min-width: 641px) {
  #funPage #gift { padding-bottom: 0;}
  #funPage #slider-menu .slick-track { transform: none!important; width: 100%!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
  #funPage #slider-menu .slidemenu {width: auto!important; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto;}
}
@media (min-width: 769px) {
  .containerS {max-width: 1100px; padding: 0 2rem;}
}
@media (min-width: 1280px) {
  
}
@media (min-width: 1599px) {
  .containerS {max-width: 1300px;}
}

@media (max-width: 640px) {
  #funPage .adventureGrid {padding: 0;}
  #funPage #gift {margin-top: 0px;}
  #funPage #gift:before, #funPage #gift:after {height: 30px;}
  #funPage #malls #gift-others .columns:last-child {padding-bottom: 0;}
  .grid { display: block; padding: 0; margin: 0;}
  .grid .grid__element {display: block; margin: 0 0 10px; max-width: 100%!important;}
  .grid .grid__element > img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: auto; }
  .grid .grid__element .grid__dialog { display: block; position: relative; border-top: 2px solid #c29542; opacity: 1; }
  .grid .grid__element .grid__dialog .grid__content { max-width: 100%; width: 100%; }
  .grid .grid__element .grid__dialog .grid__content .morph-shape { display: none; }
  .grid .grid__element .grid__dialog .grid__content .dialog_inner { background-color: #191919; padding: 15px; opacity: 1; }
  .grid .grid__element .grid__dialog .grid__content p:first-child { font-size: 16px; margin-bottom: 5px; }
  .grid .grid__element .grid__dialog .grid__content .arrBtn { display: none; }
  .grid .grid__element:hover .grid__dialog .grid__content .dialog_inner p { animation: none; -webkit-animation: none; } 
  .grid .grid__element .grid__dialog .grid__content .dialog_inner p { font-size:14px;text-overflow: initial;-webkit-line-clamp: initial;}
  #funPage #malls {padding: 0 5%; }
  #funPage #slider { background-color: #000; padding: 20px 0 0; }
  #funPage #gift #slider:before {top: 20px; left: 15px; width: 50px; height: 90px;}
  #funPage #slider .slide { height: 380px; }
  #funPage #slider .slide::after {background: rgba(0,0,0,.4);}
  #funPage #slider .slide .ei-title { text-align: center; left: 0; right: 0; margin: auto; max-width: 290px; }
  #funPage #slider .slide .ei-title h1 { font-size: 34px; margin-bottom: 10px; letter-spacing: -1px; }
  #funPage #slider .slide .ei-title p { line-height: 1.4; font-size: 14px; line-height: 1.5; }
  #funPage #slider .slide .ei-title a.arrBtn { float: none; display: inline-block; }
  #funPage #slider-menu { margin-top: 0; background: #000; padding: 10px 0 10px; }
  #funPage #slider-menu .slick-track { height: auto;}
  #funPage #slider-menu .slidemenu { height: 90px; width: 200px; margin: 0 3px; position: relative; }
  #funPage #slider-menu .slidemenu.slick-cloned {display: block;}
  #funPage #slider-menu .slidemenu span { position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 9999; }
  #funPage #slider-menu .slidemenu.slick-current span { background: transparent; }
  #funPage #slider-menu .slidemenu .thumbImgDiv { bottom: 0; height: 100%; padding: 0; left: 0; opacity: 1; }
  #funPage #slider-menu .slidemenu .thumbImgDiv .thumbImg > div small { font-size: 16px; }
  #funPage #slider-menu .slidemenu:hover .thumbImgDiv { bottom: 0; } 
}
@media only screen and (max-width: 450px) {}
@media only screen and (max-width: 450px) {
  #funPage #slider .slide { height: 300px; }
  #funPage #slider .slide .ei-title h1 {font-size: 28px;}
  #funPage #slider .slide .ei-title p {font-weight: 400;}
  #funPage #slider-menu .slidemenu .thumbImgDiv .thumbImg > div small {font-size: 14px;}
}
@media only screen and (max-width: 360px) {
  #funPage #slider .slide .ei-title h1 {font-size: 22px;}
  #funPage #slider-menu .slidemenu .thumbImgDiv .thumbImg > div small {font-size: 13px;}
}


#section4 .ttImg {max-width: 370px; margin-bottom: 50px;}
#section4 .containerS {position: relative; padding: 0 20px 20px; max-width: 65rem; margin: auto;}
#section4 .img {border-radius: 15px 0 0 15px; overflow: hidden; height: 100%;}
#section4 .txt {background-color: #fff; padding: 15px 20px; border-radius:0 15px 15px 0;}
#section4 .txt p {height: calc(1em * 1.5 * 4); line-height: 1.5; font-size: 1.1rem;}
#section4 .txt .btn {border: 2px solid #d3000f; line-height: 2.4; font-size: 0.85rem; float: right; padding: 0 20px; margin-top: 10px;}
#section4 .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: #d3000f; 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) {
  #section4:before {content: ''; display: block; position: absolute; z-index: 1; width: 100%; bottom: 100%; height: 20px; background: url(../images/fun/wave-giftpage.png) no-repeat center bottom;}
  #section4 .deco {position: absolute; z-index: 3; width: 280px; height: 110px; top: 80px; left: 0; right: 0; margin: auto;}
  #section4 span.deco1 {background: url(../images/fun/deco-6.png) no-repeat center center; background-size: contain; transform: translateX(-350px); }
  #section4 span.deco2 {background: url(../images/fun/deco-5.png) no-repeat center center; background-size: contain; transform: translateX(350px); }
  #section4 .btn:hover {background-color: #fee1e5;}
}

@media (max-width: 640px) {
  html, body {font-size: 13px;}
  #section4 {padding: 25px 10px 40px;}
  #section4:before {}
  #section4 .ttImg {max-width: 240px; margin-bottom: 20px;}
  #section4 .swiper-wrapper {display: block;}
  #section4 .swiper-wrapper .swiper-slide {margin-bottom: 10px;}
  #section4 .txt .btn {font-size: 14px;}
  #section4 > .btn {margin-top: 0px; font-size: 17px;}
}