.productsArea .Img, .storeArea .Img img, .storeArea .storeBox, .newsArea .Img img, .newsArea .item, .catalogArea .catalogFoodArea .ImgDeco .ImgBox img, .catalogArea .catalogFoodArea .ImgDeco, .catalogArea .catalogFoodArea.showFood .catalogList_center, .catalogArea .catalogDrinkArea .ImgDeco .ImgBox img, .catalogArea .catalogDrinkArea .ImgDeco, .catalogArea .catalogDrinkArea.showDrink .catalogList_center, .catalogArea .catalogList, .catalogArea .wrap, .catalogArea .seeMoreBox .more .goBack, .catalogArea .seeMoreBox .more .goMore, .catalogArea .seeMoreBox .more .arrow span::before, .catalogArea .seeMoreBox .more .arrow span, .catalogArea .seeMoreBox .more .arrow::before, .catalogArea .seeMoreBox, .catalogArea .catalogTree, .bannerArea .arrowBox, .bannerArea #banner .bannerItem .Txt .subtitle, .bannerArea #banner .bannerItem .Txt .bannerBtn a span, .bannerArea #banner .bannerItem .Txt .bannerBtn, .bannerArea #banner .bannerItem .Txt .title::before, .bannerArea #banner .bannerItem .Txt .title, .arrowBox .arrow .iconCircle::before, .arrowBox .arrow::after, .arrowBox .arrow::before, .arrowBox .arrow, .dotsBox li {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

@-webkit-keyframes bannerScrollAnimation {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bannerScrollAnimation {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes aboutItemAnimation {
  0% {
    height: 0;
  }
  70% {
    height: calc(100% - 100px);
  }
  100% {
    height: calc(100% - 130px);
  }
}
@keyframes aboutItemAnimation {
  0% {
    height: 0;
  }
  70% {
    height: calc(100% - 100px);
  }
  100% {
    height: calc(100% - 130px);
  }
}
@-webkit-keyframes aboutItemAnimationReverse {
  0% {
    height: calc(100% - 130px);
  }
  30% {
    height: calc(100% - 100px);
  }
  100% {
    height: 0;
  }
}
@keyframes aboutItemAnimationReverse {
  0% {
    height: calc(100% - 130px);
  }
  30% {
    height: calc(100% - 100px);
  }
  100% {
    height: 0;
  }
}
@-webkit-keyframes catalogDecoAnimationReverse1 {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
@keyframes catalogDecoAnimationReverse1 {
  0% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
@-webkit-keyframes catalogDecoAnimationReverse2 {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@keyframes catalogDecoAnimationReverse2 {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@-webkit-keyframes catalogDecoAnimationReverse3 {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@keyframes catalogDecoAnimationReverse3 {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@-webkit-keyframes catalogDecoAnimationReverse4 {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@keyframes catalogDecoAnimationReverse4 {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@-webkit-keyframes catalogDecoAnimationReverse5 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(5deg);
            transform: translate(-50%, -50%) rotate(5deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(5deg);
            transform: translate(-50%, -50%) rotate(5deg);
  }
}
@keyframes catalogDecoAnimationReverse5 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(5deg);
            transform: translate(-50%, -50%) rotate(5deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(5deg);
            transform: translate(-50%, -50%) rotate(5deg);
  }
}
@-webkit-keyframes catalogDecoAnimationReverse6 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(-5deg);
            transform: translate(-50%, -50%) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-5deg);
            transform: translate(-50%, -50%) rotate(-5deg);
  }
}
@keyframes catalogDecoAnimationReverse6 {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(-5deg);
            transform: translate(-50%, -50%) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-5deg);
            transform: translate(-50%, -50%) rotate(-5deg);
  }
}
@-webkit-keyframes productsItemAnimation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  75% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes productsItemAnimation {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  75% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes productsMoreMenuAnimation {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@keyframes productsMoreMenuAnimation {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  50% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
            transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
            transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
            transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
            transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
.titleGreenBox {
  position: relative;
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.titleGreenBox .titleTw {
  font-size: 24px;
  letter-spacing: 2px;
}
.titleGreenBox .titleEn {
  font-size: 45px;
  line-height: 1;
  color: #1e545d;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.dotsBox ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.dotsBox li {
  -webkit-filter: invert(23%) sepia(70%) saturate(416%) hue-rotate(141deg) brightness(99%) contrast(90%);
          filter: invert(23%) sepia(70%) saturate(416%) hue-rotate(141deg) brightness(99%) contrast(90%);
  cursor: pointer;
}
.dotsBox li.slick-active, .dotsBox li:hover {
  -webkit-filter: invert(86%) sepia(17%) saturate(417%) hue-rotate(286deg) brightness(92%) contrast(95%);
          filter: invert(86%) sepia(17%) saturate(417%) hue-rotate(286deg) brightness(92%) contrast(95%);
}
.dotsBox button {
  font-size: 0;
  width: 16px;
  height: 15px;
  background-image: url(https://dabc14.claudeassets.com/20250609135947im_/https://www.yinguocha.com/images/master_dots.svg);
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}

.arrowBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.arrowBox .arrowPrev,
.arrowBox .arrowNext {
  cursor: pointer;
}
.arrowBox .arrowPrev:hover .arrow::before,
.arrowBox .arrowNext:hover .arrow::before {
  background: #1e545d;
}
.arrowBox .arrowPrev:hover .arrow .iconCircle::before,
.arrowBox .arrowNext:hover .arrow .iconCircle::before {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.arrowBox .arrowPrev:hover .arrow .iconCircle .path,
.arrowBox .arrowNext:hover .arrow .iconCircle .path {
  stroke-dashoffset: 0;
}
.arrowBox .arrowPrev {
  left: 28px;
}
.arrowBox .arrowPrev .arrow::after {
  -webkit-transform: translate(-50%, -40%) rotate(45deg);
          transform: translate(-50%, -40%) rotate(45deg);
}
.arrowBox .arrowNext {
  right: 10px;
}
.arrowBox .arrowNext .arrow::after {
  -webkit-transform: translate(-50%, -60%) rotate(-135deg);
          transform: translate(-50%, -60%) rotate(-135deg);
}
.arrowBox .arrow {
  position: relative;
  display: block;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  border-radius: 100%;
  margin: 5px 0;
}
.arrowBox .arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 80%;
  height: 80%;
  background: #e5c0d4;
  border: 1px solid #e5c0d4;
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.11);
}
.arrowBox .arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.arrowBox .arrow .iconCircle {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  height: 75px;
}
.arrowBox .arrow .iconCircle::before {
  content: "";
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  border-top: 2px solid #1e545d;
  border-right: 2px solid #1e545d;
  border-left: 2px solid rgba(30, 84, 93, 0.2);
  border-bottom: 2px solid rgba(30, 84, 93, 0.2);
  border-radius: 100%;
  -webkit-animation: rotate 5s linear infinite;
          animation: rotate 5s linear infinite;
  opacity: 0;
}
.arrowBox .arrow .iconCircle .path {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  stroke-dasharray: 236;
  stroke-dashoffset: 236;
  stroke: rgba(30, 84, 93, 0.2);
  fill: none;
  stroke-width: 3px;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.popWin {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 500;
  width: 100%;
  height: 100vh;
  font-size: 15px;
  line-height: 1.8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.popWin .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.popWin .inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 700px;
  max-width: 90%;
  max-height: 85vh;
  opacity: 0;
  background-color: #fff;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.popWin .popContent {
  max-height: 85vh;
  overflow-y: auto;
}
.popWin img {
  display: block;
  max-width: 100%;
  backstoree-visibility: hidden;
}
.popWin .Txt {
  padding: 30px;
}
.popWin .Txt .popTitle {
  font-size: 25px;
  margin-bottom: 25px;
}
.popWin .close {
  position: absolute;
  right: -23px;
  top: -23px;
  z-index: 1;
  width: 46px;
  height: 46px;
  background-color: rgba(0, 0, 0, 0.7);
  /* background-color: #fff; */
  border-radius: 50%;
}
.popWin .close::before, .popWin .close::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 23px;
  width: 25px;
  height: 1px;
  background-color: #bca480;
  /* border-radius:  50%; */
}
.popWin .close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.popWin.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.popWin.show .mask,
.popWin.show .inner {
  opacity: 1;
}
.popWin .close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 1180px) {
  .popWin .close {
    right: 0;
    top: 0;
    border-radius: 0;
  }
  .popWin .popContent {
    max-height: calc(100vh - 150px);
  }
}

.mainArea {
  padding: 0;
  overflow: initial;
}
.mainArea::before, .mainArea::after {
  display: none;
}

.bannerArea .bannerBox {
  position: relative;
  height: 940px;
}
@media (max-width: 1536px) {
  .bannerArea .bannerBox {
    height: 760px;
  }
}
@media (max-width: 767px) {
  .bannerArea .bannerBox {
    height: 610px;
  }
}
.bannerArea .bannerBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), color-stop(20%, transparent), color-stop(80%, transparent), to(rgba(255, 255, 255, 0.7)));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, transparent 20%, transparent 80%, rgba(255, 255, 255, 0.7) 100%);
  pointer-events: none;
}
.bannerArea .bannerDeco {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
.bannerArea .bannerDeco .figureSvg {
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
  display: block;
}
.bannerArea .bannerDeco .deco1 {
  width: 665px;
  height: 604px;
  opacity: 0.1;
}
.bannerArea .bannerDeco .deco2 {
  padding-left: 40px;
  width: 648px;
  height: 549px;
  opacity: 0.2;
}
.bannerArea .coaster {
  position: absolute;
  z-index: 3;
  top: calc(50% + 260px);
  left: 50.5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (max-width: 1536px) {
  .bannerArea .coaster {
    top: calc(50% + 250px);
  }
  .bannerArea .coaster .Img {
    width: 280px;
  }
  .bannerArea .coaster .Img img {
    width: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .bannerArea .coaster {
    top: calc(50% + 200px);
  }
}
.bannerArea #banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
}
@media (max-width: 1536px) {
  .bannerArea #banner {
    padding: 0;
    padding-top: 150px;
  }
}
@media (max-width: 1280px) {
  .bannerArea #banner {
    padding-top: 190px;
  }
}
@media (max-width: 767px) {
  .bannerArea #banner {
    padding-top: 90px;
  }
}
.bannerArea #banner .slick-list {
  width: 100%;
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  overflow: visible;
  height: 560px;
}
.bannerArea #banner .slick-track {
  margin: 40px 0;
}
.bannerArea #banner .slick-slide {
  -webkit-transition: all 1.8s ease-in-out;
  transition: all 1.8s ease-in-out;
  opacity: 1;
}
.bannerArea #banner .bannerItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 471px;
  -webkit-transform: rotate(7deg) rotateZ(0) translateZ(0);
          transform: rotate(7deg) rotateZ(0) translateZ(0);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 1;
}
@media (max-width: 1536px) {
  .bannerArea #banner .bannerItem {
    min-height: 400px;
  }
}
@media (max-width: 1280px) {
  .bannerArea #banner .bannerItem {
    min-height: 380px;
  }
}
.bannerArea #banner .bannerItem:not(.slick-slide):not(:first-child) {
  display: none;
}
.bannerArea #banner .bannerItem.show .Txt {
  pointer-events: auto;
}
.bannerArea #banner .bannerItem.show .Txt .title {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.bannerArea #banner .bannerItem.show .Txt .title::before {
  height: 100%;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.bannerArea #banner .bannerItem.show .Txt .bannerBtn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.bannerArea #banner .bannerItem.show .Txt .subtitle {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.bannerArea #banner .bannerItem .Img {
  width: 350px;
  margin: 0 auto;
}
@media (max-width: 1536px) {
  .bannerArea #banner .bannerItem .Img {
    width: 270px;
  }
}
@media (max-width: 1280px) {
  .bannerArea #banner .bannerItem .Img {
    width: 250px;
  }
}
.bannerArea #banner .bannerItem .Txt {
  padding: 40px 20px 20px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .bannerArea #banner .bannerItem .Txt {
    padding: 40px 80px 20px;
  }
}
@media (max-width: 460px) {
  .bannerArea #banner .bannerItem .Txt {
    padding: 40px 0 20px;
  }
}
.bannerArea #banner .bannerItem .Txt .textBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  font-weight: 400;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media (max-width: 767px) {
  .bannerArea #banner .bannerItem .Txt .textBox {
    max-width: 450px;
  }
}
.bannerArea #banner .bannerItem .Txt .titleBtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bannerArea #banner .bannerItem .Txt .title {
  position: relative;
  padding-bottom: 20px;
  padding-right: 6px;
  min-height: 315px;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media (max-width: 1536px) {
  .bannerArea #banner .bannerItem .Txt .title {
    min-height: 250px;
  }
}
.bannerArea #banner .bannerItem .Txt .title::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  display: block;
  width: 1px;
  height: 0;
  background: #fff;
}
.bannerArea #banner .bannerItem .Txt .title a {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 4.5px;
  color: #fff;
}
.bannerArea #banner .bannerItem .Txt .bannerBtn {
  -webkit-writing-mode: initial;
      -ms-writing-mode: initial;
          writing-mode: initial;
  margin-top: -15px;
  padding-right: 7px;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.bannerArea #banner .bannerItem .Txt .bannerBtn a {
  position: relative;
  z-index: 0;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 94px;
  height: 94px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  font-size: 16px;
  letter-spacing: 1px;
  color: #fff;
}
.bannerArea #banner .bannerItem .Txt .bannerBtn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-left: transparent;
  border-bottom: transparent;
  border-radius: 100%;
  -webkit-animation: rotate 5s linear infinite;
          animation: rotate 5s linear infinite;
}
.bannerArea #banner .bannerItem .Txt .bannerBtn a:hover::before {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}
.bannerArea #banner .bannerItem .Txt .bannerBtn a:hover span {
  -webkit-transition-duration: 4s;
          transition-duration: 4s;
}
.bannerArea #banner .bannerItem .Txt .bannerBtn a span {
  position: relative;
  margin-top: 13px;
  display: block;
  width: 37px;
  height: 1px;
  background: #fff;
}
.bannerArea #banner .bannerItem .Txt .bannerBtn a span::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 5px;
  display: block;
  width: 1px;
  height: 10px;
  background: #fff;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
}
.bannerArea #banner .bannerItem .Txt .subtitle {
  padding-left: 10px;
  padding-right: 40px;
  color: #fff;
  font-size: 45px;
  line-height: 1;
  letter-spacing: 2.5px;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
@media (max-width: 767px) {
  .bannerArea #banner .bannerItem .Txt .subtitle {
    font-size: 32px;
  }
}
.bannerArea .dotsBox {
  position: absolute;
  top: 51%;
  left: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
}
@media (max-width: 767px) {
  .bannerArea .dotsBox {
    display: none;
  }
}
.bannerArea .dotsBox li {
  -webkit-filter: invert(100%) sepia(11%) saturate(1%) hue-rotate(283deg) brightness(106%) contrast(101%);
          filter: invert(100%) sepia(11%) saturate(1%) hue-rotate(283deg) brightness(106%) contrast(101%);
  opacity: 0.3;
}
.bannerArea .dotsBox li:nth-child(even) button {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.bannerArea .dotsBox li.slick-active {
  opacity: 1;
}
.bannerArea .bannerBg1 {
  z-index: 1;
  pointer-events: none;
}
.bannerArea .bannerBg1 .bannerItem {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  -webkit-clip-path: circle(0.1% at 100% 0);
          clip-path: circle(0.1% at 100% 0);
  -webkit-transition-property: z-index, -webkit-clip-path;
  transition-property: z-index, -webkit-clip-path;
  transition-property: clip-path, z-index;
  transition-property: clip-path, z-index, -webkit-clip-path;
  -webkit-transition-delay: 1.6s, 0s;
          transition-delay: 1.6s, 0s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.bannerArea .bannerBg1 .bannerItem.next {
  z-index: 2;
  -webkit-clip-path: circle(160% at 100% 0) !important;
          clip-path: circle(160% at 100% 0) !important;
  -webkit-transition: -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: clip-path 1s cubic-bezier(0.4, 0, 1, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition-property: z-index, -webkit-clip-path;
  transition-property: z-index, -webkit-clip-path;
  transition-property: clip-path, z-index;
  transition-property: clip-path, z-index, -webkit-clip-path;
  -webkit-transition-delay: 0.45s, 0s;
          transition-delay: 0.45s, 0s;
}
.bannerArea .bannerBg1 .bannerItem.left {
  -webkit-clip-path: circle(0.1% at 0 100%);
          clip-path: circle(0.1% at 0 100%);
  z-index: 1;
}
.bannerArea .bannerBg1 .bannerItem.prev {
  z-index: 2;
  -webkit-clip-path: circle(160% at 0 100%) !important;
          clip-path: circle(160% at 0 100%) !important;
  -webkit-transition: -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: clip-path 1s cubic-bezier(0.4, 0, 1, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition-property: z-index, -webkit-clip-path;
  transition-property: z-index, -webkit-clip-path;
  transition-property: clip-path, z-index;
  transition-property: clip-path, z-index, -webkit-clip-path;
  -webkit-transition-delay: 0.45s, 0s;
          transition-delay: 0.45s, 0s;
}
.bannerArea .bannerBg1 .bannerItem .Img {
  height: 940px;
  width: 100%;
}
@media (max-width: 1536px) {
  .bannerArea .bannerBg1 .bannerItem .Img {
    height: 760px;
  }
}
@media (max-width: 767px) {
  .bannerArea .bannerBg1 .bannerItem .Img {
    height: 610px;
  }
}
.bannerArea .bannerBg1 .bannerItem .Img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: initial;
          backface-visibility: initial;
}
.bannerArea .bannerBg2 {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -5px;
  display: block;
  width: 100%;
  pointer-events: none;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.bannerArea .bannerBg2 .figureSvg {
  left: 0;
  bottom: 0;
}
.bannerArea .bannerBg2 .bannerBg2Item {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  -webkit-clip-path: circle(0.1% at 100% 0);
          clip-path: circle(0.1% at 100% 0);
  -webkit-transition-property: z-index, -webkit-clip-path;
  transition-property: z-index, -webkit-clip-path;
  transition-property: clip-path, z-index;
  transition-property: clip-path, z-index, -webkit-clip-path;
  -webkit-transition-delay: 1.6s, 0s;
          transition-delay: 1.6s, 0s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.bannerArea .bannerBg2 .bannerBg2Item.next {
  z-index: 2;
  -webkit-clip-path: circle(160% at 100% 0) !important;
          clip-path: circle(160% at 100% 0) !important;
  -webkit-transition: -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: clip-path 1s cubic-bezier(0.4, 0, 1, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition-property: z-index, -webkit-clip-path;
  transition-property: z-index, -webkit-clip-path;
  transition-property: clip-path, z-index;
  transition-property: clip-path, z-index, -webkit-clip-path;
  -webkit-transition-delay: 0.6s, 0s;
          transition-delay: 0.6s, 0s;
}
.bannerArea .bannerBg2 .bannerBg2Item.left {
  -webkit-clip-path: circle(0.1% at 0 100%);
          clip-path: circle(0.1% at 0 100%);
  z-index: 1;
}
.bannerArea .bannerBg2 .bannerBg2Item.prev {
  z-index: 2;
  -webkit-clip-path: circle(160% at 0 100%) !important;
          clip-path: circle(160% at 0 100%) !important;
  -webkit-transition: -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  transition: clip-path 1s cubic-bezier(0.4, 0, 1, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition-property: z-index, -webkit-clip-path;
  transition-property: z-index, -webkit-clip-path;
  transition-property: clip-path, z-index;
  transition-property: clip-path, z-index, -webkit-clip-path;
  -webkit-transition-delay: 0.6s, 0s;
          transition-delay: 0.6s, 0s;
}
.bannerArea .bannerBg2 .bannerBg2Item svg {
  width: 100%;
  height: 580px;
}
.bannerArea .bannerBg2 .bannerBg2Item image {
  max-width: 1920px;
  height: 940px;
}
@media (max-width: 1536px) {
  .bannerArea .bannerBg2 .bannerBg2Item image {
    max-width: 1280px;
    height: 760px;
  }
}
.bannerArea .arrowBox {
  position: absolute;
  top: 48.5%;
  left: 0;
  right: 0;
  z-index: 4;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 720px;
  width: 100%;
  height: 0;
  margin: 0 auto;
}
@media (max-width: 1536px) {
  .bannerArea .arrowBox {
    top: 50%;
    max-width: 660px;
  }
}
@media (max-width: 1280px) {
  .bannerArea .arrowBox {
    max-width: 580px;
  }
}
@media (max-width: 1180px) {
  .bannerArea .arrowBox {
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .bannerArea .arrowBox {
    max-width: calc(100% - 20px);
  }
}
@media (max-width: 460px) {
  .bannerArea .arrowBox {
    top: auto;
    bottom: 50px;
    max-width: 280px;
  }
}
.bannerArea .arrowBox.hide {
  opacity: 0;
}
.bannerArea .arrowBox .arrowPrev,
.bannerArea .arrowBox .arrowNext {
  position: absolute;
  cursor: pointer;
}
.bannerArea .arrowBox .arrowPrev:hover .arrow::before,
.bannerArea .arrowBox .arrowNext:hover .arrow::before {
  background: #fff;
}
.bannerArea .arrowBox .arrowPrev:hover .arrow::after,
.bannerArea .arrowBox .arrowNext:hover .arrow::after {
  border-color: #1e545d;
}
.bannerArea .arrowBox .arrowPrev:hover .arrow .iconCircle::before,
.bannerArea .arrowBox .arrowNext:hover .arrow .iconCircle::before {
  opacity: 1;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.bannerArea .arrowBox .arrowPrev:hover .arrow .iconCircle .path,
.bannerArea .arrowBox .arrowNext:hover .arrow .iconCircle .path {
  stroke-dashoffset: 0;
}
.bannerArea .arrowBox .arrowPrev {
  left: 28px;
}
@media (max-width: 1536px) {
  .bannerArea .arrowBox .arrowPrev {
    left: 10px;
  }
}
@media (max-width: 767px) {
  .bannerArea .arrowBox .arrowPrev {
    left: 0;
  }
}
.bannerArea .arrowBox .arrowPrev .arrow::after {
  -webkit-transform: translate(-40%, -50%) rotate(-45deg);
          transform: translate(-40%, -50%) rotate(-45deg);
}
.bannerArea .arrowBox .arrowNext {
  right: 10px;
}
@media (max-width: 767px) {
  .bannerArea .arrowBox .arrowNext {
    right: 0;
  }
}
.bannerArea .arrowBox .arrowNext .arrow::after {
  -webkit-transform: translate(-60%, -50%) rotate(135deg);
          transform: translate(-60%, -50%) rotate(135deg);
}
.bannerArea .arrowBox .arrow::before {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
}
.bannerArea .arrowBox .arrow::after {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.bannerArea .arrowBox .arrow .iconCircle::before {
  border-top: 2px solid #1e545d;
  border-right: 2px solid #1e545d;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.bannerArea .arrowBox .arrow .iconCircle .path {
  stroke: #fff;
}

.aboutArea {
  position: relative;
  padding: 130px 0 252px;
  overflow-x: clip;
}
@media (max-width: 1180px) {
  .aboutArea {
    padding: 130px 0 90px;
  }
}
@media (max-width: 767px) {
  .aboutArea {
    padding: 90px 0;
  }
}
.aboutArea .aboutDeco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  pointer-events: none;
}
.aboutArea .aboutDeco .deco1 {
  width: 689px;
  height: 534px;
  top: -130px;
  right: -170px;
  color: rgba(249, 249, 249, 0.7);
  -webkit-filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
          filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
}
.aboutArea .aboutDeco .deco2 {
  width: 932px;
  height: 691px;
  bottom: -300px;
  left: -210px;
  color: rgba(249, 249, 249, 0.7);
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  -webkit-filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
          filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
}
.aboutArea .scrollDown {
  cursor: pointer;
  display: block;
  position: absolute;
  top: -68px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 767px) {
  .aboutArea .scrollDown {
    top: -50px;
  }
}
.aboutArea .scrollDown span {
  display: block;
}
.aboutArea .scrollDown span.text {
  padding-bottom: 70px;
  font-size: 12px;
  font-weight: 600;
  color: #1e545d;
}
.aboutArea .scrollDown span.line {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 1px;
  height: calc(100% - 20px);
  background: rgba(30, 84, 93, 0.2);
  overflow: hidden;
}
.aboutArea .scrollDown span.line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 1px;
  height: 40%;
  -webkit-animation: bannerScrollAnimation 2.5s ease-in-out infinite;
          animation: bannerScrollAnimation 2.5s ease-in-out infinite;
  display: block;
  background: #1e545d;
}
.aboutArea .wrap {
  max-width: 1500px;
}
.aboutArea .aboutBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .aboutArea .aboutBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.aboutArea .aboutBox .titleGreenBox {
  padding-top: 15px;
}
@media (max-width: 1536px) {
  .aboutArea .aboutBox .titleGreenBox {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .aboutArea .aboutBox .titleGreenBox {
    margin-left: 20px;
  }
}
.aboutArea .aboutBox .titleGreenBox::before {
  content: "01";
  position: absolute;
  top: 3px;
  left: -25px;
  display: block;
  color: #e5c0d4;
}
.aboutArea .aboutBox .titleGreenBox::after {
  content: "";
  position: absolute;
  top: 25px;
  left: -16px;
  width: 2px;
  height: 65px;
  background: #e5c0d4;
}
.aboutArea .aboutBox .right {
  padding-left: 65px;
}
@media (max-width: 767px) {
  .aboutArea .aboutBox .right {
    padding: 0;
    padding-top: 30px;
  }
}
.aboutArea .aboutBox .right .textEditor {
  letter-spacing: -0.4px;
  padding-bottom: 30px;
}
.aboutArea .aboutMarqueepicBox {
  position: relative;
}
.aboutArea .aboutMarqueepicBox .aboutList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px;
}
@media (max-width: 1440px) {
  .aboutArea .aboutMarqueepicBox .aboutList {
    margin: 0;
  }
}
@media (max-width: 1180px) {
  .aboutArea .aboutMarqueepicBox .aboutList {
    padding: 50px 50px 0;
  }
}
.aboutArea .aboutMarqueepicBox .aboutItem {
  width: 25%;
  padding: 0 10px;
}
.aboutArea .aboutMarqueepicBox .aboutItem.move:nth-child(odd) .itemBox {
  -webkit-transform: translateY(70px);
          transform: translateY(70px);
}
.aboutArea .aboutMarqueepicBox .aboutItem.move:nth-child(even) .itemBox {
  -webkit-transform: translateY(-70px);
          transform: translateY(-70px);
}
.aboutArea .aboutMarqueepicBox .aboutItem:nth-child(2) .item {
  -webkit-transform: translateY(70px);
          transform: translateY(70px);
}
.aboutArea .aboutMarqueepicBox .aboutItem:nth-child(3) .item {
  -webkit-transform: translateY(-85px);
          transform: translateY(-85px);
}
.aboutArea .aboutMarqueepicBox .itemBox {
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.aboutArea .aboutMarqueepicBox .item {
  position: relative;
  border-radius: 140px;
  overflow: hidden;
  max-width: 275px;
  width: 100%;
  margin: 0 auto;
}
.aboutArea .aboutMarqueepicBox .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 2px;
  height: 0;
  background: rgba(30, 84, 93, 0.4);
}
.aboutArea .aboutMarqueepicBox .item:hover .Txt {
  bottom: 0;
}
.aboutArea .aboutMarqueepicBox .item .Img img {
  display: block;
  width: 100%;
}
.aboutArea .aboutMarqueepicBox .item .Txt {
  position: absolute;
  bottom: -30px;
  width: 100%;
  height: 130px;
  display: block;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.aboutArea .aboutMarqueepicBox .item .Txt::before, .aboutArea .aboutMarqueepicBox .item .Txt::after {
  content: "";
  position: absolute;
  left: 50%;
  display: block;
  width: 1px;
}
.aboutArea .aboutMarqueepicBox .item .Txt::before {
  top: -15px;
  height: 30px;
  background: rgba(30, 84, 93, 0.2);
}
.aboutArea .aboutMarqueepicBox .item .Txt::after {
  top: -5px;
  height: 10px;
  background: #1e545d;
}
.aboutArea .aboutMarqueepicBox .item .Txt .title {
  padding-top: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #1e545d;
}
.aboutArea .aboutMarqueepicBox .item .Txt .subtitle {
  padding-top: 3px;
  font-size: 12px;
  color: #1e545d;
}
.aboutArea .aboutMarqueepicBox .item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 140px;
}
.aboutArea .arrowBox {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(calc(-50% + 25px));
          transform: translateY(calc(-50% + 25px));
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 0;
}
@media (min-width: 1181px) {
  .aboutArea .arrowBox {
    display: none;
  }
}
.aboutArea .arrowBox .arrowPrev {
  position: absolute;
  left: -10px;
}
.aboutArea .arrowBox .arrowPrev .arrow::after {
  -webkit-transform: translate(-40%, -50%) rotate(-45deg);
          transform: translate(-40%, -50%) rotate(-45deg);
}
.aboutArea .arrowBox .arrowNext {
  position: absolute;
  right: -10px;
}
.aboutArea .arrowBox .arrowNext .arrow::after {
  -webkit-transform: translate(-60%, -50%) rotate(135deg);
          transform: translate(-60%, -50%) rotate(135deg);
}
.aboutArea .arrowBox .arrow {
  margin: 0;
}
.aboutArea .arrowBox .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  min-width: 186px;
}
.aboutArea .arrowBox .dots li {
  padding-right: 6px;
  padding-bottom: 10px;
}
.aboutArea .arrowBox .dots li:nth-child(odd) button {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.catalogArea {
  position: relative;
  overflow-x: clip;
}
.catalogArea .titleGreenBox {
  position: absolute;
  top: 115px;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-transform: translateX(1px);
          transform: translateX(1px);
}
@media (max-width: 1180px) {
  .catalogArea .titleGreenBox {
    position: static;
    padding-bottom: 25px;
  }
}
.catalogArea .titleGreenBox img {
  display: block;
  margin: 0 auto;
  -webkit-filter: contrast(0) brightness(10);
          filter: contrast(0) brightness(10);
}
@media (max-width: 1180px) {
  .catalogArea .titleGreenBox img {
    -webkit-filter: none;
            filter: none;
  }
}
.catalogArea .catalogTree {
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
}
@media (max-width: 1180px) {
  .catalogArea .catalogTree {
    display: none;
  }
}
.catalogArea .catalogTree.hide {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.catalogArea .catalogTree img {
  display: block;
  margin: 0 auto;
}
.catalogArea .catalogOutBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: clip;
}
@media (max-width: 1180px) {
  .catalogArea .catalogOutBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.catalogArea .catalogDrinkArea,
.catalogArea .catalogFoodArea {
  position: relative;
  z-index: 1;
  max-width: 100%;
  width: 100%;
  height: 843px;
  padding: 75px 0;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
@media (max-width: 767px) {
  .catalogArea .catalogDrinkArea,
.catalogArea .catalogFoodArea {
    height: 700px;
  }
}
.catalogArea .catalogDrinkArea::before,
.catalogArea .catalogFoodArea::before {
  content: "";
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  z-index: -1;
  text-align: center;
  font-size: 145px;
  font-weight: bold;
  letter-spacing: 5px;
  color: rgba(255, 255, 255, 0.1);
}
.catalogArea .catalogDrinkArea.boom .ImgDeco .decoBox,
.catalogArea .catalogFoodArea.boom .ImgDeco .decoBox {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.catalogArea .seeMoreBox {
  position: absolute;
  z-index: 0;
  bottom: 50px;
  cursor: pointer;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
@media (max-width: 767px) {
  .catalogArea .seeMoreBox {
    bottom: 10px;
  }
}
.catalogArea .seeMoreBox .slogan {
  position: relative;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .catalogArea .seeMoreBox .slogan {
    font-size: 20px;
  }
}
.catalogArea .seeMoreBox .more {
  margin-top: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 17px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .catalogArea .seeMoreBox .more {
    font-size: 13px;
  }
}
.catalogArea .seeMoreBox .more:hover .arrow::before {
  background: rgba(255, 255, 255, 0.2);
}
.catalogArea .seeMoreBox .more .arrow {
  position: relative;
  z-index: -1;
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 100%;
}
.catalogArea .seeMoreBox .more .arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.catalogArea .seeMoreBox .more .arrow span {
  position: absolute;
  top: 56%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 30px;
  height: 1px;
}
.catalogArea .seeMoreBox .more .arrow span::before {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 1px;
  height: 10px;
}
.catalogArea .seeMoreBox .more .goBox {
  position: relative;
}
.catalogArea .seeMoreBox .more .goMore {
  opacity: 1;
}
.catalogArea .seeMoreBox .more .goBack {
  position: absolute;
  top: 0;
  opacity: 0;
}
.catalogArea .wrap {
  position: relative;
  max-width: 1720px;
  height: 100%;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.catalogArea .catalogList_center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding-top: 220px;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
@media (max-width: 767px) {
  .catalogArea .catalogList_center {
    padding-top: 0;
    top: 50%;
  }
}
.catalogArea .catalogList_center .slick-track {
  margin: 20px 0;
}
.catalogArea .catalogList_center .catalogItem {
  width: 600px !important;
}
@media (max-width: 767px) {
  .catalogArea .catalogList_center .catalogItem {
    width: 100% !important;
  }
}
.catalogArea .catalogList_center .catalogItem.show .item {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.catalogArea .catalogList_center .catalogItem.show .Txt {
  -webkit-animation: gelatine 0.5s forwards;
          animation: gelatine 0.5s forwards;
}
.catalogArea .catalogList_center .catalogItem .item {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.catalogArea .catalogList_center .catalogItem .Img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 180px;
}
@media (max-width: 460px) {
  .catalogArea .catalogList_center .catalogItem .Img {
    width: 90px;
  }
}
.catalogArea .catalogList_center .catalogItem .Img img {
  width: 100%;
  display: block;
}
.catalogArea .catalogList {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 1720px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  margin: 0 auto;
}
@media (max-width: 1680px) {
  .catalogArea .catalogList {
    width: 1536px;
  }
}
@media (max-width: 1536px) {
  .catalogArea .catalogList {
    width: 1440px;
  }
}
@media (max-width: 1440px) {
  .catalogArea .catalogList {
    width: 1280px;
  }
}
@media (max-width: 1280px) {
  .catalogArea .catalogList {
    width: 1180px;
  }
}
@media (max-width: 1180px) {
  .catalogArea .catalogList {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .catalogArea .catalogList {
    display: none;
  }
}
.catalogArea .catalogList .slick-list {
  overflow: initial;
}
.catalogArea .catalogList .slick-track {
  margin: 100px 0 200px;
}
.catalogArea .catalogList .slick-active .item {
  opacity: 1;
}
.catalogArea .catalogList .slick-center .item {
  -webkit-transform: scale(0.8) translateY(240px);
          transform: scale(0.8) translateY(240px);
  opacity: 0;
}
.catalogArea .catalogList .right1 .item {
  -webkit-transform: scale(1.4) translate(85px, 70px);
          transform: scale(1.4) translate(85px, 70px);
  opacity: 0.5;
}
@media (max-width: 1280px) {
  .catalogArea .catalogList .right1 .item {
    -webkit-transform: scale(1.4) translate(105px, 70px);
            transform: scale(1.4) translate(105px, 70px);
  }
}
@media (max-width: 1024px) {
  .catalogArea .catalogList .right1 .item {
    -webkit-transform: scale(1.4) translate(125px, 60px);
            transform: scale(1.4) translate(125px, 60px);
  }
}
@media (max-width: 960px) {
  .catalogArea .catalogList .right1 .item {
    -webkit-transform: scale(1.4) translate(150px, 60px);
            transform: scale(1.4) translate(150px, 60px);
  }
}
.catalogArea .catalogList .left1 .item {
  -webkit-transform: scale(1.4) translate(-85px, 70px);
          transform: scale(1.4) translate(-85px, 70px);
  opacity: 0.5;
}
@media (max-width: 1280px) {
  .catalogArea .catalogList .left1 .item {
    -webkit-transform: scale(1.4) translate(-105px, 70px);
            transform: scale(1.4) translate(-105px, 70px);
  }
}
@media (max-width: 1024px) {
  .catalogArea .catalogList .left1 .item {
    -webkit-transform: scale(1.4) translate(-125px, 60px);
            transform: scale(1.4) translate(-125px, 60px);
  }
}
@media (max-width: 960px) {
  .catalogArea .catalogList .left1 .item {
    -webkit-transform: scale(1.4) translate(-150px, 60px);
            transform: scale(1.4) translate(-150px, 60px);
  }
}
.catalogArea .catalogList .right2 .item {
  opacity: 0.5;
}
@media (max-width: 1280px) {
  .catalogArea .catalogList .right2 .item {
    -webkit-transform: translate(55px, 0);
            transform: translate(55px, 0);
  }
}
@media (max-width: 1024px) {
  .catalogArea .catalogList .right2 .item {
    -webkit-transform: translate(140px, 0);
            transform: translate(140px, 0);
  }
}
.catalogArea .catalogList .left2 .item {
  opacity: 0.5;
}
@media (max-width: 1280px) {
  .catalogArea .catalogList .left2 .item {
    -webkit-transform: translate(-55px, 0);
            transform: translate(-55px, 0);
  }
}
@media (max-width: 1024px) {
  .catalogArea .catalogList .left2 .item {
    -webkit-transform: translate(-140px, 0);
            transform: translate(-140px, 0);
  }
}
.catalogArea .catalogList .right3 .item {
  -webkit-transform: scale(0.9) translate(0, -180px);
          transform: scale(0.9) translate(0, -180px);
}
.catalogArea .catalogList .left3 .item {
  -webkit-transform: scale(0.9) translate(0, -180px);
          transform: scale(0.9) translate(0, -180px);
}
.catalogArea .catalogList .catalogItem .Img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 115px;
}
.catalogArea .catalogList .catalogItem .Img img {
  width: 100%;
  display: block;
}
.catalogArea .catalogList .catalogItem .Txt {
  display: none;
}
.catalogArea .catalogList .item {
  opacity: 0;
}
.catalogArea .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.catalogArea .Img {
  position: relative;
  z-index: 1;
}
.catalogArea .Txt {
  padding: 40px 65px 45px 110px;
  margin-left: -100px;
  max-width: 460px;
  width: 100%;
  background: #fff;
  border-radius: 240px;
}
.catalogArea .Txt.noMove {
  margin: 0;
}
.catalogArea .Txt .titlePrice {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.catalogArea .Txt .titlePrice::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}
.catalogArea .Txt .title {
  padding-right: 10px;
}
.catalogArea .Txt .title a {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.8px;
  color: #1e545d;
}
.catalogArea .Txt .title a:hover {
  color: #e5c0d4;
}
.catalogArea .Txt .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 5px;
  font-size: 20px;
  font-weight: bold;
  color: #1e545d;
}
.catalogArea .Txt .price b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 23px;
  height: 23px;
  margin: 0 10px;
  background: #e5c0d4;
  border-radius: 100%;
  font-size: 13px;
}
.catalogArea .Txt .text {
  padding-top: 15px;
  line-height: 1.6;
  letter-spacing: 0.8px;
}
.catalogArea .Txt .masterBtn {
  padding-top: 20px;
}
.catalogArea .arrowBox {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 710px;
  width: 100%;
}
@media (max-width: 767px) {
  .catalogArea .arrowBox {
    top: auto;
    left: auto;
    bottom: -20px;
    right: 5px;
    max-width: 150px;
  }
}
.catalogArea .arrowBox .arrowPrev,
.catalogArea .arrowBox .arrowNext {
  position: absolute;
  cursor: pointer;
}
.catalogArea .arrowBox .arrowPrev {
  left: 0;
}
.catalogArea .arrowBox .arrowPrev .arrow::after {
  -webkit-transform: translate(-40%, -50%) rotate(-45deg);
          transform: translate(-40%, -50%) rotate(-45deg);
}
.catalogArea .arrowBox .arrowNext {
  right: 0;
}
.catalogArea .arrowBox .arrowNext .arrow::after {
  -webkit-transform: translate(-60%, -50%) rotate(135deg);
          transform: translate(-60%, -50%) rotate(135deg);
}
.catalogArea .arrowBox .arrow::before {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
}
.catalogArea .arrowBox .arrow::after {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.catalogArea .arrowBox .arrow .iconCircle::before {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.catalogArea .arrowBox .arrow .iconCircle .path {
  stroke: #fff;
}
.catalogArea .dotsBox {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .catalogArea .dotsBox {
    display: none;
  }
}
.catalogArea .dotsBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
}
.catalogArea .dotsBox li {
  -webkit-filter: invert(100%) sepia(11%) saturate(1%) hue-rotate(283deg) brightness(106%) contrast(101%);
          filter: invert(100%) sepia(11%) saturate(1%) hue-rotate(283deg) brightness(106%) contrast(101%);
  opacity: 0.3;
  padding-right: 6px;
  padding-bottom: 10px;
}
.catalogArea .dotsBox li:nth-child(odd) button {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.catalogArea .dotsBox li.slick-active {
  opacity: 1;
}
.catalogArea .catalogDrinkArea {
  background: #1e545d;
}
.catalogArea .catalogDrinkArea::before {
  content: "DRINKS";
}
.catalogArea .catalogDrinkArea.hideDrink {
  width: 0;
  z-index: 0;
}
@media (max-width: 1180px) {
  .catalogArea .catalogDrinkArea.hideDrink {
    width: 100%;
    z-index: 1;
  }
}
.catalogArea .catalogDrinkArea.hideDrink .ImgDeco {
  opacity: 0;
}
@media (max-width: 1180px) {
  .catalogArea .catalogDrinkArea.hideDrink .ImgDeco {
    opacity: 1;
  }
}
.catalogArea .catalogDrinkArea.hideDrink .seeMoreBox {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1180px) {
  .catalogArea .catalogDrinkArea.hideDrink .seeMoreBox {
    opacity: 1;
    pointer-events: fill;
  }
}
.catalogArea .catalogDrinkArea.showDrink {
  max-width: 100%;
  width: 100%;
  z-index: 1;
}
.catalogArea .catalogDrinkArea.showDrink .catalogList {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .ImgBox1 img,
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .ImgBox2 img {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img3 {
  top: 30%;
  left: 31.5%;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img4 {
  top: -35px;
  right: 10%;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img8 {
  top: -38px;
  left: 2.8%;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img10 {
  bottom: 22.5%;
  left: 15.5%;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img11 {
  top: 25%;
  right: 2%;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img12 {
  bottom: 24%;
  right: 9%;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img13 {
  top: 11%;
  right: 28%;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img16 {
  bottom: 38%;
  right: 11%;
}
.catalogArea .catalogDrinkArea.showDrink .ImgDeco .Img17 {
  bottom: -60px;
  right: 24%;
}
.catalogArea .catalogDrinkArea.showDrink .wrap {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.catalogArea .catalogDrinkArea.showDrink .catalogList_center {
  display: block;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
@media (max-width: 767px) {
  .catalogArea .catalogDrinkArea.showDrink .catalogList_center {
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
  }
}
.catalogArea .catalogDrinkArea.showDrink .seeMoreBox .more .arrow span {
  -webkit-transform: translateX(-15px) scaleX(-1);
          transform: translateX(-15px) scaleX(-1);
}
.catalogArea .catalogDrinkArea.showDrink .seeMoreBox .more .goMore {
  opacity: 0;
}
.catalogArea .catalogDrinkArea.showDrink .seeMoreBox .more .goBack {
  opacity: 1;
}
.catalogArea .catalogDrinkArea .catalogDrinkDeco {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  pointer-events: none;
  -webkit-animation: rotate 20s linear infinite;
          animation: rotate 20s linear infinite;
}
@media (max-width: 1180px) {
  .catalogArea .catalogDrinkArea .catalogDrinkDeco {
    -webkit-animation: none;
            animation: none;
  }
}
.catalogArea .catalogDrinkArea .catalogDrinkDeco .deco1 {
  width: 543px;
  height: 545px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.1);
  -webkit-filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
          filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
}
.catalogArea .catalogDrinkArea .ImgDeco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.catalogArea .catalogDrinkArea .ImgDeco .decoBox {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
  opacity: 0;
}
@media (max-width: 1180px) {
  .catalogArea .catalogDrinkArea .ImgDeco .ImgBox img {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.catalogArea .catalogDrinkArea .ImgDeco .ImgBox1 img,
.catalogArea .catalogDrinkArea .ImgDeco .ImgBox2 img {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
@media (max-width: 1180px) {
  .catalogArea .catalogDrinkArea .ImgDeco .ImgBox1 img,
.catalogArea .catalogDrinkArea .ImgDeco .ImgBox2 img {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.catalogArea .catalogDrinkArea .ImgDeco .Img {
  position: absolute;
  z-index: -1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img1 {
  top: 47%;
  left: 43%;
  -webkit-animation: catalogDecoAnimationReverse5 10s ease-in-out infinite;
          animation: catalogDecoAnimationReverse5 10s ease-in-out infinite;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img2 {
  top: 56%;
  left: 61%;
  -webkit-animation: catalogDecoAnimationReverse6 15s ease-in-out infinite;
          animation: catalogDecoAnimationReverse6 15s ease-in-out infinite;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img3 {
  top: 12%;
  left: 36%;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img4 {
  top: 6%;
  right: 12%;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img5 {
  top: 27.5%;
  left: 17.2%;
  -webkit-animation: catalogDecoAnimationReverse1 10s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 10s ease-in-out infinite;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img5 {
  top: 27.5%;
  left: 17.2%;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img6 {
  top: 31%;
  right: 19%;
  -webkit-animation: catalogDecoAnimationReverse2 5s ease-in-out infinite;
          animation: catalogDecoAnimationReverse2 5s ease-in-out infinite;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img7 {
  top: 49%;
  right: 31%;
  -webkit-animation: catalogDecoAnimationReverse1 8s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 8s ease-in-out infinite;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img8 {
  top: -38px;
  left: 5.3%;
  -webkit-animation: catalogDecoAnimationReverse2 5s ease-in-out infinite;
          animation: catalogDecoAnimationReverse2 5s ease-in-out infinite;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img9 {
  top: 38%;
  left: -5px;
  -webkit-animation: catalogDecoAnimationReverse1 7s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 7s ease-in-out infinite;
}
@media (max-width: 1180px) {
  .catalogArea .catalogDrinkArea .ImgDeco .Img9 {
    left: -20px;
  }
}
.catalogArea .catalogDrinkArea .ImgDeco .Img10 {
  bottom: 36%;
  left: 30%;
  -webkit-animation: catalogDecoAnimationReverse2 6s ease-in-out infinite;
          animation: catalogDecoAnimationReverse2 6s ease-in-out infinite;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img11 {
  top: 44%;
  right: 9%;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img12 {
  bottom: 24%;
  right: 29%;
  -webkit-animation: catalogDecoAnimationReverse1 7s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 7s ease-in-out infinite;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img13 {
  top: 24%;
  right: 24%;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img14 {
  top: 18%;
  right: 38%;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img15 {
  top: 46%;
  right: 18%;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img16 {
  bottom: 22%;
  right: 19%;
}
.catalogArea .catalogDrinkArea .ImgDeco .Img17 {
  bottom: -30px;
  right: 43%;
  -webkit-animation: catalogDecoAnimationReverse1 12s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 12s ease-in-out infinite;
}
@media (max-width: 1180px) {
  .catalogArea .catalogDrinkArea .ImgDeco .Img17 {
    bottom: 30px;
  }
}
.catalogArea .catalogDrinkArea .ImgDeco .Img img {
  display: block;
}
.catalogArea .catalogDrinkArea .seeMoreBox {
  left: 50px;
}
@media (max-width: 767px) {
  .catalogArea .catalogDrinkArea .seeMoreBox {
    left: 20px;
  }
}
.catalogArea .catalogDrinkArea .seeMoreBox .slogan {
  color: #e5c0d4;
}
.catalogArea .catalogDrinkArea .seeMoreBox .more {
  color: #fff;
}
.catalogArea .catalogDrinkArea .seeMoreBox .more .arrow {
  margin-right: 10px;
}
.catalogArea .catalogDrinkArea .seeMoreBox .more .arrow::before {
  border: 1px solid #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
}
.catalogArea .catalogDrinkArea .seeMoreBox .more .arrow span {
  background: #fff;
}
.catalogArea .catalogDrinkArea .seeMoreBox .more .arrow span::before {
  right: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: #fff;
}
.catalogArea .catalogDrinkArea .seeMoreBox .more .goBack {
  left: 0;
}
.catalogArea .catalogDrinkArea .arrowBox .arrowPrev:hover .arrow::before,
.catalogArea .catalogDrinkArea .arrowBox .arrowNext:hover .arrow::before {
  background: #fff;
}
.catalogArea .catalogDrinkArea .arrowBox .arrowPrev:hover .arrow::after,
.catalogArea .catalogDrinkArea .arrowBox .arrowNext:hover .arrow::after {
  border-color: #1e545d;
}
.catalogArea .catalogDrinkArea .arrowBox .arrow::before {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
}
.catalogArea .catalogDrinkArea .arrowBox .arrow::after {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.catalogArea .catalogDrinkArea .arrowBox .arrow .iconCircle::before {
  border-top: 2px solid #e5c0d4;
  border-right: 2px solid #e5c0d4;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.catalogArea .catalogDrinkArea .arrowBox .arrow .iconCircle .path {
  stroke: #fff;
}
.catalogArea .catalogFoodArea {
  background: #e5c0d4;
}
.catalogArea .catalogFoodArea::before {
  content: "MEALS";
  color: rgba(255, 255, 255, 0.3);
}
.catalogArea .catalogFoodArea.hideFood {
  width: 0;
  z-index: 0;
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea.hideFood {
    width: 100%;
    z-index: 1;
  }
}
.catalogArea .catalogFoodArea.hideFood .ImgDeco {
  opacity: 0;
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea.hideFood .ImgDeco {
    opacity: 1;
  }
}
.catalogArea .catalogFoodArea.hideFood .seeMoreBox {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea.hideFood .seeMoreBox {
    opacity: 1;
    pointer-events: fill;
  }
}
.catalogArea .catalogFoodArea.showFood {
  max-width: 100%;
  width: 100%;
  z-index: 1;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .ImgBox4 img,
.catalogArea .catalogFoodArea.showFood .ImgDeco .ImgBox5 img,
.catalogArea .catalogFoodArea.showFood .ImgDeco .ImgBox6 img {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea.showFood .ImgDeco .ImgBox4 img,
.catalogArea .catalogFoodArea.showFood .ImgDeco .ImgBox5 img,
.catalogArea .catalogFoodArea.showFood .ImgDeco .ImgBox6 img {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img1 {
  opacity: 0.5;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img2 {
  opacity: 0.5;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img3 {
  left: 31.5%;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img4 {
  top: -35px;
  right: 10%;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img8 {
  top: 28%;
  left: 30%;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img10 {
  bottom: 22.5%;
  left: 15.5%;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img11 {
  top: 25%;
  right: 2%;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img12 {
  bottom: 24%;
  right: 9%;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img13 {
  bottom: 40%;
  right: 8%;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img16 {
  bottom: 38%;
  right: 11%;
}
.catalogArea .catalogFoodArea.showFood .ImgDeco .Img17 {
  bottom: 50px;
  right: 35%;
}
.catalogArea .catalogFoodArea.showFood .wrap {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.catalogArea .catalogFoodArea.showFood .catalogList {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.catalogArea .catalogFoodArea.showFood .catalogList_center {
  display: block;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
@media (max-width: 767px) {
  .catalogArea .catalogFoodArea.showFood .catalogList_center {
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
  }
}
.catalogArea .catalogFoodArea.showFood .seeMoreBox .more .arrow span {
  -webkit-transform: translateX(-15px) scaleX(-1);
          transform: translateX(-15px) scaleX(-1);
}
.catalogArea .catalogFoodArea.showFood .seeMoreBox .more .goMore {
  opacity: 0;
}
.catalogArea .catalogFoodArea.showFood .seeMoreBox .more .goBack {
  opacity: 1;
}
.catalogArea .catalogFoodArea .catalogFoodDeco {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  pointer-events: none;
  -webkit-animation: rotate 20s linear infinite;
          animation: rotate 20s linear infinite;
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea .catalogFoodDeco {
    -webkit-animation: none;
            animation: none;
  }
}
.catalogArea .catalogFoodArea .catalogFoodDeco .deco1 {
  width: 281px;
  height: 318px;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(1.3) translate(-50%, -50%);
          transform: scale(1.3) translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.2);
  -webkit-filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
          filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
}
.catalogArea .catalogFoodArea .ImgDeco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.catalogArea .catalogFoodArea .ImgDeco .decoBox {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
  opacity: 0;
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea .ImgDeco .ImgBox img {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.catalogArea .catalogFoodArea .ImgDeco .ImgBox4 img,
.catalogArea .catalogFoodArea .ImgDeco .ImgBox5 img,
.catalogArea .catalogFoodArea .ImgDeco .ImgBox6 img {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea .ImgDeco .ImgBox4 img,
.catalogArea .catalogFoodArea .ImgDeco .ImgBox5 img,
.catalogArea .catalogFoodArea .ImgDeco .ImgBox6 img {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
.catalogArea .catalogFoodArea .ImgDeco .Img {
  position: absolute;
  z-index: -1;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.catalogArea .catalogFoodArea .ImgDeco .Img1 {
  top: 23%;
  right: 29%;
  -webkit-animation: catalogDecoAnimationReverse1 7s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 7s ease-in-out infinite;
}
.catalogArea .catalogFoodArea .ImgDeco .Img2 {
  top: 29%;
  right: 0;
  -webkit-animation: catalogDecoAnimationReverse1 8s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 8s ease-in-out infinite;
}
.catalogArea .catalogFoodArea .ImgDeco .Img3 {
  bottom: -75px;
  left: 16%;
  -webkit-animation: catalogDecoAnimationReverse2 8s ease-in-out infinite;
          animation: catalogDecoAnimationReverse2 8s ease-in-out infinite;
}
.catalogArea .catalogFoodArea .ImgDeco .Img4 {
  top: 23%;
  left: 17%;
  -webkit-animation: catalogDecoAnimationReverse3 12s ease-in-out infinite;
          animation: catalogDecoAnimationReverse3 12s ease-in-out infinite;
}
@media (max-width: 1536px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img4 {
    left: 15%;
    width: 330px;
  }
  .catalogArea .catalogFoodArea .ImgDeco .Img4 img {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img4 {
    left: 10%;
  }
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img4 {
    top: 5%;
    width: auto;
  }
  .catalogArea .catalogFoodArea .ImgDeco .Img4 img {
    width: auto;
  }
}
.catalogArea .catalogFoodArea .ImgDeco .Img5 {
  top: 36%;
  right: 5%;
  -webkit-animation: catalogDecoAnimationReverse4 8s ease-in-out infinite;
          animation: catalogDecoAnimationReverse4 8s ease-in-out infinite;
}
@media (max-width: 1536px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img5 {
    top: 39%;
    width: 350px;
  }
  .catalogArea .catalogFoodArea .ImgDeco .Img5 img {
    width: 100%;
  }
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img5 {
    top: 25%;
    width: auto;
  }
  .catalogArea .catalogFoodArea .ImgDeco .Img5 img {
    width: auto;
  }
}
.catalogArea .catalogFoodArea .ImgDeco .Img6 {
  bottom: 10%;
  left: 16%;
  -webkit-animation: catalogDecoAnimationReverse3 6s ease-in-out infinite;
          animation: catalogDecoAnimationReverse3 6s ease-in-out infinite;
}
@media (max-width: 1536px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img6 {
    left: 13%;
    width: 400px;
  }
  .catalogArea .catalogFoodArea .ImgDeco .Img6 img {
    width: 100%;
  }
}
@media (max-width: 1280px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img6 {
    left: 7%;
  }
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img6 {
    bottom: 15%;
    width: auto;
  }
  .catalogArea .catalogFoodArea .ImgDeco .Img6 img {
    width: auto;
  }
}
.catalogArea .catalogFoodArea .ImgDeco .Img7 {
  top: -120px;
  left: 16%;
  -webkit-animation: catalogDecoAnimationReverse1 8s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 8s ease-in-out infinite;
}
@media (max-width: 1180px) {
  .catalogArea .catalogFoodArea .ImgDeco .Img7 {
    display: none;
  }
}
.catalogArea .catalogFoodArea .ImgDeco .Img8 {
  top: 8%;
  left: 41%;
  -webkit-animation: catalogDecoAnimationReverse1 8s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 8s ease-in-out infinite;
}
.catalogArea .catalogFoodArea .ImgDeco .Img9 {
  top: 40%;
  left: 2%;
  -webkit-animation: catalogDecoAnimationReverse2 5s ease-in-out infinite;
          animation: catalogDecoAnimationReverse2 5s ease-in-out infinite;
}
.catalogArea .catalogFoodArea .ImgDeco .Img10 {
  bottom: 9%;
  left: 4%;
}
.catalogArea .catalogFoodArea .ImgDeco .Img11 {
  top: 4%;
  right: 9%;
  -webkit-animation: catalogDecoAnimationReverse1 10s ease-in-out infinite;
          animation: catalogDecoAnimationReverse1 10s ease-in-out infinite;
}
.catalogArea .catalogFoodArea .ImgDeco .Img12 {
  top: 22%;
  left: 47%;
}
.catalogArea .catalogFoodArea .ImgDeco .Img13 {
  bottom: 31.5%;
  right: 16.5%;
  -webkit-animation: catalogDecoAnimationReverse2 10s ease-in-out infinite;
          animation: catalogDecoAnimationReverse2 10s ease-in-out infinite;
}
.catalogArea .catalogFoodArea .ImgDeco .Img14 {
  bottom: 25%;
  right: 25%;
}
.catalogArea .catalogFoodArea .ImgDeco .Img15 {
  top: 17.5%;
  right: 23%;
}
.catalogArea .catalogFoodArea .ImgDeco .Img16 {
  bottom: 28%;
  left: 17%;
  -webkit-animation: catalogDecoAnimationReverse2 5s ease-in-out infinite;
          animation: catalogDecoAnimationReverse2 5s ease-in-out infinite;
}
.catalogArea .catalogFoodArea .ImgDeco .Img17 {
  bottom: 25%;
  right: 33%;
}
.catalogArea .catalogFoodArea .ImgDeco .Img img {
  display: block;
}
.catalogArea .catalogFoodArea .wrap {
  opacity: 0;
  pointer-events: none;
}
.catalogArea .catalogFoodArea .catalogList_center {
  max-width: 620px;
}
@media (max-width: 767px) {
  .catalogArea .catalogFoodArea .catalogList_center {
    max-width: 600px;
  }
}
.catalogArea .catalogFoodArea .catalogList_center .catalogItem {
  width: 620px !important;
}
@media (max-width: 767px) {
  .catalogArea .catalogFoodArea .catalogList_center .catalogItem {
    width: 100% !important;
  }
}
.catalogArea .catalogFoodArea .catalogList_center .catalogItem .Img {
  width: 210px;
}
@media (max-width: 460px) {
  .catalogArea .catalogFoodArea .catalogList_center .catalogItem .Img {
    width: 120px;
  }
}
.catalogArea .catalogFoodArea .catalogList .catalogItem .Img {
  width: 140px;
}
.catalogArea .catalogFoodArea .seeMoreBox {
  right: 50px;
}
@media (max-width: 767px) {
  .catalogArea .catalogFoodArea .seeMoreBox {
    right: 20px;
  }
}
.catalogArea .catalogFoodArea .seeMoreBox .slogan {
  color: #1e545d;
}
.catalogArea .catalogFoodArea .seeMoreBox .more {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #1e545d;
}
.catalogArea .catalogFoodArea .seeMoreBox .more .arrow {
  margin-left: 10px;
}
.catalogArea .catalogFoodArea .seeMoreBox .more .arrow::before {
  border: 1px solid rgba(30, 84, 93, 0.4);
  border-left: 1px solid #fff;
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
}
.catalogArea .catalogFoodArea .seeMoreBox .more .arrow span {
  background: #1e545d;
}
.catalogArea .catalogFoodArea .seeMoreBox .more .arrow span::before {
  left: 4px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: #1e545d;
}
.catalogArea .catalogFoodArea .seeMoreBox .more .goBack {
  right: 0;
}
.catalogArea .catalogFoodArea .arrowBox {
  max-width: 720px;
}
@media (max-width: 767px) {
  .catalogArea .catalogFoodArea .arrowBox {
    right: auto;
    left: 5px;
    max-width: 150px;
  }
}
.catalogArea .catalogFoodArea .dotsBox ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.newsArea {
  position: relative;
  padding: 110px 0 40px;
  overflow-x: clip;
}
@media (max-width: 767px) {
  .newsArea {
    padding: 90px 0 0;
  }
}
.newsArea .newsDeco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  pointer-events: none;
}
.newsArea .newsDeco .deco1 {
  top: -310px;
  left: -100px;
  width: 690px;
  height: 543px;
  -webkit-transform: rotate(-80deg);
          transform: rotate(-80deg);
  color: rgba(249, 249, 249, 0.7);
  -webkit-filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
          filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
}
.newsArea .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1560px;
  padding-left: 60px;
}
@media (max-width: 1024px) {
  .newsArea .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px;
  }
}
.newsArea .titleGreenBox {
  width: 200px;
  margin-top: 25px;
  padding-top: 15px;
}
@media (max-width: 1024px) {
  .newsArea .titleGreenBox {
    margin-left: 30px;
    width: 100%;
  }
}
.newsArea .titleGreenBox::before {
  content: "03";
  position: absolute;
  top: 3px;
  left: -25px;
  display: block;
  color: #e5c0d4;
}
.newsArea .titleGreenBox::after {
  content: "";
  position: absolute;
  top: 25px;
  left: -16px;
  width: 2px;
  height: 110px;
  background: #e5c0d4;
}
.newsArea .titleGreenBox .titleEn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1024px) {
  .newsArea .titleGreenBox .titleEn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 1024px) {
  .newsArea .titleGreenBox span {
    padding-left: 10px;
  }
}
.newsArea .titleGreenBox .text {
  padding-top: 12px;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #434343;
}
.newsArea .titleGreenBox .dotsBox {
  padding-top: 32px;
}
@media (max-width: 767px) {
  .newsArea .titleGreenBox .dotsBox {
    display: none;
  }
}
.newsArea .titleGreenBox .dotsBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsArea .titleGreenBox .dotsBox li {
  padding-right: 6px;
  padding-bottom: 10px;
}
.newsArea .titleGreenBox .dotsBox li:nth-child(odd) button {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.newsArea .masterBtn {
  padding-top: 40px;
}
@media (max-width: 1024px) {
  .newsArea .masterBtn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
  }
}
.newsArea .masterBtn .button_su {
  margin: 0;
}
.newsArea .newsBox {
  padding-left: 35px;
  padding-right: 15px;
  width: calc(100% - 275px);
}
@media (max-width: 1024px) {
  .newsArea .newsBox {
    padding: 0;
    width: 100%;
    padding: 0 40px 80px;
  }
}
.newsArea .slick-track {
  margin-top: 30px;
}
.newsArea .newsItem {
  padding: 0 20px;
}
.newsArea .item:hover {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}
.newsArea .item:hover .Img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.newsArea .Img {
  overflow: hidden;
  border-radius: 10px;
}
.newsArea .Img img {
  width: 100%;
  display: block;
}
.newsArea .Txt {
  position: relative;
  margin-top: -13px;
}
@media (max-width: 460px) {
  .newsArea .Txt {
    margin-top: 10px;
  }
}
.newsArea .Txt .newsInfoBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1e545d;
  border-radius: 50px;
  padding: 6px 16px;
}
.newsArea .Txt .newsInfoBox .dateBox, .newsArea .Txt .newsInfoBox .classTitle {
  font-size: 13px;
}
.newsArea .Txt .newsInfoBox .dateBox .date {
  line-height: 1;
  letter-spacing: 0.6px;
  color: #fff;
  text-transform: uppercase;
}
.newsArea .Txt .newsInfoBox .classTitle {
  padding-right: 20px;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #e5c0d4;
}
.newsArea .Txt .title {
  padding-top: 5px;
}
.newsArea .Txt .title a {
  display: block;
  font-family: "Noto Serif TC", "Microsoft JhengHei", serif;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #1e545d;
}
.newsArea .Txt .text {
  padding-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.5px;
  color: #434343;
}
.newsArea .arrowBox {
  padding-top: 40px;
}
@media (max-width: 1024px) {
  .newsArea .arrowBox {
    position: absolute;
    top: 60%;
    left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: 0;
    padding: 0 10px;
  }
  .newsArea .arrowBox .arrowPrev .arrow::after {
    -webkit-transform: translate(-40%, -50%) rotate(-45deg);
            transform: translate(-40%, -50%) rotate(-45deg);
  }
  .newsArea .arrowBox .arrowNext .arrow::after {
    -webkit-transform: translate(-60%, -50%) rotate(135deg);
            transform: translate(-60%, -50%) rotate(135deg);
  }
}

.storeArea {
  position: relative;
  padding: 110px 0;
  overflow-x: clip;
}
@media (max-width: 767px) {
  .storeArea {
    padding: 90px 0;
  }
}
.storeArea .storeDeco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  pointer-events: none;
}
.storeArea .storeDeco .deco1 {
  top: -220px;
  left: 38%;
  width: 932px;
  height: 691px;
  -webkit-transform: rotate(130deg);
          transform: rotate(130deg);
  color: rgba(249, 249, 249, 0.7);
  -webkit-filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
          filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
}
.storeArea .titleGreenBox {
  width: 100%;
  text-align: center;
}
.storeArea .titleGreenBox::before {
  content: "04";
  display: inline-block;
  color: #e5c0d4;
  padding: 0 8px;
}
.storeArea .titleGreenBox .titleTw::before {
  content: "";
  position: absolute;
  top: 10px;
  left: calc(50% + 15px);
  z-index: -1;
  margin: 0 auto;
  display: block;
  width: 65px;
  height: 1px;
  background: #e5c0d4;
}
.storeArea .titleGreenBox .titleTw::after {
  content: "";
  position: absolute;
  top: 10px;
  right: calc(50% + 15px);
  z-index: -1;
  margin: 0 auto;
  display: block;
  width: 65px;
  height: 1px;
  background: #e5c0d4;
}
.storeArea .wrap {
  max-width: 1620px;
}
.storeArea .classBox {
  padding-top: 17px;
  margin-bottom: 45px;
}
.storeArea .storeBox.hide {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.storeArea .storeItem {
  padding: 0 35px;
}
@media (max-width: 960px) {
  .storeArea .storeItem {
    padding: 0 70px;
  }
}
@media (max-width: 460px) {
  .storeArea .storeItem {
    padding: 0 10px;
  }
}
.storeArea .storeItem:not(.slick-slide):not(:first-child) {
  display: none;
}
.storeArea .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1680px) {
  .storeArea .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.storeArea .Img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 390px;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 auto;
}
.storeArea .Img:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.storeArea .Img img {
  display: block;
  width: 100%;
}
.storeArea .Txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 30px;
  padding-right: 5px;
}
@media (max-width: 1680px) {
  .storeArea .Txt {
    max-width: 390px;
    width: 100%;
    padding: 0;
    padding-top: 30px;
    margin: 0 auto;
  }
}
.storeArea .storeInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.storeArea .storeInfoBox .title a {
  font-size: 20px;
  font-weight: bold;
  color: #1e545d;
}
.storeArea .storeInfoBox .title a:hover {
  color: #e5c0d4;
}
.storeArea .storeInfoBox .classTitle {
  padding: 3px 15px;
  font-size: 13px;
  font-weight: bold;
  color: #1e545d;
  background: #e6e6e6;
  border-radius: 50px;
}
.storeArea .textBox {
  padding-top: 15px;
}
.storeArea .information {
  position: relative;
  padding-left: 19px;
  line-height: 1.7;
  letter-spacing: 1.8px;
}
.storeArea .information::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: calc(100% - 10px);
  background: #e5c0d4;
}
.storeArea .information .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
}
.storeArea .information .title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  letter-spacing: 0.5px;
  font-weight: bold;
}
.storeArea .information .tag {
  letter-spacing: 1.2px;
}
.storeArea .menuBox {
  padding-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.storeArea .menuBox .menu,
.storeArea .menuBox .order {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.storeArea .menuBox .menu {
  margin-right: 10px;
}
.storeArea .menuBox .button_su {
  margin: 0;
  width: 100%;
}
.storeArea .menuBox .button_su .button_su_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 15px;
  width: 100%;
}
.storeArea .menuBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.storeArea .menuBox a:hover {
  background: #e5c0d4;
}
.storeArea .menuBox .icon {
  position: relative;
  display: block;
  width: 20px;
  -webkit-filter: contrast(0) brightness(10);
          filter: contrast(0) brightness(10);
}
.storeArea .menuBox .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 37px;
  height: 37px;
  border: 1px solid #fff;
  border-radius: 100%;
}
.storeArea .menuBox .icon img {
  display: block;
  width: 100%;
}
.storeArea .menuBox .menuText {
  position: relative;
  z-index: 1;
  padding-left: 15px;
  color: #fff;
}
.storeArea .arrowBox {
  padding-top: 35px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .storeArea .arrowBox {
    position: absolute;
    top: 52%;
    left: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: 0;
    padding: 0 10px;
  }
}
@media (max-width: 460px) {
  .storeArea .arrowBox {
    position: static;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 30px;
    height: auto;
    width: 200px;
    margin: 0 auto;
  }
}
.storeArea .arrowBox .arrowPrev .arrow::after {
  -webkit-transform: translate(-40%, -50%) rotate(-45deg);
          transform: translate(-40%, -50%) rotate(-45deg);
}
.storeArea .arrowBox .arrowNext .arrow::after {
  -webkit-transform: translate(-60%, -50%) rotate(135deg);
          transform: translate(-60%, -50%) rotate(135deg);
}
.storeArea .arrowBox .arrow {
  margin: 0;
}
@media (max-width: 767px) {
  .storeArea .arrowBox .dotsBox {
    display: none;
  }
}
.storeArea .arrowBox .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  min-width: 186px;
}
.storeArea .arrowBox .dots li {
  padding-right: 6px;
  padding-bottom: 10px;
}
.storeArea .arrowBox .dots li:nth-child(odd) button {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.productsArea {
  position: relative;
  padding: 0 0 65px;
  overflow-x: clip;
}
@media (max-width: 767px) {
  .productsArea {
    padding: 20px 0 85px;
  }
}
.productsArea::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -3;
  display: block;
  width: 100%;
  height: 1310px;
  background-image: url(https://fbf113.claudeassets.com/20250609135947im_/https://www.yinguocha.com/images/store_bg.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.productsArea .productsDeco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  pointer-events: none;
  overflow: hidden;
}
.productsArea .productsDeco .decoBox1 {
  position: absolute;
  top: -140px;
  left: 46%;
  width: 689px;
  height: 543px;
  -webkit-transform: scaleY(-0.3) scaleX(0.3) rotate(-35deg);
          transform: scaleY(-0.3) scaleX(0.3) rotate(-35deg);
}
.productsArea .productsDeco .deco1 {
  width: 689px;
  height: 543px;
  color: rgba(249, 249, 249, 0.7);
  -webkit-filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
          filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
  -webkit-animation: rotate 40s linear infinite;
          animation: rotate 40s linear infinite;
}
.productsArea .productsDeco .deco2 {
  bottom: -280px;
  left: -240px;
  width: 767px;
  height: 745px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  color: rgba(249, 249, 249, 0.7);
  -webkit-filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
          filter: drop-shadow(0 0 50px rgba(229, 192, 212, 0.8));
}
.productsArea .wrap {
  max-width: 100%;
  padding: 0;
}
.productsArea .titleGreenBox {
  text-align: center;
  padding: 0 20px;
}
.productsArea .titleGreenBox .text {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .productsArea .titleGreenBox .text {
    font-size: 22px;
  }
}
.productsArea .productsBox {
  position: relative;
  padding-top: 100px;
}
.productsArea .productsBox::before {
  content: "YIN GUO CHA";
  position: absolute;
  top: 80px;
  right: 49.3%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  font-size: 150px;
  font-weight: bold;
  letter-spacing: 29px;
  white-space: nowrap;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5019607843)), to(transparent));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5019607843), transparent);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.productsArea .productsItem:not(.slick-slide):not(:first-child) {
  display: none;
}
.productsArea .moreMenuBox {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  display: block;
  width: 320px;
  height: 320px;
  margin: 0 auto;
  text-align: center;
}
.productsArea .moreMenuBox .moreMenu {
  position: relative;
}
.productsArea .moreMenuBox .outLine {
  position: relative;
  width: 320px;
  height: 320px;
  border: 1px dashed rgba(30, 84, 93, 0.1);
  border-radius: 100%;
  -webkit-animation: rotate 60s linear infinite;
          animation: rotate 60s linear infinite;
}
.productsArea .moreMenuBox .outLine::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 115%;
  height: 115%;
  border: 1px solid rgba(30, 84, 93, 0.05);
  border-radius: 100%;
}
.productsArea .moreMenuBox .insLine {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 170px;
  height: 170px;
  border-radius: 100%;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #1e545d;
}
.productsArea .moreMenuBox .insLine::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(30, 84, 93, 0.3);
  border-top: 1px solid #1e545d;
  border-radius: 100%;
  -webkit-animation: rotate 20s linear infinite;
          animation: rotate 20s linear infinite;
}
.productsArea .moreMenuBox .insLine::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.productsArea .moreMenuBox .insLine:hover::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.productsArea .moreMenuBox .insLine .insMenu {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.productsArea .moreMenuBox .insLine .arrow {
  position: relative;
  margin: 20px 0 15px;
  width: 30px;
  height: 1px;
  background: #1e545d;
  -webkit-animation: productsMoreMenuAnimation 1.8s ease-in-out infinite;
          animation: productsMoreMenuAnimation 1.8s ease-in-out infinite;
}
.productsArea .moreMenuBox .insLine .arrow::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 0;
  display: block;
  height: 13px;
  width: 1px;
  background: #1e545d;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.productsArea .moreMenuBox .insLine a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.productsArea .productsList {
  pointer-events: none;
}
.productsArea .slick-track {
  margin: 80px 0 30px;
}
.productsArea .productsItem {
  pointer-events: fill;
}
.productsArea .productsItem.show {
  pointer-events: none;
}
.productsArea .productsItem.show .Img {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.productsArea .productsItem.jitter {
  -webkit-animation: productsItemAnimation 1.8s ease-in-out forwards;
          animation: productsItemAnimation 1.8s ease-in-out forwards;
}
.productsArea .item {
  width: 200px;
  margin: 0 auto;
}
.productsArea .Img {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.productsArea .Img img {
  width: 100%;
  display: block;
}
/*
     FILE ARCHIVED ON 14:01:13 Jun 09, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:42:54 Jul 27, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.479
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.031
  esindex: 0.009
  cdx.remote: 44.612
  LoadShardBlock: 316.668 (3)
  PetaboxLoader3.resolve: 277.459 (4)
  PetaboxLoader3.datanode: 111.534 (4)
  load_resource: 88.072
*/