@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Belleza&family=Syne:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Belleza&family=Noto+Serif+TC:wght@600&display=swap);
@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html, body {
  -webkit-text-size-adjust: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}
a img {
  border: 0;
}

:focus {
  outline: 0;
}

strong, b {
  font-weight: bold;
}

button {
  background-color: transparent;
  border: 0;
}

* {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

/* override the default IOS styles */
input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*

 \
 _\,,
"-=\~     _
   \\~___( ~
  _|/---\\_
  \        \	base.scss end

*/
.css_mover {
  cursor: pointer;
}
.css_mover img:nth-child(1) {
  display: inline;
}
.css_mover img:nth-child(2) {
  display: none;
}
.css_mover.current img:nth-child(1) {
  display: none;
}
.css_mover.current img:nth-child(2) {
  display: inline;
}

.css_active img:nth-child(1), .css_mover:hover img:nth-child(1) {
  display: none;
}
.css_active img:nth-child(2), .css_mover:hover img:nth-child(2) {
  display: inline;
}
.css_active.current img:nth-child(1), .css_mover:hover.current img:nth-child(1) {
  display: none;
}
.css_active.current img:nth-child(2), .css_mover:hover.current img:nth-child(2) {
  display: inline;
}

.image-2x img:nth-child(1) {
  display: inline;
}
.image-2x img:nth-child(2) {
  display: none;
}
@media (min-resolution: 2dppx) {
  .image-2x img:nth-child(1) {
    display: none;
  }
  .image-2x img:nth-child(2) {
    display: inline;
  }
}

.show-for-en:not(:lang(en)) {
  display: none !important;
}

.hide-for-en:lang(en) {
  display: none !important;
}

.ryder-show {
  transform: translateY(50px);
  opacity: 0;
  transition: all 1s;
}
.ryder-show.is-show {
  transform: translateY(0);
  opacity: 1;
  transition: all 1s 0s;
}

@keyframes float-1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes light-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*

        　　　  %%%%%%%%,
    　　　　　,%%/\%%%%/\%%
    　　　　,%%%\c　""　J/%%%
    %.　　　%%%%/　o　o　\%%%
    `%%.　　%%%%　　 　　|%%%
    　`%%　　`%%%%(__Y__)%%'
    　//　　　;%%%%`\-/%%%'
    ((　　　　/ `%%%%%%%'
    　\\　　.'　　　　|
    　\\　　/　　　\　|　|
    　　\\/　　　　)　|　|
    　　　\　　　　/　|　|__
    　　　(___________)))))))         public.scss end

*/
.grid-container {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container.fluid {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.grid-container.full {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  padding-left: 0;
}

.grid-x {
  display: flex;
  flex-flow: row wrap;
}

.cell {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
}
.cell.auto {
  flex: 1 1 0;
}
.cell.shrink {
  flex: 0 0 auto;
}

.grid-x > .auto {
  width: auto;
}
.grid-x > .shrink {
  width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  flex-basis: auto;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 75em) {
  .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 100em) {
  .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 {
    flex-basis: auto;
  }
}
.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 {
  flex: 0 0 auto;
}

.grid-x > .small-1 {
  width: 8.3333333333%;
}

.grid-x > .small-2 {
  width: 16.6666666667%;
}

.grid-x > .small-3 {
  width: 25%;
}

.grid-x > .small-4 {
  width: 33.3333333333%;
}

.grid-x > .small-5 {
  width: 41.6666666667%;
}

.grid-x > .small-6 {
  width: 50%;
}

.grid-x > .small-7 {
  width: 58.3333333333%;
}

.grid-x > .small-8 {
  width: 66.6666666667%;
}

.grid-x > .small-9 {
  width: 75%;
}

.grid-x > .small-10 {
  width: 83.3333333333%;
}

.grid-x > .small-11 {
  width: 91.6666666667%;
}

.grid-x > .small-12 {
  width: 100%;
}

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .medium-shrink {
    width: auto;
  }
  .grid-x > .medium-1 {
    width: 8.3333333333%;
  }
  .grid-x > .medium-2 {
    width: 16.6666666667%;
  }
  .grid-x > .medium-3 {
    width: 25%;
  }
  .grid-x > .medium-4 {
    width: 33.3333333333%;
  }
  .grid-x > .medium-5 {
    width: 41.6666666667%;
  }
  .grid-x > .medium-6 {
    width: 50%;
  }
  .grid-x > .medium-7 {
    width: 58.3333333333%;
  }
  .grid-x > .medium-8 {
    width: 66.6666666667%;
  }
  .grid-x > .medium-9 {
    width: 75%;
  }
  .grid-x > .medium-10 {
    width: 83.3333333333%;
  }
  .grid-x > .medium-11 {
    width: 91.6666666667%;
  }
  .grid-x > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-x > .large-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .large-shrink {
    width: auto;
  }
  .grid-x > .large-1 {
    width: 8.3333333333%;
  }
  .grid-x > .large-2 {
    width: 16.6666666667%;
  }
  .grid-x > .large-3 {
    width: 25%;
  }
  .grid-x > .large-4 {
    width: 33.3333333333%;
  }
  .grid-x > .large-5 {
    width: 41.6666666667%;
  }
  .grid-x > .large-6 {
    width: 50%;
  }
  .grid-x > .large-7 {
    width: 58.3333333333%;
  }
  .grid-x > .large-8 {
    width: 66.6666666667%;
  }
  .grid-x > .large-9 {
    width: 75%;
  }
  .grid-x > .large-10 {
    width: 83.3333333333%;
  }
  .grid-x > .large-11 {
    width: 91.6666666667%;
  }
  .grid-x > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .grid-x > .xlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xlarge-shrink {
    width: auto;
  }
  .grid-x > .xlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xlarge-3 {
    width: 25%;
  }
  .grid-x > .xlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xlarge-6 {
    width: 50%;
  }
  .grid-x > .xlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xlarge-9 {
    width: 75%;
  }
  .grid-x > .xlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .grid-x > .xxlarge-auto {
    flex: 1 1 0;
    width: auto;
  }
  .grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-x > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .grid-x > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .grid-x > .xxlarge-3 {
    width: 25%;
  }
  .grid-x > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .grid-x > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .grid-x > .xxlarge-6 {
    width: 50%;
  }
  .grid-x > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .grid-x > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .grid-x > .xxlarge-9 {
    width: 75%;
  }
  .grid-x > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .grid-x > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .grid-x > .xxlarge-12 {
    width: 100%;
  }
}
.grid-margin-x:not(.grid-x) > .cell {
  width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
  height: auto;
}

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}
.grid-margin-x > .cell {
  width: calc(100% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .cell {
    width: calc(100% - 1.875rem);
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
  }
}
.grid-margin-x > .auto {
  width: auto;
}
.grid-margin-x > .shrink {
  width: auto;
}
.grid-margin-x > .small-1 {
  width: calc(8.3333333333% - 1.25rem);
}
.grid-margin-x > .small-2 {
  width: calc(16.6666666667% - 1.25rem);
}
.grid-margin-x > .small-3 {
  width: calc(25% - 1.25rem);
}
.grid-margin-x > .small-4 {
  width: calc(33.3333333333% - 1.25rem);
}
.grid-margin-x > .small-5 {
  width: calc(41.6666666667% - 1.25rem);
}
.grid-margin-x > .small-6 {
  width: calc(50% - 1.25rem);
}
.grid-margin-x > .small-7 {
  width: calc(58.3333333333% - 1.25rem);
}
.grid-margin-x > .small-8 {
  width: calc(66.6666666667% - 1.25rem);
}
.grid-margin-x > .small-9 {
  width: calc(75% - 1.25rem);
}
.grid-margin-x > .small-10 {
  width: calc(83.3333333333% - 1.25rem);
}
.grid-margin-x > .small-11 {
  width: calc(91.6666666667% - 1.25rem);
}
.grid-margin-x > .small-12 {
  width: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-x > .auto {
    width: auto;
  }
  .grid-margin-x > .shrink {
    width: auto;
  }
  .grid-margin-x > .small-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .small-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .small-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .small-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .small-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x > .medium-auto {
    width: auto;
  }
  .grid-margin-x > .medium-shrink {
    width: auto;
  }
  .grid-margin-x > .medium-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .medium-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .medium-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .medium-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .medium-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .medium-12 {
    width: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-margin-x > .large-auto {
    width: auto;
  }
  .grid-margin-x > .large-shrink {
    width: auto;
  }
  .grid-margin-x > .large-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .large-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .large-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .large-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .large-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .large-12 {
    width: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-x > .xlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xlarge-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xlarge-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xlarge-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .xlarge-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xlarge-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xlarge-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .xlarge-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xlarge-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xlarge-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .xlarge-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xlarge-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xlarge-12 {
    width: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 100em) {
  .grid-margin-x > .xxlarge-auto {
    width: auto;
  }
  .grid-margin-x > .xxlarge-shrink {
    width: auto;
  }
  .grid-margin-x > .xxlarge-1 {
    width: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-2 {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-3 {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-4 {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-5 {
    width: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-6 {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-7 {
    width: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-8 {
    width: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-9 {
    width: calc(75% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-10 {
    width: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-11 {
    width: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-x > .xxlarge-12 {
    width: calc(100% - 1.875rem);
  }
}

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.small-up-1 > .cell {
  width: 100%;
}

.small-up-2 > .cell {
  width: 50%;
}

.small-up-3 > .cell {
  width: 33.3333333333%;
}

.small-up-4 > .cell {
  width: 25%;
}

.small-up-5 > .cell {
  width: 20%;
}

.small-up-6 > .cell {
  width: 16.6666666667%;
}

.small-up-7 > .cell {
  width: 14.2857142857%;
}

.small-up-8 > .cell {
  width: 12.5%;
}

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%;
  }
  .medium-up-2 > .cell {
    width: 50%;
  }
  .medium-up-3 > .cell {
    width: 33.3333333333%;
  }
  .medium-up-4 > .cell {
    width: 25%;
  }
  .medium-up-5 > .cell {
    width: 20%;
  }
  .medium-up-6 > .cell {
    width: 16.6666666667%;
  }
  .medium-up-7 > .cell {
    width: 14.2857142857%;
  }
  .medium-up-8 > .cell {
    width: 12.5%;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-up-1 > .cell {
    width: 100%;
  }
  .large-up-2 > .cell {
    width: 50%;
  }
  .large-up-3 > .cell {
    width: 33.3333333333%;
  }
  .large-up-4 > .cell {
    width: 25%;
  }
  .large-up-5 > .cell {
    width: 20%;
  }
  .large-up-6 > .cell {
    width: 16.6666666667%;
  }
  .large-up-7 > .cell {
    width: 14.2857142857%;
  }
  .large-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-up-1 > .cell {
    width: 100%;
  }
  .xlarge-up-2 > .cell {
    width: 50%;
  }
  .xlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xlarge-up-4 > .cell {
    width: 25%;
  }
  .xlarge-up-5 > .cell {
    width: 20%;
  }
  .xlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xlarge-up-8 > .cell {
    width: 12.5%;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-up-1 > .cell {
    width: 100%;
  }
  .xxlarge-up-2 > .cell {
    width: 50%;
  }
  .xxlarge-up-3 > .cell {
    width: 33.3333333333%;
  }
  .xxlarge-up-4 > .cell {
    width: 25%;
  }
  .xxlarge-up-5 > .cell {
    width: 20%;
  }
  .xxlarge-up-6 > .cell {
    width: 16.6666666667%;
  }
  .xxlarge-up-7 > .cell {
    width: 14.2857142857%;
  }
  .xxlarge-up-8 > .cell {
    width: 12.5%;
  }
}
.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.3333333333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.6666666667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.2857142857% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
@media screen and (min-width: 100em) {
  .grid-margin-x.xxlarge-up-1 > .cell {
    width: calc(100% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-2 > .cell {
    width: calc(50% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-3 > .cell {
    width: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-4 > .cell {
    width: calc(25% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-5 > .cell {
    width: calc(20% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-6 > .cell {
    width: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-7 > .cell {
    width: calc(14.2857142857% - 1.875rem);
  }
  .grid-margin-x.xxlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem);
  }
}
.small-margin-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .cell {
  margin-right: 0;
  margin-left: 0;
}
.small-margin-collapse > .small-1 {
  width: 8.3333333333%;
}
.small-margin-collapse > .small-2 {
  width: 16.6666666667%;
}
.small-margin-collapse > .small-3 {
  width: 25%;
}
.small-margin-collapse > .small-4 {
  width: 33.3333333333%;
}
.small-margin-collapse > .small-5 {
  width: 41.6666666667%;
}
.small-margin-collapse > .small-6 {
  width: 50%;
}
.small-margin-collapse > .small-7 {
  width: 58.3333333333%;
}
.small-margin-collapse > .small-8 {
  width: 66.6666666667%;
}
.small-margin-collapse > .small-9 {
  width: 75%;
}
.small-margin-collapse > .small-10 {
  width: 83.3333333333%;
}
.small-margin-collapse > .small-11 {
  width: 91.6666666667%;
}
.small-margin-collapse > .small-12 {
  width: 100%;
}
@media print, screen and (min-width: 40em) {
  .small-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .medium-3 {
    width: 25%;
  }
  .small-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .medium-6 {
    width: 50%;
  }
  .small-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .medium-9 {
    width: 75%;
  }
  .small-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .small-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .large-3 {
    width: 25%;
  }
  .small-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .large-6 {
    width: 50%;
  }
  .small-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .large-9 {
    width: 75%;
  }
  .small-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .small-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .small-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .small-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .small-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .small-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .small-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .small-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .small-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .small-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .small-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .small-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .small-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .small-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0;
}
.small-padding-collapse > .cell {
  padding-right: 0;
  padding-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .small-3 {
    width: 25%;
  }
  .medium-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .small-6 {
    width: 50%;
  }
  .medium-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .small-9 {
    width: 75%;
  }
  .medium-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .medium-3 {
    width: 25%;
  }
  .medium-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .medium-6 {
    width: 50%;
  }
  .medium-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .medium-9 {
    width: 75%;
  }
  .medium-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .medium-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .large-3 {
    width: 25%;
  }
  .medium-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .large-6 {
    width: 50%;
  }
  .medium-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .large-9 {
    width: 75%;
  }
  .medium-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .medium-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .medium-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .medium-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .medium-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .medium-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .medium-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .medium-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media print, screen and (min-width: 64.0625em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .small-3 {
    width: 25%;
  }
  .large-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .small-6 {
    width: 50%;
  }
  .large-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .small-9 {
    width: 75%;
  }
  .large-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .medium-3 {
    width: 25%;
  }
  .large-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .medium-6 {
    width: 50%;
  }
  .large-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .medium-9 {
    width: 75%;
  }
  .large-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .large-3 {
    width: 25%;
  }
  .large-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .large-6 {
    width: 50%;
  }
  .large-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .large-9 {
    width: 75%;
  }
  .large-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .large-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .large-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .large-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .large-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .large-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .large-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .large-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .large-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .large-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .large-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .large-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .large-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .large-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media print, screen and (min-width: 64.0625em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .large-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .xlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 75em) {
  .xlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (min-width: 100em) {
  .xxlarge-margin-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-collapse > .small-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .small-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .small-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .small-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .small-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .small-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .small-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .small-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .small-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .small-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .small-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .small-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-collapse > .medium-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .medium-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .medium-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .medium-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .medium-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .medium-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-collapse > .large-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .large-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .large-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .large-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .large-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .large-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .large-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .large-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .large-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .large-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .large-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .large-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-collapse > .xlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xlarge-12 {
    width: 100%;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-collapse > .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-margin-collapse > .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-margin-collapse > .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-margin-collapse > .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-margin-collapse > .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-margin-collapse > .xxlarge-12 {
    width: 100%;
  }
}

@media screen and (min-width: 100em) {
  .xxlarge-padding-collapse {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0;
  }
}

.small-offset-0 {
  margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.25rem / 2);
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.3333333333% + 1.25rem / 2);
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.6666666667% + 1.25rem / 2);
}

.small-offset-3 {
  margin-left: 25%;
}

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.25rem / 2);
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.3333333333% + 1.25rem / 2);
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.6666666667% + 1.25rem / 2);
}

.small-offset-6 {
  margin-left: 50%;
}

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.25rem / 2);
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.3333333333% + 1.25rem / 2);
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.6666666667% + 1.25rem / 2);
}

.small-offset-9 {
  margin-left: 75%;
}

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.25rem / 2);
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.3333333333% + 1.25rem / 2);
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.6666666667% + 1.25rem / 2);
}

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
@media screen and (min-width: 75em) {
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xlarge-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xlarge-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xlarge-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xlarge-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xlarge-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xlarge-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .grid-margin-x > .xxlarge-offset-0 {
    margin-left: calc(0% + 1.875rem / 2);
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-1 {
    margin-left: calc(8.3333333333% + 1.875rem / 2);
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-2 {
    margin-left: calc(16.6666666667% + 1.875rem / 2);
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .grid-margin-x > .xxlarge-offset-3 {
    margin-left: calc(25% + 1.875rem / 2);
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-4 {
    margin-left: calc(33.3333333333% + 1.875rem / 2);
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-5 {
    margin-left: calc(41.6666666667% + 1.875rem / 2);
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .grid-margin-x > .xxlarge-offset-6 {
    margin-left: calc(50% + 1.875rem / 2);
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-7 {
    margin-left: calc(58.3333333333% + 1.875rem / 2);
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-8 {
    margin-left: calc(66.6666666667% + 1.875rem / 2);
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .grid-margin-x > .xxlarge-offset-9 {
    margin-left: calc(75% + 1.875rem / 2);
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .grid-margin-x > .xxlarge-offset-10 {
    margin-left: calc(83.3333333333% + 1.875rem / 2);
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .grid-margin-x > .xxlarge-offset-11 {
    margin-left: calc(91.6666666667% + 1.875rem / 2);
  }
}
.grid-y {
  display: flex;
  flex-flow: column nowrap;
}
.grid-y > .cell {
  height: auto;
  max-height: none;
}
.grid-y > .auto {
  height: auto;
}
.grid-y > .shrink {
  height: auto;
}
.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
  flex-basis: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
    flex-basis: auto;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 75em) {
  .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 {
    flex-basis: auto;
  }
}
@media screen and (min-width: 100em) {
  .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 {
    flex-basis: auto;
  }
}
.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 {
  flex: 0 0 auto;
}
.grid-y > .small-1 {
  height: 8.3333333333%;
}
.grid-y > .small-2 {
  height: 16.6666666667%;
}
.grid-y > .small-3 {
  height: 25%;
}
.grid-y > .small-4 {
  height: 33.3333333333%;
}
.grid-y > .small-5 {
  height: 41.6666666667%;
}
.grid-y > .small-6 {
  height: 50%;
}
.grid-y > .small-7 {
  height: 58.3333333333%;
}
.grid-y > .small-8 {
  height: 66.6666666667%;
}
.grid-y > .small-9 {
  height: 75%;
}
.grid-y > .small-10 {
  height: 83.3333333333%;
}
.grid-y > .small-11 {
  height: 91.6666666667%;
}
.grid-y > .small-12 {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .grid-y > .medium-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .medium-shrink {
    height: auto;
  }
  .grid-y > .medium-1 {
    height: 8.3333333333%;
  }
  .grid-y > .medium-2 {
    height: 16.6666666667%;
  }
  .grid-y > .medium-3 {
    height: 25%;
  }
  .grid-y > .medium-4 {
    height: 33.3333333333%;
  }
  .grid-y > .medium-5 {
    height: 41.6666666667%;
  }
  .grid-y > .medium-6 {
    height: 50%;
  }
  .grid-y > .medium-7 {
    height: 58.3333333333%;
  }
  .grid-y > .medium-8 {
    height: 66.6666666667%;
  }
  .grid-y > .medium-9 {
    height: 75%;
  }
  .grid-y > .medium-10 {
    height: 83.3333333333%;
  }
  .grid-y > .medium-11 {
    height: 91.6666666667%;
  }
  .grid-y > .medium-12 {
    height: 100%;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-y > .large-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .large-shrink {
    height: auto;
  }
  .grid-y > .large-1 {
    height: 8.3333333333%;
  }
  .grid-y > .large-2 {
    height: 16.6666666667%;
  }
  .grid-y > .large-3 {
    height: 25%;
  }
  .grid-y > .large-4 {
    height: 33.3333333333%;
  }
  .grid-y > .large-5 {
    height: 41.6666666667%;
  }
  .grid-y > .large-6 {
    height: 50%;
  }
  .grid-y > .large-7 {
    height: 58.3333333333%;
  }
  .grid-y > .large-8 {
    height: 66.6666666667%;
  }
  .grid-y > .large-9 {
    height: 75%;
  }
  .grid-y > .large-10 {
    height: 83.3333333333%;
  }
  .grid-y > .large-11 {
    height: 91.6666666667%;
  }
  .grid-y > .large-12 {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .grid-y > .xlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xlarge-shrink {
    height: auto;
  }
  .grid-y > .xlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xlarge-3 {
    height: 25%;
  }
  .grid-y > .xlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xlarge-6 {
    height: 50%;
  }
  .grid-y > .xlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xlarge-9 {
    height: 75%;
  }
  .grid-y > .xlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xlarge-12 {
    height: 100%;
  }
}
@media screen and (min-width: 100em) {
  .grid-y > .xxlarge-auto {
    flex: 1 1 0;
    height: auto;
  }
  .grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink {
    flex: 0 0 auto;
  }
  .grid-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-y > .xxlarge-1 {
    height: 8.3333333333%;
  }
  .grid-y > .xxlarge-2 {
    height: 16.6666666667%;
  }
  .grid-y > .xxlarge-3 {
    height: 25%;
  }
  .grid-y > .xxlarge-4 {
    height: 33.3333333333%;
  }
  .grid-y > .xxlarge-5 {
    height: 41.6666666667%;
  }
  .grid-y > .xxlarge-6 {
    height: 50%;
  }
  .grid-y > .xxlarge-7 {
    height: 58.3333333333%;
  }
  .grid-y > .xxlarge-8 {
    height: 66.6666666667%;
  }
  .grid-y > .xxlarge-9 {
    height: 75%;
  }
  .grid-y > .xxlarge-10 {
    height: 83.3333333333%;
  }
  .grid-y > .xxlarge-11 {
    height: 91.6666666667%;
  }
  .grid-y > .xxlarge-12 {
    height: 100%;
  }
}

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y .grid-padding-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-padding-y > .cell {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 100em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100vw;
}

.cell .grid-frame {
  width: 100%;
}

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.cell-block-container > .grid-x {
  max-height: 100%;
  flex-wrap: nowrap;
}

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .medium-grid-frame {
    width: 100%;
  }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .medium-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .medium-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .large-grid-frame {
    width: 100%;
  }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .large-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .large-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xlarge-grid-frame {
    width: 100%;
  }
  .xlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100vw;
  }
  .cell .xxlarge-grid-frame {
    width: 100%;
  }
  .xxlarge-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .xxlarge-cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%;
  }
  .xxlarge-cell-block-container > .grid-x {
    max-height: 100%;
    flex-wrap: nowrap;
  }
  .xxlarge-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.grid-y.grid-frame {
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  width: auto;
}
@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-y.large-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 75em) {
  .grid-y.xlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}
@media screen and (min-width: 100em) {
  .grid-y.xxlarge-grid-frame {
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100vh;
    width: auto;
  }
}

.cell .grid-y.grid-frame {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .cell .grid-y.large-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .cell .grid-y.xlarge-grid-frame {
    height: 100%;
  }
}
@media screen and (min-width: 100em) {
  .cell .grid-y.xxlarge-grid-frame {
    height: 100%;
  }
}

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y {
    margin-top: -0.9375rem;
    margin-bottom: -0.9375rem;
  }
}
.grid-margin-y > .cell {
  height: calc(100% - 1.25rem);
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .cell {
    height: calc(100% - 1.875rem);
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
.grid-margin-y > .auto {
  height: auto;
}
.grid-margin-y > .shrink {
  height: auto;
}
.grid-margin-y > .small-1 {
  height: calc(8.3333333333% - 1.25rem);
}
.grid-margin-y > .small-2 {
  height: calc(16.6666666667% - 1.25rem);
}
.grid-margin-y > .small-3 {
  height: calc(25% - 1.25rem);
}
.grid-margin-y > .small-4 {
  height: calc(33.3333333333% - 1.25rem);
}
.grid-margin-y > .small-5 {
  height: calc(41.6666666667% - 1.25rem);
}
.grid-margin-y > .small-6 {
  height: calc(50% - 1.25rem);
}
.grid-margin-y > .small-7 {
  height: calc(58.3333333333% - 1.25rem);
}
.grid-margin-y > .small-8 {
  height: calc(66.6666666667% - 1.25rem);
}
.grid-margin-y > .small-9 {
  height: calc(75% - 1.25rem);
}
.grid-margin-y > .small-10 {
  height: calc(83.3333333333% - 1.25rem);
}
.grid-margin-y > .small-11 {
  height: calc(91.6666666667% - 1.25rem);
}
.grid-margin-y > .small-12 {
  height: calc(100% - 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-margin-y > .auto {
    height: auto;
  }
  .grid-margin-y > .shrink {
    height: auto;
  }
  .grid-margin-y > .small-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .small-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .small-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .small-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .small-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.875rem);
  }
  .grid-margin-y > .medium-auto {
    height: auto;
  }
  .grid-margin-y > .medium-shrink {
    height: auto;
  }
  .grid-margin-y > .medium-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .medium-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .medium-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .medium-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .medium-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .medium-12 {
    height: calc(100% - 1.875rem);
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-margin-y > .large-auto {
    height: auto;
  }
  .grid-margin-y > .large-shrink {
    height: auto;
  }
  .grid-margin-y > .large-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .large-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .large-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .large-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .large-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .large-12 {
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y > .xlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xlarge-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .xlarge-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .xlarge-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .xlarge-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xlarge-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xlarge-12 {
    height: calc(100% - 1.875rem);
  }
}
@media screen and (min-width: 100em) {
  .grid-margin-y > .xxlarge-auto {
    height: auto;
  }
  .grid-margin-y > .xxlarge-shrink {
    height: auto;
  }
  .grid-margin-y > .xxlarge-1 {
    height: calc(8.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-2 {
    height: calc(16.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-3 {
    height: calc(25% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-4 {
    height: calc(33.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-5 {
    height: calc(41.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-6 {
    height: calc(50% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-7 {
    height: calc(58.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-8 {
    height: calc(66.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-9 {
    height: calc(75% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-10 {
    height: calc(83.3333333333% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-11 {
    height: calc(91.6666666667% - 1.875rem);
  }
  .grid-margin-y > .xxlarge-12 {
    height: calc(100% - 1.875rem);
  }
}

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem);
}
@media print, screen and (min-width: 40em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}
@media screen and (min-width: 100em) {
  .grid-frame.grid-margin-y {
    height: calc(100vh + 1.875rem);
  }
}

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media print, screen and (min-width: 64.0625em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media screen and (min-width: 75em) {
  .grid-margin-y.xlarge-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
@media screen and (min-width: 100em) {
  .grid-margin-y.xxlarge-grid-frame {
    height: calc(100vh + 1.875rem);
  }
}
.margin-0 {
  margin: 0px !important;
}

.margin-top-0 {
  margin-top: 0px !important;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.margin-left-0 {
  margin-left: 0px !important;
}

.margin-horizontal-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.margin-vertical-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.padding-0 {
  padding: 0px !important;
}

.padding-top-0 {
  padding-top: 0px !important;
}

.padding-right-0 {
  padding-right: 0px !important;
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

.padding-left-0 {
  padding-left: 0px !important;
}

.padding-horizontal-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.padding-vertical-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.margin-1 {
  margin: 20px !important;
}

.margin-top-1 {
  margin-top: 20px !important;
}

.margin-right-1 {
  margin-right: 20px !important;
}

.margin-bottom-1 {
  margin-bottom: 20px !important;
}

.margin-left-1 {
  margin-left: 20px !important;
}

.margin-horizontal-1 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.margin-vertical-1 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.padding-1 {
  padding: 20px !important;
}

.padding-top-1 {
  padding-top: 20px !important;
}

.padding-right-1 {
  padding-right: 20px !important;
}

.padding-bottom-1 {
  padding-bottom: 20px !important;
}

.padding-left-1 {
  padding-left: 20px !important;
}

.padding-horizontal-1 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.padding-vertical-1 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.margin-2 {
  margin: 40px !important;
}

.margin-top-2 {
  margin-top: 40px !important;
}

.margin-right-2 {
  margin-right: 40px !important;
}

.margin-bottom-2 {
  margin-bottom: 40px !important;
}

.margin-left-2 {
  margin-left: 40px !important;
}

.margin-horizontal-2 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.margin-vertical-2 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.padding-2 {
  padding: 40px !important;
}

.padding-top-2 {
  padding-top: 40px !important;
}

.padding-right-2 {
  padding-right: 40px !important;
}

.padding-bottom-2 {
  padding-bottom: 40px !important;
}

.padding-left-2 {
  padding-left: 40px !important;
}

.padding-horizontal-2 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.padding-vertical-2 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.margin-3 {
  margin: 60px !important;
}

.margin-top-3 {
  margin-top: 60px !important;
}

.margin-right-3 {
  margin-right: 60px !important;
}

.margin-bottom-3 {
  margin-bottom: 60px !important;
}

.margin-left-3 {
  margin-left: 60px !important;
}

.margin-horizontal-3 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.margin-vertical-3 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.padding-3 {
  padding: 60px !important;
}

.padding-top-3 {
  padding-top: 60px !important;
}

.padding-right-3 {
  padding-right: 60px !important;
}

.padding-bottom-3 {
  padding-bottom: 60px !important;
}

.padding-left-3 {
  padding-left: 60px !important;
}

.padding-horizontal-3 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.padding-vertical-3 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.margin-4 {
  margin: 80px !important;
}

.margin-top-4 {
  margin-top: 80px !important;
}

.margin-right-4 {
  margin-right: 80px !important;
}

.margin-bottom-4 {
  margin-bottom: 80px !important;
}

.margin-left-4 {
  margin-left: 80px !important;
}

.margin-horizontal-4 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.margin-vertical-4 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.padding-4 {
  padding: 80px !important;
}

.padding-top-4 {
  padding-top: 80px !important;
}

.padding-right-4 {
  padding-right: 80px !important;
}

.padding-bottom-4 {
  padding-bottom: 80px !important;
}

.padding-left-4 {
  padding-left: 80px !important;
}

.padding-horizontal-4 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.padding-vertical-4 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.margin-5 {
  margin: 100px !important;
}

.margin-top-5 {
  margin-top: 100px !important;
}

.margin-right-5 {
  margin-right: 100px !important;
}

.margin-bottom-5 {
  margin-bottom: 100px !important;
}

.margin-left-5 {
  margin-left: 100px !important;
}

.margin-horizontal-5 {
  margin-right: 100px !important;
  margin-left: 100px !important;
}

.margin-vertical-5 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.padding-5 {
  padding: 100px !important;
}

.padding-top-5 {
  padding-top: 100px !important;
}

.padding-right-5 {
  padding-right: 100px !important;
}

.padding-bottom-5 {
  padding-bottom: 100px !important;
}

.padding-left-5 {
  padding-left: 100px !important;
}

.padding-horizontal-5 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

.padding-vertical-5 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.margin-6 {
  margin: 120px !important;
}

.margin-top-6 {
  margin-top: 120px !important;
}

.margin-right-6 {
  margin-right: 120px !important;
}

.margin-bottom-6 {
  margin-bottom: 120px !important;
}

.margin-left-6 {
  margin-left: 120px !important;
}

.margin-horizontal-6 {
  margin-right: 120px !important;
  margin-left: 120px !important;
}

.margin-vertical-6 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.padding-6 {
  padding: 120px !important;
}

.padding-top-6 {
  padding-top: 120px !important;
}

.padding-right-6 {
  padding-right: 120px !important;
}

.padding-bottom-6 {
  padding-bottom: 120px !important;
}

.padding-left-6 {
  padding-left: 120px !important;
}

.padding-horizontal-6 {
  padding-right: 120px !important;
  padding-left: 120px !important;
}

.padding-vertical-6 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.margin-7 {
  margin: 140px !important;
}

.margin-top-7 {
  margin-top: 140px !important;
}

.margin-right-7 {
  margin-right: 140px !important;
}

.margin-bottom-7 {
  margin-bottom: 140px !important;
}

.margin-left-7 {
  margin-left: 140px !important;
}

.margin-horizontal-7 {
  margin-right: 140px !important;
  margin-left: 140px !important;
}

.margin-vertical-7 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.padding-7 {
  padding: 140px !important;
}

.padding-top-7 {
  padding-top: 140px !important;
}

.padding-right-7 {
  padding-right: 140px !important;
}

.padding-bottom-7 {
  padding-bottom: 140px !important;
}

.padding-left-7 {
  padding-left: 140px !important;
}

.padding-horizontal-7 {
  padding-right: 140px !important;
  padding-left: 140px !important;
}

.padding-vertical-7 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.margin-8 {
  margin: 160px !important;
}

.margin-top-8 {
  margin-top: 160px !important;
}

.margin-right-8 {
  margin-right: 160px !important;
}

.margin-bottom-8 {
  margin-bottom: 160px !important;
}

.margin-left-8 {
  margin-left: 160px !important;
}

.margin-horizontal-8 {
  margin-right: 160px !important;
  margin-left: 160px !important;
}

.margin-vertical-8 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.padding-8 {
  padding: 160px !important;
}

.padding-top-8 {
  padding-top: 160px !important;
}

.padding-right-8 {
  padding-right: 160px !important;
}

.padding-bottom-8 {
  padding-bottom: 160px !important;
}

.padding-left-8 {
  padding-left: 160px !important;
}

.padding-horizontal-8 {
  padding-right: 160px !important;
  padding-left: 160px !important;
}

.padding-vertical-8 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

@media print, screen and (min-width: 40em) {
  .medium-margin-0 {
    margin: 0px !important;
  }
  .medium-margin-top-0 {
    margin-top: 0px !important;
  }
  .medium-margin-right-0 {
    margin-right: 0px !important;
  }
  .medium-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
  .medium-margin-left-0 {
    margin-left: 0px !important;
  }
  .medium-margin-horizontal-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .medium-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .medium-padding-0 {
    padding: 0px !important;
  }
  .medium-padding-top-0 {
    padding-top: 0px !important;
  }
  .medium-padding-right-0 {
    padding-right: 0px !important;
  }
  .medium-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
  .medium-padding-left-0 {
    padding-left: 0px !important;
  }
  .medium-padding-horizontal-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .medium-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-0 {
    margin: 0px !important;
  }
  .large-margin-top-0 {
    margin-top: 0px !important;
  }
  .large-margin-right-0 {
    margin-right: 0px !important;
  }
  .large-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
  .large-margin-left-0 {
    margin-left: 0px !important;
  }
  .large-margin-horizontal-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .large-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .large-padding-0 {
    padding: 0px !important;
  }
  .large-padding-top-0 {
    padding-top: 0px !important;
  }
  .large-padding-right-0 {
    padding-right: 0px !important;
  }
  .large-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
  .large-padding-left-0 {
    padding-left: 0px !important;
  }
  .large-padding-horizontal-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .large-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-0 {
    margin: 0px !important;
  }
  .xlarge-margin-top-0 {
    margin-top: 0px !important;
  }
  .xlarge-margin-right-0 {
    margin-right: 0px !important;
  }
  .xlarge-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
  .xlarge-margin-left-0 {
    margin-left: 0px !important;
  }
  .xlarge-margin-horizontal-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .xlarge-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .xlarge-padding-0 {
    padding: 0px !important;
  }
  .xlarge-padding-top-0 {
    padding-top: 0px !important;
  }
  .xlarge-padding-right-0 {
    padding-right: 0px !important;
  }
  .xlarge-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
  .xlarge-padding-left-0 {
    padding-left: 0px !important;
  }
  .xlarge-padding-horizontal-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .xlarge-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-0 {
    margin: 0px !important;
  }
  .xxlarge-margin-top-0 {
    margin-top: 0px !important;
  }
  .xxlarge-margin-right-0 {
    margin-right: 0px !important;
  }
  .xxlarge-margin-bottom-0 {
    margin-bottom: 0px !important;
  }
  .xxlarge-margin-left-0 {
    margin-left: 0px !important;
  }
  .xxlarge-margin-horizontal-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .xxlarge-margin-vertical-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .xxlarge-padding-0 {
    padding: 0px !important;
  }
  .xxlarge-padding-top-0 {
    padding-top: 0px !important;
  }
  .xxlarge-padding-right-0 {
    padding-right: 0px !important;
  }
  .xxlarge-padding-bottom-0 {
    padding-bottom: 0px !important;
  }
  .xxlarge-padding-left-0 {
    padding-left: 0px !important;
  }
  .xxlarge-padding-horizontal-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .xxlarge-padding-vertical-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-1 {
    margin: 20px !important;
  }
  .medium-margin-top-1 {
    margin-top: 20px !important;
  }
  .medium-margin-right-1 {
    margin-right: 20px !important;
  }
  .medium-margin-bottom-1 {
    margin-bottom: 20px !important;
  }
  .medium-margin-left-1 {
    margin-left: 20px !important;
  }
  .medium-margin-horizontal-1 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .medium-margin-vertical-1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .medium-padding-1 {
    padding: 20px !important;
  }
  .medium-padding-top-1 {
    padding-top: 20px !important;
  }
  .medium-padding-right-1 {
    padding-right: 20px !important;
  }
  .medium-padding-bottom-1 {
    padding-bottom: 20px !important;
  }
  .medium-padding-left-1 {
    padding-left: 20px !important;
  }
  .medium-padding-horizontal-1 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .medium-padding-vertical-1 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-1 {
    margin: 20px !important;
  }
  .large-margin-top-1 {
    margin-top: 20px !important;
  }
  .large-margin-right-1 {
    margin-right: 20px !important;
  }
  .large-margin-bottom-1 {
    margin-bottom: 20px !important;
  }
  .large-margin-left-1 {
    margin-left: 20px !important;
  }
  .large-margin-horizontal-1 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .large-margin-vertical-1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .large-padding-1 {
    padding: 20px !important;
  }
  .large-padding-top-1 {
    padding-top: 20px !important;
  }
  .large-padding-right-1 {
    padding-right: 20px !important;
  }
  .large-padding-bottom-1 {
    padding-bottom: 20px !important;
  }
  .large-padding-left-1 {
    padding-left: 20px !important;
  }
  .large-padding-horizontal-1 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .large-padding-vertical-1 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-1 {
    margin: 20px !important;
  }
  .xlarge-margin-top-1 {
    margin-top: 20px !important;
  }
  .xlarge-margin-right-1 {
    margin-right: 20px !important;
  }
  .xlarge-margin-bottom-1 {
    margin-bottom: 20px !important;
  }
  .xlarge-margin-left-1 {
    margin-left: 20px !important;
  }
  .xlarge-margin-horizontal-1 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .xlarge-margin-vertical-1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .xlarge-padding-1 {
    padding: 20px !important;
  }
  .xlarge-padding-top-1 {
    padding-top: 20px !important;
  }
  .xlarge-padding-right-1 {
    padding-right: 20px !important;
  }
  .xlarge-padding-bottom-1 {
    padding-bottom: 20px !important;
  }
  .xlarge-padding-left-1 {
    padding-left: 20px !important;
  }
  .xlarge-padding-horizontal-1 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .xlarge-padding-vertical-1 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-1 {
    margin: 20px !important;
  }
  .xxlarge-margin-top-1 {
    margin-top: 20px !important;
  }
  .xxlarge-margin-right-1 {
    margin-right: 20px !important;
  }
  .xxlarge-margin-bottom-1 {
    margin-bottom: 20px !important;
  }
  .xxlarge-margin-left-1 {
    margin-left: 20px !important;
  }
  .xxlarge-margin-horizontal-1 {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .xxlarge-margin-vertical-1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .xxlarge-padding-1 {
    padding: 20px !important;
  }
  .xxlarge-padding-top-1 {
    padding-top: 20px !important;
  }
  .xxlarge-padding-right-1 {
    padding-right: 20px !important;
  }
  .xxlarge-padding-bottom-1 {
    padding-bottom: 20px !important;
  }
  .xxlarge-padding-left-1 {
    padding-left: 20px !important;
  }
  .xxlarge-padding-horizontal-1 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .xxlarge-padding-vertical-1 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-2 {
    margin: 40px !important;
  }
  .medium-margin-top-2 {
    margin-top: 40px !important;
  }
  .medium-margin-right-2 {
    margin-right: 40px !important;
  }
  .medium-margin-bottom-2 {
    margin-bottom: 40px !important;
  }
  .medium-margin-left-2 {
    margin-left: 40px !important;
  }
  .medium-margin-horizontal-2 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .medium-margin-vertical-2 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .medium-padding-2 {
    padding: 40px !important;
  }
  .medium-padding-top-2 {
    padding-top: 40px !important;
  }
  .medium-padding-right-2 {
    padding-right: 40px !important;
  }
  .medium-padding-bottom-2 {
    padding-bottom: 40px !important;
  }
  .medium-padding-left-2 {
    padding-left: 40px !important;
  }
  .medium-padding-horizontal-2 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .medium-padding-vertical-2 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-2 {
    margin: 40px !important;
  }
  .large-margin-top-2 {
    margin-top: 40px !important;
  }
  .large-margin-right-2 {
    margin-right: 40px !important;
  }
  .large-margin-bottom-2 {
    margin-bottom: 40px !important;
  }
  .large-margin-left-2 {
    margin-left: 40px !important;
  }
  .large-margin-horizontal-2 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .large-margin-vertical-2 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .large-padding-2 {
    padding: 40px !important;
  }
  .large-padding-top-2 {
    padding-top: 40px !important;
  }
  .large-padding-right-2 {
    padding-right: 40px !important;
  }
  .large-padding-bottom-2 {
    padding-bottom: 40px !important;
  }
  .large-padding-left-2 {
    padding-left: 40px !important;
  }
  .large-padding-horizontal-2 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .large-padding-vertical-2 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-2 {
    margin: 40px !important;
  }
  .xlarge-margin-top-2 {
    margin-top: 40px !important;
  }
  .xlarge-margin-right-2 {
    margin-right: 40px !important;
  }
  .xlarge-margin-bottom-2 {
    margin-bottom: 40px !important;
  }
  .xlarge-margin-left-2 {
    margin-left: 40px !important;
  }
  .xlarge-margin-horizontal-2 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .xlarge-margin-vertical-2 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xlarge-padding-2 {
    padding: 40px !important;
  }
  .xlarge-padding-top-2 {
    padding-top: 40px !important;
  }
  .xlarge-padding-right-2 {
    padding-right: 40px !important;
  }
  .xlarge-padding-bottom-2 {
    padding-bottom: 40px !important;
  }
  .xlarge-padding-left-2 {
    padding-left: 40px !important;
  }
  .xlarge-padding-horizontal-2 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .xlarge-padding-vertical-2 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-2 {
    margin: 40px !important;
  }
  .xxlarge-margin-top-2 {
    margin-top: 40px !important;
  }
  .xxlarge-margin-right-2 {
    margin-right: 40px !important;
  }
  .xxlarge-margin-bottom-2 {
    margin-bottom: 40px !important;
  }
  .xxlarge-margin-left-2 {
    margin-left: 40px !important;
  }
  .xxlarge-margin-horizontal-2 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .xxlarge-margin-vertical-2 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .xxlarge-padding-2 {
    padding: 40px !important;
  }
  .xxlarge-padding-top-2 {
    padding-top: 40px !important;
  }
  .xxlarge-padding-right-2 {
    padding-right: 40px !important;
  }
  .xxlarge-padding-bottom-2 {
    padding-bottom: 40px !important;
  }
  .xxlarge-padding-left-2 {
    padding-left: 40px !important;
  }
  .xxlarge-padding-horizontal-2 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .xxlarge-padding-vertical-2 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-3 {
    margin: 60px !important;
  }
  .medium-margin-top-3 {
    margin-top: 60px !important;
  }
  .medium-margin-right-3 {
    margin-right: 60px !important;
  }
  .medium-margin-bottom-3 {
    margin-bottom: 60px !important;
  }
  .medium-margin-left-3 {
    margin-left: 60px !important;
  }
  .medium-margin-horizontal-3 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .medium-margin-vertical-3 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .medium-padding-3 {
    padding: 60px !important;
  }
  .medium-padding-top-3 {
    padding-top: 60px !important;
  }
  .medium-padding-right-3 {
    padding-right: 60px !important;
  }
  .medium-padding-bottom-3 {
    padding-bottom: 60px !important;
  }
  .medium-padding-left-3 {
    padding-left: 60px !important;
  }
  .medium-padding-horizontal-3 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .medium-padding-vertical-3 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-3 {
    margin: 60px !important;
  }
  .large-margin-top-3 {
    margin-top: 60px !important;
  }
  .large-margin-right-3 {
    margin-right: 60px !important;
  }
  .large-margin-bottom-3 {
    margin-bottom: 60px !important;
  }
  .large-margin-left-3 {
    margin-left: 60px !important;
  }
  .large-margin-horizontal-3 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .large-margin-vertical-3 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .large-padding-3 {
    padding: 60px !important;
  }
  .large-padding-top-3 {
    padding-top: 60px !important;
  }
  .large-padding-right-3 {
    padding-right: 60px !important;
  }
  .large-padding-bottom-3 {
    padding-bottom: 60px !important;
  }
  .large-padding-left-3 {
    padding-left: 60px !important;
  }
  .large-padding-horizontal-3 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .large-padding-vertical-3 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-3 {
    margin: 60px !important;
  }
  .xlarge-margin-top-3 {
    margin-top: 60px !important;
  }
  .xlarge-margin-right-3 {
    margin-right: 60px !important;
  }
  .xlarge-margin-bottom-3 {
    margin-bottom: 60px !important;
  }
  .xlarge-margin-left-3 {
    margin-left: 60px !important;
  }
  .xlarge-margin-horizontal-3 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .xlarge-margin-vertical-3 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .xlarge-padding-3 {
    padding: 60px !important;
  }
  .xlarge-padding-top-3 {
    padding-top: 60px !important;
  }
  .xlarge-padding-right-3 {
    padding-right: 60px !important;
  }
  .xlarge-padding-bottom-3 {
    padding-bottom: 60px !important;
  }
  .xlarge-padding-left-3 {
    padding-left: 60px !important;
  }
  .xlarge-padding-horizontal-3 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .xlarge-padding-vertical-3 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-3 {
    margin: 60px !important;
  }
  .xxlarge-margin-top-3 {
    margin-top: 60px !important;
  }
  .xxlarge-margin-right-3 {
    margin-right: 60px !important;
  }
  .xxlarge-margin-bottom-3 {
    margin-bottom: 60px !important;
  }
  .xxlarge-margin-left-3 {
    margin-left: 60px !important;
  }
  .xxlarge-margin-horizontal-3 {
    margin-right: 60px !important;
    margin-left: 60px !important;
  }
  .xxlarge-margin-vertical-3 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .xxlarge-padding-3 {
    padding: 60px !important;
  }
  .xxlarge-padding-top-3 {
    padding-top: 60px !important;
  }
  .xxlarge-padding-right-3 {
    padding-right: 60px !important;
  }
  .xxlarge-padding-bottom-3 {
    padding-bottom: 60px !important;
  }
  .xxlarge-padding-left-3 {
    padding-left: 60px !important;
  }
  .xxlarge-padding-horizontal-3 {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }
  .xxlarge-padding-vertical-3 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-4 {
    margin: 80px !important;
  }
  .medium-margin-top-4 {
    margin-top: 80px !important;
  }
  .medium-margin-right-4 {
    margin-right: 80px !important;
  }
  .medium-margin-bottom-4 {
    margin-bottom: 80px !important;
  }
  .medium-margin-left-4 {
    margin-left: 80px !important;
  }
  .medium-margin-horizontal-4 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .medium-margin-vertical-4 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .medium-padding-4 {
    padding: 80px !important;
  }
  .medium-padding-top-4 {
    padding-top: 80px !important;
  }
  .medium-padding-right-4 {
    padding-right: 80px !important;
  }
  .medium-padding-bottom-4 {
    padding-bottom: 80px !important;
  }
  .medium-padding-left-4 {
    padding-left: 80px !important;
  }
  .medium-padding-horizontal-4 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .medium-padding-vertical-4 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-4 {
    margin: 80px !important;
  }
  .large-margin-top-4 {
    margin-top: 80px !important;
  }
  .large-margin-right-4 {
    margin-right: 80px !important;
  }
  .large-margin-bottom-4 {
    margin-bottom: 80px !important;
  }
  .large-margin-left-4 {
    margin-left: 80px !important;
  }
  .large-margin-horizontal-4 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .large-margin-vertical-4 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .large-padding-4 {
    padding: 80px !important;
  }
  .large-padding-top-4 {
    padding-top: 80px !important;
  }
  .large-padding-right-4 {
    padding-right: 80px !important;
  }
  .large-padding-bottom-4 {
    padding-bottom: 80px !important;
  }
  .large-padding-left-4 {
    padding-left: 80px !important;
  }
  .large-padding-horizontal-4 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .large-padding-vertical-4 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-4 {
    margin: 80px !important;
  }
  .xlarge-margin-top-4 {
    margin-top: 80px !important;
  }
  .xlarge-margin-right-4 {
    margin-right: 80px !important;
  }
  .xlarge-margin-bottom-4 {
    margin-bottom: 80px !important;
  }
  .xlarge-margin-left-4 {
    margin-left: 80px !important;
  }
  .xlarge-margin-horizontal-4 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .xlarge-margin-vertical-4 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .xlarge-padding-4 {
    padding: 80px !important;
  }
  .xlarge-padding-top-4 {
    padding-top: 80px !important;
  }
  .xlarge-padding-right-4 {
    padding-right: 80px !important;
  }
  .xlarge-padding-bottom-4 {
    padding-bottom: 80px !important;
  }
  .xlarge-padding-left-4 {
    padding-left: 80px !important;
  }
  .xlarge-padding-horizontal-4 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .xlarge-padding-vertical-4 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-4 {
    margin: 80px !important;
  }
  .xxlarge-margin-top-4 {
    margin-top: 80px !important;
  }
  .xxlarge-margin-right-4 {
    margin-right: 80px !important;
  }
  .xxlarge-margin-bottom-4 {
    margin-bottom: 80px !important;
  }
  .xxlarge-margin-left-4 {
    margin-left: 80px !important;
  }
  .xxlarge-margin-horizontal-4 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .xxlarge-margin-vertical-4 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .xxlarge-padding-4 {
    padding: 80px !important;
  }
  .xxlarge-padding-top-4 {
    padding-top: 80px !important;
  }
  .xxlarge-padding-right-4 {
    padding-right: 80px !important;
  }
  .xxlarge-padding-bottom-4 {
    padding-bottom: 80px !important;
  }
  .xxlarge-padding-left-4 {
    padding-left: 80px !important;
  }
  .xxlarge-padding-horizontal-4 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .xxlarge-padding-vertical-4 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-5 {
    margin: 100px !important;
  }
  .medium-margin-top-5 {
    margin-top: 100px !important;
  }
  .medium-margin-right-5 {
    margin-right: 100px !important;
  }
  .medium-margin-bottom-5 {
    margin-bottom: 100px !important;
  }
  .medium-margin-left-5 {
    margin-left: 100px !important;
  }
  .medium-margin-horizontal-5 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .medium-margin-vertical-5 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .medium-padding-5 {
    padding: 100px !important;
  }
  .medium-padding-top-5 {
    padding-top: 100px !important;
  }
  .medium-padding-right-5 {
    padding-right: 100px !important;
  }
  .medium-padding-bottom-5 {
    padding-bottom: 100px !important;
  }
  .medium-padding-left-5 {
    padding-left: 100px !important;
  }
  .medium-padding-horizontal-5 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .medium-padding-vertical-5 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-5 {
    margin: 100px !important;
  }
  .large-margin-top-5 {
    margin-top: 100px !important;
  }
  .large-margin-right-5 {
    margin-right: 100px !important;
  }
  .large-margin-bottom-5 {
    margin-bottom: 100px !important;
  }
  .large-margin-left-5 {
    margin-left: 100px !important;
  }
  .large-margin-horizontal-5 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .large-margin-vertical-5 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .large-padding-5 {
    padding: 100px !important;
  }
  .large-padding-top-5 {
    padding-top: 100px !important;
  }
  .large-padding-right-5 {
    padding-right: 100px !important;
  }
  .large-padding-bottom-5 {
    padding-bottom: 100px !important;
  }
  .large-padding-left-5 {
    padding-left: 100px !important;
  }
  .large-padding-horizontal-5 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .large-padding-vertical-5 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-5 {
    margin: 100px !important;
  }
  .xlarge-margin-top-5 {
    margin-top: 100px !important;
  }
  .xlarge-margin-right-5 {
    margin-right: 100px !important;
  }
  .xlarge-margin-bottom-5 {
    margin-bottom: 100px !important;
  }
  .xlarge-margin-left-5 {
    margin-left: 100px !important;
  }
  .xlarge-margin-horizontal-5 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .xlarge-margin-vertical-5 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .xlarge-padding-5 {
    padding: 100px !important;
  }
  .xlarge-padding-top-5 {
    padding-top: 100px !important;
  }
  .xlarge-padding-right-5 {
    padding-right: 100px !important;
  }
  .xlarge-padding-bottom-5 {
    padding-bottom: 100px !important;
  }
  .xlarge-padding-left-5 {
    padding-left: 100px !important;
  }
  .xlarge-padding-horizontal-5 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .xlarge-padding-vertical-5 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-5 {
    margin: 100px !important;
  }
  .xxlarge-margin-top-5 {
    margin-top: 100px !important;
  }
  .xxlarge-margin-right-5 {
    margin-right: 100px !important;
  }
  .xxlarge-margin-bottom-5 {
    margin-bottom: 100px !important;
  }
  .xxlarge-margin-left-5 {
    margin-left: 100px !important;
  }
  .xxlarge-margin-horizontal-5 {
    margin-right: 100px !important;
    margin-left: 100px !important;
  }
  .xxlarge-margin-vertical-5 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }
  .xxlarge-padding-5 {
    padding: 100px !important;
  }
  .xxlarge-padding-top-5 {
    padding-top: 100px !important;
  }
  .xxlarge-padding-right-5 {
    padding-right: 100px !important;
  }
  .xxlarge-padding-bottom-5 {
    padding-bottom: 100px !important;
  }
  .xxlarge-padding-left-5 {
    padding-left: 100px !important;
  }
  .xxlarge-padding-horizontal-5 {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .xxlarge-padding-vertical-5 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-6 {
    margin: 120px !important;
  }
  .medium-margin-top-6 {
    margin-top: 120px !important;
  }
  .medium-margin-right-6 {
    margin-right: 120px !important;
  }
  .medium-margin-bottom-6 {
    margin-bottom: 120px !important;
  }
  .medium-margin-left-6 {
    margin-left: 120px !important;
  }
  .medium-margin-horizontal-6 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .medium-margin-vertical-6 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .medium-padding-6 {
    padding: 120px !important;
  }
  .medium-padding-top-6 {
    padding-top: 120px !important;
  }
  .medium-padding-right-6 {
    padding-right: 120px !important;
  }
  .medium-padding-bottom-6 {
    padding-bottom: 120px !important;
  }
  .medium-padding-left-6 {
    padding-left: 120px !important;
  }
  .medium-padding-horizontal-6 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .medium-padding-vertical-6 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-6 {
    margin: 120px !important;
  }
  .large-margin-top-6 {
    margin-top: 120px !important;
  }
  .large-margin-right-6 {
    margin-right: 120px !important;
  }
  .large-margin-bottom-6 {
    margin-bottom: 120px !important;
  }
  .large-margin-left-6 {
    margin-left: 120px !important;
  }
  .large-margin-horizontal-6 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .large-margin-vertical-6 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .large-padding-6 {
    padding: 120px !important;
  }
  .large-padding-top-6 {
    padding-top: 120px !important;
  }
  .large-padding-right-6 {
    padding-right: 120px !important;
  }
  .large-padding-bottom-6 {
    padding-bottom: 120px !important;
  }
  .large-padding-left-6 {
    padding-left: 120px !important;
  }
  .large-padding-horizontal-6 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .large-padding-vertical-6 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-6 {
    margin: 120px !important;
  }
  .xlarge-margin-top-6 {
    margin-top: 120px !important;
  }
  .xlarge-margin-right-6 {
    margin-right: 120px !important;
  }
  .xlarge-margin-bottom-6 {
    margin-bottom: 120px !important;
  }
  .xlarge-margin-left-6 {
    margin-left: 120px !important;
  }
  .xlarge-margin-horizontal-6 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .xlarge-margin-vertical-6 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .xlarge-padding-6 {
    padding: 120px !important;
  }
  .xlarge-padding-top-6 {
    padding-top: 120px !important;
  }
  .xlarge-padding-right-6 {
    padding-right: 120px !important;
  }
  .xlarge-padding-bottom-6 {
    padding-bottom: 120px !important;
  }
  .xlarge-padding-left-6 {
    padding-left: 120px !important;
  }
  .xlarge-padding-horizontal-6 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .xlarge-padding-vertical-6 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-6 {
    margin: 120px !important;
  }
  .xxlarge-margin-top-6 {
    margin-top: 120px !important;
  }
  .xxlarge-margin-right-6 {
    margin-right: 120px !important;
  }
  .xxlarge-margin-bottom-6 {
    margin-bottom: 120px !important;
  }
  .xxlarge-margin-left-6 {
    margin-left: 120px !important;
  }
  .xxlarge-margin-horizontal-6 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }
  .xxlarge-margin-vertical-6 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .xxlarge-padding-6 {
    padding: 120px !important;
  }
  .xxlarge-padding-top-6 {
    padding-top: 120px !important;
  }
  .xxlarge-padding-right-6 {
    padding-right: 120px !important;
  }
  .xxlarge-padding-bottom-6 {
    padding-bottom: 120px !important;
  }
  .xxlarge-padding-left-6 {
    padding-left: 120px !important;
  }
  .xxlarge-padding-horizontal-6 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }
  .xxlarge-padding-vertical-6 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-7 {
    margin: 140px !important;
  }
  .medium-margin-top-7 {
    margin-top: 140px !important;
  }
  .medium-margin-right-7 {
    margin-right: 140px !important;
  }
  .medium-margin-bottom-7 {
    margin-bottom: 140px !important;
  }
  .medium-margin-left-7 {
    margin-left: 140px !important;
  }
  .medium-margin-horizontal-7 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .medium-margin-vertical-7 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .medium-padding-7 {
    padding: 140px !important;
  }
  .medium-padding-top-7 {
    padding-top: 140px !important;
  }
  .medium-padding-right-7 {
    padding-right: 140px !important;
  }
  .medium-padding-bottom-7 {
    padding-bottom: 140px !important;
  }
  .medium-padding-left-7 {
    padding-left: 140px !important;
  }
  .medium-padding-horizontal-7 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .medium-padding-vertical-7 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-7 {
    margin: 140px !important;
  }
  .large-margin-top-7 {
    margin-top: 140px !important;
  }
  .large-margin-right-7 {
    margin-right: 140px !important;
  }
  .large-margin-bottom-7 {
    margin-bottom: 140px !important;
  }
  .large-margin-left-7 {
    margin-left: 140px !important;
  }
  .large-margin-horizontal-7 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .large-margin-vertical-7 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .large-padding-7 {
    padding: 140px !important;
  }
  .large-padding-top-7 {
    padding-top: 140px !important;
  }
  .large-padding-right-7 {
    padding-right: 140px !important;
  }
  .large-padding-bottom-7 {
    padding-bottom: 140px !important;
  }
  .large-padding-left-7 {
    padding-left: 140px !important;
  }
  .large-padding-horizontal-7 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .large-padding-vertical-7 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-7 {
    margin: 140px !important;
  }
  .xlarge-margin-top-7 {
    margin-top: 140px !important;
  }
  .xlarge-margin-right-7 {
    margin-right: 140px !important;
  }
  .xlarge-margin-bottom-7 {
    margin-bottom: 140px !important;
  }
  .xlarge-margin-left-7 {
    margin-left: 140px !important;
  }
  .xlarge-margin-horizontal-7 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .xlarge-margin-vertical-7 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .xlarge-padding-7 {
    padding: 140px !important;
  }
  .xlarge-padding-top-7 {
    padding-top: 140px !important;
  }
  .xlarge-padding-right-7 {
    padding-right: 140px !important;
  }
  .xlarge-padding-bottom-7 {
    padding-bottom: 140px !important;
  }
  .xlarge-padding-left-7 {
    padding-left: 140px !important;
  }
  .xlarge-padding-horizontal-7 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .xlarge-padding-vertical-7 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-7 {
    margin: 140px !important;
  }
  .xxlarge-margin-top-7 {
    margin-top: 140px !important;
  }
  .xxlarge-margin-right-7 {
    margin-right: 140px !important;
  }
  .xxlarge-margin-bottom-7 {
    margin-bottom: 140px !important;
  }
  .xxlarge-margin-left-7 {
    margin-left: 140px !important;
  }
  .xxlarge-margin-horizontal-7 {
    margin-right: 140px !important;
    margin-left: 140px !important;
  }
  .xxlarge-margin-vertical-7 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }
  .xxlarge-padding-7 {
    padding: 140px !important;
  }
  .xxlarge-padding-top-7 {
    padding-top: 140px !important;
  }
  .xxlarge-padding-right-7 {
    padding-right: 140px !important;
  }
  .xxlarge-padding-bottom-7 {
    padding-bottom: 140px !important;
  }
  .xxlarge-padding-left-7 {
    padding-left: 140px !important;
  }
  .xxlarge-padding-horizontal-7 {
    padding-right: 140px !important;
    padding-left: 140px !important;
  }
  .xxlarge-padding-vertical-7 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
}
@media print, screen and (min-width: 40em) {
  .medium-margin-8 {
    margin: 160px !important;
  }
  .medium-margin-top-8 {
    margin-top: 160px !important;
  }
  .medium-margin-right-8 {
    margin-right: 160px !important;
  }
  .medium-margin-bottom-8 {
    margin-bottom: 160px !important;
  }
  .medium-margin-left-8 {
    margin-left: 160px !important;
  }
  .medium-margin-horizontal-8 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .medium-margin-vertical-8 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .medium-padding-8 {
    padding: 160px !important;
  }
  .medium-padding-top-8 {
    padding-top: 160px !important;
  }
  .medium-padding-right-8 {
    padding-right: 160px !important;
  }
  .medium-padding-bottom-8 {
    padding-bottom: 160px !important;
  }
  .medium-padding-left-8 {
    padding-left: 160px !important;
  }
  .medium-padding-horizontal-8 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .medium-padding-vertical-8 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-margin-8 {
    margin: 160px !important;
  }
  .large-margin-top-8 {
    margin-top: 160px !important;
  }
  .large-margin-right-8 {
    margin-right: 160px !important;
  }
  .large-margin-bottom-8 {
    margin-bottom: 160px !important;
  }
  .large-margin-left-8 {
    margin-left: 160px !important;
  }
  .large-margin-horizontal-8 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .large-margin-vertical-8 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .large-padding-8 {
    padding: 160px !important;
  }
  .large-padding-top-8 {
    padding-top: 160px !important;
  }
  .large-padding-right-8 {
    padding-right: 160px !important;
  }
  .large-padding-bottom-8 {
    padding-bottom: 160px !important;
  }
  .large-padding-left-8 {
    padding-left: 160px !important;
  }
  .large-padding-horizontal-8 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .large-padding-vertical-8 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-margin-8 {
    margin: 160px !important;
  }
  .xlarge-margin-top-8 {
    margin-top: 160px !important;
  }
  .xlarge-margin-right-8 {
    margin-right: 160px !important;
  }
  .xlarge-margin-bottom-8 {
    margin-bottom: 160px !important;
  }
  .xlarge-margin-left-8 {
    margin-left: 160px !important;
  }
  .xlarge-margin-horizontal-8 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .xlarge-margin-vertical-8 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .xlarge-padding-8 {
    padding: 160px !important;
  }
  .xlarge-padding-top-8 {
    padding-top: 160px !important;
  }
  .xlarge-padding-right-8 {
    padding-right: 160px !important;
  }
  .xlarge-padding-bottom-8 {
    padding-bottom: 160px !important;
  }
  .xlarge-padding-left-8 {
    padding-left: 160px !important;
  }
  .xlarge-padding-horizontal-8 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .xlarge-padding-vertical-8 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-margin-8 {
    margin: 160px !important;
  }
  .xxlarge-margin-top-8 {
    margin-top: 160px !important;
  }
  .xxlarge-margin-right-8 {
    margin-right: 160px !important;
  }
  .xxlarge-margin-bottom-8 {
    margin-bottom: 160px !important;
  }
  .xxlarge-margin-left-8 {
    margin-left: 160px !important;
  }
  .xxlarge-margin-horizontal-8 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }
  .xxlarge-margin-vertical-8 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .xxlarge-padding-8 {
    padding: 160px !important;
  }
  .xxlarge-padding-top-8 {
    padding-top: 160px !important;
  }
  .xxlarge-padding-right-8 {
    padding-right: 160px !important;
  }
  .xxlarge-padding-bottom-8 {
    padding-bottom: 160px !important;
  }
  .xxlarge-padding-left-8 {
    padding-left: 160px !important;
  }
  .xxlarge-padding-horizontal-8 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }
  .xxlarge-padding-vertical-8 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
}
.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-center {
  justify-content: center;
}

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-order-1 {
    order: 1;
  }
  .xxlarge-order-2 {
    order: 2;
  }
  .xxlarge-order-3 {
    order: 3;
  }
  .xxlarge-order-4 {
    order: 4;
  }
  .xxlarge-order-5 {
    order: 5;
  }
  .xxlarge-order-6 {
    order: 6;
  }
}
.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

.flex-dir-row {
  flex-direction: row;
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: flex;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-flex-container {
    display: flex;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-flex-container {
    display: flex;
  }
  .xlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xlarge-flex-dir-row {
    flex-direction: row;
  }
  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xlarge-flex-dir-column {
    flex-direction: column;
  }
  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-flex-container {
    display: flex;
  }
  .xxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 64.06125em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64.0625em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64.0625em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 64.06125em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 64.06125em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.99875em), screen and (min-width: 100em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 100em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 99.99875em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 100em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 99.99875em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 100em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}
.grid-y > .shrink {
  width: auto;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
html.is-lock {
  overflow-y: hidden;
}

body {
  font-family: "Roboto", "Noto Sans TC", sans-serif;
  overflow-x: hidden;
  position: relative;
}
body.poem-bg {
  height: 100vh;
  background: url(/images/poem-bg.jpg) no-repeat;
  background-size: cover;
}

.enterWrap {
  z-index: 9;
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #000;
  text-align: center;
  overflow: hidden;
  padding: 120px 0;
}
@media print, screen and (max-width: 64.06125em) {
  .enterWrap {
    padding: 40px 0;
  }
}
.enterWrap .innerWrap {
  height: 100%;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .enterWrap .innerWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .enterWrap .innerWrap {
    justify-content: flex-start;
    align-items: center;
  }
}
.enterWrap .repeat {
  width: 756px;
  height: 392px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .enterWrap .repeat {
    zoom: 0.4;
  }
}
.enterWrap .repeat svg {
  position: absolute;
  right: 0;
  bottom: 0;
}
.enterWrap .repeat svg .cls-1 {
  fill: #000;
}
.enterWrap .repeat svg .cls-2 {
  fill: #c69c6d;
}
.enterWrap .repeat svg .repeatList > g {
  opacity: 0;
}
.enterWrap .company {
  margin-top: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .enterWrap .company {
    zoom: 0.4;
  }
}
.enterWrap .logo {
  margin-top: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .enterWrap .logo {
    zoom: 0.4;
  }
}
.enterWrap .scroll {
  margin-top: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .enterWrap .scroll {
    zoom: 0.8;
    margin-top: 20px;
  }
}
.enterWrap .scroll svg {
  cursor: pointer;
  transition: all 0.3s;
  overflow: visible;
}
.enterWrap .scroll svg:hover {
  opacity: 0.6;
}
.enterWrap .scroll svg .cls-5 {
  fill: none;
  stroke: #e8b356;
  stroke-linejoin: round;
}
.enterWrap .scroll svg .cls-6 {
  fill: #e8b356;
}
.enterWrap .god {
  position: absolute;
  top: 85px;
  right: 10px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .enterWrap .god {
    zoom: 0.8;
    top: 124px;
    right: -40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .enterWrap .god {
    width: 210px;
    top: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
  }
}
.enterWrap .flag {
  z-index: 4;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .enterWrap .flag {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .enterWrap .flag {
    width: 160px;
    bottom: 78px;
    right: -2px;
  }
}

.topmenu-bg {
  z-index: 48;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 140px;
  background-color: rgba(232, 179, 86, 0.9);
  opacity: 0;
  pointer-events: none;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.3s;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .topmenu-bg {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .topmenu-bg {
    height: 90px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .topmenu-bg {
    height: 65px;
  }
}
.topmenu-bg.is-show {
  transform: scaleY(0.7);
  opacity: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenu-bg.is-show {
    transform: scaleY(1);
  }
}
.topmenu-bg.is-red {
  background-color: #da4e36;
  opacity: 1;
  transform: scaleY(1);
}
.topmenu-bg.is-red.is-show {
  transform: scaleY(0.7);
  opacity: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenu-bg.is-red.is-show {
    transform: scaleY(1);
  }
}

.logo-fixed {
  z-index: 49;
  position: fixed;
  top: 20px;
  left: 60px;
  transition: all 0.3s;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .logo-fixed {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .logo-fixed {
    top: 10px;
    left: 25px;
  }
}
.logo-fixed.is-small {
  top: 15px;
  left: 30px;
  transform-origin: 26% top;
  transform: scale(0.7);
}
@media print, screen and (max-width: 64.06125em) {
  .logo-fixed.is-small {
    left: 0px;
    transform: scale(0.9);
    transform-origin: right top;
  }
}
.logo-fixed:not(.is-open).is-red .cls-1,
.logo-fixed:not(.is-open).is-red .cls-2,
.logo-fixed:not(.is-open).is-red .cls-3 {
  fill: #da4e36 !important;
}
.logo-fixed:not(.is-open).is-red g path {
  fill: #da4e36 !important;
}
.logo-fixed .cls-1,
.logo-fixed .cls-2 {
  fill: #fff;
  transition: all 0.3s;
}
.logo-fixed .cls-1 {
  fill-rule: evenodd;
}
.logo-fixed .cls-3 {
  fill: #fffcf3;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .logo-fixed svg {
    width: 35vw;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .logo-fixed svg {
    min-width: 190px;
    min-height: 35px;
  }
}

.topmenuWrap {
  z-index: 49;
  position: fixed;
  top: 35px;
  right: 60px;
  transition: all 0.3s;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .topmenuWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .topmenuWrap {
    top: 30px;
    right: 30px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .topmenuWrap {
    top: 20px;
  }
}
.topmenuWrap.is-hide {
  opacity: 0;
  pointer-events: none;
}
.topmenuWrap:not(.is-open).is-red .cart-container .member .cls-1 {
  fill: #da4e36;
}
.topmenuWrap:not(.is-open).is-red .cart-container .cart-area .num {
  background-color: #da4e36;
  color: #fff;
}
.topmenuWrap:not(.is-open).is-red .cart-container .cart-area .icon .cls-1 {
  stroke: #da4e36;
}
.topmenuWrap:not(.is-open).is-red .cart-container .cart-area .icon .cls-2 {
  fill: #da4e36;
}
.topmenuWrap:not(.is-open).is-red .search-formWrap input[type=text] {
  color: #da4e36;
  border-color: #da4e36;
}
.topmenuWrap:not(.is-open).is-red .search-formWrap input[type=text]::-webkit-input-placeholder {
  color: #da4e36;
}
.topmenuWrap:not(.is-open).is-red .search-formWrap .send .cls-1,
.topmenuWrap:not(.is-open).is-red .search-formWrap .send .cls-2 {
  stroke: #da4e36;
}
.topmenuWrap:not(.is-open).is-red .hamburger .cls-1 {
  stroke: #da4e36;
}
.topmenuWrap:not(.is-open).is-red .hamburger .cls-2 {
  fill: #da4e36;
}
.topmenuWrap:not(.is-open).is-red .hamburger line {
  stroke: #da4e36 !important;
}
.topmenuWrap:not(.is-open).is-red .hamburger .d {
  stroke: #da4e36 !important;
}
.topmenuWrap.is-small {
  top: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenuWrap.is-small {
    top: 30px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .topmenuWrap.is-small {
    top: 20px;
  }
}
.topmenuWrap.is-small .hamburger {
  transform: scale(0.9);
}
@media print, screen and (max-width: 64.06125em) {
  .topmenuWrap .cart-container {
    display: none;
  }
}
.topmenuWrap .cart-container .member {
  margin-right: 20px;
}
.topmenuWrap .cart-container .member .cls-1 {
  fill: #fff;
  transition: all 0.3s;
}
.topmenuWrap .cart-container .cart-area .num {
  font-weight: 500;
  font-size: 18px;
  color: #666;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topmenuWrap .cart-container .cart-area .icon {
  margin-left: 5px;
}
.topmenuWrap .cart-container .cart-area .icon .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-linecap: square;
  stroke-miterlimit: 10;
  stroke-width: 2.5px;
  transition: all 0.3s;
}
.topmenuWrap .cart-container .cart-area .icon .cls-2 {
  fill: #fff;
  transition: all 0.3s;
}
.topmenuWrap .search-formWrap {
  margin-left: 23px;
  max-width: 140px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenuWrap .search-formWrap {
    display: none;
  }
}
.topmenuWrap .search-formWrap input[type=text] {
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 3px 0;
  width: 100%;
  transition: all 0.3s;
}
.topmenuWrap .search-formWrap input[type=text]::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.topmenuWrap .search-formWrap .send {
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
  transition: all 0.3s;
}
.topmenuWrap .search-formWrap .send:hover {
  opacity: 0.6;
}
.topmenuWrap .search-formWrap .send .cls-1,
.topmenuWrap .search-formWrap .send .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
.topmenuWrap .search-formWrap .send .cls-2 {
  stroke-width: 0.88px;
}
.topmenuWrap .hamburger {
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  margin-left: 44px;
  transition: all 0.3s;
}
.topmenuWrap .hamburger:hover {
  opacity: 0.6;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenuWrap .hamburger {
    margin-left: 0px;
  }
}
.topmenuWrap .hamburger.is-open svg:nth-child(1) {
  opacity: 0;
}
.topmenuWrap .hamburger.is-open svg:nth-child(2) {
  opacity: 1;
}
.topmenuWrap .hamburger svg {
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenuWrap .hamburger svg {
    transform: scale(1.5);
  }
}
@media (max-width: 499px) {
  .topmenuWrap .hamburger svg {
    transform: scale(1.2);
  }
}
.topmenuWrap .hamburger svg:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.topmenuWrap .hamburger .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 1.5px;
  transition: all 0.3s;
}
.topmenuWrap .hamburger .cls-2 {
  fill: #fff;
  transition: all 0.3s;
}

.topmenuopenWrap {
  z-index: 48;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #da4e36;
  display: none;
}
.topmenuopenWrap .deco-1 {
  position: absolute;
  top: 29%;
  left: -208px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .topmenuopenWrap .deco-1 {
    zoom: 0.8;
  }
}
.topmenuopenWrap .deco-2 {
  position: absolute;
  top: 29%;
  right: -155px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .topmenuopenWrap .deco-2 {
    zoom: 0.8;
  }
}
.topmenuopenWrap .menu-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  flex-wrap: nowrap;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .topmenuopenWrap .menu-container {
    zoom: 0.8;
  }
}
.topmenuopenWrap .menu-container .col {
  margin-right: 110px;
}
.topmenuopenWrap .menu-container .col:last-child {
  margin-right: 0;
}
.topmenuopenWrap .menu-container .menu-item {
  margin-bottom: 60px;
}
.topmenuopenWrap .menu-container .menu-item:last-child {
  margin-bottom: 0;
}
.topmenuopenWrap .menu-container .menu-item:hover .en,
.topmenuopenWrap .menu-container .menu-item:hover .ch {
  color: #e8b356;
}
.topmenuopenWrap .menu-container .menu-item .en {
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 2px;
  line-height: 1.2;
  color: #fff;
  opacity: 0.4;
  margin-bottom: 12px;
  transition: all 0.3s;
}
.topmenuopenWrap .menu-container .menu-item .ch {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 8px;
  color: #fff;
  transition: all 0.3s;
}
.topmenuopenWrap .menu-container .menu-item .submenuList {
  border-left: 1px solid #e8b356;
  padding-left: 13px;
  margin-top: 30px;
}
.topmenuopenWrap .menu-container .menu-item .submenuList li {
  font-size: 18px;
  letter-spacing: 5px;
  color: #fff;
  transition: all 0.3s;
  margin-bottom: 20px;
}
.topmenuopenWrap .menu-container .menu-item .submenuList li:last-child {
  margin-bottom: 0;
}
.topmenuopenWrap .menu-container .menu-item .submenuList li:hover {
  color: #e8b356;
}
.topmenuopenWrap .menu-container .shareList a {
  cursor: pointer;
  transition: all 0.3s;
  margin-right: 16px;
}
.topmenuopenWrap .menu-container .shareList a:hover {
  opacity: 0.6;
}
.topmenuopenWrap .menu-container .shareList a:last-child {
  margin-right: 0;
}
.topmenuopenWrap .infoList {
  position: absolute;
  left: 60px;
  bottom: 50px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .topmenuopenWrap .infoList {
    zoom: 0.8;
  }
}
.topmenuopenWrap .infoList li {
  margin-bottom: 14px;
}
.topmenuopenWrap .infoList li:last-child {
  margin-bottom: 0;
}
.topmenuopenWrap .infoList .title {
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 1px;
  color: #f4cfb0;
  width: 50px;
}
.topmenuopenWrap .infoList .content {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}
.topmenuopenWrap .time-area {
  position: absolute;
  right: 60px;
  bottom: 50px;
  text-align: right;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .topmenuopenWrap .time-area {
    zoom: 0.8;
  }
}
.topmenuopenWrap .time-area .time {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}
.topmenuopenWrap .time-area .time i {
  letter-spacing: 4px;
  margin-right: 6px;
}
.topmenuopenWrap .time-area .address {
  font-size: 18px;
  letter-spacing: 9px;
  color: #f2f2f2;
  margin-top: 14px;
  position: relative;
  left: 9px;
}

.footerWrap {
  width: 100%;
  padding: 165px 13% 78px;
  position: relative;
  z-index: 1;
}
.footerWrap.is-fixed {
  position: fixed;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .footerWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .footerWrap {
    padding: 85px 9% 48px;
  }
}
.footerWrap .bg-area {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.footerWrap .bg-area .colorbox {
  background-color: #da4e36;
}
.footerWrap .bg-area .bg-top {
  height: 104px;
  transform: translateY(5px);
}
@media print, screen and (max-width: 64.06125em) {
  .footerWrap .bg-area .bg-top {
    height: auto;
  }
}
.footerWrap .bg-area .bg-top img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.footerWrap .deco-roof {
  z-index: -1;
  position: absolute;
  top: 138px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .footerWrap .deco-roof {
    top: 175px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .footerWrap .deco-roof {
    top: 25px;
  }
}
.footerWrap .deco-roof img {
  max-width: initial;
}
@media print, screen and (max-width: 99.99875em) {
  .footerWrap .deco-roof img {
    width: 100vw;
  }
}
.footerWrap .logo {
  text-align: center;
}
@media print, screen and (max-width: 39.99875em) {
  .footerWrap .logo img {
    width: 70%;
  }
}
.footerWrap .info-container {
  margin-top: 90px;
}
@media print, screen and (max-width: 64.06125em) {
  .footerWrap .info-container {
    margin-top: 50px;
  }
}
.footerWrap .info-container .info-area .infoList li {
  margin-bottom: 14px;
}
.footerWrap .info-container .info-area .infoList li:last-child {
  margin-bottom: 0;
}
.footerWrap .info-container .info-area .infoList .title {
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 1px;
  color: #f4cfb0;
  width: 50px;
}
.footerWrap .info-container .info-area .infoList .content {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
}
.footerWrap .info-container .info-area .shareList {
  margin-top: 26px;
}
.footerWrap .info-container .info-area .shareList a {
  cursor: pointer;
  transition: all 0.3s;
  margin-right: 15px;
}
.footerWrap .info-container .info-area .shareList a:hover {
  opacity: 0.6;
}
.footerWrap .info-container .info-area .shareList a:last-child {
  margin-right: 0;
}
.footerWrap .info-container .time-area {
  text-align: right;
}
.footerWrap .info-container .time-area .time {
  font-weight: 500;
  font-size: 20px;
  color: #fff;
}
.footerWrap .info-container .time-area .time i {
  letter-spacing: 4px;
  margin-right: 6px;
}
.footerWrap .info-container .time-area .address {
  font-size: 18px;
  letter-spacing: 9px;
  color: #f2f2f2;
  margin-top: 14px;
}
.footerWrap .info-container .time-area .copyright {
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
  margin-top: 25px;
}
.footerWrap .info-container .time-area .copyright a {
  font-size: 12px;
  opacity: 0.5;
  display: block;
}
.footerWrap .info-container.mobile .time-area {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px #e8b356 solid;
  margin-bottom: 15px;
}
.footerWrap .info-container.mobile .time-area .time {
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}
.footerWrap .info-container.mobile .time-area .time i {
  letter-spacing: 4px;
  margin-right: 6px;
}
.footerWrap .info-container.mobile .time-area .address {
  font-size: 14px;
  letter-spacing: 6px;
  color: #f2f2f2;
  margin-top: 14px;
}
.footerWrap .info-container.mobile .time-area .shareList {
  margin-bottom: 60px;
}
.footerWrap .info-container.mobile .time-area .shareList a {
  cursor: pointer;
  transition: all 0.3s;
  margin-right: 15px;
}
.footerWrap .info-container.mobile .time-area .shareList a:hover {
  opacity: 0.6;
}
.footerWrap .info-container.mobile .time-area .shareList a:last-child {
  margin-right: 0;
}
.footerWrap .info-container.mobile .info-area {
  text-align: center;
}
.footerWrap .info-container.mobile .info-area .infoList {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footerWrap .info-container.mobile .info-area .infoList li {
  width: 320px;
  margin-bottom: 14px;
}
.footerWrap .info-container.mobile .info-area .infoList li:last-child {
  margin-bottom: 0;
}
.footerWrap .info-container.mobile .info-area .infoList .title {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 1px;
  color: #f4cfb0;
  width: 50px;
}
.footerWrap .info-container.mobile .info-area .infoList .content {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
}
.footerWrap .info-container.mobile .info-area .infoList .content span {
  color: #e8b356;
  margin: 0 8px;
}
.footerWrap .info-container.mobile .info-area .copyright {
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
  margin-top: 25px;
}
.footerWrap .info-container.mobile .info-area .copyright a {
  font-size: 12px;
  opacity: 0.5;
  display: block;
}

.mobile-topmenuopenWrap {
  display: none;
  z-index: 79;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #da4e36;
  padding: 15px 20px 70px;
}
.mobile-topmenuopenWrap .deco-1 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.mobile-topmenuopenWrap .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.mobile-topmenuopenWrap .logo {
  margin-bottom: 43px;
}
.mobile-topmenuopenWrap .search-container {
  margin: 47px 0 60px;
}
.mobile-topmenuopenWrap .cart-container {
  margin-left: 30px;
}
.mobile-topmenuopenWrap .cart-container .member {
  margin-right: 20px;
}
.mobile-topmenuopenWrap .cart-container .member .cls-1 {
  fill: #fff;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .cart-container .cart-area .num {
  font-weight: 500;
  font-size: 13px;
  color: #666;
  width: 17px;
  height: 17px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-topmenuopenWrap .cart-container .cart-area .icon {
  margin-left: 5px;
}
.mobile-topmenuopenWrap .cart-container .cart-area .icon .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-linecap: square;
  stroke-miterlimit: 10;
  stroke-width: 2.5px;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .cart-container .cart-area .icon .cls-2 {
  fill: #fff;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .search-formWrap {
  max-width: 145px;
  position: relative;
}
.mobile-topmenuopenWrap .search-formWrap input[type=text] {
  font-weight: 300;
  font-size: 15px;
  color: #fff;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 3px 0;
  width: 100%;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .search-formWrap input[type=text]::-webkit-input-placeholder {
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .search-formWrap .send {
  position: absolute;
  top: 2px;
  right: 0;
  cursor: pointer;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .search-formWrap .send:hover {
  opacity: 0.6;
}
.mobile-topmenuopenWrap .search-formWrap .send .cls-1,
.mobile-topmenuopenWrap .search-formWrap .send .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .search-formWrap .send .cls-2 {
  stroke-width: 0.88px;
}
.mobile-topmenuopenWrap .topmenu-container {
  position: relative;
}
.mobile-topmenuopenWrap .topmenu-container .deco-1 {
  position: absolute;
  left: 20px;
  bottom: 110px;
  pointer-events: none;
}
.mobile-topmenuopenWrap .topmenu-container .deco-1 img {
  max-width: initial;
}
.mobile-topmenuopenWrap .topmenuList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.mobile-topmenuopenWrap .topmenuList > li {
  margin-bottom: 40px;
  margin-right: 5px;
}
.mobile-topmenuopenWrap .topmenuList > li:last-child {
  margin-bottom: 0;
}
.mobile-topmenuopenWrap .topmenuList .en {
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #fff;
  opacity: 0.4;
  margin-bottom: 5px;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .topmenuList .ch {
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 6px;
  color: #fff;
  transition: all 0.3s;
}
.mobile-topmenuopenWrap .topmenuList .submenuList {
  border-left: 1px solid #e8b356;
  padding-left: 7px;
  margin-top: 13px;
}
.mobile-topmenuopenWrap .topmenuList .submenuList > li {
  font-size: 12px;
  letter-spacing: 3px;
  color: #fff;
  transition: all 0.3s;
  margin-bottom: 13px;
}
.mobile-topmenuopenWrap .topmenuList .submenuList > li:last-child {
  margin-bottom: 0;
}

.index-introWrap {
  background-color: #da4e36;
  padding: 150px 0 0 85px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap {
    padding: 63px 0 87px 0;
  }
}
.index-introWrap .index-intro-dots-area {
  z-index: 29;
  position: absolute;
  top: 136px;
  left: 536px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-introWrap .index-intro-dots-area {
    top: 152px;
    left: 488px;
    zoom: 0.9;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .index-intro-dots-area {
    top: auto;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
  }
}
.index-introWrap .index-intro-dots-area li {
  width: 11px;
  height: 11px;
  background-color: #da4e36;
  border-radius: 50%;
  border: 1px solid #e8b356;
  opacity: 1;
  transition: all 0.5s;
  margin: 15px 0;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .index-intro-dots-area li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
  }
}
.index-introWrap .index-intro-dots-area li.current {
  background-color: #e8b356;
}
.index-introWrap .article-container {
  z-index: 9;
  position: relative;
  width: 497px;
  margin: 0 -8px 56px 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-introWrap .article-container {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container {
    width: 246px;
    margin: 26px 0 0 55px;
  }
}
.index-introWrap .article-container .deco-1 {
  position: absolute;
  top: -141px;
  left: 151px;
  z-index: 19;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container .deco-1 {
    width: 60px;
    top: auto;
    left: auto;
    right: -44px;
    bottom: -51px;
    z-index: 21;
  }
}
.index-introWrap .article-container .deco-2 {
  position: absolute;
  top: -181px;
  left: -180px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container .deco-2 {
    left: auto;
    right: -90px;
    top: 90px;
    width: 180px;
  }
}
.index-introWrap .article-container .repeat-area {
  position: relative;
}
.index-introWrap .article-container .repeat-area .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.index-introWrap .article-container .repeat-area .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.index-introWrap .article-container .repeat-area .item:first-child {
  position: relative;
}
.index-introWrap .article-container .repeat-area .item:nth-child(1) {
  z-index: 19;
}
.index-introWrap .article-container .repeat-area .item:nth-child(2) {
  z-index: 18;
}
.index-introWrap .article-container .repeat-area .item:nth-child(3) {
  z-index: 17;
}
.index-introWrap .article-container .repeat-area .item:nth-child(4) {
  z-index: 16;
}
.index-introWrap .article-container .repeat-area .item:nth-child(5) {
  z-index: 15;
}
.index-introWrap .article-container .repeat-area .item:nth-child(6) {
  z-index: 14;
}
.index-introWrap .article-container .repeat-area .item:nth-child(7) {
  z-index: 13;
}
.index-introWrap .article-container .repeat-area .item:nth-child(8) {
  z-index: 12;
}
.index-introWrap .article-container .repeat-area .item:nth-child(9) {
  z-index: 11;
}
.index-introWrap .article-container .repeat-area .item:nth-child(10) {
  z-index: 10;
}
.index-introWrap .article-container .repeat-area .item:nth-child(11) {
  z-index: 9;
}
.index-introWrap .article-container .repeat-area .item:nth-child(12) {
  z-index: 8;
}
.index-introWrap .article-container .repeat-area .item:nth-child(13) {
  z-index: 7;
}
.index-introWrap .article-container .repeat-area .item:nth-child(14) {
  z-index: 6;
}
.index-introWrap .article-container .repeat-area .item:nth-child(15) {
  z-index: 5;
}
.index-introWrap .article-container .repeat-area .item:nth-child(16) {
  z-index: 4;
}
.index-introWrap .article-container .repeat-area .item:nth-child(17) {
  z-index: 3;
}
.index-introWrap .article-container .repeat-area .item:nth-child(18) {
  z-index: 2;
}
.index-introWrap .article-container .repeat-area .item:nth-child(19) {
  z-index: 1;
}
.index-introWrap .article-container .repeat-area .item:nth-child(20) {
  z-index: 0;
}
.index-introWrap .article-container .repeat-area .item:nth-child(2) {
  transform: translate(-7px, 7px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(3) {
  transform: translate(-14px, 14px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(4) {
  transform: translate(-21px, 21px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(5) {
  transform: translate(-28px, 28px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(6) {
  transform: translate(-35px, 35px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(7) {
  transform: translate(-42px, 42px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(8) {
  transform: translate(-49px, 49px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(9) {
  transform: translate(-56px, 56px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(10) {
  transform: translate(-63px, 63px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(11) {
  transform: translate(-70px, 70px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(12) {
  transform: translate(-77px, 77px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(13) {
  transform: translate(-84px, 84px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(14) {
  transform: translate(-91px, 91px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(15) {
  transform: translate(-98px, 98px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(16) {
  transform: translate(-105px, 105px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(17) {
  transform: translate(-112px, 112px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(18) {
  transform: translate(-119px, 119px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(19) {
  transform: translate(-126px, 126px);
}
.index-introWrap .article-container .repeat-area .item:nth-child(20) {
  transform: translate(-133px, 133px);
}
.index-introWrap .article-container .repeat-area .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.index-introWrap .article-container .repeat-area .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.index-introWrap .article-container .repeat-area .index-intro-articleList {
  padding: 31px 130px 30px 30px;
  background-color: #fc462d;
  -webkit-mask: url(/images/ii-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/ii-mask.svg) 0 0/100% 100% no-repeat;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container .repeat-area .index-intro-articleList {
    padding: 12px 30px 8px 12px;
  }
}
.index-introWrap .article-container .repeat-area .index-intro-articleList li {
  width: 100%;
}
.index-introWrap .article-container .repeat-area .index-intro-articleList .title {
  font-weight: 700;
  font-size: 38px;
  letter-spacing: 6px;
  color: #f2f2f2;
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container .repeat-area .index-intro-articleList .title {
    font-size: 21px;
    letter-spacing: 3px;
    margin-bottom: 15px;
  }
}
.index-introWrap .article-container .repeat-area .index-intro-articleList .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ffe9d7;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container .repeat-area .index-intro-articleList .content {
    font-size: 13px;
    line-height: 1.5;
  }
}
.index-introWrap .article-container .repeat-area .index-intro-articleList .date-area {
  margin-top: 120px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-introWrap .article-container .repeat-area .index-intro-articleList .date-area {
    margin-top: 74px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container .repeat-area .index-intro-articleList .date-area {
    margin-top: 14px;
  }
}
.index-introWrap .article-container .repeat-area .index-intro-articleList .date-area .year {
  font-weight: 700;
  font-size: 43px;
  margin-bottom: 10px;
  color: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container .repeat-area .index-intro-articleList .date-area .year {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 6px;
  }
}
.index-introWrap .article-container .repeat-area .index-intro-articleList .date-area .date {
  font-weight: 900;
  font-size: 80px;
  letter-spacing: -6px;
  color: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .index-introWrap .article-container .repeat-area .index-intro-articleList .date-area .date {
    font-size: 37px;
    letter-spacing: 0;
  }
}
.index-introWrap .index-intro-sliderWrap {
  position: relative;
}
.index-introWrap .index-intro-sliderWrap .index-intro-sliderList {
  position: relative;
}
.index-introWrap .index-intro-sliderWrap .index-intro-sliderList li {
  width: 100%;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-introWrap .index-intro-sliderWrap .index-intro-sliderList li {
    height: 580px;
  }
  .index-introWrap .index-intro-sliderWrap .index-intro-sliderList li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.index-ceremonyWrap {
  position: relative;
  padding: 160px 0 250px 13.13%;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-ceremonyWrap {
    padding: 111px 0 194px 12.13%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-ceremonyWrap {
    padding: 47px 0 77px 30px;
  }
}
.index-ceremonyWrap .deco-1 {
  position: absolute;
  left: -56px;
  bottom: -70px;
  z-index: 4;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-ceremonyWrap .deco-1 img {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-ceremonyWrap .deco-1 {
    width: 178px;
    bottom: 13px;
  }
}
.index-ceremonyWrap .head-area {
  margin-bottom: 20px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-ceremonyWrap .head-area img {
    zoom: 0.8;
  }
}
.index-ceremonyWrap .innerWrap .pic-area {
  margin-right: 230px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-ceremonyWrap .innerWrap .pic-area {
    zoom: 0.8;
    margin-right: 145px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-ceremonyWrap .innerWrap .pic-area {
    margin: 0 0 40px -30px;
    width: calc(100% + 30px);
  }
}
.index-ceremonyWrap .innerWrap .article-area {
  max-width: 320px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-ceremonyWrap .innerWrap .article-area {
    zoom: 0.8;
  }
}
.index-ceremonyWrap .innerWrap .article-area .date-area .year {
  font-weight: 700;
  font-size: 37px;
  color: #efb970;
  margin-bottom: 3px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-ceremonyWrap .innerWrap .article-area .date-area .year {
    font-size: 20px;
  }
}
.index-ceremonyWrap .innerWrap .article-area .date-area .date {
  font-weight: 900;
  font-size: 65px;
  letter-spacing: -7px;
  color: #efb970;
}
@media print, screen and (max-width: 64.06125em) {
  .index-ceremonyWrap .innerWrap .article-area .date-area .date {
    font-size: 37px;
    letter-spacing: 0;
  }
}
.index-ceremonyWrap .innerWrap .article-area .title {
  font-weight: 700;
  font-size: 35px;
  letter-spacing: 3px;
  color: #302725;
  margin-top: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-ceremonyWrap .innerWrap .article-area .title {
    font-size: 29px;
    letter-spacing: 2px;
    margin-top: 16px;
  }
}
.index-ceremonyWrap .innerWrap .article-area .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
  margin-top: 32px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-ceremonyWrap .innerWrap .article-area .content {
    font-size: 14px;
    margin-top: 15px;
  }
}
.index-ceremonyWrap .innerWrap .article-area .btn {
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 65px;
}
.index-ceremonyWrap .innerWrap .article-area .btn:hover {
  opacity: 0.6;
}
@media print, screen and (max-width: 64.06125em) {
  .index-ceremonyWrap .innerWrap .article-area .btn {
    margin-top: 40px;
    text-align: center;
  }
  .index-ceremonyWrap .innerWrap .article-area .btn img {
    height: 44px;
  }
}

.index-newsWrap {
  position: relative;
  background-color: #da4e36;
  padding: 260px 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-newsWrap {
    padding: 245px 0 158px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap {
    padding: 58px 0 60px;
  }
}
.index-newsWrap .mobile-head {
  text-align: right;
  padding-right: 30px;
  margin-bottom: 70px;
}
.index-newsWrap .mobile-head img {
  width: 107px;
}
.index-newsWrap .deco-1 {
  position: absolute;
  right: -26px;
  bottom: 33px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-newsWrap .deco-1 img {
    zoom: 0.8;
  }
}
.index-newsWrap .bighead {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-newsWrap .bighead img {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .bighead img {
    height: 24px;
  }
}
.index-newsWrap .innerWrap .index-newsList {
  display: grid;
  grid-template-columns: repeat(3, 352px);
  grid-gap: 0 40px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-newsWrap .innerWrap .index-newsList {
    grid-template-columns: repeat(3, 280px);
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .innerWrap .index-newsList {
    display: block;
    width: 290px;
    margin: 0 auto;
  }
  .index-newsWrap .innerWrap .index-newsList:after {
    content: "flickity";
    display: none;
  }
}
.index-newsWrap .innerWrap .index-newsList .flickity-page-dots {
  position: relative;
  bottom: 0;
  margin-top: 40px;
}
@media print, screen and (min-width: 64.0625em) {
  .index-newsWrap .innerWrap .index-newsList .flickity-page-dots {
    display: none;
  }
}
.index-newsWrap .innerWrap .index-newsList .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-color: #da4e36;
  border-radius: 50%;
  border: 1px solid #e8b356;
  opacity: 1;
  transition: all 0.5s;
  margin: 0 6px;
}
.index-newsWrap .innerWrap .index-newsList .flickity-page-dots .dot.is-selected {
  opacity: 1;
  background-color: #e8b356;
}
.index-newsWrap .innerWrap .index-newsList li {
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .innerWrap .index-newsList li {
    width: 100%;
  }
}
.index-newsWrap .innerWrap .index-newsList li:nth-child(2) {
  top: -95px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .innerWrap .index-newsList li:nth-child(2) {
    top: 0;
  }
}
.index-newsWrap .innerWrap .index-newsList .repeat-area {
  position: relative;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:first-child {
  position: relative;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(1) {
  z-index: 19;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(2) {
  z-index: 18;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(3) {
  z-index: 17;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(4) {
  z-index: 16;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(5) {
  z-index: 15;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(6) {
  z-index: 14;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(7) {
  z-index: 13;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(8) {
  z-index: 12;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(9) {
  z-index: 11;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(10) {
  z-index: 10;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(11) {
  z-index: 9;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(12) {
  z-index: 8;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(13) {
  z-index: 7;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(14) {
  z-index: 6;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(15) {
  z-index: 5;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(16) {
  z-index: 4;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(17) {
  z-index: 3;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(18) {
  z-index: 2;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(19) {
  z-index: 1;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(20) {
  z-index: 0;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(2) {
  transform: translate(-7px, -7px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(3) {
  transform: translate(-14px, -14px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(4) {
  transform: translate(-21px, -21px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(5) {
  transform: translate(-28px, -28px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(6) {
  transform: translate(-35px, -35px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(7) {
  transform: translate(-42px, -42px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(8) {
  transform: translate(-49px, -49px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(9) {
  transform: translate(-56px, -56px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(10) {
  transform: translate(-63px, -63px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(11) {
  transform: translate(-70px, -70px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(12) {
  transform: translate(-77px, -77px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(13) {
  transform: translate(-84px, -84px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(14) {
  transform: translate(-91px, -91px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(15) {
  transform: translate(-98px, -98px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(16) {
  transform: translate(-105px, -105px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(17) {
  transform: translate(-112px, -112px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(18) {
  transform: translate(-119px, -119px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(19) {
  transform: translate(-126px, -126px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .item:nth-child(20) {
  transform: translate(-133px, -133px);
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .pic-area {
  position: relative;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .pic-area .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .pic-area .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.index-newsWrap .innerWrap .index-newsList .repeat-area .pic-area .pic {
  -webkit-mask: url(/images/in-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/in-mask.svg) 0 0/100% 100% no-repeat;
}
.index-newsWrap .innerWrap .index-newsList .content-area {
  width: 88%;
  border-top: 2px solid #e8b356;
  padding-top: 20px;
  margin-top: 30px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-newsWrap .innerWrap .index-newsList .content-area {
    margin-top: 24px;
    padding-top: 16px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .innerWrap .index-newsList .content-area {
    width: 100%;
    margin-top: 27px;
    padding-top: 16px;
  }
}
.index-newsWrap .innerWrap .index-newsList .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-newsWrap .innerWrap .index-newsList .title {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .innerWrap .index-newsList .title {
    margin-bottom: 14px;
  }
}
.index-newsWrap .innerWrap .index-newsList .content {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ffe9d7;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-newsWrap .innerWrap .index-newsList .content {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .innerWrap .index-newsList .content {
    font-size: 14px;
  }
}
.index-newsWrap .innerWrap .head {
  margin-left: 120px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-newsWrap .innerWrap .head {
    zoom: 0.8;
    margin-left: 100px;
  }
}

.index-donateWrap {
  position: relative;
  background-color: #e8b356;
  padding: 46px 0 315px;
  margin-bottom: -100px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donateWrap {
    padding: 92px 0 284px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-donateWrap {
    padding: 64px 0 96px;
    margin-bottom: -20px;
  }
}
.index-donateWrap .deco-1 {
  z-index: 4;
  position: absolute;
  left: 230px;
  bottom: -32px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donateWrap .deco-1 img {
    zoom: 0.8;
  }
}
.index-donateWrap .bighead {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donateWrap .bighead img {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-donateWrap .bighead {
    width: 100%;
  }
}
.index-donateWrap .head {
  z-index: 1;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donateWrap .head img {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-donateWrap .head img {
    zoom: 0.6;
  }
}

.index-donate-sliderWrap {
  position: relative;
  max-width: 1354px;
  margin: 87px auto 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donate-sliderWrap {
    max-width: 1080px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderWrap {
    margin-top: 42px;
  }
}
.index-donate-sliderWrap .id-prev,
.index-donate-sliderWrap .id-next {
  cursor: pointer;
  transition: all 0.3s;
  z-index: 9;
  position: absolute;
  top: 66px;
  left: -20px;
}
.index-donate-sliderWrap .id-prev:hover,
.index-donate-sliderWrap .id-next:hover {
  opacity: 0.6;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donate-sliderWrap .id-prev,
  .index-donate-sliderWrap .id-next {
    top: 51px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderWrap .id-prev,
  .index-donate-sliderWrap .id-next {
    top: 49px;
    left: 15px;
  }
  .index-donate-sliderWrap .id-prev img,
  .index-donate-sliderWrap .id-next img {
    height: 28px;
  }
}
.index-donate-sliderWrap .id-next {
  left: auto;
  right: -20px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderWrap .id-next {
    right: 15px;
  }
}

.index-donate-sliderList {
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderList {
    padding: 0 30px;
  }
}
.index-donate-sliderList .flickity-page-dots {
  position: relative;
  bottom: 0;
  margin-top: 40px;
}
@media print, screen and (min-width: 64.0625em) {
  .index-donate-sliderList .flickity-page-dots {
    display: none;
  }
}
.index-donate-sliderList .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-color: #e8b356;
  border-radius: 50%;
  border: 1px solid #fff;
  opacity: 1;
  transition: all 0.5s;
  margin: 0 6px;
}
.index-donate-sliderList .flickity-page-dots .dot.is-selected {
  opacity: 1;
  background-color: #fff;
}
.index-donate-sliderList li {
  width: calc(33% - 10px);
  margin: 0 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderList li {
    width: 100%;
  }
}
.index-donate-sliderList .pic {
  margin-bottom: 20px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donate-sliderList .pic {
    margin-bottom: 15px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderList .pic {
    margin-bottom: 16px;
  }
}
.index-donate-sliderList .article-area {
  padding-right: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderList .article-area {
    padding-right: 0;
  }
}
.index-donate-sliderList .article-area .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #302725;
  margin-bottom: 13px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donate-sliderList .article-area .title {
    font-size: 18px;
    margin-bottom: 9px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderList .article-area .title {
    margin-bottom: 10px;
  }
}
.index-donate-sliderList .article-area .date {
  font-size: 21px;
  color: #534741;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donate-sliderList .article-area .date {
    font-size: 16px;
  }
}
.index-donate-sliderList .article-area .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #333;
  margin-top: 17px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .index-donate-sliderList .article-area .content {
    font-size: 13px;
    margin-top: 11px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-donate-sliderList .article-area .content {
    font-size: 14px;
    margin-top: 12px;
  }
}

.about-godWrap {
  position: relative;
  padding: 178px 0 207px;
}
.about-godWrap .bighead {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.about-godWrap .deco-word {
  position: absolute;
  top: 35px;
  left: 14%;
}
.about-godWrap .deco-1 {
  position: absolute;
  left: 29%;
  bottom: 74px;
}
.about-godWrap .bg-area {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about-godWrap .bg-area .colorbox {
  background-color: #da4e36;
}
.about-godWrap .article-area {
  margin-left: 37.5%;
}
.about-godWrap .article-area .content {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 6px;
  line-height: 2.2;
  color: #fff;
  writing-mode: vertical-rl;
}
.about-godWrap .article-area .title {
  margin-left: 230px;
}

.about-fortuneWrap {
  z-index: 1;
  position: relative;
  background-color: #000;
  padding: 96px 0 0;
}
.about-fortuneWrap .deco-god {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.about-fortuneWrap .deco-slogan {
  position: absolute;
  top: 34.9%;
  left: 0;
}
.about-fortuneWrap .fortune-row {
  writing-mode: vertical-rl;
}
.about-fortuneWrap .fortune-row.one {
  margin: 0 0 84px 71.72%;
}
.about-fortuneWrap .fortune-row.one .content {
  height: 257px;
}
.about-fortuneWrap .fortune-row.two {
  margin: 0 0 180px 59.78%;
}
.about-fortuneWrap .fortune-row.two .content {
  height: 257px;
}
.about-fortuneWrap .fortune-row.three .content {
  height: 375px;
}
.about-fortuneWrap .fortune-row .title {
  font-weight: 700;
  font-size: 41px;
  letter-spacing: 3px;
  color: #e8b356;
}
.about-fortuneWrap .fortune-row .title i {
  display: inline-block;
  position: relative;
  left: -6px;
  margin: 26px 0;
}
.about-fortuneWrap .fortune-row .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2.2;
  color: #fff;
  margin: 120px 50px 0 0;
}
.about-fortuneWrap .card-container {
  margin-left: 18.28%;
}
.about-fortuneWrap .card-container .cardList {
  margin-right: 214px;
}
.about-fortuneWrap .card-container .cardList li {
  position: relative;
  margin-right: 87px;
}
.about-fortuneWrap .card-container .cardList li:last-child {
  margin-right: 0;
}
.about-fortuneWrap .card-container .cardList li:nth-child(1) {
  margin-top: 96px;
}
.about-fortuneWrap .card-container .cardList li:nth-child(2) {
  margin-top: 96px;
  margin-right: 148px;
}
.about-fortuneWrap .card-container .cardList li .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.about-fortuneWrap .card-container .cardList li .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.about-fortuneWrap .card-container .cardList li .item:first-child {
  position: relative;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(1) {
  z-index: 19;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(2) {
  z-index: 18;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(3) {
  z-index: 17;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(4) {
  z-index: 16;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(5) {
  z-index: 15;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(6) {
  z-index: 14;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(7) {
  z-index: 13;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(8) {
  z-index: 12;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(9) {
  z-index: 11;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(10) {
  z-index: 10;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(11) {
  z-index: 9;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(12) {
  z-index: 8;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(13) {
  z-index: 7;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(14) {
  z-index: 6;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(15) {
  z-index: 5;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(16) {
  z-index: 4;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(17) {
  z-index: 3;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(18) {
  z-index: 2;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(19) {
  z-index: 1;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(20) {
  z-index: 0;
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(2) {
  transform: translate(7px, 7px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(3) {
  transform: translate(14px, 14px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(4) {
  transform: translate(21px, 21px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(5) {
  transform: translate(28px, 28px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(6) {
  transform: translate(35px, 35px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(7) {
  transform: translate(42px, 42px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(8) {
  transform: translate(49px, 49px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(9) {
  transform: translate(56px, 56px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(10) {
  transform: translate(63px, 63px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(11) {
  transform: translate(70px, 70px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(12) {
  transform: translate(77px, 77px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(13) {
  transform: translate(84px, 84px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(14) {
  transform: translate(91px, 91px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(15) {
  transform: translate(98px, 98px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(16) {
  transform: translate(105px, 105px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(17) {
  transform: translate(112px, 112px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(18) {
  transform: translate(119px, 119px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(19) {
  transform: translate(126px, 126px);
}
.about-fortuneWrap .card-container .cardList li .item:nth-child(20) {
  transform: translate(133px, 133px);
}
.about-fortuneWrap .card-container .cardList li .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.about-fortuneWrap .card-container .cardList li .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.about-fortuneWrap .card-container .cardList li .content {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #ffe9d7;
  writing-mode: vertical-rl;
  width: 114px;
  height: 253px;
  background-color: #fc462d;
  position: relative;
  padding: 26px 0 10px 3px;
  -webkit-mask: url(/images/af-card-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/af-card-mask.svg) 0 0/100% 100% no-repeat;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.about-fortuneWrap .gradientbox {
  height: 430px;
  background: linear-gradient(to bottom, #020202 0%, #020202 10%, #ffe9d7 100%);
}

.comicWrap {
  background-color: #ffe9d7;
  padding-bottom: 120px;
  position: relative;
}
.comicWrap .page {
  text-align: center;
}
.comicWrap .log-1 {
  top: 7%;
  left: 69%;
}
.comicWrap .log-2 {
  top: 8%;
  left: 27%;
}
.comicWrap .log-3 {
  top: 43%;
  left: 67%;
}
.comicWrap .log-4 {
  top: 43%;
  left: 20%;
}
.comicWrap .log-5 {
  top: 67%;
  left: 63%;
}
.comicWrap .article-area {
  position: absolute;
  background: linear-gradient(180deg, #efb970, rgba(239, 185, 112, 0.8), transparent);
  padding: 40px 50px 100px;
  border-top: 4px solid #da4e36;
  text-align: center;
}
.comicWrap .article-area .title {
  font-weight: 700;
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 1.2;
  color: #000;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
}
.comicWrap .article-area .title i {
  font-family: "Syne", sans-serif;
  font-weight: 900;
  color: #fc462d;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -35px;
  margin-top: -4px;
}
.comicWrap .article-area .title i:nth-of-type(2) {
  left: auto;
  right: -35px;
}
.comicWrap .article-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #000;
  text-align: left;
  writing-mode: vertical-rl;
  margin: 0 auto;
}

.mapWrap {
  position: relative;
  background-color: #ffe9d7;
  padding-bottom: 156px;
}
.mapWrap .head {
  position: absolute;
  top: 26%;
  left: 17%;
}
.mapWrap .map-area {
  position: relative;
  margin-left: 8%;
  display: inline-block;
}
.mapWrap .map-area .ani-1 {
  position: absolute;
  top: 513px;
  left: 670px;
}
.mapWrap .map-area .ani-2 {
  position: absolute;
  top: 599px;
  left: 698px;
}
.mapWrap .map-area .ani-3 {
  position: absolute;
  top: 591px;
  left: 741px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.mapWrap .map-area .ani-4 {
  position: absolute;
  top: 642px;
  left: 843px;
}
.mapWrap .map-area .ani-5 {
  position: absolute;
  top: 744px;
  left: 954px;
}
.mapWrap .article-area {
  position: absolute;
  right: 5px;
  bottom: 270px;
  max-width: 504px;
}
.mapWrap .article-area .year {
  margin-bottom: 20px;
}
.mapWrap .article-area .content {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 2;
  color: #302725;
  position: relative;
  left: -209px;
}

.historyWrap {
  z-index: 4;
  position: relative;
  padding-top: 340px;
  margin-top: -100px;
}
.historyWrap .deco-lion {
  position: absolute;
  top: -42px;
  left: 50%;
  transform: translateX(-50%);
}
.historyWrap .bg-area {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.historyWrap .bg-area .colorbox {
  background-color: #e8b356;
}

.historyList section {
  position: relative;
  margin-bottom: 390px;
}
.historyList section:last-child {
  margin-bottom: 0;
}
.historyList section:nth-child(odd) .pic-area .head {
  left: 0;
}
.historyList section:nth-child(odd) .article-area {
  margin: 0 11% 0 5%;
}
.historyList section:nth-child(even) .pic-area .head {
  right: 0;
}
.historyList section:nth-child(even) .article-area {
  margin: 0 7% 0 9%;
}
.historyList .deco-1 {
  position: absolute;
  top: 24%;
  right: 0;
}
.historyList .deco-2 {
  position: absolute;
  top: 94px;
  left: -40px;
  z-index: -1;
}
.historyList .deco-3 {
  position: absolute;
  top: -100px;
  right: -40px;
}
.historyList .deco-4 {
  position: absolute;
  right: -80px;
  bottom: -328px;
  z-index: -1;
}
.historyList .pic-area {
  position: relative;
}
.historyList .pic-area .head {
  position: absolute;
  top: 0;
  transform: translateY(-100%);
}
.historyList .pic-area .head img {
  max-width: initial;
}
.historyList .pic-area .pic-deco-1 {
  z-index: -1;
  position: absolute;
  top: 100%;
  left: 0;
}
.historyList .pic-area .pic-deco-2 {
  position: absolute;
  top: -55px;
  right: -52px;
}
.historyList .article-area {
  width: 410px;
}
.historyList .article-area .title {
  font-weight: 700;
  font-size: 41px;
  letter-spacing: 4px;
  line-height: 1.5;
  color: #302725;
  margin-bottom: 40px;
}
.historyList .article-area .content {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 2;
  color: #333;
  text-align: justify;
}

.trafficWrap {
  position: relative;
}
.trafficWrap .head-area {
  width: 100%;
  position: relative;
  height: 1105px;
  background: url("/images/traffic-bg.png") center/cover no-repeat;
  padding-top: 203px;
  padding-left: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .head-area {
    height: 300px;
    padding-top: 85px;
    padding-left: 0;
    background: url("/images/traffic-bg-mobile.png") center/cover no-repeat;
  }
}
.trafficWrap .head-area .deco {
  position: absolute;
  left: 0;
  bottom: -100px;
  pointer-events: none;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .head-area .deco {
    top: 500px;
    zoom: 0.6;
  }
}
.trafficWrap .traffic-area {
  margin-bottom: 280px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .traffic-area {
    margin-bottom: 120px;
  }
}
.trafficWrap .trafficCatList {
  width: 100%;
  margin-bottom: 170px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficCatList {
    margin-bottom: 70px;
  }
}
.trafficWrap .trafficCatList li {
  margin-right: 75px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficCatList li {
    margin-right: 38px;
  }
}
.trafficWrap .trafficCatList li:last-child {
  margin-right: 0;
}
.trafficWrap .trafficCatList li .d {
  fill: #e8b356;
  stroke: none;
  transition: 0.5s all;
}
.trafficWrap .trafficCatList li path.e {
  fill: none;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  transition: 0.5s all;
}
.trafficWrap .trafficCatList li line.e {
  fill: none;
  stroke: rgba(255, 255, 255, 0);
  stroke-miterlimit: 10;
  stroke-width: 2px;
  transition: 0.5s all;
}
.trafficWrap .trafficCatList li .f {
  fill: rgba(236, 102, 49, 0);
  transition: 0.5s all;
}
.trafficWrap .trafficCatList li:hover .d {
  fill: #fff;
}
.trafficWrap .trafficCatList li:hover path.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.trafficWrap .trafficCatList li:hover line.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.trafficWrap .trafficCatList li:hover .f {
  fill: #ec6531;
}
.trafficWrap .trafficCatList li.current .d {
  fill: #fff;
}
.trafficWrap .trafficCatList li.current path.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.trafficWrap .trafficCatList li.current line.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.trafficWrap .trafficCatList li.current .f {
  fill: #ec6531;
}
.trafficWrap .trafficList {
  position: relative;
  z-index: 1;
}
.trafficWrap .trafficList .car .car-inner {
  margin-bottom: 240px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .car .car-inner {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
  }
}
.trafficWrap .trafficList .car .car-inner > div {
  margin-right: 36px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .car .car-inner > div {
    flex-direction: column;
    align-items: center;
    margin-right: 0px;
    margin-bottom: 35px;
    text-align: center;
  }
}
.trafficWrap .trafficList .car .car-inner .arrow {
  margin-right: 22px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .car .car-inner .arrow {
    margin-right: 0px;
    margin-bottom: 38px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .car .car-inner .arrow.one {
    margin-bottom: 18px;
  }
}
.trafficWrap .trafficList .car .car-inner .name {
  font-size: 25px;
  color: #000;
  letter-spacing: 2px;
  line-height: 1.4;
  font-weight: 700;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .car .car-inner .name {
    font-size: 22px;
    letter-spacing: 1px;
  }
}
.trafficWrap .trafficList .bus .bus-inner {
  max-width: 1100px;
  margin: auto;
  flex-direction: column;
}
.trafficWrap .trafficList .bus .bus-inner > div {
  margin-bottom: 80px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .bus .bus-inner > div {
    flex-direction: column;
  }
}
.trafficWrap .trafficList .bus .bus-inner .title {
  flex: 1 1 0;
  margin-right: 55px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .bus .bus-inner .title {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .bus .bus-inner .title img {
    height: 25px;
  }
}
.trafficWrap .trafficList .bus .bus-inner .bus-area {
  flex: 5 1 0;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .bus .bus-inner .bus-area {
    max-width: 300px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.trafficWrap .trafficList .bus .bus-inner .bus-area > div {
  margin-right: 45px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .bus .bus-inner .bus-area > div {
    margin-right: 25px;
    margin-bottom: 10px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .bus .bus-inner .bus-area > div img {
    width: 70px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .bus .bus-inner .bus-area .final {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .bus a svg {
    zoom: 0.8;
  }
}
.trafficWrap .trafficList .mrt .topList {
  margin-bottom: 110px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .mrt .topList {
    flex-direction: column;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 80px;
  }
}
.trafficWrap .trafficList .mrt .topList > div {
  margin-right: 55px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .mrt .topList > div {
    margin-right: 0;
    margin-bottom: 40px;
    flex-direction: column;
    justify-content: center;
  }
}
.trafficWrap .trafficList .mrt .line {
  width: 75px;
  height: 30px;
  border-top: 2px solid #007a36;
  margin-right: 20px;
}
.trafficWrap .trafficList .mrt .name {
  font-size: 25px;
  color: #000;
  letter-spacing: 2px;
  line-height: 1.4;
  font-weight: 700;
  margin-right: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .mrt .name {
    margin-right: 0;
    margin-bottom: 35px;
    font-size: 23px;
    letter-spacing: 1px;
  }
}
.trafficWrap .trafficList .mrt .name .green {
  padding-bottom: 3px;
  border-bottom: 2px solid #007a36;
}
.trafficWrap .trafficList .mrt .mrt-pic {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 195px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .mrt .mrt-pic {
    margin: 0 auto 140px;
  }
}
.trafficWrap .trafficList .mrt .station {
  position: absolute;
  left: calc(50% - 536px);
  top: 279px;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .mrt .station {
    position: relative;
    top: auto;
    left: auto;
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: 1020px;
    padding: 0 100px 0 25px;
    margin-bottom: 95px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .mrt .station img {
    position: relative;
    z-index: 1;
    max-width: 1020px;
  }
}
.trafficWrap .trafficList .mrt .lion {
  position: absolute;
  z-index: 0;
}
.trafficWrap .trafficList .mrt .lion.down {
  left: 119px;
  top: 237px;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .mrt .lion.down {
    left: 58px;
    top: -45px;
  }
}
.trafficWrap .trafficList .mrt .lion.up {
  left: 939px;
  top: 205px;
  transform: translateY(75px);
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .trafficList .mrt .lion.up {
    left: 790px;
    top: -65px;
    transition: 0.75s all;
  }
}
.trafficWrap .trafficList a {
  display: block;
  text-align: center;
}
.trafficWrap .trafficList a:hover .e {
  fill: #e8b356;
}
.trafficWrap .trafficList a .d {
  fill: #fff;
  stroke: none;
}
.trafficWrap .trafficList a .e {
  fill: #ec6531;
  transition: 0.3s all;
}
.trafficWrap .deco {
  position: absolute;
}
.trafficWrap .deco.left {
  top: 1546px;
  left: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .trafficWrap .deco.left {
    top: 1646px;
  }
}
.trafficWrap .deco.right {
  top: 1666px;
  right: 0;
}

.worshipWrap {
  z-index: 1;
  position: relative;
  padding: 275px 0 180px;
  background-color: #fff;
  scroll-margin-top: -180px;
}
@media print, screen and (max-width: 64.06125em) {
  .worshipWrap {
    padding: 0px;
  }
}
.worshipWrap .deco {
  position: absolute;
}
.worshipWrap .deco.left {
  left: -100px;
  top: 550px;
}
.worshipWrap .deco.top {
  top: 75px;
  right: 175px;
}
.worshipWrap .gradientbox {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 738px;
  background: linear-gradient(180deg, rgb(232, 179, 86) 0%, rgba(232, 179, 86, 0) 100%);
}
@media print, screen and (max-width: 64.06125em) {
  .worshipWrap .gradientbox {
    height: 300px;
    background: url(/images/fortune-bg-mobile.png) center/cover no-repeat;
  }
}
.worshipWrap .head {
  position: relative;
  padding-left: 75px;
  margin-bottom: 430px;
}
@media print, screen and (max-width: 64.06125em) {
  .worshipWrap .head {
    padding-left: 0px;
    height: 300px;
    padding-top: 85px;
    padding-left: 0;
    background: url("/images/worship-bg-mobile.png") center/cover no-repeat;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .worshipWrap .worship-outter {
    max-width: 100vw;
    overflow-x: scroll;
  }
}
.worshipWrap .worship-area {
  position: relative;
  width: 1309px;
  height: 576px;
  margin-left: 6%;
}
@media print, screen and (max-width: 64.06125em) {
  .worshipWrap .worship-area {
    zoom: 0.5;
    margin: 200px 100px 400px;
  }
}
.worshipWrap .worship-area > div[class^=flat],
.worshipWrap .worship-area > div[class^=floor] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.worshipWrap .worship-area > div[class^=flat] img,
.worshipWrap .worship-area > div[class^=floor] img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.worshipWrap .worship-area .has-shadow {
  filter: drop-shadow(0px 12px 10px rgba(0, 0, 0, 0.3));
}
.worshipWrap .worship-area .trigger-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 29;
  opacity: 0;
}
.worshipWrap .worship-area .trigger-area path {
  cursor: pointer;
}
.worshipWrap .worship-area .floor-2 {
  z-index: 15;
}
.worshipWrap .worship-area .flat-4 {
  z-index: 5;
}
.worshipWrap .worship-area .flat-6 {
  z-index: 2;
}
.worshipWrap .worship-area .flat-7 {
  z-index: 8;
}
.worshipWrap .worship-area .flat-8 {
  z-index: 11;
}
.worshipWrap .worship-area .flat-1 {
  transition: all 0.5s 0.6s;
}
.worshipWrap .worship-area .flat-1.is-hide {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s;
}
.worshipWrap .worship-area .flat-2 {
  transition: all 0.5s 0.6s;
}
.worshipWrap .worship-area .flat-2.is-hide {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s;
}
.worshipWrap .worship-area .flat-3 {
  transition: all 0.5s 0.6s;
}
.worshipWrap .worship-area .flat-3.is-hide {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s;
}
.worshipWrap .worship-area .flat-4 {
  transition: all 0.5s 0.6s;
}
.worshipWrap .worship-area .flat-4.is-hide {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s;
}
.worshipWrap .worship-area .flat-5 {
  transition: all 0.5s 0.6s;
}
.worshipWrap .worship-area .flat-5.is-hide {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s;
}
.worshipWrap .worship-area .flat-6 {
  transition: all 0.5s 0.6s;
}
.worshipWrap .worship-area .flat-6.is-hide {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s;
}
.worshipWrap .worship-area .flat-7 {
  transition: all 0.5s 0.6s;
}
.worshipWrap .worship-area .flat-7.is-hide {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s;
}
.worshipWrap .worship-area .flat-8 {
  transition: all 0.5s 0.6s;
}
.worshipWrap .worship-area .flat-8.is-hide {
  transform: translateY(30px);
  opacity: 0;
  transition: all 1s;
}
.worshipWrap .worship-area .hover-1 {
  position: absolute;
  top: 399px;
  right: 0;
}
.worshipWrap .worship-area .hover-1 .title {
  position: absolute;
  top: -140px;
  left: 74px;
  z-index: 11;
}
.worshipWrap .worship-area .hover-1 .box {
  position: relative;
  display: block;
  margin-bottom: -101px;
}
.worshipWrap .worship-area .hover-1 .box:last-child {
  margin-bottom: 0;
}
.worshipWrap .worship-area .hover-1 .box:nth-child(1) {
  z-index: 9;
}
.worshipWrap .worship-area .hover-1 .box:nth-child(2) {
  z-index: 8;
}
.worshipWrap .worship-area .hover-1 .box:nth-child(3) {
  z-index: 7;
}
.worshipWrap .worship-area .hover-1 .box:nth-child(4) {
  z-index: 6;
}
.worshipWrap .worship-area .hover-1 .box:nth-child(5) {
  z-index: 5;
}
.worshipWrap .worship-area .hover-1 .box:nth-child(6) {
  z-index: 4;
}
.worshipWrap .worship-area .hover-1 .box:nth-child(7) {
  z-index: 3;
}
.worshipWrap .worship-area .hover-1 .box:nth-child(8) {
  z-index: 2;
}
.worshipWrap .worship-area .hover-2 {
  position: absolute;
  top: 213px;
  left: 636px;
  z-index: 18;
}
.worshipWrap .worship-area .hover-2 .title {
  position: absolute;
  top: -190px;
  left: 80px;
  z-index: 11;
}
.worshipWrap .worship-area .hover-2 .box {
  position: relative;
  display: block;
  margin-bottom: -89px;
}
.worshipWrap .worship-area .hover-2 .box:last-child {
  margin-bottom: 0;
}
.worshipWrap .worship-area .hover-2 .box:nth-child(1) {
  z-index: 9;
}
.worshipWrap .worship-area .hover-2 .box:nth-child(2) {
  z-index: 8;
}
.worshipWrap .worship-area .hover-2 .box:nth-child(3) {
  z-index: 7;
}
.worshipWrap .worship-area .hover-2 .box:nth-child(4) {
  z-index: 6;
}
.worshipWrap .worship-area .hover-2 .box:nth-child(5) {
  z-index: 5;
}
.worshipWrap .worship-area .hover-2 .box:nth-child(6) {
  z-index: 4;
}
.worshipWrap .worship-area .hover-2 .box:nth-child(7) {
  z-index: 3;
}
.worshipWrap .worship-area .hover-2 .box:nth-child(8) {
  z-index: 2;
}
.worshipWrap .worship-area .hover-3 {
  position: absolute;
  top: 113px;
  left: 480px;
  z-index: 18;
}
.worshipWrap .worship-area .hover-3 .title {
  position: absolute;
  top: -210px;
  left: 100px;
  z-index: 11;
}
.worshipWrap .worship-area .hover-3 .box {
  position: relative;
  display: block;
  margin-bottom: -112px;
}
.worshipWrap .worship-area .hover-3 .box:last-child {
  margin-bottom: 0;
}
.worshipWrap .worship-area .hover-3 .box:nth-child(1) {
  z-index: 9;
}
.worshipWrap .worship-area .hover-3 .box:nth-child(2) {
  z-index: 8;
}
.worshipWrap .worship-area .hover-3 .box:nth-child(3) {
  z-index: 7;
}
.worshipWrap .worship-area .hover-3 .box:nth-child(4) {
  z-index: 6;
}
.worshipWrap .worship-area .hover-3 .box:nth-child(5) {
  z-index: 5;
}
.worshipWrap .worship-area .hover-3 .box:nth-child(6) {
  z-index: 4;
}
.worshipWrap .worship-area .hover-3 .box:nth-child(7) {
  z-index: 3;
}
.worshipWrap .worship-area .hover-3 .box:nth-child(8) {
  z-index: 2;
}
.worshipWrap .worship-area .hover-4 {
  position: absolute;
  top: 36px;
  left: 244px;
  z-index: 5;
}
.worshipWrap .worship-area .hover-4 .title {
  position: absolute;
  z-index: 11;
}
.worshipWrap .worship-area .hover-4 .title:nth-child(2) {
  top: -178px;
  left: 102px;
}
.worshipWrap .worship-area .hover-4 .title:nth-child(1) {
  top: -8px;
  left: 214px;
}
.worshipWrap .worship-area .hover-4 .box {
  position: relative;
  display: block;
  margin-bottom: -126px;
}
.worshipWrap .worship-area .hover-4 .box:last-child {
  margin-bottom: 0;
}
.worshipWrap .worship-area .hover-4 .box:nth-child(1) {
  z-index: 9;
}
.worshipWrap .worship-area .hover-4 .box:nth-child(2) {
  z-index: 8;
}
.worshipWrap .worship-area .hover-4 .box:nth-child(3) {
  z-index: 7;
}
.worshipWrap .worship-area .hover-4 .box:nth-child(4) {
  z-index: 6;
}
.worshipWrap .worship-area .hover-4 .box:nth-child(5) {
  z-index: 5;
}
.worshipWrap .worship-area .hover-4 .box:nth-child(6) {
  z-index: 4;
}
.worshipWrap .worship-area .hover-4 .box:nth-child(7) {
  z-index: 3;
}
.worshipWrap .worship-area .hover-4 .box:nth-child(8) {
  z-index: 2;
}
.worshipWrap .worship-area .hover-5 {
  position: absolute;
  top: -55px;
  left: 526px;
  z-index: 1;
}
.worshipWrap .worship-area .hover-5 .title {
  position: absolute;
  top: -119px;
  left: 110px;
  z-index: 11;
}
.worshipWrap .worship-area .hover-5 .box {
  position: relative;
  display: block;
  margin-bottom: -127px;
}
.worshipWrap .worship-area .hover-5 .box:last-child {
  margin-bottom: 0;
}
.worshipWrap .worship-area .hover-5 .box:nth-child(1) {
  z-index: 9;
}
.worshipWrap .worship-area .hover-5 .box:nth-child(2) {
  z-index: 8;
}
.worshipWrap .worship-area .hover-5 .box:nth-child(3) {
  z-index: 7;
}
.worshipWrap .worship-area .hover-5 .box:nth-child(4) {
  z-index: 6;
}
.worshipWrap .worship-area .hover-5 .box:nth-child(5) {
  z-index: 5;
}
.worshipWrap .worship-area .hover-5 .box:nth-child(6) {
  z-index: 4;
}
.worshipWrap .worship-area .hover-5 .box:nth-child(7) {
  z-index: 3;
}
.worshipWrap .worship-area .hover-5 .box:nth-child(8) {
  z-index: 2;
}
.worshipWrap .worship-area .hover-6 {
  position: absolute;
  top: -6px;
  left: 416px;
}
.worshipWrap .worship-area .hover-6 .title {
  position: absolute;
  top: -178px;
  left: 86px;
  z-index: 11;
}
.worshipWrap .worship-area .hover-6 .box {
  position: relative;
  display: block;
  margin-bottom: -107px;
}
.worshipWrap .worship-area .hover-6 .box:last-child {
  margin-bottom: 0;
}
.worshipWrap .worship-area .hover-6 .box:nth-child(1) {
  z-index: 9;
}
.worshipWrap .worship-area .hover-6 .box:nth-child(2) {
  z-index: 8;
}
.worshipWrap .worship-area .hover-6 .box:nth-child(3) {
  z-index: 7;
}
.worshipWrap .worship-area .hover-6 .box:nth-child(4) {
  z-index: 6;
}
.worshipWrap .worship-area .hover-6 .box:nth-child(5) {
  z-index: 5;
}
.worshipWrap .worship-area .hover-6 .box:nth-child(6) {
  z-index: 4;
}
.worshipWrap .worship-area .hover-6 .box:nth-child(7) {
  z-index: 3;
}
.worshipWrap .worship-area .hover-6 .box:nth-child(8) {
  z-index: 2;
}
.worshipWrap .worship-area .hover-7 {
  position: absolute;
  top: 93px;
  left: 125px;
  z-index: 8;
}
.worshipWrap .worship-area .hover-7 .title {
  position: absolute;
  top: -119px;
  left: 89px;
  z-index: 11;
}
.worshipWrap .worship-area .hover-7 .box {
  position: relative;
  display: block;
  margin-bottom: -112px;
}
.worshipWrap .worship-area .hover-7 .box:last-child {
  margin-bottom: 0;
}
.worshipWrap .worship-area .hover-7 .box:nth-child(1) {
  z-index: 9;
}
.worshipWrap .worship-area .hover-7 .box:nth-child(2) {
  z-index: 8;
}
.worshipWrap .worship-area .hover-7 .box:nth-child(3) {
  z-index: 7;
}
.worshipWrap .worship-area .hover-7 .box:nth-child(4) {
  z-index: 6;
}
.worshipWrap .worship-area .hover-7 .box:nth-child(5) {
  z-index: 5;
}
.worshipWrap .worship-area .hover-7 .box:nth-child(6) {
  z-index: 4;
}
.worshipWrap .worship-area .hover-7 .box:nth-child(7) {
  z-index: 3;
}
.worshipWrap .worship-area .hover-7 .box:nth-child(8) {
  z-index: 2;
}
.worshipWrap .worship-area .hover-8 {
  position: absolute;
  top: 144px;
  left: 0;
  z-index: 11;
}
.worshipWrap .worship-area .hover-8 .title {
  position: absolute;
  top: -123px;
  left: 94px;
  z-index: 11;
}
.worshipWrap .worship-area .hover-8 .box {
  position: relative;
  display: block;
  margin-bottom: -138px;
}
.worshipWrap .worship-area .hover-8 .box:last-child {
  margin-bottom: 0;
}
.worshipWrap .worship-area .hover-8 .box:nth-child(1) {
  z-index: 9;
}
.worshipWrap .worship-area .hover-8 .box:nth-child(2) {
  z-index: 8;
}
.worshipWrap .worship-area .hover-8 .box:nth-child(3) {
  z-index: 7;
}
.worshipWrap .worship-area .hover-8 .box:nth-child(4) {
  z-index: 6;
}
.worshipWrap .worship-area .hover-8 .box:nth-child(5) {
  z-index: 5;
}
.worshipWrap .worship-area .hover-8 .box:nth-child(6) {
  z-index: 4;
}
.worshipWrap .worship-area .hover-8 .box:nth-child(7) {
  z-index: 3;
}
.worshipWrap .worship-area .hover-8 .box:nth-child(8) {
  z-index: 2;
}
.worshipWrap .worship-area .hover-1 > img {
  transform: translateY(-60px);
  opacity: 0;
  transition: all 0.2s;
}
.worshipWrap .worship-area .hover-1 > img:nth-child(1) {
  transition-delay: 0.05s;
}
.worshipWrap .worship-area .hover-1 > img:nth-child(2) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-1 > img:nth-child(3) {
  transition-delay: 0.15s;
}
.worshipWrap .worship-area .hover-1 > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-1 > img:nth-child(5) {
  transition-delay: 0.25s;
}
.worshipWrap .worship-area .hover-1 > img:nth-child(6) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-1 > img:nth-child(7) {
  transition-delay: 0.35s;
}
.worshipWrap .worship-area .hover-1.is-show > img {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s;
}
.worshipWrap .worship-area .hover-1.is-show > img:nth-child(1) {
  transition-delay: 0.5s;
}
.worshipWrap .worship-area .hover-1.is-show > img:nth-child(2) {
  transition-delay: 0.4s;
}
.worshipWrap .worship-area .hover-1.is-show > img:nth-child(3) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-1.is-show > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-1.is-show > img:nth-child(5) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-1.is-show > img:nth-child(6) {
  transition-delay: 0s;
}
.worshipWrap .worship-area .hover-1.is-show > img:nth-child(7) {
  transition-delay: -0.1s;
}
.worshipWrap .worship-area .hover-2 > img {
  transform: translateY(-60px);
  opacity: 0;
  transition: all 0.2s;
}
.worshipWrap .worship-area .hover-2 > img:nth-child(1) {
  transition-delay: 0.05s;
}
.worshipWrap .worship-area .hover-2 > img:nth-child(2) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-2 > img:nth-child(3) {
  transition-delay: 0.15s;
}
.worshipWrap .worship-area .hover-2 > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-2 > img:nth-child(5) {
  transition-delay: 0.25s;
}
.worshipWrap .worship-area .hover-2 > img:nth-child(6) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-2 > img:nth-child(7) {
  transition-delay: 0.35s;
}
.worshipWrap .worship-area .hover-2.is-show > img {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s;
}
.worshipWrap .worship-area .hover-2.is-show > img:nth-child(1) {
  transition-delay: 0.5s;
}
.worshipWrap .worship-area .hover-2.is-show > img:nth-child(2) {
  transition-delay: 0.4s;
}
.worshipWrap .worship-area .hover-2.is-show > img:nth-child(3) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-2.is-show > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-2.is-show > img:nth-child(5) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-2.is-show > img:nth-child(6) {
  transition-delay: 0s;
}
.worshipWrap .worship-area .hover-2.is-show > img:nth-child(7) {
  transition-delay: -0.1s;
}
.worshipWrap .worship-area .hover-3 > img {
  transform: translateY(-60px);
  opacity: 0;
  transition: all 0.2s;
}
.worshipWrap .worship-area .hover-3 > img:nth-child(1) {
  transition-delay: 0.05s;
}
.worshipWrap .worship-area .hover-3 > img:nth-child(2) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-3 > img:nth-child(3) {
  transition-delay: 0.15s;
}
.worshipWrap .worship-area .hover-3 > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-3 > img:nth-child(5) {
  transition-delay: 0.25s;
}
.worshipWrap .worship-area .hover-3 > img:nth-child(6) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-3 > img:nth-child(7) {
  transition-delay: 0.35s;
}
.worshipWrap .worship-area .hover-3.is-show > img {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s;
}
.worshipWrap .worship-area .hover-3.is-show > img:nth-child(1) {
  transition-delay: 0.5s;
}
.worshipWrap .worship-area .hover-3.is-show > img:nth-child(2) {
  transition-delay: 0.4s;
}
.worshipWrap .worship-area .hover-3.is-show > img:nth-child(3) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-3.is-show > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-3.is-show > img:nth-child(5) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-3.is-show > img:nth-child(6) {
  transition-delay: 0s;
}
.worshipWrap .worship-area .hover-3.is-show > img:nth-child(7) {
  transition-delay: -0.1s;
}
.worshipWrap .worship-area .hover-4 > img {
  transform: translateY(-60px);
  opacity: 0;
  transition: all 0.2s;
}
.worshipWrap .worship-area .hover-4 > img:nth-child(1) {
  transition-delay: 0.05s;
}
.worshipWrap .worship-area .hover-4 > img:nth-child(2) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-4 > img:nth-child(3) {
  transition-delay: 0.15s;
}
.worshipWrap .worship-area .hover-4 > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-4 > img:nth-child(5) {
  transition-delay: 0.25s;
}
.worshipWrap .worship-area .hover-4 > img:nth-child(6) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-4 > img:nth-child(7) {
  transition-delay: 0.35s;
}
.worshipWrap .worship-area .hover-4.is-show > img {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s;
}
.worshipWrap .worship-area .hover-4.is-show > img:nth-child(1) {
  transition-delay: 0.5s;
}
.worshipWrap .worship-area .hover-4.is-show > img:nth-child(2) {
  transition-delay: 0.4s;
}
.worshipWrap .worship-area .hover-4.is-show > img:nth-child(3) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-4.is-show > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-4.is-show > img:nth-child(5) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-4.is-show > img:nth-child(6) {
  transition-delay: 0s;
}
.worshipWrap .worship-area .hover-4.is-show > img:nth-child(7) {
  transition-delay: -0.1s;
}
.worshipWrap .worship-area .hover-5 > img {
  transform: translateY(-60px);
  opacity: 0;
  transition: all 0.2s;
}
.worshipWrap .worship-area .hover-5 > img:nth-child(1) {
  transition-delay: 0.05s;
}
.worshipWrap .worship-area .hover-5 > img:nth-child(2) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-5 > img:nth-child(3) {
  transition-delay: 0.15s;
}
.worshipWrap .worship-area .hover-5 > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-5 > img:nth-child(5) {
  transition-delay: 0.25s;
}
.worshipWrap .worship-area .hover-5 > img:nth-child(6) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-5 > img:nth-child(7) {
  transition-delay: 0.35s;
}
.worshipWrap .worship-area .hover-5.is-show > img {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s;
}
.worshipWrap .worship-area .hover-5.is-show > img:nth-child(1) {
  transition-delay: 0.5s;
}
.worshipWrap .worship-area .hover-5.is-show > img:nth-child(2) {
  transition-delay: 0.4s;
}
.worshipWrap .worship-area .hover-5.is-show > img:nth-child(3) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-5.is-show > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-5.is-show > img:nth-child(5) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-5.is-show > img:nth-child(6) {
  transition-delay: 0s;
}
.worshipWrap .worship-area .hover-5.is-show > img:nth-child(7) {
  transition-delay: -0.1s;
}
.worshipWrap .worship-area .hover-6 > img {
  transform: translateY(-60px);
  opacity: 0;
  transition: all 0.2s;
}
.worshipWrap .worship-area .hover-6 > img:nth-child(1) {
  transition-delay: 0.05s;
}
.worshipWrap .worship-area .hover-6 > img:nth-child(2) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-6 > img:nth-child(3) {
  transition-delay: 0.15s;
}
.worshipWrap .worship-area .hover-6 > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-6 > img:nth-child(5) {
  transition-delay: 0.25s;
}
.worshipWrap .worship-area .hover-6 > img:nth-child(6) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-6 > img:nth-child(7) {
  transition-delay: 0.35s;
}
.worshipWrap .worship-area .hover-6.is-show > img {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s;
}
.worshipWrap .worship-area .hover-6.is-show > img:nth-child(1) {
  transition-delay: 0.5s;
}
.worshipWrap .worship-area .hover-6.is-show > img:nth-child(2) {
  transition-delay: 0.4s;
}
.worshipWrap .worship-area .hover-6.is-show > img:nth-child(3) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-6.is-show > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-6.is-show > img:nth-child(5) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-6.is-show > img:nth-child(6) {
  transition-delay: 0s;
}
.worshipWrap .worship-area .hover-6.is-show > img:nth-child(7) {
  transition-delay: -0.1s;
}
.worshipWrap .worship-area .hover-7 > img {
  transform: translateY(-60px);
  opacity: 0;
  transition: all 0.2s;
}
.worshipWrap .worship-area .hover-7 > img:nth-child(1) {
  transition-delay: 0.05s;
}
.worshipWrap .worship-area .hover-7 > img:nth-child(2) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-7 > img:nth-child(3) {
  transition-delay: 0.15s;
}
.worshipWrap .worship-area .hover-7 > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-7 > img:nth-child(5) {
  transition-delay: 0.25s;
}
.worshipWrap .worship-area .hover-7 > img:nth-child(6) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-7 > img:nth-child(7) {
  transition-delay: 0.35s;
}
.worshipWrap .worship-area .hover-7.is-show > img {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s;
}
.worshipWrap .worship-area .hover-7.is-show > img:nth-child(1) {
  transition-delay: 0.5s;
}
.worshipWrap .worship-area .hover-7.is-show > img:nth-child(2) {
  transition-delay: 0.4s;
}
.worshipWrap .worship-area .hover-7.is-show > img:nth-child(3) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-7.is-show > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-7.is-show > img:nth-child(5) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-7.is-show > img:nth-child(6) {
  transition-delay: 0s;
}
.worshipWrap .worship-area .hover-7.is-show > img:nth-child(7) {
  transition-delay: -0.1s;
}
.worshipWrap .worship-area .hover-8 > img {
  transform: translateY(-60px);
  opacity: 0;
  transition: all 0.2s;
}
.worshipWrap .worship-area .hover-8 > img:nth-child(1) {
  transition-delay: 0.05s;
}
.worshipWrap .worship-area .hover-8 > img:nth-child(2) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-8 > img:nth-child(3) {
  transition-delay: 0.15s;
}
.worshipWrap .worship-area .hover-8 > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-8 > img:nth-child(5) {
  transition-delay: 0.25s;
}
.worshipWrap .worship-area .hover-8 > img:nth-child(6) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-8 > img:nth-child(7) {
  transition-delay: 0.35s;
}
.worshipWrap .worship-area .hover-8.is-show > img {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s;
}
.worshipWrap .worship-area .hover-8.is-show > img:nth-child(1) {
  transition-delay: 0.5s;
}
.worshipWrap .worship-area .hover-8.is-show > img:nth-child(2) {
  transition-delay: 0.4s;
}
.worshipWrap .worship-area .hover-8.is-show > img:nth-child(3) {
  transition-delay: 0.3s;
}
.worshipWrap .worship-area .hover-8.is-show > img:nth-child(4) {
  transition-delay: 0.2s;
}
.worshipWrap .worship-area .hover-8.is-show > img:nth-child(5) {
  transition-delay: 0.1s;
}
.worshipWrap .worship-area .hover-8.is-show > img:nth-child(6) {
  transition-delay: 0s;
}
.worshipWrap .worship-area .hover-8.is-show > img:nth-child(7) {
  transition-delay: -0.1s;
}

.qaWrap {
  text-align: center;
  padding-bottom: 180px;
  margin-bottom: -100px;
  background-color: #fff;
}
.qaWrap .head {
  margin-bottom: 50px;
}
.qaWrap .qaList {
  max-width: 780px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .qaWrap .qaList {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
.qaWrap .qaList li {
  position: relative;
  border-bottom: 2px solid #e8b356;
  padding: 60px 0 40px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .qaWrap .qaList li {
    padding: 50px 0;
    border-width: 1px;
  }
}
.qaWrap .qaList li.is-open .arrow .cls-1 {
  fill: #CA954A;
  stroke: #CA954A;
}
.qaWrap .qaList li.is-open .arrow .cls-2 {
  stroke: #fff;
  transform: rotate(-180deg);
}
.qaWrap .qaList .num {
  font-weight: 500;
  font-size: 33px;
  color: #e8b356;
  margin-bottom: 14px;
}
.qaWrap .qaList .title {
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 5px;
  line-height: 1.5;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  .qaWrap .qaList .title {
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 2px;
  }
}
.qaWrap .qaList .answer {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #4d4d4d;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  .qaWrap .qaList .answer {
    font-size: 14px;
    margin-top: 20px;
  }
}
.qaWrap .qaList .arrow {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 0;
  cursor: pointer;
}
.qaWrap .qaList .arrow:hover .cls-1 {
  fill: #e8b356;
}
.qaWrap .qaList .arrow:hover .cls-2 {
  stroke: #fff;
}
.qaWrap .qaList .arrow .cls-1 {
  fill: #fff;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
.qaWrap .qaList .arrow .cls-2 {
  fill: none;
  stroke: #ca954a;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
  transition: all 0.3s;
}

.about-enterWrap {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.about-enterWrap .gradientbox {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 83.98%;
  background: linear-gradient(0deg, rgba(232, 179, 86, 0.7) 0%, rgba(232, 179, 86, 0) 100%);
}
.about-enterWrap .deco-1 {
  position: absolute;
  top: 45%;
  left: -168px;
}
.about-enterWrap .deco-2 {
  position: absolute;
  top: 30px;
  right: -40px;
}
.about-enterWrap .god-area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 696px;
  height: 790px;
  margin-top: 30px;
  zoom: 0.95;
}
.about-enterWrap .god-area .word {
  z-index: -1;
  position: absolute;
  top: -60px;
  right: -229px;
}
.about-enterWrap .god-area .stamp {
  position: absolute;
  left: 0;
  bottom: 80px;
}

.about-enter-space {
  position: relative;
  height: 100vh;
}

.product-newstestOutWrap {
  position: relative;
  background-color: #e8b356;
  padding: 198px 0 106px;
}
@media print, screen and (max-width: 64.06125em) {
  .product-newstestOutWrap {
    padding: 90px 0 87px;
  }
}
.product-newstestOutWrap .head-area {
  z-index: 1;
  position: relative;
  margin-bottom: 70px;
  text-align: center;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .product-newstestOutWrap .head-area {
    zoom: 0.7;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .product-newstestOutWrap .head-area {
    margin-bottom: 87px;
  }
}

.product-newsestWrap {
  max-width: 1114px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .product-newsestWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .product-newsestWrap {
    padding: 0 20px;
  }
}
.product-newsestWrap .deco {
  position: absolute;
  top: 53px;
  right: 0;
  transform: translateY(-100%);
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .product-newsestWrap .deco {
    zoom: 0.9;
    top: 58px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .product-newsestWrap .deco {
    width: 152px;
    top: 42px;
    right: 27px;
  }
}
.product-newsestWrap .cat {
  font-weight: 700;
  font-size: 39px;
  letter-spacing: 2px;
  color: #302725;
  border-bottom: 1px solid #736357;
  padding-bottom: 14px;
  margin-bottom: 44px;
}
@media print, screen and (max-width: 64.06125em) {
  .product-newsestWrap .cat {
    font-size: 30px;
    letter-spacing: 1px;
    padding-bottom: 12px;
    margin-bottom: 24px;
  }
}

.pn-sliderWrap {
  position: relative;
}
.pn-sliderWrap .pn-prev,
.pn-sliderWrap .pn-next {
  z-index: 9;
  position: absolute;
  top: 84px;
  left: -20px;
  cursor: pointer;
  transition: all 0.3s;
}
.pn-sliderWrap .pn-prev:hover,
.pn-sliderWrap .pn-next:hover {
  opacity: 0.6;
}
.pn-sliderWrap .pn-next {
  left: auto;
  right: -20px;
}
.pn-sliderWrap .pn-sliderList {
  position: relative;
  margin: 0 -13px;
}
@media print, screen and (min-width: 64.0625em) {
  .pn-sliderWrap .pn-sliderList:after {
    content: "flickity";
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pn-sliderWrap .pn-sliderList {
    margin: 0;
  }
}
.pn-sliderWrap .pn-sliderList li {
  position: relative;
  width: calc(33.33% - 27px);
  margin: 0 13px;
}
.pn-sliderWrap .pn-sliderList li:hover .pic:after {
  opacity: 1;
}
.pn-sliderWrap .pn-sliderList li .pic {
  margin-bottom: 22px;
  overflow: hidden;
  position: relative;
}
.pn-sliderWrap .pn-sliderList li .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.pn-sliderWrap .pn-sliderList li .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #302725;
  margin-bottom: 13px;
}
@media print, screen and (max-width: 64.06125em) {
  .pn-sliderWrap .pn-sliderList li .title {
    font-size: 21px;
  }
}
.pn-sliderWrap .pn-sliderList li .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #333;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pn-sliderWrap .pn-sliderList li .content {
    font-size: 16px;
  }
}
.pn-sliderWrap .pn-sliderList li .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 36px auto 0;
}
.pn-sliderWrap .pn-sliderList li .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.pn-sliderWrap .pn-sliderList li .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.pn-sliderWrap .pn-sliderList li .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .pn-sliderWrap .pn-sliderList li {
    width: 100%;
    margin: 0;
    margin-bottom: 70px;
  }
  .pn-sliderWrap .pn-sliderList li:last-child {
    margin-bottom: 0;
  }
}

.producstWrap {
  max-width: 1114px;
  margin: 150px auto 200px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .producstWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .producstWrap {
    padding: 0 20px;
    margin: 67px auto 154px;
  }
}
.producstWrap section {
  margin-bottom: 170px;
}
.producstWrap section:last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .producstWrap section {
    margin-bottom: 130px;
  }
  .producstWrap section:last-child {
    margin-bottom: 0;
  }
}
.producstWrap .cat {
  font-weight: 700;
  font-size: 39px;
  letter-spacing: 2px;
  color: #302725;
  border-bottom: 1px solid #da4e36;
  padding-bottom: 14px;
  margin-bottom: 44px;
}
@media print, screen and (max-width: 64.06125em) {
  .producstWrap .cat {
    font-size: 30px;
    letter-spacing: 1px;
    padding-bottom: 12px;
    margin-bottom: 24px;
  }
}
.producstWrap .productList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 87px 27px;
}
@media print, screen and (max-width: 64.06125em) {
  .producstWrap .productList {
    display: block;
  }
}
.producstWrap .productList li {
  position: relative;
}
.producstWrap .productList li:hover .pic:after {
  opacity: 1;
}
.producstWrap .productList li .pic {
  margin-bottom: 22px;
  overflow: hidden;
  position: relative;
}
.producstWrap .productList li .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.producstWrap .productList li .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #302725;
  margin-bottom: 13px;
}
@media print, screen and (max-width: 64.06125em) {
  .producstWrap .productList li .title {
    font-size: 21px;
  }
}
.producstWrap .productList li .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #333;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .producstWrap .productList li .content {
    font-size: 16px;
  }
}
.producstWrap .productList li .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 36px auto 0;
}
.producstWrap .productList li .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.producstWrap .productList li .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.producstWrap .productList li .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .producstWrap .productList li {
    margin-bottom: 70px;
  }
  .producstWrap .productList li:last-child {
    margin-bottom: 0;
  }
}

.annualWrap {
  position: relative;
  background-color: #da4e36;
  padding: 198px 0 150px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .annualWrap {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .annualWrap {
    zoom: 0.75;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap {
    padding: 96px 0 80px;
  }
}
.annualWrap .head {
  text-align: center;
  position: relative;
  margin-bottom: 87px;
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .head {
    margin-bottom: 60px;
  }
}
.annualWrap .annualList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 90px 27px;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .annualList {
    max-width: 83%;
    grid-template-columns: 1fr;
    grid-gap: 70px 0;
  }
}
.annualWrap .annualList li {
  position: relative;
}
.annualWrap .annualList li:hover .deco {
  transform: translateY(0%);
}
.annualWrap .annualList li:hover .cat-area {
  transform: scale(1.2);
}
.annualWrap .annualList li:hover .cat-area .bg .cls-1 {
  fill: #e8b356;
  stroke: #fff;
}
.annualWrap .annualList .deco {
  z-index: 2;
  position: absolute;
  top: -110px;
  right: 0;
  transform: translateY(100%);
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .annualList .deco {
    display: none;
  }
}
.annualWrap .annualList .cat-area {
  position: relative;
  margin-bottom: -4px;
  transform-origin: left;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .annualList .cat-area {
    zoom: 0.7;
  }
}
.annualWrap .annualList .cat-area .bg .cls-1 {
  fill: #fc462d;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  stroke-width: 1.02px;
  transition: all 0.3s;
}
.annualWrap .annualList .cat-area .cat {
  font-weight: 700;
  font-size: 29px;
  letter-spacing: 5px;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 17px;
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .annualWrap .annualList .cat-area .cat {
    font-size: 25px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .annualList .cat-area .cat {
    font-size: 23px;
  }
}
.annualWrap .annualList .pic {
  margin-bottom: 10px;
  position: relative;
  z-index: 4;
  width: 440px;
  height: 266px;
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .annualList .pic {
    width: 100%;
    height: auto;
    aspect-ratio: 220/133;
  }
}
.annualWrap .annualList .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .annualList .pic img {
    width: 100%;
  }
}
.annualWrap .annualList .title {
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #fff;
  border-top: 2px solid #e8b356;
  padding-top: 16px;
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .annualList .title {
    font-size: 17px;
  }
}
.annualWrap .annualList .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin-top: 24px;
}
.annualWrap .annualList .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.annualWrap .annualList .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.annualWrap .annualList .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .annualWrap .annualList .more {
    margin: 30px auto 0;
  }
}

.ceremonyWrap {
  z-index: 9;
  position: relative;
  max-width: 1400px;
  margin: 160px auto 180px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .ceremonyWrap {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .ceremonyWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .ceremonyWrap {
    margin: 59px auto 90px;
  }
}
.ceremonyWrap .deco-1 {
  position: absolute;
  top: -82px;
  right: -41px;
}
.ceremonyWrap .deco-2 {
  position: absolute;
  right: 97px;
  bottom: -131px;
}
.ceremonyWrap .head-area {
  text-align: center;
  position: relative;
  margin-bottom: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .ceremonyWrap .head-area {
    margin-bottom: 35px;
  }
}
.ceremonyWrap .bigpost-container {
  margin-bottom: 140px;
}
.ceremonyWrap .bigpost-container .pic-area {
  margin-right: 125px;
}
.ceremonyWrap .bigpost-container .article-area .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #4d4d4d;
}
.ceremonyWrap .bigpost-container .article-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
  border-top: 1px solid #e8b356;
  padding-top: 20px;
  margin-top: 60px;
}
.ceremonyWrap .bigpost-container .article-area .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 60px 0 0 auto;
}
.ceremonyWrap .bigpost-container .article-area .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.ceremonyWrap .bigpost-container .article-area .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.ceremonyWrap .bigpost-container .article-area .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
.ceremonyWrap .ceremonyList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 90px 27px;
}
@media print, screen and (max-width: 64.06125em) {
  .ceremonyWrap .ceremonyList {
    max-width: 83%;
    grid-template-columns: 1fr;
    grid-gap: 70px 0;
    padding: 0;
    margin: 0 auto;
  }
}
.ceremonyWrap .ceremonyList li {
  position: relative;
}
.ceremonyWrap .ceremonyList li:hover .pic:after {
  opacity: 1;
}
.ceremonyWrap .ceremonyList li .pic {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.ceremonyWrap .ceremonyList li .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.ceremonyWrap .ceremonyList li .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  border-top: 2px solid #e8b356;
  padding-top: 14px;
}
.ceremonyWrap .ceremonyList li .content {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #666;
  margin-top: 10px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .ceremonyWrap .ceremonyList li .content {
    font-size: 16px;
  }
}
.ceremonyWrap .ceremonyList li .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin-top: 20px;
}
.ceremonyWrap .ceremonyList li .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.ceremonyWrap .ceremonyList li .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.ceremonyWrap .ceremonyList li .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .ceremonyWrap .ceremonyList li .more {
    margin: 20px auto 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .ceremonyWrap .ceremonyList li .pic img {
    width: 100%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .ceremonyWrap .ceremonyList li .content {
    font-size: 13px;
  }
}
.ceremonyWrap .ceremony-more {
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  margin-top: 150px;
}
.ceremonyWrap .ceremony-more:hover {
  opacity: 0.6;
}
@media print, screen and (max-width: 64.06125em) {
  .ceremonyWrap .ceremony-more {
    zoom: 0.7;
  }
}

.cd-topWrap {
  position: relative;
  margin-top: 22px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .cd-topWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap {
    max-width: 83%;
    width: 100%;
    margin: 10px auto 0px;
  }
}
.cd-topWrap .deco-circle {
  width: 1109px;
  height: 1109px;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(232, 179, 86) 100%);
  border-radius: 50%;
  position: absolute;
  right: -130px;
  bottom: -661px;
  z-index: -1;
}
@media print, screen and (max-width: 99.99875em) {
  .cd-topWrap .deco-circle {
    bottom: -524px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .deco-circle {
    width: 556px;
    height: 556px;
    bottom: -351px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .cd-topWrap .deco-circle {
    width: 356px;
    height: 356px;
    bottom: -63px;
    right: -115px;
  }
}
.cd-topWrap .deco-circle img {
  position: absolute;
}
.cd-topWrap .deco-circle img.circle-cloude-1 {
  right: 50px;
  top: -18px;
}
.cd-topWrap .deco-circle img.circle-cloude-2 {
  left: 9px;
  bottom: -3px;
}
.cd-topWrap .head {
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 124px;
  color: #e8b356;
  white-space: nowrap;
  text-align: center;
  opacity: 0.2;
}
@media print, screen and (max-width: 99.99875em) {
  .cd-topWrap .head {
    font-size: 100px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .head {
    font-size: 70px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .cd-topWrap .head {
    font-size: 37px;
    line-height: 1.1;
    white-space: unset;
    margin-bottom: 20px;
  }
}
.cd-topWrap .innerWrap {
  position: relative;
}
.cd-topWrap .innerWrap .pic-sliderWrap {
  position: relative;
  width: 845px;
  margin-right: 157px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .cd-topWrap .innerWrap .pic-sliderWrap {
    margin-right: 112px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .cd-topWrap .innerWrap .pic-sliderWrap {
    margin-right: 0px;
    margin-bottom: 70px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .innerWrap .pic-sliderWrap {
    width: 100%;
    margin-right: 0;
  }
}
.cd-topWrap .innerWrap .pic-sliderWrap .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.cd-topWrap .innerWrap .pic-sliderWrap .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.cd-topWrap .innerWrap .pic-sliderWrap .swiper-pagination {
  --swiper-pagination-bullet-size: 11px;
  --swiper-pagination-bullet-horizontal-gap: 8px;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-color: #e8b356;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  bottom: -40px;
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .innerWrap .pic-sliderWrap .swiper-pagination {
    bottom: -33px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-size: 10px;
  }
}
.cd-topWrap .innerWrap .pic-sliderWrap .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #e8b356;
  transition: all 0.3s;
}
.cd-topWrap .innerWrap .swiper-container {
  -webkit-mask: url(/images/cd-top-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/cd-top-mask.svg) 0 0/100% 100% no-repeat;
}
.cd-topWrap .innerWrap .swiper-slide {
  position: relative;
  padding-top: 60.59%;
}
.cd-topWrap .innerWrap .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.cd-topWrap .innerWrap .article-area {
  max-width: 408px;
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .innerWrap .article-area {
    padding: 0 20px;
    margin-top: 70px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .cd-topWrap .innerWrap .article-area {
    margin-top: 40px;
    zoom: 0.95;
  }
}
.cd-topWrap .innerWrap .article-area .year {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 35px;
  color: #da4e36;
  text-align: right;
  margin-bottom: 3px;
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .innerWrap .article-area .year {
    text-align: left;
    font-size: 20px;
  }
}
.cd-topWrap .innerWrap .article-area .date {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 67px;
  color: #da4e36;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .innerWrap .article-area .date {
    font-size: 37px;
    margin-bottom: 11px;
  }
}
.cd-topWrap .innerWrap .article-area .title {
  font-weight: 700;
  font-size: 33px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #302725;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .innerWrap .article-area .title {
    font-size: 29px;
    margin-bottom: 12px;
  }
}
.cd-topWrap .innerWrap .article-area .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #333;
}
@media print, screen and (max-width: 64.06125em) {
  .cd-topWrap .innerWrap .article-area .content {
    font-size: 14px;
  }
}

.signupWrap {
  max-width: 1400px;
  margin: 276px auto 250px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .signupWrap {
    max-width: 1200px;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .signupWrap {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap {
    margin: 100px auto 68px;
  }
}
.signupWrap .head {
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .head {
    text-align: center;
    display: block;
    margin-bottom: 47px;
  }
}
.signupWrap .head .ch {
  margin-right: 24px;
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .signupList {
    max-width: 83%;
    width: 100%;
    margin: 0 auto;
  }
}
.signupWrap .signupList li {
  position: relative;
  border-bottom: 2px solid #e8b356;
  padding: 40px 23.21% 7px 0;
}
@media print, screen and (max-width: 74.99875em) {
  .signupWrap .signupList li {
    padding: 40px 12.21% 7px 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .signupList li {
    padding: 0;
    border-bottom: none;
    margin-bottom: 90px;
  }
  .signupWrap .signupList li:last-child {
    margin-bottom: 0;
  }
}
.signupWrap .signupList li:hover .item:nth-child(2) {
  transform: translate(7px, 0);
}
.signupWrap .signupList li:hover .item:nth-child(3) {
  transform: translate(14px, 0);
}
.signupWrap .signupList li:hover .item:nth-child(4) {
  transform: translate(21px, 0);
}
.signupWrap .signupList li:hover .item:nth-child(5) {
  transform: translate(28px, 0);
}
.signupWrap .signupList li:hover .item:nth-child(6) {
  transform: translate(35px, 0);
}
.signupWrap .signupList li:hover .item:nth-child(7) {
  transform: translate(42px, 0);
}
.signupWrap .signupList li:hover .item:nth-child(8) {
  transform: translate(49px, 0);
}
.signupWrap .signupList li:hover .item:nth-child(9) {
  transform: translate(56px, 0);
}
.signupWrap .signupList li:hover .item:nth-child(10) {
  transform: translate(63px, 0);
}
.signupWrap .signupList li:hover .arrow {
  transform: translate(0, -50%);
  opacity: 1;
}
.signupWrap .signupList .repeat-area {
  position: relative;
  margin-right: 100px;
  transition: all 0.3s;
}
.signupWrap .signupList .repeat-area .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.signupWrap .signupList .repeat-area .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.signupWrap .signupList .repeat-area .item:nth-child(2) {
  z-index: 2;
}
.signupWrap .signupList .repeat-area .item:nth-child(3) {
  z-index: 3;
}
.signupWrap .signupList .repeat-area .item:nth-child(4) {
  z-index: 4;
}
.signupWrap .signupList .repeat-area .item:nth-child(5) {
  z-index: 5;
}
.signupWrap .signupList .repeat-area .item:nth-child(6) {
  z-index: 6;
}
.signupWrap .signupList .repeat-area .item:nth-child(7) {
  z-index: 7;
}
.signupWrap .signupList .repeat-area .item:nth-child(8) {
  z-index: 8;
}
.signupWrap .signupList .repeat-area .item:nth-child(9) {
  z-index: 9;
}
.signupWrap .signupList .repeat-area .item:nth-child(10) {
  z-index: 10;
}
.signupWrap .signupList .repeat-area .item:last-child {
  position: relative;
}
@media print, screen and (max-width: 74.99875em) {
  .signupWrap .signupList .repeat-area {
    margin-right: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .signupList .repeat-area {
    margin-right: 0;
  }
}
.signupWrap .signupList .repeat-area .pic-area {
  position: relative;
}
.signupWrap .signupList .repeat-area .pic-area .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.signupWrap .signupList .repeat-area .pic-area .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.signupWrap .signupList .repeat-area .pic-area .pic {
  -webkit-mask: url(/images/signup-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/signup-mask.svg) 0 0/100% 100% no-repeat;
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .signupList .repeat-area .pic-area .pic img {
    width: 100%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .signupList .article-area {
    border-top: 1px solid #e8b356;
    padding-top: 13px;
    margin-top: 12px;
  }
}
.signupWrap .signupList .article-area .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  margin-bottom: 34px;
}
@media print, screen and (max-width: 99.99875em) {
  .signupWrap .signupList .article-area .title {
    font-size: 21px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .signupList .article-area .title {
    margin-bottom: 15px;
  }
}
.signupWrap .signupList .article-area .content {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .signupWrap .signupList .article-area .content {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .signupList .article-area .content {
    font-size: 14px;
  }
}
.signupWrap .signupList .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-20px, -50%);
  opacity: 0;
  transition: all 0.5s;
}
@media print, screen and (max-width: 74.99875em) {
  .signupWrap .signupList .arrow {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .signupWrap .signupList .arrow {
    display: none;
  }
}
.signupWrap .signupList .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  zoom: 0.9;
  margin: 30px auto 0;
}
.signupWrap .signupList .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.signupWrap .signupList .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.signupWrap .signupList .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}

.programOutWrap {
  margin-bottom: -100px;
}
.programOutWrap.ryder {
  padding-bottom: 150px;
}
.programOutWrap .top-head-area {
  max-width: 1400px;
  margin: 0 auto 30px;
}
@media print, screen and (max-width: 99.99875em) {
  .programOutWrap .top-head-area {
    max-width: 83%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .top-head-area {
    display: block;
    text-align: center;
  }
}
.programOutWrap .top-head-area .ch {
  margin-right: 24px;
}
.programOutWrap .top-head-area-mobile {
  text-align: center;
  margin-bottom: 38px;
}
.programOutWrap .bannerWrap {
  position: relative;
  z-index: -2;
}
.programOutWrap .bannerWrap .title-container {
  position: absolute;
  top: 21%;
  left: 13%;
}
@media print, screen and (max-width: 74.99875em) {
  .programOutWrap .bannerWrap .title-container {
    top: 11%;
    left: 13%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .title-container {
    top: 50px;
    left: 50px;
    z-index: 4;
  }
}
.programOutWrap .bannerWrap .title-container .repeat-area {
  position: relative;
  width: 226px;
  height: 377px;
}
@media print, screen and (max-width: 99.99875em) {
  .programOutWrap .bannerWrap .title-container .repeat-area {
    width: 180.8px;
    height: 301.6px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .programOutWrap .bannerWrap .title-container .repeat-area {
    width: 169.5px;
    height: 282.75px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .title-container .repeat-area {
    width: 109px;
    height: 194px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .programOutWrap .bannerWrap .title-container .repeat-area {
    width: 105px;
    height: 166px;
  }
}
.programOutWrap .bannerWrap .title-container .repeat-area .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:first-child {
  position: relative;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(1) {
  z-index: 19;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(2) {
  z-index: 18;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(3) {
  z-index: 17;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(4) {
  z-index: 16;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(5) {
  z-index: 15;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(6) {
  z-index: 14;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(7) {
  z-index: 13;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(8) {
  z-index: 12;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(9) {
  z-index: 11;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(10) {
  z-index: 10;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(11) {
  z-index: 9;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(12) {
  z-index: 8;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(13) {
  z-index: 7;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(14) {
  z-index: 6;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(15) {
  z-index: 5;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(16) {
  z-index: 4;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(17) {
  z-index: 3;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(18) {
  z-index: 2;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(19) {
  z-index: 1;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(20) {
  z-index: 0;
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(2) {
  transform: translate(-7px, 7px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(3) {
  transform: translate(-14px, 14px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(4) {
  transform: translate(-21px, 21px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(5) {
  transform: translate(-28px, 28px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(6) {
  transform: translate(-35px, 35px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(7) {
  transform: translate(-42px, 42px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(8) {
  transform: translate(-49px, 49px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(9) {
  transform: translate(-56px, 56px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(10) {
  transform: translate(-63px, 63px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(11) {
  transform: translate(-70px, 70px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(12) {
  transform: translate(-77px, 77px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(13) {
  transform: translate(-84px, 84px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(14) {
  transform: translate(-91px, 91px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(15) {
  transform: translate(-98px, 98px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(16) {
  transform: translate(-105px, 105px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(17) {
  transform: translate(-112px, 112px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(18) {
  transform: translate(-119px, 119px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(19) {
  transform: translate(-126px, 126px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .item:nth-child(20) {
  transform: translate(-133px, 133px);
}
.programOutWrap .bannerWrap .title-container .repeat-area .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.programOutWrap .bannerWrap .title-container .repeat-area .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.programOutWrap .bannerWrap .title-container .repeat-area .title-area {
  position: relative;
  width: 100%;
  height: 100%;
  writing-mode: vertical-lr;
  padding: 10px 10px 10px 10px;
  background-color: #fc462d;
  -webkit-mask: url(/images/cd-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/cd-mask.svg) 0 0/100% 100% no-repeat;
}
.programOutWrap .bannerWrap .title-container .repeat-area .title-area .title {
  font-weight: 700;
  font-size: 77px;
  letter-spacing: 6px;
  color: #fff;
  margin-right: 30px;
}
@media print, screen and (max-width: 99.99875em) {
  .programOutWrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 60px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .programOutWrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 48px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 36px;
    letter-spacing: 3px;
    margin-right: 10px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .programOutWrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 30px;
    letter-spacing: 3px;
  }
}
.programOutWrap .bannerWrap .title-container .repeat-area .title-area .day {
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 1px;
  line-height: 1.4;
  color: #fff;
  position: relative;
  top: 5px;
}
@media print, screen and (max-width: 99.99875em) {
  .programOutWrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .programOutWrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
    height: -moz-fit-content;
    height: fit-content;
  }
}
.programOutWrap .bannerWrap .title-container .year-area {
  margin-top: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .title-container .year-area {
    position: relative;
    z-index: 1;
    margin-top: 18px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .title-container .year-area {
    margin-top: 12px;
  }
  .programOutWrap .bannerWrap .title-container .year-area.mobile-black .year,
  .programOutWrap .bannerWrap .title-container .year-area.mobile-black .date {
    color: #302725;
  }
}
.programOutWrap .bannerWrap .title-container .year-area .year {
  font-weight: 700;
  font-size: 37px;
  color: #e8b356;
}
@media print, screen and (max-width: 99.99875em) {
  .programOutWrap .bannerWrap .title-container .year-area .year {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .programOutWrap .bannerWrap .title-container .year-area .year {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .title-container .year-area .year {
    font-size: 14px;
  }
}
.programOutWrap .bannerWrap .title-container .year-area .date {
  font-weight: 900;
  font-size: 72px;
  color: #e8b356;
  margin-top: 7px;
}
@media print, screen and (max-width: 99.99875em) {
  .programOutWrap .bannerWrap .title-container .year-area .date {
    font-size: 60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .title-container .year-area .date {
    font-size: 27px;
    margin-top: 4px;
  }
}
.programOutWrap .bannerWrap .article-area {
  position: absolute;
  top: 22.77%;
  right: 13%;
}
@media print, screen and (max-width: 74.99875em) {
  .programOutWrap .bannerWrap .article-area {
    top: 10.77%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .article-area {
    top: 60px;
    right: 30px;
    z-index: 4;
  }
}
.programOutWrap .bannerWrap .article-area .title {
  font-weight: 700;
  font-size: 45px;
  letter-spacing: 7px;
  line-height: 1.2;
  color: #fff;
  writing-mode: vertical-rl;
  margin-right: 22px;
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .article-area .title {
    font-size: 20px;
    letter-spacing: 4px;
    margin-right: 16px;
  }
}
.programOutWrap .bannerWrap .article-area .content {
  font-weight: 500;
  font-size: 21px;
  letter-spacing: 5px;
  line-height: 1.6;
  color: #fff;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 64.06125em) {
  .programOutWrap .bannerWrap .article-area .content {
    font-size: 13px;
    letter-spacing: 3px;
  }
}

.puduWrap {
  background-color: #1f2d75;
  position: relative;
}
.puduWrap .pudu-deco-1 {
  position: absolute;
  top: -145px;
  right: 598px;
}
@media print, screen and (max-width: 64.06125em) {
  .puduWrap .pudu-deco-1 {
    top: 130px;
    right: 150px;
    width: 55px;
  }
}
.puduWrap .pudu-deco-2 {
  position: absolute;
  top: -151px;
  right: 234px;
}
@media print, screen and (max-width: 64.06125em) {
  .puduWrap .pudu-deco-2 {
    top: 100px;
    right: 10px;
    width: 110px;
  }
}
.puduWrap .pudu-deco-2 img {
  animation: float-1 2s infinite alternate;
}
.puduWrap .pudu-deco-3 {
  position: absolute;
  top: 18%;
  left: -13px;
}
.puduWrap .pudu-deco-4 {
  position: absolute;
  top: 19.8%;
  right: -160px;
}

.pudu-area-1 {
  padding: 130px 0;
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 {
    padding: 258px 0 40px;
  }
}
.pudu-area-1 .slogan {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 22px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 10px;
  }
}
.pudu-area-1 .slogan.is-black {
  color: #000;
}
.pudu-area-1 .ghost-container {
  position: relative;
  margin: 250px 0 90px;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .ghost-container {
    margin: 50px 0;
  }
}
.pudu-area-1 .ghost-container .bg-area {
  position: absolute;
  top: 88px;
  left: 0;
  width: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .ghost-container .bg-area {
    top: 50px;
  }
}
.pudu-area-1 .ghost-container .bg-area .one {
  position: relative;
  z-index: -1;
  margin-bottom: -280px;
  transform: translateY(180px);
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .ghost-container .bg-area .one {
    margin-bottom: -55px;
    transform: translateY(40px);
  }
}
.pudu-area-1 .ghost-container .bg-area .two {
  position: relative;
  z-index: -1;
  margin-bottom: -200px;
  transform: translateY(125px);
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .ghost-container .bg-area .two {
    margin-bottom: -44px;
    transform: translateY(20px);
  }
}
.pudu-area-1 .ghost-container .bg-area .three {
  position: relative;
  z-index: 2;
}
.pudu-area-1 .ghost-container .ghost-area .ghost {
  opacity: 0;
  transform: translateY(100px);
  margin-right: 210px;
}
.pudu-area-1 .ghost-container .ghost-area .ghost:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .ghost-container .ghost-area .ghost {
    margin-right: 180px;
    zoom: 0.26;
  }
  .pudu-area-1 .ghost-container .ghost-area .ghost:last-child {
    margin-right: 0;
  }
}
.pudu-area-1 .ghost-container .ghost-area .ghost:nth-child(1) img {
  animation: float-1 2s infinite alternate;
}
.pudu-area-1 .ghost-container .ghost-area .ghost:nth-child(2) img {
  animation: float-1 2s 0.4s infinite alternate;
}
.pudu-area-1 .content-area {
  max-width: 1098px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 206px;
  opacity: 0;
  transform: translateY(30px);
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .content-area {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
    padding: 0 20px;
  }
}
.pudu-area-1 .content-area.is-black .content {
  color: #000;
}
.pudu-area-1 .content-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ccc;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .content-area .content {
    font-size: 14px;
  }
}
.pudu-area-1 .content-area .content b {
  font-weight: 500;
  font-size: 31px;
  letter-spacing: 16px;
  display: block;
}
.pudu-area-1 .byebye-area {
  margin-top: -49px;
  position: relative;
  z-index: 5;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .byebye-area {
    margin-top: 51px;
  }
}
.pudu-area-1 .byebye-area .byebye-item {
  width: 398px;
  height: 164px;
  position: relative;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-area-1 .byebye-area .byebye-item {
    zoom: 0.4;
  }
}
.pudu-area-1 .byebye-area .byebye-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-78px);
  opacity: 0;
}
.pudu-area-1 .byebye-area .table {
  transform: translateY(30px);
  opacity: 0;
  text-align: center;
}

.c-yt-area {
  position: relative;
  max-width: 1400px;
  margin: 0 auto 190px;
  margin: 0 auto;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .c-yt-area {
    max-width: 1100px;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .c-yt-area {
    max-width: 960px;
    padding: 80px 0 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-yt-area {
    max-width: 100%;
    position: relative;
    padding: 0 0 200px;
  }
}
.c-yt-area.is-black .article-area .title,
.c-yt-area.is-black .article-area .content {
  color: #000;
}
.c-yt-area .pic {
  text-align: center;
}
.c-yt-area .mobile-pudu-deco-3 {
  width: 46px;
  position: absolute;
  left: -6px;
  bottom: -129px;
}
.c-yt-area .mobile-pudu-deco-4 {
  width: 228px;
  position: absolute;
  right: -20px;
  bottom: -190px;
}
.c-yt-area .pic {
  margin-bottom: 40px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .c-yt-area .article-area {
    zoom: 0.85;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-yt-area .article-area {
    max-width: 83%;
    margin: 0 auto 28px;
  }
}
.c-yt-area .article-area .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 10px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-yt-area .article-area .title {
    font-size: 17px;
    letter-spacing: 2px;
    white-space: wrap;
  }
}
.c-yt-area .article-area .title b {
  font-size: 50px;
  letter-spacing: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-yt-area .article-area .title b {
    font-size: 28px;
    letter-spacing: 9px;
  }
}
.c-yt-area .article-area .content {
  --c1: #e8b356;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: var(--c1);
}
@media print, screen and (max-width: 64.06125em) {
  .c-yt-area .article-area .content {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-yt-area .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    color: #e6e6e6;
  }
}
.c-yt-area .yt-container {
  margin: 50px auto 0;
  max-width: 790px;
  height: 400px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .c-yt-area .yt-container {
    margin: 0px;
    max-width: 100%;
    width: 100%;
    height: 56vw;
  }
}
.c-yt-area .yt-container .cover-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.c-yt-area .yt-container .cover-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-yt-area .yt-container .cover-area .cover,
.c-yt-area .yt-container .cover-area .play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.c-yt-area .yt-container .cover-area .cover img,
.c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (max-width: 64.06125em) {
  .c-yt-area .yt-container .cover-area .cover img,
  .c-yt-area .yt-container .cover-area .play img {
    zoom: 0.4;
  }
}
.c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.c-yt-area .yt-container .yt-area {
  height: 100%;
}
.c-yt-area .yt-container .yt-area iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-feature-area {
  max-width: 1400px;
  margin: 0 auto 180px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area .cd-slide-wrap {
    position: relative;
    margin-bottom: 210px;
    transition: all 0.5s;
  }
  .c-feature-area .cd-slide-wrap.is-open {
    margin-bottom: 0;
  }
  .c-feature-area .cd-slide-wrap.is-open .mobile-open-btn {
    bottom: -49px;
  }
  .c-feature-area .cd-slide-wrap.is-open .mobile-open-btn .mob-arrow {
    transform: translate(-50%, -50%) rotateX(180deg);
    margin: -2px 0 0 3px;
  }
  .c-feature-area .cd-slide-wrap .cd-slide-container {
    display: none;
    padding-bottom: 90px;
  }
  .c-feature-area .cd-slide-wrap .cd-slide-container.is-ghost {
    background-color: #1B2860;
  }
  .c-feature-area .cd-slide-wrap .cd-slide-container.is-fortune {
    background-color: #f4d47a;
  }
  .c-feature-area .cd-slide-wrap .mobile-open-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -94px;
    cursor: pointer;
    transition: all 0.5s;
  }
  .c-feature-area .cd-slide-wrap .mobile-open-btn img {
    max-width: initial;
  }
  .c-feature-area .cd-slide-wrap .mobile-open-btn .mob-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    margin: 4px 0 0 2px;
    transition: all 0.5s;
  }
}
@media print, screen and (max-width: 99.99875em) {
  .c-feature-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .c-feature-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area {
    margin-bottom: 140px;
    padding-bottom: 0px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.c-feature-area.is-black .head {
  color: #000;
  border-color: #c99d4e;
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area.is-black .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.c-feature-area.is-black .featureList .title,
.c-feature-area.is-black .featureList .content {
  color: #000;
}
.c-feature-area .logo {
  text-align: center;
  margin-bottom: 55px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area .logo {
    text-align: center;
    margin: 0px auto 55px;
    width: 230px;
  }
  .c-feature-area .logo img {
    width: 195px;
  }
}
.c-feature-area .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.c-feature-area .mobile-head {
  margin-bottom: 40px;
  text-align: center;
}
.c-feature-area .featureList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area .featureList {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 67px;
  }
}
.c-feature-area .featureList.is-two {
  grid-template-columns: 1fr 1fr;
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area .featureList.is-two {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 67px;
    padding: 0 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area .featureList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area .featureList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 70px;
  }
}
.c-feature-area .featureList .pic {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area .featureList .pic {
    margin-bottom: 30px;
    text-align: center;
  }
}
.c-feature-area .featureList .title {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin-bottom: 24px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-feature-area .featureList .title {
    font-size: 22px;
    letter-spacing: 3px;
    margin-bottom: 19px;
  }
}
.c-feature-area .featureList .content {
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ccc;
}

.c-god-area {
  max-width: 1400px;
  margin: 0 auto 260px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-god-area .cd-slide-wrap {
    position: relative;
    margin-bottom: 210px;
    transition: all 0.5s;
  }
  .c-god-area .cd-slide-wrap.is-open {
    margin-bottom: 0;
  }
  .c-god-area .cd-slide-wrap.is-open .mobile-open-btn {
    bottom: -49px;
  }
  .c-god-area .cd-slide-wrap.is-open .mobile-open-btn .mob-arrow {
    transform: translate(-50%, -50%) rotateX(180deg);
    margin: -2px 0 0 3px;
  }
  .c-god-area .cd-slide-wrap .cd-slide-container {
    display: none;
    padding-bottom: 90px;
  }
  .c-god-area .cd-slide-wrap .cd-slide-container.is-ghost {
    background-color: #1B2860;
  }
  .c-god-area .cd-slide-wrap .cd-slide-container.is-fortune {
    background-color: #f4d47a;
  }
  .c-god-area .cd-slide-wrap .mobile-open-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -94px;
    cursor: pointer;
    transition: all 0.5s;
  }
  .c-god-area .cd-slide-wrap .mobile-open-btn img {
    max-width: initial;
  }
  .c-god-area .cd-slide-wrap .mobile-open-btn .mob-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    margin: 4px 0 0 2px;
    transition: all 0.5s;
  }
}
@media print, screen and (max-width: 99.99875em) {
  .c-god-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .c-god-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-god-area {
    margin: 190px auto 0px;
    padding: 0px;
  }
}
.c-god-area.is-black .head {
  color: #000;
  border-color: #c99d4e;
}
@media print, screen and (max-width: 64.06125em) {
  .c-god-area.is-black .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.c-god-area.is-black .god-area .article-area .title,
.c-god-area.is-black .god-area .article-area .content {
  color: #000;
}
.c-god-area .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.c-god-area .mobile-head {
  margin-bottom: 40px;
  text-align: center;
}
.c-god-area .god-area .pic {
  margin-bottom: 60px;
  border-bottom: 2px solid #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .c-god-area .god-area .pic {
    border-bottom: none;
    margin-bottom: 44px;
  }
}
.c-god-area .god-area .article-area {
  max-width: 777px;
  margin: 0 auto;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .c-god-area .god-area .article-area {
    max-width: 83%;
  }
}
.c-god-area .god-area .article-area .title {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 3px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 42px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-god-area .god-area .article-area .title {
    font-size: 23px;
    margin-bottom: 30px;
  }
}
.c-god-area .god-area .article-area .content {
  --c1: #ccc;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: var(--c1);
}
@media print, screen and (max-width: 64.06125em) {
  .c-god-area .god-area .article-area .content {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-god-area .god-area .article-area .content {
    text-align: left;
  }
}

.godList {
  margin-top: 120px;
}
@media print, screen and (max-width: 64.06125em) {
  .godList {
    margin-top: 50px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .godList.is-black li {
    display: flex;
    flex-direction: column-reverse;
  }
}
.godList.is-black .article-area .title,
.godList.is-black .article-area .content {
  color: #000;
}
.godList li {
  margin-bottom: 69px;
}
.godList li:last-child {
  margin-bottom: 0;
}
.godList .article-area {
  padding: 0 10%;
}
@media print, screen and (max-width: 64.06125em) {
  .godList .article-area {
    max-width: 83%;
    margin: 30px auto 0;
  }
}
.godList .article-area .title {
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 7px;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 74.99875em) {
  .godList .article-area .title {
    text-align: center;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .godList .article-area .title {
    font-size: 23px;
    letter-spacing: 3px;
    margin-bottom: 26px;
    white-space: unset;
  }
}
.godList .article-area .content {
  --c1: #ccc;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: var(--c1);
}
@media print, screen and (max-width: 64.06125em) {
  .godList .article-area .content {
    font-size: 15px;
  }
}
.godList .pic {
  margin-bottom: 60px;
}
@media print, screen and (max-width: 74.99875em) {
  .godList .pic {
    width: 100%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .godList .pic {
    border-bottom: none;
    margin-bottom: 44px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .godList .pic img {
    width: 100%;
  }
}

.c-area-2 {
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .cd-slide-wrap {
    position: relative;
    margin-bottom: 210px;
    transition: all 0.5s;
  }
  .c-area-2 .cd-slide-wrap.is-open {
    margin-bottom: 0;
  }
  .c-area-2 .cd-slide-wrap.is-open .mobile-open-btn {
    bottom: -49px;
  }
  .c-area-2 .cd-slide-wrap.is-open .mobile-open-btn .mob-arrow {
    transform: translate(-50%, -50%) rotateX(180deg);
    margin: -2px 0 0 3px;
  }
  .c-area-2 .cd-slide-wrap .cd-slide-container {
    display: none;
    padding-bottom: 90px;
  }
  .c-area-2 .cd-slide-wrap .cd-slide-container.is-ghost {
    background-color: #1B2860;
  }
  .c-area-2 .cd-slide-wrap .cd-slide-container.is-fortune {
    background-color: #f4d47a;
  }
  .c-area-2 .cd-slide-wrap .mobile-open-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -94px;
    cursor: pointer;
    transition: all 0.5s;
  }
  .c-area-2 .cd-slide-wrap .mobile-open-btn img {
    max-width: initial;
  }
  .c-area-2 .cd-slide-wrap .mobile-open-btn .mob-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    margin: 4px 0 0 2px;
    transition: all 0.5s;
  }
}
@media print, screen and (max-width: 99.99875em) {
  .c-area-2 {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .c-area-2 {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 {
    margin-bottom: 140px;
  }
}
.c-area-2.custom-mt {
  margin-top: 240px;
}
.c-area-2.is-black .head {
  color: #000;
  border-color: #c99d4e;
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2.is-black .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.c-area-2.is-black .content {
  color: #000;
}
.c-area-2 .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.c-area-2 .mobile-head {
  margin-bottom: 40px;
  text-align: center;
}
.c-area-2 .content {
  --c1: #e6e6e6;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: var(--c1);
  max-width: 800px;
  margin: 50px auto 0;
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .content {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .content {
    margin: 0;
  }
}
.c-area-2 .fortune-ryder-1 {
  margin-bottom: 240px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-1 {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
.c-area-2 .fortune-ryder-1 .head {
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-1 .head {
    text-align: center;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.c-area-2 .fortune-ryder-1 .content {
  margin-left: 0;
}
.c-area-2 .fortune-ryder-2 {
  margin-bottom: 240px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-2 {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
.c-area-2 .fortune-ryder-2 .head {
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-2 .head {
    text-align: center;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.c-area-2 .fortune-ryder-2 .content {
  margin-left: 0;
}
.c-area-2 .fortune-ryder-3 {
  margin-bottom: 240px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-3 {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-3 .head {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-3 .godList {
    margin: 50px -20px 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-4 {
    padding: 0 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-area-2 .fortune-ryder-4 .head {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media print, screen and (max-width: 64.06125em) {
  .ghost-custom-area-1 {
    padding: 20px 20px 0;
  }
}

.foutune-custom-area-1 {
  margin-bottom: 150px;
}
@media print, screen and (max-width: 64.06125em) {
  .foutune-custom-area-1 {
    padding: 20px 20px 0;
    margin-bottom: 50px;
  }
}

.pudu-trans-area {
  padding: 100px 0 280px;
  width: 100vw;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
@media print, screen and (max-width: 64.06125em) {
  .pudu-trans-area {
    padding: 60px 0 10px;
  }
}

.fortune-trans-area {
  padding: 200px 0 280px;
  width: 100vw;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-trans-area {
    padding: 20px 0 10px;
  }
}

.c-qa-area {
  text-align: center;
  padding-bottom: 330px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-qa-area .cd-slide-wrap {
    position: relative;
    margin-bottom: 210px;
    transition: all 0.5s;
  }
  .c-qa-area .cd-slide-wrap.is-open {
    margin-bottom: 0;
  }
  .c-qa-area .cd-slide-wrap.is-open .mobile-open-btn {
    bottom: -49px;
  }
  .c-qa-area .cd-slide-wrap.is-open .mobile-open-btn .mob-arrow {
    transform: translate(-50%, -50%) rotateX(180deg);
    margin: -2px 0 0 3px;
  }
  .c-qa-area .cd-slide-wrap .cd-slide-container {
    display: none;
    padding-bottom: 90px;
  }
  .c-qa-area .cd-slide-wrap .cd-slide-container.is-ghost {
    background-color: #1B2860;
  }
  .c-qa-area .cd-slide-wrap .cd-slide-container.is-fortune {
    background-color: #f4d47a;
  }
  .c-qa-area .cd-slide-wrap .mobile-open-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -94px;
    cursor: pointer;
    transition: all 0.5s;
  }
  .c-qa-area .cd-slide-wrap .mobile-open-btn img {
    max-width: initial;
  }
  .c-qa-area .cd-slide-wrap .mobile-open-btn .mob-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    margin: 4px 0 0 2px;
    transition: all 0.5s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .c-qa-area {
    text-align: center;
    margin: 190px auto 0px;
    padding: 0px 0 150px;
  }
}
.c-qa-area.is-black .qaList li.is-open .arrow .cls-1 {
  fill: #da4e36;
  stroke: #da4e36;
}
.c-qa-area.is-black .qaList .title,
.c-qa-area.is-black .qaList .answer {
  color: #000;
}
.c-qa-area.is-black .qaList .arrow:hover .cls-1 {
  fill: #da4e36;
}
.c-qa-area .head {
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .c-qa-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.c-qa-area .qaList {
  max-width: 780px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .c-qa-area .qaList {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
.c-qa-area .qaList li {
  position: relative;
  border-bottom: 2px solid #e8b356;
  padding: 60px 0 40px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .c-qa-area .qaList li {
    padding: 50px 0;
    border-width: 1px;
  }
}
.c-qa-area .qaList li.is-open .arrow .cls-1 {
  fill: #CA954A;
  stroke: #CA954A;
}
.c-qa-area .qaList li.is-open .arrow .cls-2 {
  stroke: #fff;
  transform: rotate(-180deg);
}
.c-qa-area .qaList .num {
  font-weight: 500;
  font-size: 33px;
  color: #e8b356;
  margin-bottom: 14px;
}
.c-qa-area .qaList .title {
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 5px;
  line-height: 1.5;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  .c-qa-area .qaList .title {
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 2px;
  }
}
.c-qa-area .qaList .answer {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #4d4d4d;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  .c-qa-area .qaList .answer {
    font-size: 14px;
    margin-top: 20px;
  }
}
.c-qa-area .qaList .arrow {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 0;
  cursor: pointer;
}
.c-qa-area .qaList .arrow:hover .cls-1 {
  fill: #e8b356;
}
.c-qa-area .qaList .arrow:hover .cls-2 {
  stroke: #fff;
}
.c-qa-area .qaList .arrow .cls-1 {
  fill: #fff;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
.c-qa-area .qaList .arrow .cls-2 {
  fill: none;
  stroke: #ca954a;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
  transition: all 0.3s;
}
.c-qa-area .qaList .title {
  font-size: 24px;
  color: #fff;
}
.c-qa-area .qaList .answer {
  color: #e6e6e6;
}

.pd-topWrap {
  position: relative;
  text-align: center;
  padding: 214px 0 175px;
  background-color: #e8b356;
  margin-bottom: -212px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-topWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-topWrap {
    margin-bottom: -44px;
    padding: 80px 0 44px;
  }
  .pd-topWrap:before, .pd-topWrap:after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    bottom: -8px;
  }
  .pd-topWrap:after {
    left: auto;
    right: -8px;
  }
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-cover-area {
    zoom: 0.9;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-cover-area {
    padding: 0 40px;
  }
}
.pd-cover-area .pic-area {
  position: relative;
  margin-right: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-cover-area .pic-area {
    margin-right: 0;
  }
}
.pd-cover-area .pic-area .pic {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-cover-area .pic-area .pic {
    margin-bottom: 30px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-cover-area .pic-area .controll-area {
    border-top: 1px solid #e8b356;
    border-bottom: 1px solid #e8b356;
    padding: 14px 0;
  }
}
.pd-cover-area .pic-area .controll-area .text {
  margin-right: 15px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-cover-area .pic-area .controll-area .text {
    margin-right: 0;
    margin-bottom: 17px;
  }
}
.pd-cover-area .pic-area .controll-area .piece {
  font-weight: 500;
  font-size: 18px;
  color: #302725;
}
.pd-cover-area .pic-area .controll-area .piece b {
  font-weight: 900;
  font-size: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-cover-area .pic-area .controll-area .num-area {
    justify-content: flex-end;
    margin-top: -36px;
  }
}
.pd-cover-area .pic-area .controll-area .num-area .minor {
  cursor: pointer;
  transition: all 0.3s;
}
.pd-cover-area .pic-area .controll-area .num-area .minor:hover {
  opacity: 0.6;
}
.pd-cover-area .pic-area .controll-area .num-area .num {
  font-weight: 700;
  font-size: 26px;
  color: #302725;
  width: 41px;
  height: 41px;
  border: 1px solid #e8b356;
  border-radius: 50%;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pd-cover-area .pic-area .controll-area .num-area .add {
  cursor: pointer;
  transition: all 0.3s;
}
.pd-cover-area .pic-area .controll-area .num-area .add:hover {
  opacity: 0.6;
}
.pd-cover-area .pic-area .controll-area .btn {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  cursor: pointer;
  margin-left: 40px;
}
.pd-cover-area .pic-area .controll-area .btn:hover .bg .cls-1 {
  fill: var(--c2);
}
.pd-cover-area .pic-area .controll-area .btn .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.pd-cover-area .pic-area .controll-area .btn .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
.pd-cover-area .pic-area .pd-title-mobile {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 5px;
  line-height: 1.4;
  color: #302725;
  text-align: center;
  margin-bottom: 26px;
}
.pd-cover-area .pd-title {
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 11px;
  line-height: 1.4;
  color: #302725;
  writing-mode: vertical-rl;
  position: relative;
  z-index: 1;
}
.pd-cover-area .btn-mobile {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  cursor: pointer;
  margin: 36px 0 0 auto;
}
.pd-cover-area .btn-mobile:hover .bg .cls-1 {
  fill: var(--c2);
}
.pd-cover-area .btn-mobile .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.pd-cover-area .btn-mobile .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}

.pd-area-1 {
  max-width: 780px;
  margin: 180px auto 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-area-1 {
    zoom: 0.9;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-area-1 {
    margin-top: 99px;
  }
}
.pd-area-1 .pic {
  margin-bottom: 85px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-area-1 .pic {
    margin-bottom: 55px;
  }
}
.pd-area-1 .head {
  font-weight: 700;
  letter-spacing: 3px;
  font-size: 30px;
  text-align: center;
  margin-bottom: 45px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-area-1 .head {
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 35px;
    padding: 0 20px;
  }
}
.pd-area-1 .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-area-1 .content {
    font-size: 17px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-area-1 .content {
    padding: 0 20px;
    font-size: 14px;
  }
}

.pd-area-2 {
  max-width: 780px;
  margin: 180px auto 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-area-2 {
    zoom: 0.9;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-area-2 {
    margin-top: 112px;
  }
}
.pd-area-2 .head {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-area-2 .head {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 38px;
  }
}
.pd-area-2 .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-area-2 .content {
    font-size: 17px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-area-2 .content {
    padding: 0 20px;
    font-size: 14px;
  }
}

.pd-tagWrap {
  max-width: 1400px;
  margin: 186px auto 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-tagWrap {
    zoom: 0.9;
    max-width: 1160px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-tagWrap {
    margin-top: 112px;
  }
}
.pd-tagWrap .head {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-tagWrap .head {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 38px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-tagWrap .tagpicList {
    padding: 0 20px;
  }
}
.pd-tagWrap .tagpicList li {
  margin-right: 40px;
}
.pd-tagWrap .tagpicList li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-tagWrap .tagpicList li {
    margin-right: 0;
    margin-bottom: 14px;
  }
  .pd-tagWrap .tagpicList li:last-child {
    margin-right: 0;
  }
  .pd-tagWrap .tagpicList li:last-child {
    margin-bottom: 0;
  }
}
.pd-tagWrap .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
  max-width: 780px;
  margin: 87px auto 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-tagWrap .content {
    font-size: 17px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-tagWrap .content {
    padding: 0 20px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-tagWrap .content {
    margin-top: 30px;
  }
}

.pd-videoWrap {
  margin-top: 180px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-videoWrap {
    zoom: 0.9;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-videoWrap {
    margin-top: 100px;
  }
}
.pd-videoWrap .head {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-videoWrap .head {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 38px;
  }
}
.pd-videoWrap .videoList li {
  height: 352px;
  margin-right: 20px;
}
.pd-videoWrap .videoList li:last-child {
  margin-right: 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-videoWrap .videoList li {
    height: 280px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-videoWrap .videoList li {
    height: 206px;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .pd-videoWrap .videoList li:last-child {
    margin-right: 0;
  }
  .pd-videoWrap .videoList li:last-child {
    margin-bottom: 0;
  }
}
.pd-videoWrap .videoList li iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.pd-threeWrap {
  max-width: 1400px;
  margin: 260px auto 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-threeWrap {
    zoom: 0.9;
    max-width: 1160px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-threeWrap {
    margin-top: 112px;
  }
}
.pd-threeWrap .head {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-threeWrap .head {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 38px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-threeWrap .threeList {
    padding: 0 20px;
  }
}
.pd-threeWrap .threeList li {
  margin-right: 40px;
}
.pd-threeWrap .threeList li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-threeWrap .threeList li {
    margin-right: 0;
    margin-bottom: 78px;
  }
  .pd-threeWrap .threeList li:last-child {
    margin-right: 0;
  }
  .pd-threeWrap .threeList li:last-child {
    margin-bottom: 0;
  }
}
.pd-threeWrap .threeList .pic {
  margin-bottom: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-threeWrap .threeList .pic {
    margin-bottom: 30px;
  }
}
.pd-threeWrap .threeList .title {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #333;
  text-align: center;
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .pd-threeWrap .threeList .title {
    font-size: 21px;
    margin-bottom: 22px;
  }
}
.pd-threeWrap .threeList .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-threeWrap .threeList .content {
    font-size: 17px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-threeWrap .threeList .content {
    padding: 0 20px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-threeWrap .threeList .content {
    padding: 0;
  }
}

.pd-addcart-btn {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  text-align: center;
  margin: 144px auto 87px;
  zoom: 1.7;
  cursor: pointer;
}
.pd-addcart-btn:hover .bg .cls-1 {
  fill: var(--c2);
}
.pd-addcart-btn .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.pd-addcart-btn .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .pd-addcart-btn {
    zoom: 1.36;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .pd-addcart-btn {
    margin: 100px auto 82px;
    zoom: 1.3;
  }
}

.news-deco-top {
  margin-bottom: 40px;
}

.news-head {
  text-align: center;
  margin-bottom: 150px;
}
@media print, screen and (max-width: 64.06125em) {
  .news-head {
    margin-bottom: 50px;
  }
}

.newsWrap {
  padding: 0 12.5%;
}
@media print, screen and (max-width: 99.99875em) {
  .newsWrap {
    margin: auto;
    padding: 0 8%;
  }
}

.newsList {
  margin-left: 170px;
}
.newsList li {
  position: relative;
  border-bottom: 1px solid #e8b356;
  padding: 100px 0 10px;
}
.newsList li:first-child {
  padding-top: 0;
}
.newsList li:hover .item:nth-child(2) {
  transform: translate(7px, 0);
}
.newsList li:hover .item:nth-child(3) {
  transform: translate(14px, 0);
}
.newsList li:hover .item:nth-child(4) {
  transform: translate(21px, 0);
}
.newsList li:hover .item:nth-child(5) {
  transform: translate(28px, 0);
}
.newsList li:hover .item:nth-child(6) {
  transform: translate(35px, 0);
}
.newsList li:hover .item:nth-child(7) {
  transform: translate(42px, 0);
}
.newsList li:hover .item:nth-child(8) {
  transform: translate(49px, 0);
}
.newsList li:hover .item:nth-child(9) {
  transform: translate(56px, 0);
}
.newsList li:hover .item:nth-child(10) {
  transform: translate(63px, 0);
}
.newsList li:hover .arrow {
  transform: translateX(0);
  opacity: 1;
}
.newsList .repeat-area {
  position: relative;
  margin-right: 70px;
  transition: all 0.3s;
}
.newsList .repeat-area .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.newsList .repeat-area .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.newsList .repeat-area .item:nth-child(2) {
  z-index: 2;
}
.newsList .repeat-area .item:nth-child(3) {
  z-index: 3;
}
.newsList .repeat-area .item:nth-child(4) {
  z-index: 4;
}
.newsList .repeat-area .item:nth-child(5) {
  z-index: 5;
}
.newsList .repeat-area .item:nth-child(6) {
  z-index: 6;
}
.newsList .repeat-area .item:nth-child(7) {
  z-index: 7;
}
.newsList .repeat-area .item:nth-child(8) {
  z-index: 8;
}
.newsList .repeat-area .item:nth-child(9) {
  z-index: 9;
}
.newsList .repeat-area .item:nth-child(10) {
  z-index: 10;
}
.newsList .repeat-area .item:last-child {
  position: relative;
}
.newsList .repeat-area .pic-area {
  position: relative;
}
.newsList .repeat-area .pic-area .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.newsList .repeat-area .pic-area .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.newsList .repeat-area .pic-area .pic {
  -webkit-mask: url(/images/news-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/news-mask.svg) 0 0/100% 100% no-repeat;
}
.newsList .article-area .date-area .date {
  font-weight: 700;
  font-size: 19px;
  color: #efb970;
  margin-right: 30px;
}
.newsList .article-area .date-area .cat {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 3px;
  color: #fff;
  background-color: #da4e36;
  padding: 12px 26px;
  -webkit-mask: url(/images/news-cat-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/news-cat-mask.svg) 0 0/100% 100% no-repeat;
}
.newsList .article-area .title {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #4d4d4d;
  margin-top: 50px;
}
.newsList .arrow {
  margin-left: 20px;
  transform: translateX(-30px);
  opacity: 0;
  transition: all 0.3s;
}

.news-cat-container .news-catList {
  position: sticky;
  top: 30vh;
}
.news-cat-container .news-catList li {
  margin-bottom: 34px;
}
.news-cat-container .news-catList li:last-child {
  margin-bottom: 0;
}
.news-cat-container .news-catList li:hover .icon, .news-cat-container .news-catList li.current .icon {
  background-color: #da4e36;
}
.news-cat-container .news-catList li:hover .title, .news-cat-container .news-catList li.current .title {
  color: #da4e36;
}
.news-cat-container .news-catList .icon {
  width: 10px;
  height: 10px;
  border: 1px solid #da4e36;
  border-radius: 50%;
  margin-right: 17px;
  transition: all 0.3s;
}
.news-cat-container .news-catList .title {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 2px;
  color: #302725;
  transition: all 0.3s;
}

.news-pager {
  text-align: center;
  margin: 200px 0;
}
@media print, screen and (max-width: 64.06125em) {
  .news-pager {
    margin: 120px -20px 74px;
  }
}
.news-pager a {
  width: 14px;
  height: 14px;
  border: 1px solid #da4e36;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .news-pager a {
    margin: 0 6px;
  }
}
.news-pager a.current {
  background-color: #da4e36;
}
.news-pager .prev,
.news-pager .next {
  width: 40px;
  height: 40px;
  border: none;
  margin: 0 37px;
  cursor: pointer;
  transition: all 0.3s;
}
.news-pager .prev:hover,
.news-pager .next:hover {
  opacity: 0.6;
}
@media print, screen and (max-width: 64.06125em) {
  .news-pager .prev,
  .news-pager .next {
    margin: 0 30px;
  }
}

.news-detailWrap {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
}
.news-detailWrap .share-container {
  position: absolute;
  top: 0;
  right: -220px;
  height: 100%;
}
.news-detailWrap .share-container .share-area {
  text-align: center;
  position: sticky;
  top: 30vh;
}
.news-detailWrap .share-container .share-area .text {
  margin-bottom: 20px;
}
.news-detailWrap .share-container .share-area .shareList a {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 15px;
}
.news-detailWrap .share-container .share-area .shareList a:hover {
  opacity: 0.6;
}
.news-detailWrap .share-container .share-area .shareList a:last-child {
  margin-bottom: 0;
}
.news-detailWrap .date-area .cat {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 3px;
  color: #fff;
  background-color: #da4e36;
  padding: 12px 26px;
  -webkit-mask: url(/images/news-cat-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/news-cat-mask.svg) 0 0/100% 100% no-repeat;
}
.news-detailWrap .date-area .date {
  font-weight: 700;
  font-size: 19px;
  color: #efb970;
  margin-left: 30px;
}
.news-detailWrap .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 4px;
  line-height: 1.5;
  color: #1a1a1a;
  margin: 40px 0;
}
.news-detailWrap .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #4d4d4d;
}

.nd-back {
  width: 1400px;
  margin: 60px auto 150px;
  text-align: center;
  border-top: 1px solid #e8b356;
  padding-top: 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.nd-back:hover {
  opacity: 0.6;
}
@media print, screen and (max-width: 99.99875em) {
  .nd-back {
    width: 83%;
    margin: 60px auto;
  }
}

.cupid-enterWrap {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.cupid-enterWrap .banner {
  width: 100%;
  height: 940px;
  background: url("/images/cupid-banner.jpg") left 0/cover no-repeat;
}
@media print, screen and (max-width: 64.06125em) {
  .cupid-enterWrap .banner {
    height: 670px;
  }
}
.cupid-enterWrap .en {
  position: absolute;
  top: 13%;
  right: 0;
}
.cupid-enterWrap .ch {
  position: absolute;
  top: 17%;
  right: 7%;
}
.cupid-enterWrap .content {
  position: absolute;
  top: 58%;
  right: 30%;
  z-index: 1;
}
.cupid-enterWrap .ink {
  position: absolute;
  top: 66%;
  right: 36%;
}

.cupid-sloganWrap {
  z-index: 1;
  position: relative;
  padding: 370px 0;
}
.cupid-sloganWrap:after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 300px;
  background-color: #fff;
}
.cupid-sloganWrap .deco-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
.cupid-sloganWrap .deco-word {
  position: absolute;
  top: 93px;
  left: 270px;
}
.cupid-sloganWrap .deco-chain {
  position: absolute;
  top: 140px;
  right: 0;
}
.cupid-sloganWrap .contet {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 6px;
  line-height: 2.2;
  color: #000;
  writing-mode: vertical-rl;
  margin: 0 auto;
}

.cupid-introWrap {
  background-color: #fff;
  padding-bottom: 270px;
}
.cupid-introWrap section {
  z-index: 1;
  position: relative;
  margin-bottom: 210px;
}
.cupid-introWrap section:last-child {
  margin-bottom: 0;
}
.cupid-introWrap section:nth-child(odd) .article-area {
  padding: 0 11% 0 5%;
}
.cupid-introWrap section:nth-child(even) .article-area {
  padding: 0 5% 78px 11%;
}
.cupid-introWrap .deco-1 {
  z-index: -1;
  position: absolute;
  top: 300px;
  right: 0;
}
.cupid-introWrap .deco-2 {
  z-index: -1;
  position: absolute;
  top: -162px;
  left: 0;
}
.cupid-introWrap .article-area .title {
  font-weight: 700;
  font-size: 41px;
  letter-spacing: 4px;
  line-height: 1.5;
  color: #da4e36;
  margin-bottom: 30px;
}
.cupid-introWrap .article-area .content {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #333;
}

.cupid-matchWrap {
  padding: 140px 0 210px;
  z-index: 4;
  position: relative;
  margin-top: -100px;
}
.cupid-matchWrap .deco-cloud {
  position: absolute;
  top: 163px;
  right: -20px;
}
.cupid-matchWrap .bg-area {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cupid-matchWrap .bg-area .colorbox {
  background-color: #da4e36;
}
.cupid-matchWrap .intro-area {
  text-align: center;
  margin-bottom: 100px;
}
.cupid-matchWrap .intro-area .head {
  margin-bottom: 40px;
}
.cupid-matchWrap .intro-area .content {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 2;
  color: #fff;
}

.match-container {
  position: relative;
  margin: 0 50px;
}

.matchList li {
  position: relative;
  margin-right: -1px;
  cursor: pointer;
}
.matchList li .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.matchList li .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.matchList li .item:nth-child(2) {
  z-index: 2;
}
.matchList li .item:nth-child(3) {
  z-index: 3;
}
.matchList li .item:nth-child(4) {
  z-index: 4;
}
.matchList li .item:nth-child(5) {
  z-index: 5;
}
.matchList li .item:nth-child(6) {
  z-index: 6;
}
.matchList li .item:nth-child(7) {
  z-index: 7;
}
.matchList li .item:nth-child(8) {
  z-index: 8;
}
.matchList li .item:nth-child(9) {
  z-index: 9;
}
.matchList li .item:nth-child(10) {
  z-index: 10;
}
.matchList li .item:last-child {
  position: relative;
}
.matchList li:hover .item:nth-child(2) {
  transform: translate(7px, -7px);
}
.matchList li:hover .item:nth-child(3) {
  transform: translate(14px, -14px);
}
.matchList li:hover .item:nth-child(4) {
  transform: translate(21px, -21px);
}
.matchList li:hover .item:nth-child(5) {
  transform: translate(28px, -28px);
}
.matchList li:hover .item:nth-child(6) {
  transform: translate(35px, -35px);
}
.matchList li:hover .item:nth-child(7) {
  transform: translate(42px, -42px);
}
.matchList li:hover .item:nth-child(8) {
  transform: translate(49px, -49px);
}
.matchList li:hover .item:nth-child(9) {
  transform: translate(56px, -56px);
}
.matchList li:hover .item:nth-child(10) {
  transform: translate(63px, -63px);
}
.matchList li:nth-child(1) {
  z-index: 18;
}
.matchList li:nth-child(2) {
  z-index: 17;
}
.matchList li:nth-child(3) {
  z-index: 16;
}
.matchList li:nth-child(4) {
  z-index: 15;
}
.matchList li:nth-child(5) {
  z-index: 14;
}
.matchList li:nth-child(6) {
  z-index: 13;
}
.matchList li:nth-child(7) {
  z-index: 12;
}
.matchList li:nth-child(8) {
  z-index: 11;
}
.matchList li:nth-child(9) {
  z-index: 10;
}
.matchList li:nth-child(10) {
  z-index: 9;
}
.matchList .pic-area {
  position: relative;
}
.matchList .pic-area .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.matchList .pic-area .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.matchList .pic-area .pic {
  -webkit-mask: url(/images/match-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/match-mask.svg) 0 0/100% 100% no-repeat;
  height: 790px;
}
.matchList .pic-area .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.matchList .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  cursor: pointer;
  transition: all 0.3s;
}
.matchList .arrow:hover {
  opacity: 0.6;
}
.matchList .title {
  font-weight: 700;
  font-size: 47px;
  letter-spacing: 7px;
  color: #fff;
  writing-mode: vertical-rl;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
}
.matchList .title i {
  font-family: "Syne", sans-serif;
  font-size: 54px;
  position: relative;
  left: 4px;
  margin: 10px auto;
}

.match-openWrap {
  z-index: 29;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.match-openWrap.is-open {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.match-openWrap .close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  cursor: pointer;
  transition: all 0.3s;
}
.match-openWrap .close:hover {
  opacity: 0.6;
}
.match-openWrap .bg {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.match-openWrap .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.match-openWrap .article-area {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  writing-mode: vertical-rl;
}
.match-openWrap .article-area .title {
  font-weight: 700;
  font-size: 47px;
  letter-spacing: 7px;
  color: #fff;
  position: relative;
  top: -20px;
}
.match-openWrap .article-area .title i {
  font-family: "Syne", sans-serif;
  font-size: 54px;
  position: relative;
  left: 4px;
  margin: 10px auto;
}
.match-openWrap .article-area .content {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 2;
  color: #fff;
  margin-right: 90px;
}

.giftboxOutWrap {
  z-index: 4;
  position: relative;
  margin-top: -100px;
}
.giftboxOutWrap .deco-cloud {
  position: absolute;
  top: 392px;
  left: -32px;
}
.giftboxOutWrap .bg-area {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.giftboxOutWrap .bg-area .colorbox {
  background-color: #e8b356;
}

.giftboxWrap {
  padding-top: 378px;
}
.giftboxWrap .article-rea {
  padding: 0 8% 5% 9%;
}
.giftboxWrap .article-rea .title {
  font-weight: 700;
  font-size: 41px;
  letter-spacing: 4px;
  color: #333;
  margin-bottom: 40px;
}
.giftboxWrap .article-rea .content {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 2;
  color: #333;
}
.giftboxWrap .pic-area {
  position: relative;
}
.giftboxWrap .pic-area .flag {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
}
.giftboxWrap .pic-area .flag img {
  max-width: initial;
}
.giftmoneyWrap {
  position: relative;
  padding: 170px 0 200px;
}
.giftmoneyWrap:after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 240px;
  background: linear-gradient(to bottom, #e8b356, #fff);
}

.giftmoneyList li {
  position: relative;
  margin: 172px 34px 0;
  cursor: pointer;
  opacity: 0.4;
  transition: all 0.3s;
}
.giftmoneyList li.current {
  opacity: 1;
}
.giftmoneyList li.current .title {
  color: #da4e36;
  transform: translateY(-20px);
}
.giftmoneyList li.current .content {
  opacity: 1;
}
.giftmoneyList li.sixbox-area {
  opacity: 1;
  margin: 0 62px 0 53px;
}
.giftmoneyList li.sixbox-area .layer-1 {
  z-index: 1;
  position: relative;
}
.giftmoneyList li.sixbox-area .layer-2 {
  position: absolute;
  top: -63px;
  right: -123px;
}
.giftmoneyList li.sixbox-area .bg {
  pointer-events: none;
}
.giftmoneyList li.sixbox-area .item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s;
}
.giftmoneyList li.sixbox-area .item.is-show {
  opacity: 1;
}
.giftmoneyList li.sixbox-area .item[data-i="1"] {
  top: 147px;
  left: 46px;
}
.giftmoneyList li.sixbox-area .item[data-i="2"] {
  top: 289px;
  left: 57px;
}
.giftmoneyList li.sixbox-area .item[data-i="3"] {
  top: 51px;
  left: 136px;
}
.giftmoneyList li.sixbox-area .item[data-i="5"] {
  top: 363px;
  left: 229px;
}
.giftmoneyList li.sixbox-area .item[data-i="6"] {
  top: 98px;
  left: 312px;
}
.giftmoneyList li.sixbox-area .item[data-i="7"] {
  top: 223px;
  left: 358px;
}
.giftmoneyList .title {
  font-weight: 700;
  font-size: 41px;
  letter-spacing: 3px;
  color: #fff;
  writing-mode: vertical-rl;
  margin: 0 auto;
  transition: all 0.3s;
}
.giftmoneyList .title i {
  font-family: "Syne", sans-serif;
  margin: 14px 0;
  position: relative;
  left: 4px;
}
.giftmoneyList .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #000;
  writing-mode: vertical-rl;
  height: 257px;
  opacity: 0;
  transition: all 0.3s;
}

.poemWrap {
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 190px;
}
.poemWrap .deco-1 {
  position: absolute;
  top: 3px;
  right: 20px;
}
.poemWrap .poem-aniWrap {
  z-index: 29;
  position: absolute;
  left: 15.4%;
  bottom: -260px;
  opacity: 0;
  transform: translateY(100px);
}
.poemWrap .poem-aniWrap.two {
  left: 22.6%;
}
.poemWrap .poem-aniWrap .poem-bottle {
  z-index: 1;
  position: relative;
}
.poemWrap .poem-aniWrap .bigpoem {
  position: absolute;
  top: 20px;
  left: 87px;
  transform: scale(0.4);
  transform-origin: top;
  opacity: 0;
}

.poem-catList {
  position: absolute;
  top: 170px;
  right: 9.58%;
}
.poem-catList li {
  cursor: pointer;
  margin-bottom: 87px;
}
.poem-catList li:last-child {
  margin-bottom: 0;
}
.poem-catList li:hover .title i, .poem-catList li.current .title i {
  background-color: #da4e36;
  color: #fff;
}
.poem-catList .title i {
  font-weight: 700;
  font-size: 45px;
  color: #da4e36;
  display: block;
  width: 62px;
  height: 62px;
  border: 3px solid #da4e36;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  padding: 6px 0 0 6px;
  transition: all 0.3s;
  margin-bottom: 5px;
}
.poem-catList .title i:last-child {
  margin-bottom: 0;
}
.poem-catList .title i:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  background: url(/images/poem-title-deco.svg) 0 0/100% 100% no-repeat;
}

.poem-container {
  width: 572px;
  height: 563px;
  margin: 0 auto;
  position: relative;
}
.poem-container .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.poem-container .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.poem-container .item:first-child {
  position: relative;
}
.poem-container .item:nth-child(1) {
  z-index: 19;
}
.poem-container .item:nth-child(2) {
  z-index: 18;
}
.poem-container .item:nth-child(3) {
  z-index: 17;
}
.poem-container .item:nth-child(4) {
  z-index: 16;
}
.poem-container .item:nth-child(5) {
  z-index: 15;
}
.poem-container .item:nth-child(6) {
  z-index: 14;
}
.poem-container .item:nth-child(7) {
  z-index: 13;
}
.poem-container .item:nth-child(8) {
  z-index: 12;
}
.poem-container .item:nth-child(9) {
  z-index: 11;
}
.poem-container .item:nth-child(10) {
  z-index: 10;
}
.poem-container .item:nth-child(11) {
  z-index: 9;
}
.poem-container .item:nth-child(12) {
  z-index: 8;
}
.poem-container .item:nth-child(13) {
  z-index: 7;
}
.poem-container .item:nth-child(14) {
  z-index: 6;
}
.poem-container .item:nth-child(15) {
  z-index: 5;
}
.poem-container .item:nth-child(16) {
  z-index: 4;
}
.poem-container .item:nth-child(17) {
  z-index: 3;
}
.poem-container .item:nth-child(18) {
  z-index: 2;
}
.poem-container .item:nth-child(19) {
  z-index: 1;
}
.poem-container .item:nth-child(20) {
  z-index: 0;
}
.poem-container .item:nth-child(2) {
  transform: translate(-12px, 16px);
}
.poem-container .item:nth-child(3) {
  transform: translate(-24px, 32px);
}
.poem-container .item:nth-child(4) {
  transform: translate(-36px, 48px);
}
.poem-container .item:nth-child(5) {
  transform: translate(-48px, 64px);
}
.poem-container .item:nth-child(6) {
  transform: translate(-60px, 80px);
}
.poem-container .item:nth-child(7) {
  transform: translate(-72px, 96px);
}
.poem-container .item:nth-child(8) {
  transform: translate(-84px, 112px);
}
.poem-container .item:nth-child(9) {
  transform: translate(-96px, 128px);
}
.poem-container .item:nth-child(10) {
  transform: translate(-108px, 144px);
}
.poem-container .item:nth-child(11) {
  transform: translate(-120px, 160px);
}
.poem-container .item:nth-child(12) {
  transform: translate(-132px, 176px);
}
.poem-container .item:nth-child(13) {
  transform: translate(-144px, 192px);
}
.poem-container .item:nth-child(14) {
  transform: translate(-156px, 208px);
}
.poem-container .item:nth-child(15) {
  transform: translate(-168px, 224px);
}
.poem-container .item:nth-child(16) {
  transform: translate(-180px, 240px);
}
.poem-container .item:nth-child(17) {
  transform: translate(-192px, 256px);
}
.poem-container .item:nth-child(18) {
  transform: translate(-204px, 272px);
}
.poem-container .item:nth-child(19) {
  transform: translate(-216px, 288px);
}
.poem-container .item:nth-child(20) {
  transform: translate(-228px, 304px);
}
.poem-container .num-sliderWrap {
  font-family: "Noto Serif TC", serif;
  font-weight: 600;
  color: #000;
  position: absolute;
  top: 133px;
  left: 50%;
  transform: translateX(-50%);
  height: 248px;
  overflow: hidden;
}
.poem-container .num-sliderWrap .deco-gradient {
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, #fff 0%, #fff 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.7) 80%, transparent);
}
.poem-container .num-sliderWrap .deco-gradient.is-bot {
  transform: rotateX(180deg);
  top: auto;
  bottom: 0;
}
.poem-container .num-sliderWrap .text {
  font-size: 39px;
}
.poem-container .num-sliderWrap .num-slider-container {
  width: 166px;
  height: 40px;
  position: relative;
}
.poem-container .num-sliderWrap .num-slider-container .swiper-slide {
  font-size: 36px;
  text-align: center;
  transform: scale(0.7);
  transition: all 0.3s;
}
.poem-container .num-sliderWrap .num-slider-container .swiper-slide[class*=active] {
  transform: scale(1);
}
.poem-container .num-sliderWrap .num-slider-container .deco {
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);
  display: flex;
}
.poem-container .num-sliderWrap .num-slider-container .deco img {
  max-width: initial;
}
.poem-container .btn {
  position: absolute;
  left: 223px;
  bottom: 99px;
  cursor: pointer;
  transition: all 0.3s;
}
.poem-container .btn:hover {
  opacity: 0.6;
}

.poem-detail-bg {
  height: 100vh;
  z-index: 98;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateX(-120%);
  background: url(/images/poem-bg.jpg) 0 0/cover;
  box-shadow: 20px 0px 50px 20px rgba(0, 0, 0, 0.2);
}

.poem-detail-backdrop {
  z-index: 97;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  background-color: rgba(255, 255, 255, 0);
  opacity: 0;
  pointer-events: none;
}

.poem-detailWrap {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: url(/images/poem-bg.jpg) 0 0/cover no-repeat;
  pointer-events: none;
  transition: all 0.5s;
}
.poem-detailWrap.is-show {
  opacity: 1;
  pointer-events: all;
}
.poem-detailWrap .back {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -80px;
  cursor: pointer;
  transition: all 0.3s;
}
.poem-detailWrap .back:hover {
  opacity: 0.6;
}
.poem-detailWrap .poem-detail-innerWrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 130px 100px 180px;
  writing-mode: vertical-lr;
  overflow-x: auto;
}
.poem-detailWrap .deco-ink {
  position: absolute;
  left: 100px;
  bottom: 60px;
}
.poem-detailWrap .head i {
  font-weight: 700;
  font-size: 54px;
  color: #da4e36;
  width: 74px;
  height: 74px;
  border: 3px solid #da4e36;
  border-radius: 50%;
  position: relative;
  padding: 6px 0 0 3px;
  transition: all 0.3s;
  display: inline-block;
  margin-bottom: 5px;
}
.poem-detailWrap .head i:last-child {
  margin-bottom: 0;
}
.poem-detailWrap .head i:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
  background: url(/images/poem-title-deco.svg) 0 0/100% 100% no-repeat;
}
.poem-detailWrap .poem-area {
  margin-left: 100px;
}
.poem-detailWrap .poem-area .title-area {
  white-space: nowrap;
  position: relative;
}
.poem-detailWrap .poem-area .title-area .deco-1 {
  position: absolute;
  top: 36px;
  right: -9px;
}
.poem-detailWrap .poem-area .title-area .deco-2 {
  position: absolute;
  top: 100px;
  right: -9px;
}
.poem-detailWrap .poem-area .title-area .title {
  font-family: "Noto Serif TC", serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 6px;
  color: #000;
}
.poem-detailWrap .poem-area .title-area .note {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 2px;
  color: #da4e36;
  margin-top: 50px;
  position: relative;
  left: -5px;
}
.poem-detailWrap .poem-area .content {
  font-family: "Noto Serif TC", serif;
  font-weight: 500;
  font-size: 35px;
  letter-spacing: 6px;
  line-height: 2;
  color: #302725;
  margin-left: 60px;
}
.poem-detailWrap .explainList {
  margin-left: 120px;
}
.poem-detailWrap .explainList li {
  margin-right: 78px;
}
.poem-detailWrap .explainList li:last-child {
  margin-right: 0;
}
.poem-detailWrap .explainList .title {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 2px;
  color: #da4e36;
  border-right: 2px solid #da4e36;
  padding-right: 10px;
  display: inline-block;
}
.poem-detailWrap .explainList .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 2;
  color: #000;
  margin-left: 20px;
}

.worship-fancyWrap {
  z-index: 79;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  pointer-events: none;
  transition: all 0.5s;
}
@media print, screen and (max-width: 64.06125em) {
  .worship-fancyWrap {
    width: 100%;
    height: 100vh;
  }
}
.worship-fancyWrap.is-show {
  transform: translate(0%, -50%);
  pointer-events: auto;
}
.worship-fancyWrap .pic {
  border-top: 5px solid #da4e36;
}
.worship-fancyWrap .article-area {
  position: relative;
  background: linear-gradient(180deg, #efb970 0%, rgba(239, 185, 112, 0.8) 90%, transparent 100%);
  padding: 50px 255px 60px 0;
}
@media print, screen and (max-width: 64.06125em) {
  .worship-fancyWrap .article-area {
    display: flex;
    flex-direction: row;
    flex-flow: initial;
    padding: 0;
    justify-content: center;
    align-items: center;
    height: 400px;
  }
}
.worship-fancyWrap .article-area .title {
  font-weight: 700;
  font-size: 35px;
  letter-spacing: 3px;
  color: #000;
  writing-mode: vertical-rl;
  margin-left: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .worship-fancyWrap .article-area .title {
    font-size: 20px;
    margin-left: 15px;
  }
}
.worship-fancyWrap .article-area .content {
  font-size: 17px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #333;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 64.06125em) {
  .worship-fancyWrap .article-area .content {
    font-size: 14px;
  }
}
.worship-fancyWrap .article-area .arrow {
  cursor: pointer;
  transition: all 0.3s;
  position: absolute;
  top: 72px;
  right: 55px;
}
.worship-fancyWrap .article-area .arrow:hover {
  opacity: 0.6;
}
@media print, screen and (max-width: 64.06125em) {
  .worship-fancyWrap .article-area .arrow {
    position: static;
    margin-left: 30px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .worship-fancyWrap .article-area .arrow img {
    width: 60px;
    height: 60px;
  }
}

.sd-topWrap {
  position: relative;
  margin-top: 22px;
}
.sd-topWrap .head {
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 124px;
  color: #e8b356;
  white-space: nowrap;
  text-align: center;
  opacity: 0.2;
}
.sd-topWrap .pic-area .repeat-area {
  position: relative;
  margin-right: 60px;
}
.sd-topWrap .pic-area .repeat-area .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
.sd-topWrap .pic-area .repeat-area .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.sd-topWrap .pic-area .repeat-area .item:first-child {
  position: relative;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(1) {
  z-index: 19;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(2) {
  z-index: 18;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(3) {
  z-index: 17;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(4) {
  z-index: 16;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(5) {
  z-index: 15;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(6) {
  z-index: 14;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(7) {
  z-index: 13;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(8) {
  z-index: 12;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(9) {
  z-index: 11;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(10) {
  z-index: 10;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(11) {
  z-index: 9;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(12) {
  z-index: 8;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(13) {
  z-index: 7;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(14) {
  z-index: 6;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(15) {
  z-index: 5;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(16) {
  z-index: 4;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(17) {
  z-index: 3;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(18) {
  z-index: 2;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(19) {
  z-index: 1;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(20) {
  z-index: 0;
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(2) {
  transform: translate(-7px, 2px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(3) {
  transform: translate(-14px, 4px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(4) {
  transform: translate(-21px, 6px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(5) {
  transform: translate(-28px, 8px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(6) {
  transform: translate(-35px, 10px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(7) {
  transform: translate(-42px, 12px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(8) {
  transform: translate(-49px, 14px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(9) {
  transform: translate(-56px, 16px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(10) {
  transform: translate(-63px, 18px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(11) {
  transform: translate(-70px, 20px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(12) {
  transform: translate(-77px, 22px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(13) {
  transform: translate(-84px, 24px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(14) {
  transform: translate(-91px, 26px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(15) {
  transform: translate(-98px, 28px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(16) {
  transform: translate(-105px, 30px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(17) {
  transform: translate(-112px, 32px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(18) {
  transform: translate(-119px, 34px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(19) {
  transform: translate(-126px, 36px);
}
.sd-topWrap .pic-area .repeat-area .item:nth-child(20) {
  transform: translate(-133px, 38px);
}
.sd-topWrap .pic-area .repeat-area .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.sd-topWrap .pic-area .repeat-area .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.sd-topWrap .pic-area .repeat-area .pic {
  -webkit-mask: url(/images/sign-money-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/sign-money-mask.svg) 0 0/100% 100% no-repeat;
}
.sd-topWrap .pic-area .repeat-area .pic img {
  width: 100%;
}
.sd-topWrap .pic-area .title {
  font-weight: 700;
  font-size: 40px;
  letter-spacing: 6px;
  color: #e8b356;
  writing-mode: vertical-rl;
  margin-top: 30px;
}

.signup-detailWrap {
  margin: 300px 0 350px;
  position: relative;
}
.signup-detailWrap .content-area {
  position: relative;
  max-width: 780px;
  margin: 0 auto 120px;
}
.signup-detailWrap .content-area .share-container {
  position: absolute;
  top: 0;
  right: -157px;
  height: 100%;
}
.signup-detailWrap .content-area .share-container .share-area {
  text-align: center;
  position: sticky;
  top: 30vh;
}
.signup-detailWrap .content-area .share-container .share-area .text {
  margin-bottom: 20px;
}
.signup-detailWrap .content-area .share-container .share-area .shareList a {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 15px;
}
.signup-detailWrap .content-area .share-container .share-area .shareList a:hover {
  opacity: 0.6;
}
.signup-detailWrap .content-area .share-container .share-area .shareList a:last-child {
  margin-bottom: 0;
}
.signup-detailWrap .content-area .money-area {
  margin-bottom: 50px;
}
.signup-detailWrap .content-area .money-area .text {
  margin-right: 15px;
}
.signup-detailWrap .content-area .money-area .piece {
  font-weight: 500;
  font-size: 18px;
  color: #302725;
}
.signup-detailWrap .content-area .money-area .piece b {
  font-weight: 900;
  font-size: 30px;
}
.signup-detailWrap .content-area .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #808081;
  margin-bottom: 80px;
}
.signup-detailWrap .content-area .content .text-flex {
  display: flex;
  flex-direction: column;
}
.signup-detailWrap .content-area .content b {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  display: block;
}
.signup-detailWrap .content-area .content b.long-title {
  font-size: 26px;
  letter-spacing: 0px;
}
.signup-detailWrap .content-area .content .red {
  color: #fc462d;
}
.signup-detailWrap .content-area .content .video {
  height: 438px;
}
.signup-detailWrap .content-area .content .video iframe {
  width: 100%;
  height: 100%;
}
.signup-detailWrap .event-area {
  margin-bottom: 200px;
}
.signup-detailWrap .event-area .banner {
  margin-bottom: 80px;
}
.signup-detailWrap .event-area .head {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 60px;
}
.signup-detailWrap .event-area .picList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  max-width: 1300px;
  margin: 0 auto 110px;
}
.signup-detailWrap .event-area .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #808081;
  max-width: 780px;
  margin: 0 auto;
}
.signup-detailWrap .sd-custom-1 {
  max-width: 1400px;
  margin: 0 auto;
}
.signup-detailWrap .sd-custom-1 li {
  margin-bottom: 190px;
}
.signup-detailWrap .sd-custom-1 li:last-child {
  margin-bottom: 0;
}
.signup-detailWrap .sd-custom-1 li:nth-child(odd) .pic {
  margin-right: 125px;
}
.signup-detailWrap .sd-custom-1 li:nth-child(odd) .article-area .title {
  text-align: right;
}
.signup-detailWrap .sd-custom-1 li:nth-child(even) .pic {
  margin-left: 125px;
}
.signup-detailWrap .sd-custom-1 .article-area .title {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  margin-bottom: 40px;
}
.signup-detailWrap .sd-custom-1 .article-area .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #808081;
}

.applyWrap {
  margin: 0 0 250px;
}
@media print, screen and (max-width: 64.06125em) {
  .applyWrap {
    margin: 0 0 94px;
  }
}
.applyWrap .head {
  font-weight: 700;
  font-size: 38px;
  letter-spacing: 2px;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 10px;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .applyWrap .head {
    max-width: 1300px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .applyWrap .head {
    font-size: 23px;
    margin: 0 20px;
  }
}
.applyWrap .apply-container {
  max-width: 1040px;
  margin: 120px auto 0;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .applyWrap .apply-container {
    margin: 35px 30px 0;
    padding-bottom: 22px;
  }
}
.applyWrap .apply-container .pic {
  position: relative;
  max-width: 496px;
  margin-right: 82px;
  -webkit-mask: url("/images/sign-money-mask.svg") 0 0/100% 100% no-repeat;
          mask: url("/images/sign-money-mask.svg") 0 0/100% 100% no-repeat;
}
.applyWrap .apply-container .pic img {
  width: 100%;
}
.applyWrap .apply-container .pic .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.applyWrap .apply-container .pic .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
@media print, screen and (max-width: 64.06125em) {
  .applyWrap .apply-container .pic {
    margin: 0 auto 50px;
    width: 100%;
    max-width: 100%;
  }
}
.applyWrap .apply-container .article-area .title {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #4d4d4d;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .applyWrap .apply-container .article-area .title {
    font-size: 21px;
    letter-spacing: 2px;
  }
}
.applyWrap .apply-container .article-area .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #808081;
  margin-top: 12px;
  margin-bottom: 35px;
}
.applyWrap .apply-container .article-area .controll-area {
  margin-top: 40px;
}
.applyWrap .apply-container .article-area .controll-area .price-area {
  display: flex;
}
.applyWrap .apply-container .article-area .controll-area .text {
  margin-right: 15px;
  background-color: #e8b356;
  padding: 2px 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
@media print, screen and (max-width: 64.06125em) {
  .applyWrap .apply-container .article-area .controll-area .text {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .applyWrap .apply-container .article-area .controll-area .text img {
    height: 19px;
  }
}
.applyWrap .apply-container .article-area .controll-area .piece {
  font-weight: 500;
  font-size: 18px;
  color: #302725;
}
.applyWrap .apply-container .article-area .controll-area .piece b {
  font-weight: 900;
  font-size: 30px;
}
.applyWrap .apply-container .article-area .controll-area .num-area {
  margin-right: 115px;
}
.applyWrap .apply-container .article-area .controll-area .num-area .minor {
  cursor: pointer;
  transition: all 0.3s;
}
.applyWrap .apply-container .article-area .controll-area .num-area .minor:hover {
  opacity: 0.6;
}
.applyWrap .apply-container .article-area .controll-area .num-area .num {
  font-weight: 700;
  font-size: 26px;
  color: #302725;
  width: 41px;
  height: 41px;
  border: 1px solid #e8b356;
  border-radius: 50%;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.applyWrap .apply-container .article-area .controll-area .num-area .add {
  cursor: pointer;
  transition: all 0.3s;
}
.applyWrap .apply-container .article-area .controll-area .num-area .add:hover {
  opacity: 0.6;
}
.applyWrap .btn-area {
  margin-top: 100px;
}
@media print, screen and (max-width: 64.06125em) {
  .applyWrap .btn-area {
    margin-top: 34px;
  }
}
.applyWrap .btn-area li {
  cursor: pointer;
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin-right: 40px;
}
.applyWrap .btn-area li:hover .bg .cls-1 {
  fill: var(--c2);
}
.applyWrap .btn-area li .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.applyWrap .btn-area li .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
.applyWrap .btn-area li:last-child {
  margin-right: 0;
}
.applyWrap .year-select {
  float: none;
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #c49149;
  margin-right: 25px;
  width: 290px;
  height: 32px;
  padding: 6px 20px 6px 5px;
  line-height: 1;
}
.applyWrap .year-select::after {
  width: 22px;
  height: 10px;
  border: none;
  background: url("/images/c-select-arrow.svg") no-repeat center/cover;
  transform: rotate(0deg);
  right: 0;
}
.applyWrap .year-select.open::after {
  transform: rotate(180deg);
}
.applyWrap .year-select span.current {
  font-size: 16px;
  letter-spacing: 2px;
  color: #999999;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.applyWrap .year-select .list {
  width: 100%;
  border-radius: 0;
  margin-top: 0px;
  font-size: 14px;
}
.applyWrap .year-select .list li {
  position: relative;
  min-height: 50px;
  line-height: 1;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 14px;
  padding: 9px 7px 5px;
  cursor: pointer;
  transition: all 0.3s;
  color: #808080;
  text-wrap: wrap;
  line-height: 1.6;
  opacity: 0.3;
}
.applyWrap .year-select .list li::after {
  position: absolute;
  content: "";
  width: 280px;
  height: 1px;
  background-color: #808080;
  left: 5px;
  bottom: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .applyWrap .year-select .list li {
    font-size: 14px;
    padding: 4px 5px;
  }
}
.applyWrap .year-select .list li.selected.focus {
  opacity: 1;
}
.applyWrap .year-select .list li:hover, .applyWrap .year-select .list li.current {
  opacity: 1;
}
.applyWrap .year-select .list li:first-child {
  display: none;
}
.applyWrap .year-select .list li:last-child::after {
  display: none;
}

.sign-deco {
  position: absolute;
  right: 28px;
  bottom: 513px;
  z-index: 10;
}

.lamp-head-area {
  position: relative;
  padding: 234px 0 90px 0;
  background-color: #da4e36;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .lamp-head-area {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-head-area {
    padding: 94px 0 39px 0;
  }
}
.lamp-head-area .head {
  text-align: center;
}
.lamp-head-area .deco-bot {
  position: absolute;
  left: 0;
  bottom: 0;
}

.lampWrap {
  padding: 66px 0 250px 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .lampWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .lampWrap {
    padding: 44px 0 134px 0;
  }
}
.lampWrap .head {
  text-align: center;
  margin-bottom: 78px;
}
@media print, screen and (max-width: 64.06125em) {
  .lampWrap .head {
    margin-bottom: 46px;
  }
}
.lampWrap .lampList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 90px 36px;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .lampWrap .lampList {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 70px 0;
    padding: 0 20px;
  }
}
.lampWrap .lampList li {
  position: relative;
}
.lampWrap .lampList li:hover .pic:after {
  opacity: 1;
}
.lampWrap .lampList li .pic {
  overflow: hidden;
  position: relative;
}
.lampWrap .lampList li .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.lampWrap .lampList li .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  border-top: 2px solid #e8b356;
  padding-top: 14px;
  margin: 10px 0;
}
.lampWrap .lampList li .more-area {
  margin-top: 12px;
}
@media print, screen and (max-width: 64.06125em) {
  .lampWrap .lampList li .more-area {
    margin-top: 0;
  }
}
.lampWrap .lampList li .more-area .price {
  font-weight: 500;
  font-size: 18px;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  .lampWrap .lampList li .more-area .price {
    font-size: 14px;
  }
}
.lampWrap .lampList li .more-area .price b {
  font-weight: 900;
  font-size: 30px;
  color: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .lampWrap .lampList li .more-area .price b {
    font-size: 24px;
  }
}
.lampWrap .lampList li .more-area .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
}
.lampWrap .lampList li .more-area .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.lampWrap .lampList li .more-area .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.lampWrap .lampList li .more-area .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .lampWrap .lampList li .more-area .more {
    margin: 28px auto 0;
  }
}

.lamp-top-en {
  margin-top: 234px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-top-en {
    margin-top: 78px;
  }
}

.lamp-detailWrap {
  max-width: 880px;
  margin: -25px auto 200px;
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-detailWrap {
    margin: 50px auto 84px;
  }
}
.lamp-detailWrap .cover-area {
  position: relative;
}
.lamp-detailWrap .cover-area .pic .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  top: auto;
}
.lamp-detailWrap .cover-area .pic .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.lamp-detailWrap .cover-area .pic .pic {
  -webkit-mask: url(/images/sign-money-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/sign-money-mask.svg) 0 0/100% 100% no-repeat;
}
.lamp-detailWrap .cover-area .pic .pic img {
  width: 100%;
}
.lamp-detailWrap .cover-area .title-area {
  position: absolute;
  top: 0;
  right: -40px;
  transform: translateX(100%);
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-detailWrap .cover-area .title-area {
    position: relative;
    right: 0;
    transform: translateX(0);
    writing-mode: unset;
    padding: 0 60px;
    margin-bottom: 12px;
  }
}
.lamp-detailWrap .cover-area .title-area .title {
  font-weight: 700;
  font-size: 40px;
  letter-spacing: 6px;
  line-height: 1.4;
  color: #ca954a;
  margin-right: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-detailWrap .cover-area .title-area .title {
    font-size: 29px;
    letter-spacing: 3px;
    text-align: center;
    margin-right: 0;
  }
}
.lamp-detailWrap .cover-area .title-area .cat {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 1px;
  color: #fff;
  background-color: #ca954a;
  display: inline-block;
  padding: 5px 6px 5px 1px;
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-detailWrap .cover-area .title-area .cat {
    display: none;
  }
}
.lamp-detailWrap .price-area {
  margin-top: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-detailWrap .price-area {
    margin-top: 30px;
  }
}
.lamp-detailWrap .price-area .text {
  margin-right: 15px;
}
.lamp-detailWrap .price-area .piece {
  font-weight: 500;
  font-size: 18px;
  color: #302725;
}
.lamp-detailWrap .price-area .piece b {
  font-weight: 900;
  font-size: 30px;
}
.lamp-detailWrap .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
  margin-top: 50px;
  padding: 0 6%;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .lamp-detailWrap .content {
    font-size: 17px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-detailWrap .content {
    padding: 0 20px;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-detailWrap .content {
    margin-top: 65px;
  }
}
.lamp-detailWrap .content b {
  font-size: 25px;
  text-align: center;
  display: block;
}
@media print, screen and (max-width: 64.06125em) {
  .lamp-detailWrap .content b {
    font-size: 23px;
  }
}
.lamp-detailWrap .mobile-share-area {
  text-align: center;
  margin-top: 40px;
}
.lamp-detailWrap .mobile-share-area .text {
  margin-bottom: 16px;
}
.lamp-detailWrap .mobile-share-area .shareList a {
  margin-right: 20px;
}
.lamp-detailWrap .mobile-share-area .shareList a:last-child {
  margin-right: 0;
}

.gold-head-area {
  position: relative;
  padding: 234px 0 90px 0;
  background-color: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-head-area {
    padding: 90px 0 43px 0;
  }
}
.gold-head-area .head {
  text-align: center;
}
.gold-head-area .deco-bot {
  position: absolute;
  left: 0;
  bottom: 0;
}

.goldWrap {
  padding: 20px 0 0 0;
}
@media print, screen and (max-width: 64.06125em) {
  .goldWrap {
    padding-top: 33px;
  }
}
.goldWrap .note-area {
  max-width: 580px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .goldWrap .note-area {
    padding: 0 20px;
  }
}
.goldWrap .note-area .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
}
@media print, screen and (max-width: 64.06125em) {
  .goldWrap .note-area .content {
    font-size: 14px;
  }
}
.goldWrap .note-area .btn {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 26px auto 0;
}
.goldWrap .note-area .btn:hover .bg .cls-1 {
  fill: var(--c2);
}
.goldWrap .note-area .btn .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.goldWrap .note-area .btn .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .goldWrap .note-area .btn {
    margin-top: 33px;
  }
}

.gold-catWrap {
  margin-top: 130px;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-catWrap {
    margin-top: 78px;
  }
}
.gold-catWrap .head {
  text-align: center;
  margin-bottom: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-catWrap .head {
    margin-bottom: 48px;
  }
}
.gold-catWrap .gold-catList li {
  margin-right: 94px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-catWrap .gold-catList li {
    margin-right: 27px;
  }
}
.gold-catWrap .gold-catList li:last-child {
  margin-right: 0;
}
.gold-catWrap .gold-catList li .d {
  fill: #e8b356;
  stroke: none;
  transition: 0.5s all;
}
.gold-catWrap .gold-catList li path.e {
  fill: none;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  transition: 0.5s all;
}
.gold-catWrap .gold-catList li line.e {
  fill: none;
  stroke: rgba(255, 255, 255, 0);
  stroke-miterlimit: 10;
  stroke-width: 2px;
  transition: 0.5s all;
}
.gold-catWrap .gold-catList li .f {
  fill: rgba(236, 102, 49, 0);
  transition: 0.5s all;
}
.gold-catWrap .gold-catList li:hover .d {
  fill: #fff;
}
.gold-catWrap .gold-catList li:hover path.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.gold-catWrap .gold-catList li:hover line.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.gold-catWrap .gold-catList li:hover .f {
  fill: #ec6531;
}

.gold-container {
  margin: 183px 0 0;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-container {
    margin-top: 100px;
  }
}
.gold-container .head {
  text-align: center;
  margin-bottom: 65px;
}
.gold-container .goldList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 90px 36px;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-container .goldList {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 70px 0;
    padding: 0 20px;
  }
}
.gold-container .goldList li {
  position: relative;
}
.gold-container .goldList li:hover .pic:after {
  opacity: 1;
}
.gold-container .goldList li.is-over {
  pointer-events: none;
}
.gold-container .goldList li.is-over .pic:before {
  opacity: 1;
}
.gold-container .goldList li.is-over .pic:after {
  opacity: 1;
}
.gold-container .goldList li .pic {
  overflow: hidden;
  position: relative;
}
.gold-container .goldList li .pic:before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/images/over.svg) center center no-repeat;
  opacity: 0;
}
.gold-container .goldList li .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.gold-container .goldList li .title-area {
  margin-top: 15px;
  border-top: 2px solid #e8b356;
  padding-top: 12px;
}
.gold-container .goldList li .title-area .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-container .goldList li .title-area .title {
    margin-bottom: 10px;
  }
}
.gold-container .goldList li .title-area .man {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  color: #666;
}
.gold-container .goldList li .title-area .man span {
  font-weight: 500;
  font-size: 18px;
  color: #da4e36;
  margin: 0 6px;
}
.gold-container .goldList li .more-area {
  margin-top: 10px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-container .goldList li .more-area {
    margin-top: 0;
    padding-top: 39px;
  }
}
.gold-container .goldList li .more-area .price {
  font-weight: 500;
  font-size: 18px;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-container .goldList li .more-area .price {
    font-size: 14px;
    position: absolute;
    top: -22px;
    right: 0;
    text-align: right;
  }
}
.gold-container .goldList li .more-area .price b {
  font-weight: 900;
  font-size: 30px;
  color: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-container .goldList li .more-area .price b {
    font-size: 24px;
  }
}
.gold-container .goldList li .more-area .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
}
.gold-container .goldList li .more-area .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.gold-container .goldList li .more-area .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.gold-container .goldList li .more-area .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-container .goldList li .more-area .more {
    margin: 0 auto;
  }
}

#goldAnchor {
  scroll-margin-top: 100px;
}

.gold-detail-top-en {
  text-align: center;
  margin-top: 190px;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-detail-top-en {
    padding: 0 20px;
    margin-top: 84px;
  }
}

.gold-detailWrap {
  max-width: 880px;
  margin: -25px auto 180px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .gold-detailWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .gold-detailWrap {
    margin: 52px auto 99px;
  }
}
.gold-detailWrap .cover-area {
  position: relative;
}
.gold-detailWrap .cover-area .title {
  font-weight: 700;
  font-size: 40px;
  letter-spacing: 6px;
  line-height: 1.4;
  color: #ca954a;
  writing-mode: vertical-rl;
  position: absolute;
  top: 0;
  right: -40px;
  transform: translateX(100%);
}
@media print, screen and (max-width: 64.06125em) {
  .gold-detailWrap .cover-area .title {
    font-size: 29px;
    letter-spacing: 3px;
    text-align: center;
    position: relative;
    right: 0;
    transform: translateX(0);
    writing-mode: unset;
    padding: 0 50px;
    margin-bottom: 14px;
  }
}
.gold-detailWrap .price-area {
  margin-top: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-detailWrap .price-area {
    margin-top: 30px;
  }
}
.gold-detailWrap .price-area .text {
  margin-right: 15px;
}
.gold-detailWrap .price-area .piece {
  font-weight: 500;
  font-size: 18px;
  color: #302725;
}
.gold-detailWrap .price-area .piece b {
  font-weight: 900;
  font-size: 30px;
}
.gold-detailWrap .content {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 1.8;
  color: #4d4d4d;
  text-align: center;
  margin-top: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .gold-detailWrap .content {
    font-size: 16px;
    letter-spacing: 2px;
    padding: 0 20px;
    margin-top: 70px;
  }
}
.gold-detailWrap .mobile-share-area {
  text-align: center;
  margin-top: 40px;
}
.gold-detailWrap .mobile-share-area .text {
  margin-bottom: 16px;
}
.gold-detailWrap .mobile-share-area .shareList a {
  margin-right: 20px;
}
.gold-detailWrap .mobile-share-area .shareList a:last-child {
  margin-right: 0;
}

.lastman-container {
  margin-top: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container {
    margin-top: 25px;
  }
}
.lastman-container .lastman {
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 3px;
  color: #4d4d4d;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .lastman {
    font-size: 21px;
  }
}
.lastman-container .lastman span {
  font-weight: 900;
  color: #da4e36;
  margin: 0 8px;
}
.lastman-container .posList {
  display: grid;
  grid-template-columns: repeat(5, 135px);
  grid-gap: 60px 30px;
  margin-top: 60px;
  justify-content: center;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .posList {
    grid-template-columns: repeat(2, 135px);
    grid-gap: 20px 30px;
    margin-top: 40px;
  }
}
.lastman-container .posList li {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 2px;
  color: #fff;
  -webkit-mask: url(/images/lastman-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/lastman-mask.svg) 0 0/100% 100% no-repeat;
  background-color: #e8b356;
  height: 42px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lastman-container .posList li.current {
  background-color: #fc462d;
}
.lastman-container .donatenow-container {
  max-width: 1040px;
  border-top: 1px solid #e8b356;
  padding-top: 70px;
  margin: 70px auto 0;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .donatenow-container {
    margin: 30px 20px 0;
    padding-top: 16px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .donatenow-container .num-container {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
  }
}
.lastman-container .donatenow-container .num-container .text {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .donatenow-container .num-container .text {
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 25px;
  }
}
.lastman-container .donatenow-container .num-container .num-area .minor {
  cursor: pointer;
  transition: all 0.3s;
}
.lastman-container .donatenow-container .num-container .num-area .minor:hover {
  opacity: 0.6;
}
.lastman-container .donatenow-container .num-container .num-area .num {
  font-weight: 700;
  font-size: 23px;
  color: #302725;
  width: 40px;
  height: 40px;
  border: 1px solid #e8b356;
  border-radius: 50%;
  margin: 0 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lastman-container .donatenow-container .num-container .num-area .add {
  cursor: pointer;
  transition: all 0.3s;
}
.lastman-container .donatenow-container .num-container .num-area .add:hover {
  opacity: 0.6;
}
.lastman-container .donatenow-container .price-area {
  margin: 0 90px;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .donatenow-container .price-area {
    margin: 0;
    justify-content: flex-start;
    align-items: center;
  }
}
.lastman-container .donatenow-container .price-area .text {
  margin-right: 15px;
}
.lastman-container .donatenow-container .price-area .piece {
  font-weight: 500;
  font-size: 21px;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .donatenow-container .price-area .piece {
    font-size: 19px;
  }
}
.lastman-container .donatenow-container .price-area .piece b {
  font-weight: 900;
  font-size: 35px;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .donatenow-container .price-area .piece b {
    font-size: 31px;
  }
}
.lastman-container .donatenow-container .btn {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  zoom: 1.67;
  cursor: pointer;
}
.lastman-container .donatenow-container .btn:hover .bg .cls-1 {
  fill: var(--c2);
}
.lastman-container .donatenow-container .btn .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.lastman-container .donatenow-container .btn .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .lastman-container .donatenow-container .btn {
    zoom: 1;
    margin: 37px 0 0 auto;
  }
}

.donorWrap {
  margin-bottom: 300px;
}
@media print, screen and (max-width: 64.06125em) {
  .donorWrap {
    margin-bottom: 99px;
  }
}
.donorWrap .head {
  text-align: center;
  margin-bottom: 78px;
}
@media print, screen and (max-width: 64.06125em) {
  .donorWrap .head {
    margin-bottom: 58px;
  }
}
.donorWrap .donorList {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-gap: 50px 0;
  max-width: 780px;
  margin: 0 auto;
  direction: rtl;
}
@media print, screen and (max-width: 64.06125em) {
  .donorWrap .donorList {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 40px 0;
    max-width: 286px;
    margin: 0 auto;
  }
}
.donorWrap .donorList.has-num li {
  min-height: 400px;
}
@media print, screen and (max-width: 64.06125em) {
  .donorWrap .donorList.has-num li {
    min-height: 346px;
  }
}
.donorWrap .donorList li {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  color: #666;
  border-right: 1px solid #666;
  padding: 10px 20px;
  min-height: 210px;
  margin: 0 -1px;
}
@media print, screen and (max-width: 64.06125em) {
  .donorWrap .donorList li {
    font-size: 14px;
    padding: 0;
  }
  .donorWrap .donorList li:nth-child(5n+5), .donorWrap .donorList li:last-child {
    border-left: 1px solid #666;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .donorWrap .donorList li:nth-child(11n+11), .donorWrap .donorList li:last-child {
    border-left: 1px solid #666;
  }
}
.donorWrap .donorList li:nth-child(1) .num-area .bg .cls-1, .donorWrap .donorList li:nth-child(2) .num-area .bg .cls-1, .donorWrap .donorList li:nth-child(3) .num-area .bg .cls-1 {
  fill: #da4e36;
}
.donorWrap .donorList li:nth-child(1) .num-area .bg .cls-2, .donorWrap .donorList li:nth-child(2) .num-area .bg .cls-2, .donorWrap .donorList li:nth-child(3) .num-area .bg .cls-2 {
  fill: #da4e36;
}
.donorWrap .donorList li:nth-child(1) .num-area .num, .donorWrap .donorList li:nth-child(2) .num-area .num, .donorWrap .donorList li:nth-child(3) .num-area .num {
  color: #fff;
}
.donorWrap .donorList li .name {
  writing-mode: vertical-rl;
  margin: 0 auto;
}
.donorWrap .donorList li .name i {
  margin-top: 40px;
}
.donorWrap .donorList li .num-area {
  width: 29px;
  height: 29px;
  position: relative;
  margin-bottom: 14px;
  padding-right: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 64.06125em) {
  .donorWrap .donorList li .num-area {
    width: 27px;
    height: 27px;
    margin: 0 auto 9px;
    position: relative;
    left: 1px;
  }
}
.donorWrap .donorList li .num-area .bg {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.donorWrap .donorList li .num-area .bg .cls-1 {
  fill: #e8b356;
  fill-rule: evenodd;
}
.donorWrap .donorList li .num-area .bg .cls-2 {
  fill: #fff;
}
.donorWrap .donorList li .num-area .num {
  color: #e8b356;
  letter-spacing: -1px;
}
.donorWrap .donorList li .content {
  writing-mode: vertical-rl;
  margin: 40px auto 0;
}

.future-headWrap {
  text-align: center;
  background-color: #da4e36;
  padding: 220px 0 110px;
}

.futureWrap {
  padding: 0 9.8% 0 17%;
  margin: 160px 0 0;
}

.futureList li {
  position: relative;
  border-bottom: 1px solid #e8b356;
  padding: 0 0 30px;
  margin-bottom: 150px;
}
.futureList li:last-child {
  margin-bottom: 0;
}
.futureList li:hover .item:nth-child(2) {
  transform: translate(7px, 0);
}
.futureList li:hover .item:nth-child(3) {
  transform: translate(14px, 0);
}
.futureList li:hover .item:nth-child(4) {
  transform: translate(21px, 0);
}
.futureList li:hover .item:nth-child(5) {
  transform: translate(28px, 0);
}
.futureList li:hover .item:nth-child(6) {
  transform: translate(35px, 0);
}
.futureList li:hover .item:nth-child(7) {
  transform: translate(42px, 0);
}
.futureList li:hover .item:nth-child(8) {
  transform: translate(49px, 0);
}
.futureList li:hover .item:nth-child(9) {
  transform: translate(56px, 0);
}
.futureList li:hover .item:nth-child(10) {
  transform: translate(63px, 0);
}
.futureList li:hover .num {
  opacity: 1;
}
.futureList .num {
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 65px;
  color: #da4e36;
  opacity: 0.2;
  position: absolute;
  top: -20px;
  left: -35px;
  transform: translateX(-100%);
  transition: all 0.3s;
}
.futureList .repeat-area {
  position: relative;
  margin-right: 170px;
  transition: all 0.3s;
}
.futureList .repeat-area .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}
.futureList .repeat-area .item > img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.futureList .repeat-area .item:nth-child(2) {
  z-index: 2;
}
.futureList .repeat-area .item:nth-child(3) {
  z-index: 3;
}
.futureList .repeat-area .item:nth-child(4) {
  z-index: 4;
}
.futureList .repeat-area .item:nth-child(5) {
  z-index: 5;
}
.futureList .repeat-area .item:nth-child(6) {
  z-index: 6;
}
.futureList .repeat-area .item:nth-child(7) {
  z-index: 7;
}
.futureList .repeat-area .item:nth-child(8) {
  z-index: 8;
}
.futureList .repeat-area .item:nth-child(9) {
  z-index: 9;
}
.futureList .repeat-area .item:nth-child(10) {
  z-index: 10;
}
.futureList .repeat-area .item:last-child {
  position: relative;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .futureList .repeat-area {
    margin-right: 100px;
  }
}
.futureList .repeat-area .pic-area {
  position: relative;
}
.futureList .repeat-area .pic-area .borderbox {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.futureList .repeat-area .pic-area .borderbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.futureList .repeat-area .pic-area .pic {
  -webkit-mask: url(/images/future-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/future-mask.svg) 0 0/100% 100% no-repeat;
}
.futureList .article-area .year {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 35px;
  color: #e8b356;
  margin-bottom: 12px;
}
.futureList .article-area .date {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 63px;
  color: #e8b356;
}
.futureList .article-area .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #4d4d4d;
  margin-top: 30px;
}
.futureList .article-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
  margin-top: 20px;
}
.futureList .article-area .more {
  cursor: pointer;
  transition: all 0.3s;
  text-align: right;
  margin-top: 50px;
}
.futureList .article-area .more:hover {
  opacity: 0.6;
}

.future-more {
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  margin: 190px 0 233px;
}
.future-more:hover {
  opacity: 0.6;
}

.albumWrap {
  z-index: 9;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  padding: 200px 0 350px;
  border-top: 1px solid #e8b356;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .albumWrap {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .albumWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .albumWrap {
    margin: 0 20px;
    padding: 86px 0 199px;
  }
}
.albumWrap .deco-1 {
  position: absolute;
  right: -189px;
  bottom: -131px;
}
@media print, screen and (max-width: 64.06125em) {
  .albumWrap .deco-1 {
    right: -60px;
    bottom: -20px;
    width: 200px;
  }
}
.albumWrap .head-area {
  text-align: center;
  position: relative;
  margin-bottom: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .albumWrap .head-area {
    margin: 0 -20px 40px;
  }
}
.albumWrap .ceremonyList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 90px 27px;
}
@media print, screen and (max-width: 64.06125em) {
  .albumWrap .ceremonyList {
    max-width: 83%;
    grid-template-columns: 1fr;
    grid-gap: 70px 0;
    padding: 0;
    margin: 0 auto;
  }
}
.albumWrap .ceremonyList li {
  position: relative;
}
.albumWrap .ceremonyList li:hover .pic:after {
  opacity: 1;
}
.albumWrap .ceremonyList li .pic {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.albumWrap .ceremonyList li .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.albumWrap .ceremonyList li .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  border-top: 2px solid #e8b356;
  padding-top: 14px;
}
.albumWrap .ceremonyList li .content {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #666;
  margin-top: 10px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .albumWrap .ceremonyList li .content {
    font-size: 16px;
  }
}
.albumWrap .ceremonyList li .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin-top: 20px;
}
.albumWrap .ceremonyList li .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.albumWrap .ceremonyList li .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.albumWrap .ceremonyList li .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .albumWrap .ceremonyList li .more {
    margin: 20px auto 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .albumWrap .ceremonyList li .pic img {
    width: 100%;
  }
}

@media print, screen and (max-width: 64.06125em) {
  #album_detail {
    position: relative;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #album_detail .album-detail-container.not-show {
    display: none;
  }
}

@media print, screen and (max-width: 64.06125em) {
  .album-bannerWrap {
    width: 100%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .album-bannerWrap img {
    width: 100%;
  }
}

.album-sloganWrap {
  max-width: 626px;
  margin: 136px auto;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .album-sloganWrap {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .album-sloganWrap {
    zoom: 0.75;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .album-sloganWrap {
    position: relative;
    max-width: 83%;
    margin: 58px auto 53px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .album-sloganWrap .album-deco-1 {
    position: absolute;
    top: -103px;
    right: -97px;
    z-index: 0;
  }
}
.album-sloganWrap .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 3px;
  color: #4d4d4d;
  text-align: center;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .album-sloganWrap .title {
    font-size: 26px;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
  }
}
.album-sloganWrap .content {
  font-size: 17px;
  letter-spacing: 1px;
  line-height: 2;
  color: #4d4d4d;
}
@media print, screen and (max-width: 64.06125em) {
  .album-sloganWrap .content {
    font-size: 14px;
  }
}

.album-detailWrap {
  z-index: 9;
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  border-top: 1px solid #e8b356;
  padding: 80px 0 430px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .album-detailWrap {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .album-detailWrap {
    zoom: 0.7;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .album-detailWrap {
    max-width: 90%;
    margin: auto;
    padding: 30px 0 105px;
  }
}
.album-detailWrap .deco-1 {
  position: absolute;
  right: -189px;
  bottom: -131px;
}
@media print, screen and (max-width: 64.06125em) {
  .album-detailWrap .album-deco-2 {
    position: absolute;
    z-index: 10;
    left: -20px;
    bottom: -56px;
  }
}

.albumList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 36px;
}
@media print, screen and (max-width: 64.06125em) {
  .albumList {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }
}
.albumList li {
  position: relative;
  cursor: pointer;
}
.albumList li:hover .hover-area {
  opacity: 1;
}
@media print, screen and (max-width: 74.99875em) {
  .albumList li:hover .hover-area {
    display: none;
  }
}
.albumList .hover-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.6);
  opacity: 0;
  transition: all 0.3s;
}
.albumList .hover-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.m-fancyWrap {
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
.m-fancyWrap.has-scrollbar {
  overflow-y: auto;
  overflow-x: hidden;
  justify-content: flex-start;
  align-items: center;
}
.m-fancyWrap.is-show {
  opacity: 1;
  pointer-events: all;
}
.m-fancyWrap .fancy-close {
  z-index: 9;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.m-fancyWrap .fancy-close:hover {
  opacity: 0.6;
}
.m-fancyWrap .fancy-closeBlock {
  z-index: -1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.album-fancyContainer {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .album-fancyContainer {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .album-fancyContainer {
    zoom: 0.75;
  }
}
.album-fancyContainer .adf-sliderList li {
  width: 1044px;
  margin: 0 122px;
}
.album-fancyContainer .prev,
.album-fancyContainer .next {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: -638px;
  cursor: pointer;
  transition: all 0.3s;
}
.album-fancyContainer .prev:hover,
.album-fancyContainer .next:hover {
  opacity: 0.6;
}
.album-fancyContainer .next {
  margin-left: 638px;
}
.album-fancyContainer .adf-sider-pager {
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 1px;
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translate(-50%, 100%);
  margin-left: 503px;
}

.donate-head-area {
  position: relative;
  padding: 234px 0 90px 0;
  background-color: #da4e36;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .donate-head-area {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .donate-head-area {
    padding: 84px 0 41px 0;
  }
}
.donate-head-area .head {
  text-align: center;
}
.donate-head-area .deco-bot {
  position: absolute;
  left: 0;
  bottom: 0;
}

.donateWrap {
  z-index: 9;
  position: relative;
  max-width: 1400px;
  margin: 90px auto 150px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .donateWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .donateWrap {
    margin: 46px auto 150px;
  }
}
.donateWrap .head-area {
  text-align: center;
  position: relative;
  margin-bottom: 70px;
}
.donateWrap .donateList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 90px 27px;
}
@media print, screen and (max-width: 64.06125em) {
  .donateWrap .donateList {
    grid-template-columns: 1fr;
    grid-gap: 60px 0;
    padding: 0 20px;
  }
}
.donateWrap .donateList li {
  position: relative;
}
.donateWrap .donateList li:hover .pic:after {
  opacity: 1;
}
.donateWrap .donateList li .pic {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.donateWrap .donateList li .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.donateWrap .donateList li .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  border-top: 2px solid #e8b356;
  padding-top: 14px;
}
.donateWrap .donateList li .content {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #666;
  margin-top: 10px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .donateWrap .donateList li .content {
    font-size: 16px;
  }
}
.donateWrap .donateList li .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin-top: 20px;
}
.donateWrap .donateList li .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.donateWrap .donateList li .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.donateWrap .donateList li .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .donateWrap .donateList li .more {
    margin: 20px auto 0;
  }
}
.donateWrap .donateList li .last-area {
  position: relative;
  margin-top: 20px;
}
.donateWrap .donateList li .last-area .bar-area {
  height: 2px;
  background-color: #F4CFB0;
  position: relative;
}
.donateWrap .donateList li .last-area .bar-area .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  background-color: #da4e36;
}
.donateWrap .donateList li .last-area .day-area {
  margin-top: 10px;
}
.donateWrap .donateList li .last-area .day-area .day {
  font-weight: 300;
  font-size: 19px;
  letter-spacing: 1px;
  color: #666;
}
@media print, screen and (max-width: 64.06125em) {
  .donateWrap .donateList li .last-area .day-area .day {
    font-size: 13px;
  }
}
.donateWrap .donateList li .last-area .day-area .day span {
  font-weight: 500;
  font-size: 23px;
  color: #da4e36;
}
@media print, screen and (max-width: 64.06125em) {
  .donateWrap .donateList li .last-area .day-area .day span {
    font-size: 15px;
  }
}
.donateWrap .donateList li .last-area .day-area .progress {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  color: #666;
}
@media print, screen and (max-width: 64.06125em) {
  .donateWrap .donateList li .last-area .day-area .progress {
    font-size: 13px;
  }
}
.donateWrap .donateList li .last-area .day-area .progress span {
  font-weight: 500;
  font-size: 18px;
  color: #da4e36;
}
@media print, screen and (max-width: 64.06125em) {
  .donateWrap .donateList li .last-area .day-area .progress span {
    font-size: 15px;
  }
}
.donateWrap .donateList li .more {
  margin-top: 30px;
}
.donateWrap .donateList li .title {
  border: none;
}

.other-donateWrap {
  z-index: 9;
  position: relative;
  max-width: 1400px;
  margin: 90px auto 150px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .other-donateWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .other-donateWrap {
    margin: 90px auto 74px;
  }
}
.other-donateWrap .head-area {
  text-align: center;
  position: relative;
  margin-bottom: 70px;
}
.other-donateWrap .other-donateList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 90px 27px;
}
@media print, screen and (max-width: 64.06125em) {
  .other-donateWrap .other-donateList {
    grid-template-columns: 1fr;
    grid-gap: 60px 0;
    padding: 0 20px;
  }
}
.other-donateWrap .other-donateList li {
  position: relative;
}
.other-donateWrap .other-donateList li:hover .pic:after {
  opacity: 1;
}
.other-donateWrap .other-donateList li .pic {
  overflow: hidden;
  position: relative;
  margin-bottom: 10px;
}
.other-donateWrap .other-donateList li .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.5);
  opacity: 0;
  transition: all 0.3s;
}
.other-donateWrap .other-donateList li .title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #4d4d4d;
  border-top: 2px solid #e8b356;
  padding-top: 14px;
}
.other-donateWrap .other-donateList li .content {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #666;
  margin-top: 10px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .other-donateWrap .other-donateList li .content {
    font-size: 16px;
  }
}
.other-donateWrap .other-donateList li .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin-top: 20px;
}
.other-donateWrap .other-donateList li .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.other-donateWrap .other-donateList li .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.other-donateWrap .other-donateList li .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .other-donateWrap .other-donateList li .more {
    margin: 20px auto 0;
  }
}
.other-donateWrap .other-donateList li .last-area {
  position: relative;
  margin-top: 20px;
}
.other-donateWrap .other-donateList li .last-area .bar-area {
  height: 2px;
  background-color: #F4CFB0;
  position: relative;
}
.other-donateWrap .other-donateList li .last-area .bar-area .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  background-color: #da4e36;
}
.other-donateWrap .other-donateList li .last-area .day-area {
  margin-top: 10px;
}
.other-donateWrap .other-donateList li .last-area .day-area .day {
  font-weight: 300;
  font-size: 19px;
  letter-spacing: 1px;
  color: #666;
}
@media print, screen and (max-width: 64.06125em) {
  .other-donateWrap .other-donateList li .last-area .day-area .day {
    font-size: 13px;
  }
}
.other-donateWrap .other-donateList li .last-area .day-area .day span {
  font-weight: 500;
  font-size: 23px;
  color: #da4e36;
}
@media print, screen and (max-width: 64.06125em) {
  .other-donateWrap .other-donateList li .last-area .day-area .day span {
    font-size: 15px;
  }
}
.other-donateWrap .other-donateList li .last-area .day-area .progress {
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  color: #666;
}
@media print, screen and (max-width: 64.06125em) {
  .other-donateWrap .other-donateList li .last-area .day-area .progress {
    font-size: 13px;
  }
}
.other-donateWrap .other-donateList li .last-area .day-area .progress span {
  font-weight: 500;
  font-size: 18px;
  color: #da4e36;
}
@media print, screen and (max-width: 64.06125em) {
  .other-donateWrap .other-donateList li .last-area .day-area .progress span {
    font-size: 15px;
  }
}
.other-donateWrap .other-donateList li.is-over .pic-area .hover-area {
  opacity: 1;
}
.other-donateWrap .other-donateList li .more {
  margin-top: 30px;
}
.other-donateWrap .other-donateList li .title {
  border: none;
}
.other-donateWrap .other-donateList li .pic-area {
  position: relative;
}
.other-donateWrap .other-donateList li .pic-area .hover-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(218, 78, 54, 0.7);
  opacity: 0;
}
.other-donateWrap .other-donateList li .pic-area .hover-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .donate-detail-allWrap {
    zoom: 0.8;
  }
}

.flowWrap {
  max-width: 1400px;
  margin: 0 auto 250px;
}
@media print, screen and (max-width: 64.06125em) {
  .flowWrap .cd-slide-wrap {
    position: relative;
    margin-bottom: 210px;
    transition: all 0.5s;
  }
  .flowWrap .cd-slide-wrap.is-open {
    margin-bottom: 0;
  }
  .flowWrap .cd-slide-wrap.is-open .mobile-open-btn {
    bottom: -49px;
  }
  .flowWrap .cd-slide-wrap.is-open .mobile-open-btn .mob-arrow {
    transform: translate(-50%, -50%) rotateX(180deg);
    margin: -2px 0 0 3px;
  }
  .flowWrap .cd-slide-wrap .cd-slide-container {
    display: none;
    padding-bottom: 90px;
  }
  .flowWrap .cd-slide-wrap .cd-slide-container.is-ghost {
    background-color: #1B2860;
  }
  .flowWrap .cd-slide-wrap .cd-slide-container.is-fortune {
    background-color: #f4d47a;
  }
  .flowWrap .cd-slide-wrap .mobile-open-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -94px;
    cursor: pointer;
    transition: all 0.5s;
  }
  .flowWrap .cd-slide-wrap .mobile-open-btn img {
    max-width: initial;
  }
  .flowWrap .cd-slide-wrap .mobile-open-btn .mob-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    margin: 4px 0 0 2px;
    transition: all 0.5s;
  }
}
@media print, screen and (max-width: 99.99875em) {
  .flowWrap {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .flowWrap {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .flowWrap {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
.flowWrap.is-black .head {
  color: #000;
  border-color: #c99d4e;
}
@media print, screen and (max-width: 64.06125em) {
  .flowWrap.is-black .head {
    border: none;
  }
}
.flowWrap .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .flowWrap .head {
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.flowWrap .mobile-head {
  margin-bottom: 40px;
  text-align: center;
}
.flowWrap .flow-sliderWrap {
  background-color: #e8b356;
  border-radius: 0 0 15px 15px;
  text-align: center;
  padding: 87px 40px;
  margin-top: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .flowWrap .flow-sliderWrap {
    padding: 50px 0 40px;
    border-radius: 0;
    margin-top: 0;
  }
}
.flowWrap .flow-sliderWrap.is-red {
  background-color: #da4e36;
}
.flowWrap .flow-sliderWrap .flickity-page-dots {
  position: relative;
  bottom: 0;
  margin-top: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .flowWrap .flow-sliderWrap .flickity-page-dots {
    margin-top: 25px;
  }
}
.flowWrap .flow-sliderWrap .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.5s;
  margin: 0 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .flowWrap .flow-sliderWrap .flickity-page-dots .dot {
    margin: 0 7px;
  }
}
.flowWrap .flow-sliderWrap .flickity-page-dots .dot.is-selected {
  background-color: #fff;
}
.flowWrap .flow-sliderWrap .flow-sliderList li {
  width: 100%;
}
.flowWrap .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 87px auto 0;
  zoom: 1.56;
}
.flowWrap .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.flowWrap .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.flowWrap .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .flowWrap .more {
    zoom: 1;
    margin-top: 40px;
  }
}

.xiayuan-bookList {
  margin-top: 204px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 100px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-bookList {
    display: block;
    max-width: 83%;
    margin: 47px auto 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-bookList li {
    margin-bottom: 70px;
  }
  .xiayuan-bookList li:last-child {
    margin-bottom: 0px;
  }
}
.xiayuan-bookList .pic {
  margin-bottom: 35px;
}
.xiayuan-bookList .title {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 1px;
  color: #333;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-bookList .title {
    font-size: 22px;
    letter-spacing: 2px;
  }
}
.xiayuan-bookList .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
}
.xiayuan-bookList .btn {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  zoom: 1.3;
  margin-top: 34px;
}
.xiayuan-bookList .btn:hover .bg .cls-1 {
  fill: var(--c2);
}
.xiayuan-bookList .btn .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.xiayuan-bookList .btn .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-bookList .btn {
    margin: 34px auto 0px;
  }
}

.enter-mapWrap {
  z-index: 19;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.enter-mapWrap .cloud-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  perspective: 800px;
  transform-style: preserve-3d;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .enter-mapWrap .cloud-area {
    zoom: 0.8;
  }
}
.enter-mapWrap .cloud-area .white-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, #fff, #fff);
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .cloud-area .white-box {
    background: linear-gradient(180deg, transparent, #fff, #fff, #fff);
  }
}
.enter-mapWrap .cloud-area .cloud-1 {
  position: absolute;
  top: 10%;
  left: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .cloud-area .cloud-1 {
    top: 13%;
  }
}
.enter-mapWrap .cloud-area .cloud-1 img {
  animation: cloud1 2s infinite alternate ease-in-out;
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .cloud-area .cloud-1 img {
    animation-duration: 7s;
  }
}
@keyframes cloud1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100px);
  }
}
.enter-mapWrap .cloud-area .cloud-2 {
  position: absolute;
  top: 1%;
  right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .cloud-area .cloud-2 {
    top: 12%;
  }
}
.enter-mapWrap .cloud-area .cloud-2 img {
  animation: cloud2 3s infinite alternate ease-in-out;
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .cloud-area .cloud-2 img {
    animation-duration: 6s;
  }
}
@keyframes cloud2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100px);
  }
}
.enter-mapWrap .map {
  z-index: -1;
  position: relative;
  width: 100%;
  height: 100%;
  perspective: 800px;
}
.enter-mapWrap .map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate3d(0px, -200px, 200px);
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .map img {
    -o-object-position: 38% 50%;
       object-position: 38% 50%;
  }
}
.enter-mapWrap .locate-area {
  position: absolute;
  top: 28%;
  left: 30%;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .enter-mapWrap .locate-area {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .locate-area {
    zoom: 0.6;
    top: 31%;
    left: 29%;
  }
}
.enter-mapWrap .locate-area .name-area li {
  position: relative;
  transform: scale(1.4);
  opacity: 0;
}
.enter-mapWrap .locate-area .name-area li:nth-child(1) {
  margin-bottom: 40px;
  position: relative;
  left: 5px;
}
.enter-mapWrap .locate-area .name-area .encircle {
  position: absolute;
  right: -4px;
  bottom: 0;
}
.enter-mapWrap .locate-area .blow {
  margin: -73px 0 0 25px;
  transform: scale(0);
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .locate-area .blow {
    margin: -106px 0 0 -12px;
  }
}
.enter-mapWrap .article-area {
  position: absolute;
  top: 22%;
  left: 57%;
  height: 530px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .enter-mapWrap .article-area {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .article-area {
    left: 26%;
    height: 349px;
  }
}
.enter-mapWrap .article-area .close {
  position: absolute;
  top: 0;
  right: -170px;
  opacity: 0;
  transform: scale(1.2);
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .article-area .close {
    right: -200px;
  }
  .enter-mapWrap .article-area .close img {
    zoom: 0.7;
  }
}
.enter-mapWrap .article-area .close img {
  cursor: pointer;
  transition: all 0.3s;
}
.enter-mapWrap .article-area .close img:hover {
  opacity: 0.6;
}
.enter-mapWrap .article-area .ink {
  z-index: 2;
  position: absolute;
  top: -60px;
  right: -66px;
  opacity: 0;
  transform: scale(1.4);
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .article-area .ink {
    top: -40px;
    right: auto;
    left: 101px;
    width: 87px;
  }
}
.enter-mapWrap .article-area .content {
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #fff;
  background-color: #da4e36;
  padding: 87px 87px 10px 10px;
  writing-mode: vertical-rl;
  opacity: 0;
  transform: translateY(-50px);
}
@media print, screen and (max-width: 64.06125em) {
  .enter-mapWrap .article-area .content {
    font-size: 12px;
    line-height: 1.6;
    padding: 44px 42px 10px 10px;
  }
}

.donate-detailWrap {
  position: relative;
  margin: -25px 0 0 16.3%;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap {
    margin: 43px 0 0 0;
  }
}
.donate-detailWrap .mobile-content {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #333;
  margin-top: 40px;
  padding: 0 40px;
}
.donate-detailWrap .title {
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #000;
  writing-mode: vertical-rl;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .title {
    font-size: 29px;
    letter-spacing: 2px;
    text-align: center;
    writing-mode: unset;
    padding: 0 20px;
  }
}
.donate-detailWrap .pic-container {
  max-width: 675px;
  margin-left: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .pic-container {
    margin: 10px 0 0 0;
  }
}
.donate-detailWrap .pic-container .pic {
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .pic-container .date-container {
    padding: 0 20px;
  }
}
.donate-detailWrap .pic-container .date-area li {
  position: relative;
}
.donate-detailWrap .pic-container .date-area li:nth-child(1) {
  padding-right: 23px;
  margin-right: 10px;
}
.donate-detailWrap .pic-container .date-area li:nth-child(1):after {
  content: "";
  width: 11px;
  height: 4px;
  background-color: #000;
  position: absolute;
  right: 0;
  bottom: 16px;
}
.donate-detailWrap .pic-container .date-area .year {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 23px;
  color: #666;
  margin-bottom: 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .pic-container .date-area .year {
    font-size: 15px;
  }
}
.donate-detailWrap .pic-container .date-area .date {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 37px;
  color: #000;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .pic-container .date-area .date {
    font-size: 29px;
  }
}
.donate-detailWrap .pic-container .man-area {
  font-weight: 300;
  font-size: 19px;
  letter-spacing: 1px;
  color: #666;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .pic-container .man-area {
    font-size: 13px;
    text-align: right;
  }
}
.donate-detailWrap .pic-container .man-area li {
  margin-right: 60px;
}
.donate-detailWrap .pic-container .man-area li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .pic-container .man-area li {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .donate-detailWrap .pic-container .man-area li:last-child {
    margin-right: 0;
  }
  .donate-detailWrap .pic-container .man-area li:last-child {
    margin-bottom: 0;
  }
}
.donate-detailWrap .pic-container .man-area span {
  font-weight: 900;
  font-size: 25px;
  color: #da4e36;
  margin: 0 3px 0 7px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .pic-container .man-area span {
    font-size: 18px;
    margin: 0 3px;
  }
}
.donate-detailWrap .pic-container .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #333;
  margin-top: 33px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .donate-detailWrap .pic-container .content {
    font-size: 16px;
  }
}
.donate-detailWrap .progress-container {
  margin: 50px 0 0 120px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .progress-container {
    margin: 40px 0 0 0;
    justify-content: center;
    align-items: center;
  }
}
.donate-detailWrap .progress-container .progress-area {
  position: relative;
  -webkit-mask: url(/images/dd-progress-mask.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/dd-progress-mask.svg) 0 0/100% 100% no-repeat;
}
.donate-detailWrap .progress-container .progress-area svg {
  width: 146px;
  height: auto;
  transform: rotate(-90deg);
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .progress-container .progress-area svg {
    width: 110px;
  }
}
.donate-detailWrap .progress-container .progress-area .percent {
  font-weight: 500;
  font-size: 28px;
  color: #666;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 110px;
  height: 110px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .progress-container .progress-area .percent {
    font-size: 20px;
    width: 84px;
    height: 84px;
  }
}
.donate-detailWrap .progress-container .article-area {
  margin-left: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .progress-container .article-area {
    margin-left: 37px;
  }
}
.donate-detailWrap .progress-container .article-area .flag {
  margin-bottom: 16px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .progress-container .article-area .flag {
    margin-bottom: 14px;
  }
  .donate-detailWrap .progress-container .article-area .flag img {
    height: 20px;
  }
}
.donate-detailWrap .progress-container .article-area .money {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 41px;
  letter-spacing: 1px;
  color: #4d4d4d;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .progress-container .article-area .money {
    font-size: 30px;
    margin-bottom: 14px;
  }
}
.donate-detailWrap .progress-container .article-area .note {
  font-weight: 300;
  font-size: 19px;
  color: #666;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detailWrap .progress-container .article-area .note {
    font-size: 14px;
  }
}

.mobile-fix-donateWrap {
  margin-top: 42px;
}
.mobile-fix-donateWrap .fix-donate-container {
  padding: 16px 20px 18px 5px;
  transition: all 0.3s;
  width: 336px;
  margin-left: auto;
  background: url("/images/d-bg.svg") center/cover no-repeat;
  margin-bottom: 15px;
}
.mobile-fix-donateWrap .fix-donate-container:last-child {
  margin-bottom: 0;
}
.mobile-fix-donateWrap .fix-donate-container.is-small {
  transform: translateX(310px);
}
.mobile-fix-donateWrap .bighead {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #efb970;
  writing-mode: vertical-rl;
  margin-right: 14px;
}
.mobile-fix-donateWrap .money {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #4d4d4d;
  margin-right: 15px;
}
.mobile-fix-donateWrap .note {
  font-weight: 300;
  font-size: 13px;
  color: #9d7c52;
}
.mobile-fix-donateWrap .btn {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin-left: 25px;
  width: 78px;
  height: 28px;
}
.mobile-fix-donateWrap .btn:hover .bg .cls-1 {
  fill: var(--c2);
}
.mobile-fix-donateWrap .btn .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.mobile-fix-donateWrap .btn .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
.mobile-fix-donateWrap .btn .bg svg {
  width: 100%;
  height: 28px;
}
.mobile-fix-donateWrap .btn .text {
  font-size: 13px;
  letter-spacing: 1px;
  margin: 0;
}

.donate-detail-content {
  margin: 150px 0;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detail-content {
    padding: 0 30px;
    margin: 66px 0 120px;
  }
}
.donate-detail-content .head {
  text-align: center;
  margin-bottom: 78px;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detail-content .head {
    margin-bottom: 26px;
  }
}
.donate-detail-content .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
  max-width: 782px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detail-content .content {
    font-size: 15px;
  }
  .donate-detail-content .content br {
    line-height: 1.2;
  }
}
.donate-detail-content .content b {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 1.5;
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detail-content .content b {
    font-size: 21px;
    letter-spacing: 1px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .donate-detail-content .content .custom-1 b {
    font-size: 14px;
  }
}

.fortuneWrap {
  background-color: #f2bf57;
  position: relative;
}
.fortuneWrap .fortune-deco-1 {
  position: absolute;
  top: -418px;
  right: 338px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortuneWrap .fortune-deco-1 {
    top: 58px;
    right: 23px;
    width: 259px;
  }
}
.fortuneWrap .fortune-deco-2 {
  position: absolute;
  top: 11.6%;
  left: -13px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortuneWrap .fortune-deco-2 {
    top: 1443px;
    left: -6px;
    width: 187px;
  }
}
.fortuneWrap .fortune-deco-3 {
  position: absolute;
  top: 13.5%;
  right: -91px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortuneWrap .fortune-deco-3 {
    top: 1414px;
    right: -31px;
    width: 215px;
  }
}

.fortune-area-1 {
  padding: 130px 0;
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 {
    padding: 241px 0 78px;
  }
}
.fortune-area-1 .slogan {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 22px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 10px;
  }
}
.fortune-area-1 .slogan.is-black {
  color: #000;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .slogan {
    line-height: 1.6;
  }
}
.fortune-area-1 .content-area {
  max-width: 1098px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 206px;
  opacity: 0;
  transform: translateY(30px);
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .content-area {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
    padding: 0 20px;
  }
}
.fortune-area-1 .content-area.is-black .content {
  color: #000;
}
.fortune-area-1 .content-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ccc;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .content-area .content {
    font-size: 14px;
  }
}
.fortune-area-1 .content-area .content b {
  font-weight: 500;
  font-size: 31px;
  letter-spacing: 16px;
  display: block;
}
.fortune-area-1 .fortune-container {
  position: relative;
  margin: 180px 0 120px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .fortune-container {
    margin: 52px 0 42px;
  }
}
.fortune-area-1 .fortune-container .wave-area {
  position: absolute;
  top: 100px;
  left: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .fortune-container .wave-area {
    zoom: 0.25;
  }
}
.fortune-area-1 .fortune-container .wave-area .marquee {
  display: inline-flex;
}
.fortune-area-1 .fortune-container .wave-area .marquee img {
  max-width: initial;
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marquee2 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
.fortune-area-1 .fortune-container .wave-area .one {
  position: relative;
  z-index: -1;
  margin-bottom: -285px;
  opacity: 0;
  transform: translateY(100px);
}
.fortune-area-1 .fortune-container .wave-area .one .marquee {
  animation: marquee 20s infinite linear;
}
.fortune-area-1 .fortune-container .wave-area .two {
  position: relative;
  z-index: -1;
  margin-bottom: -242px;
  opacity: 0;
  transform: translateY(100px);
}
.fortune-area-1 .fortune-container .wave-area .two .marquee {
  animation: marquee2 23s infinite linear;
}
.fortune-area-1 .fortune-container .wave-area .three {
  position: relative;
  z-index: -1;
  margin-bottom: -139px;
  opacity: 0;
  transform: translateY(100px);
}
.fortune-area-1 .fortune-container .wave-area .three .marquee {
  animation: marquee 16s infinite linear;
}
.fortune-area-1 .fortune-container .wave-area .four {
  position: relative;
  z-index: 2;
}
.fortune-area-1 .fortune-container .wave-area .four .marquee {
  animation: marquee2 11s infinite linear;
}
.fortune-area-1 .fortune-container .coin-area .coin {
  position: relative;
  opacity: 0;
  transform: translateY(100px);
  margin-right: 210px;
}
.fortune-area-1 .fortune-container .coin-area .coin:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .fortune-container .coin-area .coin {
    margin-right: 180px;
    zoom: 0.26;
  }
  .fortune-area-1 .fortune-container .coin-area .coin:last-child {
    margin-right: 0;
  }
}
.fortune-area-1 .fortune-container .coin-area .coin:nth-child(1) .for-ani {
  animation: float-1 2s infinite alternate;
}
.fortune-area-1 .fortune-container .coin-area .coin:nth-child(2) .for-ani {
  animation: float-1 2s 0.4s infinite alternate;
}
.fortune-area-1 .fortune-container .coin-area .coin .light {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fortune-area-1 .fortune-container .coin-area .coin .light img {
  max-width: initial;
  animation: light-1 20s infinite linear;
}
.fortune-area-1 .fortune-roof-container {
  z-index: 4;
  position: relative;
  text-align: center;
  margin-top: 170px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .fortune-roof-container {
    margin-top: 88px;
  }
}
.fortune-area-1 .fortune-roof-container .flycoin {
  position: absolute;
  top: -102px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -20px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .fortune-roof-container .flycoin {
    top: -46px;
    margin-left: -5px;
    width: 259px;
  }
}
.fortune-area-1 .fortune-roof-container .flycoin img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(-40px);
}
.fortune-area-1 .fortune-roof-container .flycoin img:nth-child(1) {
  position: relative;
}
.fortune-area-1 .fortune-roof-container .tiger {
  margin-bottom: -87px;
  opacity: 0;
  transform: translateY(-30px);
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-area-1 .fortune-roof-container .tiger {
    margin-bottom: -22px;
  }
  .fortune-area-1 .fortune-roof-container .tiger img {
    width: 83px;
  }
}
.fortune-area-1 .fortune-roof-container .roof {
  opacity: 0;
  transform: translateY(30px);
}

.wandList {
  margin-top: 100px;
}
@media print, screen and (max-width: 64.06125em) {
  .wandList {
    margin-top: 36px;
  }
}
.wandList li {
  margin-right: 90px;
}
.wandList li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .wandList li {
    width: 125px;
    margin: 0 19px 40px;
  }
  .wandList li:last-child {
    margin-right: 19px;
  }
}

.fortune-cardList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 100px 15px;
  margin-top: 110px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-cardList {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 55px 0;
    margin-top: 52px;
  }
}
.fortune-cardList.is-custom {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 100px 67px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-cardList.is-custom {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 55px 0;
  }
}
.fortune-cardList .pic-area {
  position: relative;
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-cardList .pic-area {
    margin-bottom: 20px;
  }
}
.fortune-cardList .pic-area .num {
  font-weight: 700;
  font-size: 27px;
  color: #da4e36;
  position: absolute;
  top: -20px;
  right: 15px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 2px solid #da4e36;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-cardList .pic-area .num {
    top: -22px;
    right: 7px;
  }
}
.fortune-cardList .title {
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 3px;
  color: #333;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .fortune-cardList .title {
    font-size: 23px;
    letter-spacing: 6px;
    margin-bottom: 16px;
  }
}
.fortune-cardList .intro {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #4d4d4d;
}

.fix-donateWrap {
  position: absolute;
  top: 250px;
  right: 0;
}
.fix-donateWrap .fix-donate-container {
  padding: 25px 50px 25px 20px;
  transition: all 0.3s;
  width: 698px;
  height: 158px;
  background: url("/images/d-bg.svg") center/cover no-repeat;
  margin-bottom: 25px;
}
.fix-donateWrap .fix-donate-container:last-child {
  margin-bottom: 0;
}
.fix-donateWrap .fix-donate-container.is-small {
  transform: translateX(420px);
}
.fix-donateWrap .fix-donate-container.is-small .forsmall {
  display: block;
}
.fix-donateWrap .fix-donate-container.is-small .article-area {
  display: none;
}
.fix-donateWrap .fix-donate-container.is-small .btn {
  display: none;
}
.fix-donateWrap .fix-donate-container:hover {
  transform: translateX(0);
}
.fix-donateWrap .fix-donate-container:hover .forsmall {
  display: none;
}
.fix-donateWrap .fix-donate-container:hover .article-area {
  display: block;
}
.fix-donateWrap .fix-donate-container:hover .btn {
  display: block;
}
.fix-donateWrap .fix-donate-container .forsmall {
  text-align: center;
  width: 135px;
  display: none;
}
.fix-donateWrap .fix-donate-container .forsmall .money {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 35px;
  color: #4d4d4d;
  border-bottom: 2px solid #e8b356;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.fix-donateWrap .fix-donate-container .forsmall .note {
  font-weight: 300;
  font-size: 14px;
  color: #9d7c52;
}
.fix-donateWrap .fix-donate-container .bighead {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 5px;
  color: #efb970;
  writing-mode: vertical-rl;
  margin-right: 37px;
}
.fix-donateWrap .fix-donate-container .article-area {
  width: 370px;
}
.fix-donateWrap .fix-donate-container .article-area .money-area .money {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 41px;
  color: #4d4d4d;
  margin-right: 34px;
}
.fix-donateWrap .fix-donate-container .article-area .money-area .note {
  font-weight: 300;
  font-size: 14px;
  color: #9d7c52;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .fix-donateWrap .fix-donate-container .article-area .money-area .note {
    font-size: 15px;
  }
}
.fix-donateWrap .fix-donate-container .article-area .content {
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
  margin-top: 20px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .fix-donateWrap .fix-donate-container .article-area .content {
    font-size: 15px;
  }
}
.fix-donateWrap .fix-donate-container .btn {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin-left: 30px;
}
.fix-donateWrap .fix-donate-container .btn:hover .bg .cls-1 {
  fill: var(--c2);
}
.fix-donateWrap .fix-donate-container .btn .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.fix-donateWrap .fix-donate-container .btn .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}

.donate-fancy {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3019607843);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s all;
}
.donate-fancy.is-show {
  opacity: 1;
  pointer-events: all;
}
.donate-fancy .fancy {
  position: relative;
  width: 1135px;
  height: 537px;
  background: url("/images/d-fancy-bg.svg") center/cover no-repeat;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  padding: 55px 150px 60px;
}
.donate-fancy .close {
  position: absolute;
  top: 30px;
  right: 50px;
  transition: 0.5s all;
  cursor: pointer;
}
.donate-fancy .close:hover {
  opacity: 0.6;
}
.donate-fancy .big-title {
  font-size: 32px;
  font-weight: 700;
  color: #4d4d4d;
  letter-spacing: 10px;
  text-align: center;
  margin-bottom: 50px;
}
.donate-fancy .pic-area {
  margin-right: 70px;
}
.donate-fancy .article-area {
  max-width: 400px;
}
.donate-fancy .inner {
  margin-bottom: 75px;
}
.donate-fancy .title {
  font-size: 20px;
  color: #4d4d4d;
  letter-spacing: 3px;
  align-items: end;
}
.donate-fancy .title .note {
  font-size: 14px;
  color: #da4e36;
  font-weight: 300;
  letter-spacing: 2px;
}
.donate-fancy .line {
  width: 100%;
  height: 1px;
  background-color: #e8b356;
  margin: 16px 0;
}
.donate-fancy .justify-area {
  height: 100%;
  flex-direction: column;
}
.donate-fancy .content {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #666666;
}
.donate-fancy .money-area .m-title {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #e8b356;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 25px;
  padding: 2px 3px 3px;
}
.donate-fancy .money-area .m-number div {
  transition: 0.5s all;
  cursor: pointer;
}
.donate-fancy .money-area .m-number div:hover {
  opacity: 0.6;
}
.donate-fancy .money-area .num {
  width: 155px;
  border-bottom: 1px solid #e8b356;
  font-size: 24px;
  text-align: center;
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 1px;
}
.donate-fancy .submit {
  text-align: center;
  transition: 0.5s all;
}
.donate-fancy .submit:hover {
  opacity: 0.6;
}

.mackrichWrap {
  position: relative;
  z-index: 1;
  padding: 275px 0 180px;
  background-color: #fff;
  scroll-margin-top: -180px;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap {
    padding: 0px 0 50px;
  }
}
.mackrichWrap .deco {
  position: absolute;
}
.mackrichWrap .deco.left {
  left: -100px;
  top: 550px;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .deco.left {
    left: 0px;
    top: 432px;
    z-index: 0;
  }
}
.mackrichWrap .deco.top {
  top: 75px;
  right: 175px;
}
.mackrichWrap .gradientbox {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 738px;
  background: linear-gradient(180deg, rgb(232, 179, 86) 0%, rgba(232, 179, 86, 0) 100%);
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .head-area {
    height: 300px;
    padding-top: 85px;
    padding-left: 0;
    background: url("/images/fortune-bg-mobile.png") center/cover no-repeat;
  }
}
.mackrichWrap .head {
  position: relative;
  padding-left: 75px;
  margin-bottom: 430px;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .head {
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.mackrichWrap .catList {
  margin-bottom: 140px;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .catList {
    margin-bottom: 65px;
  }
}
.mackrichWrap .catList li {
  transition: all 0.3s;
  margin-right: 40px;
  cursor: pointer;
}
.mackrichWrap .catList li:last-child {
  margin-right: 0;
}
.mackrichWrap .catList li .d {
  fill: #e8b356;
  stroke: none;
  transition: 0.5s all;
}
.mackrichWrap .catList li path.e {
  fill: none;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  transition: 0.5s all;
}
.mackrichWrap .catList li line.e {
  fill: none;
  stroke: rgba(255, 255, 255, 0);
  stroke-miterlimit: 10;
  stroke-width: 2px;
  transition: 0.5s all;
}
.mackrichWrap .catList li .f {
  fill: rgba(236, 102, 49, 0);
  transition: 0.5s all;
}
.mackrichWrap .catList li:hover .d {
  fill: #fff;
}
.mackrichWrap .catList li:hover path.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.mackrichWrap .catList li:hover line.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.mackrichWrap .catList li:hover .f {
  fill: #ec6531;
}
.mackrichWrap .catList li.current .d {
  fill: #fff;
}
.mackrichWrap .catList li.current path.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.mackrichWrap .catList li.current line.e {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.mackrichWrap .catList li.current .f {
  fill: #ec6531;
}
.mackrichWrap .introWrap {
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .introWrap {
    padding: 0 30px;
  }
}
.mackrichWrap .introWrap .flag {
  font-weight: 700;
  font-size: 38px;
  letter-spacing: 2px;
  color: #e8b356;
  margin-bottom: 25px;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .introWrap .flag {
    font-size: 23px;
    line-height: 1.6;
  }
}
.mackrichWrap .introWrap .pic {
  margin-bottom: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .introWrap .pic {
    margin-bottom: 30px;
  }
}
.mackrichWrap .introWrap .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 10px;
  color: #000;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .introWrap .title {
    font-size: 29px;
    letter-spacing: 2px;
    text-align: left;
  }
}
.mackrichWrap .introWrap .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
  max-width: 777px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .mackrichWrap .introWrap .content {
    font-size: 14px;
    text-align: justify;
  }
}

.rich-container-1 {
  margin-top: 130px;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 {
    margin-top: 35px;
    padding: 0 15px;
  }
}
.rich-container-1 .sloganList li {
  margin-right: 150px;
}
.rich-container-1 .sloganList li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .sloganList li {
    width: 100%;
    margin-right: 0px;
  }
  .rich-container-1 .sloganList li:last-child {
    margin-right: 0;
  }
}
.rich-container-1 .sloganList .inner {
  writing-mode: vertical-rl;
  flex-direction: column;
  width: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .sloganList .inner {
    writing-mode: horizontal-tb;
  }
}
.rich-container-1 .sloganList .money {
  margin-bottom: 100px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .sloganList .money {
    margin-bottom: 40px;
    height: 110px;
    display: flex;
    align-items: end;
    justify-content: center;
  }
}
.rich-container-1 .sloganList .title {
  font-weight: 700;
  font-size: 41px;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #ca954a;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .sloganList .title {
    font-size: 28px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 20px;
  }
}
.rich-container-1 .sloganList .title:before {
  content: " { ";
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 41px;
  position: absolute;
  top: -40px;
  right: -10px;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .sloganList .title:before {
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: auto;
  }
}
.rich-container-1 .sloganList .title:after {
  content: "}";
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 41px;
  position: absolute;
  left: -4px;
  bottom: -45px;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .sloganList .title:after {
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 0px;
    bottom: auto;
  }
}
.rich-container-1 .sloganList .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
  margin-right: 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .sloganList .content {
    margin-right: 0px;
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
  }
}
.rich-container-1 .qaList {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
  margin-top: 87px;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .qaList {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
.rich-container-1 .qaList li {
  position: relative;
  border-bottom: 2px solid #e8b356;
  padding: 60px 0 40px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .qaList li {
    padding: 50px 0;
    border-width: 1px;
  }
}
.rich-container-1 .qaList li.is-open .arrow .cls-1 {
  fill: #CA954A;
  stroke: #CA954A;
}
.rich-container-1 .qaList li.is-open .arrow .cls-2 {
  stroke: #fff;
  transform: rotate(-180deg);
}
.rich-container-1 .qaList .num {
  font-weight: 500;
  font-size: 33px;
  color: #e8b356;
  margin-bottom: 14px;
}
.rich-container-1 .qaList .title {
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 5px;
  line-height: 1.5;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .qaList .title {
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 2px;
  }
}
.rich-container-1 .qaList .answer {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #4d4d4d;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  .rich-container-1 .qaList .answer {
    font-size: 14px;
    margin-top: 20px;
  }
}
.rich-container-1 .qaList .arrow {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 0;
  cursor: pointer;
}
.rich-container-1 .qaList .arrow:hover .cls-1 {
  fill: #e8b356;
}
.rich-container-1 .qaList .arrow:hover .cls-2 {
  stroke: #fff;
}
.rich-container-1 .qaList .arrow .cls-1 {
  fill: #fff;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
.rich-container-1 .qaList .arrow .cls-2 {
  fill: none;
  stroke: #ca954a;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
  transition: all 0.3s;
}

.slogan-arrow-area {
  margin-top: 45px;
}
.slogan-arrow-area .processList li {
  margin-right: 13px;
}
.slogan-arrow-area .processList li:last-child {
  margin-right: 0;
}
.slogan-arrow-area .processList li.is-selected .d {
  fill: #e8b356;
}
.slogan-arrow-area .processList .d {
  fill: none;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  stroke-width: 0.75px;
  transition: 0.5s all;
}

.mack168-container {
  position: relative;
}
.mack168-container .deco-1 {
  position: absolute;
  top: 119px;
  left: 0;
  transform: translateX(-60px);
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .mack168-container .deco-1 {
    top: -132px;
  }
}
.mack168-container .deco-2 {
  position: absolute;
  top: 1325px;
  left: 0;
  transform: translateX(-60px);
  opacity: 0;
}
.mack168-container .deco-3 {
  position: absolute;
  top: 272px;
  right: 0;
  transform: translateX(60px);
  opacity: 0;
}
.mack168-container .deco-4 {
  position: absolute;
  top: 1562px;
  right: 0;
  transform: translateX(60px);
  opacity: 0;
}

.maketip-container {
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container .introWrap.area-2 {
    margin-top: 55px;
  }
}
.maketip-container .deco-1 {
  position: absolute;
  top: 119px;
  left: -20px;
  transform: translateX(-60px);
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container .deco-1 {
    top: -132px;
  }
}
.maketip-container .deco-2 {
  position: absolute;
  top: 119px;
  right: -20px;
  transform: translateX(60px);
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container .deco-2 {
    top: 500px;
    right: -1px;
  }
}
.maketip-container .tip-head {
  margin-left: 90px;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container .tip-head {
    margin-left: 0px;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 20px;
    color: #ca954a;
    position: relative;
  }
}
.maketip-container .tip-head:before {
  content: " { ";
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 41px;
  position: absolute;
  top: -40px;
  right: -10px;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container .tip-head:before {
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: auto;
  }
}
.maketip-container .tip-head:after {
  content: "}";
  font-family: "Syne", sans-serif;
  font-weight: 900;
  font-size: 41px;
  position: absolute;
  left: -4px;
  bottom: -45px;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container .tip-head:after {
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 0px;
    bottom: auto;
  }
}

.maketip-container-1 {
  margin-top: 100px;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container-1 {
    flex-direction: column;
    margin-top: 45px;
    padding: 0 30px;
  }
}
.maketip-container-1 .tip-head {
  margin-left: 90px;
}
.maketip-container-1 .maketipList li {
  margin-right: 40px;
}
.maketip-container-1 .maketipList li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container-1 .maketipList li {
    margin-right: 0;
    width: 100%;
  }
}
.maketip-container-1 .maketipList .title {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container-1 .maketipList .title {
    text-align: center;
  }
}
.maketip-container-1 .maketipList .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
  writing-mode: vertical-rl;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container-1 .maketipList .content {
    writing-mode: horizontal-tb;
    max-width: 268px;
    margin: 0 auto;
    text-align: center;
  }
}
.maketip-container-1 .note-area {
  writing-mode: vertical-rl;
  margin: 104px 87px 0 0;
  height: 308px;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container-1 .note-area {
    writing-mode: horizontal-tb;
    height: auto;
    margin: 57px 0 80px;
  }
}
.maketip-container-1 .note-area .title {
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 1px;
  color: #666;
  margin-left: 12px;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container-1 .note-area .title {
    margin-left: 0;
    font-size: 19px;
    margin-bottom: 35px;
    text-align: center;
  }
}
.maketip-container-1 .note-area .content {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #808080;
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container-1 .note-area .content {
    line-height: 2.2;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .maketip-container-1 .slogan-arrow-area {
    margin-top: 20px;
  }
}

.wing-container {
  position: relative;
}
.wing-container .deco-1 {
  position: absolute;
  top: 119px;
  left: -20px;
  transform: translateX(-60px);
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .wing-container .deco-1 {
    top: -132px;
  }
}
.wing-container .deco-2 {
  position: absolute;
  top: 119px;
  right: -20px;
  transform: translateX(60px);
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .wing-container .deco-2 {
    top: 379px;
    right: -15px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wing-container .introWrap.area-2 {
    margin-top: 55px;
  }
}

.wing-container-1 {
  margin-top: 120px;
}
@media print, screen and (max-width: 64.06125em) {
  .wing-container-1 {
    margin-top: 45px;
    padding: 0 30px;
  }
}
.wing-container-1 .wing-sliderWrap {
  width: 646px;
  margin: 0 auto;
  position: relative;
}
.wing-container-1 .wing-sliderWrap .swiper-pagination {
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-horizontal-gap: 10px;
  --swiper-pagination-bullet-inactive-color: transparent;
  --swiper-pagination-color: #da4e36;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  bottom: -50px;
}
.wing-container-1 .wing-sliderWrap .swiper-pagination .swiper-pagination-bullet {
  transition: all 0.3s;
  border: 1px solid #da4e36;
}
.wing-container-1 .wing-sliderWrap .wing-sliderList .swiper-slide {
  position: relative;
}
.wing-container-1 .wing-sliderWrap .wing-sliderList .title-area {
  position: absolute;
  top: 0;
  right: -40px;
  transform: translateX(100%);
}
.wing-container-1 .wing-sliderWrap .wing-sliderList .title-area .num {
  margin-bottom: 20px;
  position: relative;
  left: 4px;
}
.wing-container-1 .wing-sliderWrap .wing-sliderList .title-area .title {
  font-weight: 700;
  font-size: 40px;
  letter-spacing: 6px;
  color: #e8b356;
  writing-mode: vertical-rl;
  margin: 0 auto;
}
.wing-container-1 .wing-sliderWrap .wing-sliderList .pic {
  margin-bottom: 26px;
}
.wing-container-1 .wing-sliderWrap .wing-sliderList .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
  text-align: center;
}
.wing-container-1 .wingList li {
  margin-right: 40px;
}
.wing-container-1 .wingList li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .wing-container-1 .wingList li {
    margin-right: 0;
    width: 100%;
  }
}
.wing-container-1 .wingList .title {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .wing-container-1 .wingList .title {
    text-align: center;
  }
}
.wing-container-1 .wingList .content {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #666;
  writing-mode: vertical-rl;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .wing-container-1 .wingList .content {
    writing-mode: horizontal-tb;
    max-width: 268px;
    margin: 0 auto;
    text-align: center;
  }
}

.xiayuanWrap {
  background-color: #7ddbf4;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap {
    padding: 100px 0 250px;
    position: relative;
  }
}
.xiayuanWrap .share-container {
  z-index: 9;
  position: fixed;
  top: 10%;
  right: 60px;
  bottom: 3%;
  transform: translateX(170px);
}
@media print, screen and (max-width: 74.99875em) {
  .xiayuanWrap .share-container {
    right: 20px;
  }
}
.xiayuanWrap .share-container .share-area {
  text-align: center;
  position: sticky;
  top: 30vh;
}
.xiayuanWrap .share-container .share-area .text {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .share-container .share-area .shareList {
    margin-bottom: 30px;
  }
}
.xiayuanWrap .share-container .share-area .shareList a {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 15px;
}
.xiayuanWrap .share-container .share-area .shareList a:hover {
  opacity: 0.6;
}
.xiayuanWrap .share-container .share-area .shareList a:last-child {
  margin-bottom: 0;
}
.xiayuanWrap .share-container .share-area .btn {
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 60px;
}
.xiayuanWrap .share-container .share-area .btn:hover {
  opacity: 0.6;
}
.xiayuanWrap .xiayuan-deco-1 {
  position: absolute;
  top: -145px;
  right: 488px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .xiayuan-deco-1 {
    top: 110px;
    right: 135px;
  }
}
.xiayuanWrap .xiayuan-deco-2 {
  position: absolute;
  top: -329px;
  right: -1px;
  z-index: 1;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .xiayuanWrap .xiayuan-deco-2 {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .xiayuanWrap .xiayuan-deco-2 {
    zoom: 0.7;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .xiayuan-deco-2 {
    top: 0;
    right: 0px;
  }
}
.xiayuanWrap .xiayuan-deco-3 {
  position: absolute;
  top: 67px;
  right: -88px;
}
.xiayuanWrap .xiayuan-deco-4 {
  position: absolute;
  top: -140px;
  right: -382px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .open-wrap {
    display: none;
  }
  .xiayuanWrap .mobile-open {
    position: relative;
  }
  .xiayuanWrap .mobile-open.is-open .arrow {
    transform: rotateZ(180deg);
  }
  .xiayuanWrap .mobile-open .line {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -17px;
  }
  .xiayuanWrap .mobile-open .arrow {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -52px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .c-feature-area .featureList {
    background-color: #8becfc;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .c-feature-area .featureList.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .c-god-area .content {
    background-color: #8becfc;
    padding-bottom: 70px;
  }
}
.xiayuanWrap .xiayuan-area-container {
  margin: 190px auto 0px;
  padding: 0px;
}
.xiayuanWrap .xiayuan-area-container .head {
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .xiayuan-area-container .xiayuan-content {
    background-color: #8becfc;
    padding-top: 25px;
    padding-bottom: 45px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .c-area-3 .content {
    padding-top: 50px;
    max-width: 100%;
    background-color: #8becfc;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .c-area-3 .content.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .flowWrap .flowWrap-content {
    background-color: #8becfc;
    padding-bottom: 126px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuanWrap .c-qa-area .qaList-content {
    background-color: #8becfc;
    padding-bottom: 120px;
  }
}

.votiveLampWrap {
  background-color: #4d4d4d !important;
}
.votiveLampWrap .shangyuan-area-1 .content-area {
  top: 0 !important;
}

.xiayuan-area-1 {
  padding: 130px 0;
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 {
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}
.xiayuan-area-1 .slogan {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 22px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 10px;
  }
}
.xiayuan-area-1 .slogan.is-black {
  color: #000;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
  }
}
.xiayuan-area-1 .content-area {
  max-width: 1098px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 206px;
  opacity: 0;
  transform: translateY(30px);
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .content-area {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
    padding: 0 20px;
  }
}
.xiayuan-area-1 .content-area.is-black .content {
  color: #000;
}
.xiayuan-area-1 .content-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ccc;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .content-area .content {
    font-size: 14px;
  }
}
.xiayuan-area-1 .content-area .content b {
  font-weight: 500;
  font-size: 31px;
  letter-spacing: 16px;
  display: block;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .content-area {
    max-width: 83%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 35px;
    opacity: 0;
    transform: translateY(30px);
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .content-area.is-black .content {
    color: #000;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .content-area .content {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #fff;
    font-weight: 400;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .content-area .content b {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 7px;
    display: block;
  }
}
.xiayuan-area-1 .jieer-container {
  position: relative;
  margin: 90px 0 120px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container {
    position: relative;
    margin-top: 60px;
    margin-bottom: 30px;
  }
}
.xiayuan-area-1 .jieer-container .wave-area {
  position: absolute;
  top: 250px;
  left: 0;
}
@media print, screen and (max-width: 74.99875em) {
  .xiayuan-area-1 .jieer-container .wave-area {
    top: 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .wave-area {
    top: 60px;
    left: 0;
    width: 100%;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .wave-area {
    zoom: 0.7;
  }
}
.xiayuan-area-1 .jieer-container .wave-area .marquee {
  display: inline-flex;
}
.xiayuan-area-1 .jieer-container .wave-area .marquee img {
  max-width: initial;
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marquee2 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
@media print, screen and (max-width: 64.06125em) {
  @keyframes marquee3 {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-66.5%);
    }
  }
}
.xiayuan-area-1 .jieer-container .wave-area .one {
  position: relative;
  z-index: -1;
  margin-bottom: -290px;
  opacity: 0;
  transform: translateY(100px);
}
@media print, screen and (min-width: 40em) and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .wave-area .one {
    margin-bottom: -270px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .xiayuan-area-1 .jieer-container .wave-area .one {
    margin-bottom: -78px;
    transform: translateY(50px);
  }
}
.xiayuan-area-1 .jieer-container .wave-area .one .marquee {
  animation: marquee 20s infinite linear;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .wave-area .one .marquee {
    animation: marquee3 25s infinite linear;
  }
}
.xiayuan-area-1 .jieer-container .wave-area .two {
  position: relative;
  z-index: -1;
  margin-bottom: -253px;
  opacity: 0;
  transform: translateY(100px);
}
@media print, screen and (min-width: 40em) and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .wave-area .two {
    margin-bottom: -214px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .xiayuan-area-1 .jieer-container .wave-area .two {
    margin-bottom: -53px;
    transform: translateY(75px);
  }
}
.xiayuan-area-1 .jieer-container .wave-area .two .marquee {
  animation: marquee2 23s infinite linear;
}
.xiayuan-area-1 .jieer-container .wave-area .three {
  position: relative;
  z-index: -1;
  margin-bottom: -153px;
  opacity: 0;
  transform: translateY(100px);
}
@media print, screen and (min-width: 40em) and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .wave-area .three {
    margin-bottom: -175px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .xiayuan-area-1 .jieer-container .wave-area .three {
    margin-bottom: -43px;
    transform: translateY(80px);
  }
}
.xiayuan-area-1 .jieer-container .wave-area .three .marquee {
  animation: marquee 16s infinite linear;
}
.xiayuan-area-1 .jieer-container .wave-area .four {
  position: relative;
  z-index: 2;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .wave-area .four {
    transform: translateY(50px);
    opacity: 0;
  }
}
.xiayuan-area-1 .jieer-container .wave-area .four .marquee {
  animation: marquee2 11s infinite linear;
}
.xiayuan-area-1 .jieer-container .jieer-area {
  position: relative;
  left: 30px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .xiayuan-area-1 .jieer-container .jieer-area {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .xiayuan-area-1 .jieer-container .jieer-area {
    zoom: 0.7;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .jieer-area {
    zoom: 0.5;
    max-width: 83%;
    width: 100%;
    position: relative;
    left: 0px;
    justify-content: space-around;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .xiayuan-area-1 .jieer-container .jieer-area {
    zoom: 1;
  }
}
.xiayuan-area-1 .jieer-container .jieer-area .jieer {
  position: relative;
  opacity: 0;
  transform: translateY(100px);
  margin: 0 110px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .jieer-area .jieer {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    margin: 0px;
  }
}
.xiayuan-area-1 .jieer-container .jieer-area .jieer:nth-child(1) .for-ani {
  animation: float-1 2s infinite alternate;
}
.xiayuan-area-1 .jieer-container .jieer-area .jieer:nth-child(2) .for-ani {
  animation: float-1 2s 0.4s infinite alternate;
}
.xiayuan-area-1 .jieer-container .jieer-area .deco-1 {
  position: absolute;
  top: -40px;
  left: -80px;
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-1 .jieer-container .jieer-area .deco-1 {
    top: -20px;
    left: -10px;
  }
}

@media print, screen and (max-width: 64.06125em) {
  .xiayuan-content {
    background-color: #8becfc;
    padding-top: 25px;
    padding-bottom: 45px;
  }
}

.xiayuan-area-container .xiayuan-area-2 {
  position: relative;
  max-width: 1400px;
  margin: 0 auto 180px;
  padding-left: 144px;
}
@media print, screen and (max-width: 99.99875em) {
  .xiayuan-area-container .xiayuan-area-2 {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .xiayuan-area-container .xiayuan-area-2 {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 {
    position: relative;
    max-width: 83%;
    margin: 0 auto 127px;
    padding-left: 0px;
  }
}
.xiayuan-area-container .xiayuan-area-2 .bigword {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .bigword {
    position: static;
    text-align: center;
    margin-bottom: 20px;
  }
}
.xiayuan-area-container .xiayuan-area-2 .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  color: #302725;
  padding: 0 40px;
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .head {
    text-align: center;
    font-size: 26px;
    padding: 0px;
    margin-bottom: 20px;
  }
}
.xiayuan-area-container .xiayuan-area-2 .xaList {
  margin-top: 20px;
}
.xiayuan-area-container .xiayuan-area-2 .xaList li {
  position: relative;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 50px 30% 50px 40px;
  cursor: pointer;
  margin-bottom: -1px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .xaList li {
    padding: 50px 0;
    text-align: center;
  }
}
.xiayuan-area-container .xiayuan-area-2 .xaList li.is-open .arrow {
  top: 33%;
  transform: rotateZ(-180deg);
}
.xiayuan-area-container .xiayuan-area-2 .xaList li.is-open .arrow .cls-1 {
  fill: #fff;
}
.xiayuan-area-container .xiayuan-area-2 .xaList li.is-open .arrow .cls-2 {
  stroke: #da4e36;
}
.xiayuan-area-container .xiayuan-area-2 .xaList .title {
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 5px;
  color: #333;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .xaList .title {
    font-size: 22px;
  }
}
.xiayuan-area-container .xiayuan-area-2 .xaList .answer {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #4d4d4d;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .xaList .answer {
    font-size: 14px;
  }
}
.xiayuan-area-container .xiayuan-area-2 .xaList .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  zoom: 1.8;
  transform-origin: center;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .xaList .arrow {
    top: auto;
    right: auto;
    bottom: -48px;
    left: calc(50% - 21px);
    zoom: 1;
    z-index: 1;
  }
}
.xiayuan-area-container .xiayuan-area-2 .xaList .arrow:hover .cls-1 {
  fill: #fff;
}
.xiayuan-area-container .xiayuan-area-2 .xaList .arrow:hover .cls-2 {
  stroke: #da4e36;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .xaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
}
.xiayuan-area-container .xiayuan-area-2 .xaList .arrow .cls-1 {
  fill: #da4e36;
  stroke: #da4e36;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .xaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #e8382f;
  }
}
.xiayuan-area-container .xiayuan-area-2 .xaList .arrow .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
}
.xiayuan-area-container .xiayuan-area-2 .box-container {
  margin-top: 130px;
  padding: 0 40px;
}
.xiayuan-area-container .xiayuan-area-2 .box-container .article-area {
  max-width: 530px;
  margin-right: 130px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .box-container .article-area {
    max-width: 100%;
    margin: 0 auto;
  }
}
.xiayuan-area-container .xiayuan-area-2 .box-container .title {
  font-weight: 700;
  font-size: 35px;
  letter-spacing: 7px;
  color: #302725;
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .box-container .title {
    font-size: 28px;
    text-align: center;
  }
}
.xiayuan-area-container .xiayuan-area-2 .box-container .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #4d4d4d;
  text-align: justify;
  margin-bottom: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .box-container .content {
    font-size: 14px;
  }
}
.xiayuan-area-container .xiayuan-area-2 .box-container .pic {
  margin-top: -50px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .box-container .pic {
    text-align: center;
  }
}
.xiayuan-area-container .xiayuan-area-2 .box-container .money {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: 8px;
  color: #4d4d4d;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .box-container .money {
    font-size: 25px;
    margin-top: 30px;
  }
}
.xiayuan-area-container .xiayuan-area-2 .box-container b {
  font-size: 56px;
  letter-spacing: 4px;
  color: #e40012;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .box-container b {
    font-size: 38px;
  }
}
.xiayuan-area-container .xiayuan-area-2 .box-container i {
  font-size: 18px;
  letter-spacing: 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .xiayuan-area-container .xiayuan-area-2 .box-container i {
    font-size: 14px;
  }
}

@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .future-allWrap {
    zoom: 0.8;
  }
}

@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .gold-allWrap {
    zoom: 0.8;
  }
}

@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .lamp-detail-allWrap {
    zoom: 0.8;
  }
}

@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .gold-detail-allWrap {
    zoom: 0.8;
  }
}

@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .signup-detail-allWrap {
    zoom: 0.8;
  }
}

.mobile-ld-backWrap {
  text-align: center;
  margin: 0 30px 70px;
}
.mobile-ld-backWrap .share-area {
  border-bottom: 1px solid #e8b356;
  padding-bottom: 46px;
  margin-bottom: 30px;
}
.mobile-ld-backWrap .share-area .text {
  margin-bottom: 16px;
}
.mobile-ld-backWrap .share-area .shareList a {
  margin-right: 20px;
}
.mobile-ld-backWrap .share-area .shareList a:last-child {
  margin-right: 0;
}
.mobile-ld-backWrap .btn {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 0 auto;
}
.mobile-ld-backWrap .btn:hover .bg .cls-1 {
  fill: var(--c2);
}
.mobile-ld-backWrap .btn .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.mobile-ld-backWrap .btn .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}

.mobile-inside-head {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 5px;
  line-height: 1.4;
  color: #302725;
  text-align: center;
  margin-bottom: 15px;
}

.mobile-inside-arrow {
  z-index: 9;
  cursor: pointer;
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.mobile-inside-arrow.is-open .cls-1 {
  fill: #fff;
}
.mobile-inside-arrow.is-open .cls-2 {
  stroke: #e8382e;
  transform: rotateX(180deg);
}
.mobile-inside-arrow:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #9d7c51;
}
.mobile-inside-arrow svg {
  display: inline-block;
  overflow: visible;
}
.mobile-inside-arrow .cls-1 {
  fill: #e8382e;
  stroke: #e8382e;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
.mobile-inside-arrow .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
  transition: all 0.3s;
}

@media print, screen and (max-width: 64.06125em) {
  .mobile-inside-container {
    border-top: 1px solid #c99d4e;
    padding-top: 17px;
    margin-top: 20px;
    display: none;
  }
}

#god-of-love-wrap {
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .top-head-area {
    max-width: 83%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .top-head-area {
    display: block;
    text-align: center;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .bannerWrap .title-container {
    top: 11%;
    left: 13%;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area {
    width: 180.8px;
    height: 301.6px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area {
    width: 169.5px;
    height: 282.75px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area {
    width: 150.6666666667px;
    height: 251.3333333333px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area {
    width: 105px;
    height: 166px;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 60px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 48px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 45px;
    letter-spacing: 3px;
    margin-right: 10px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .title-container .year-area {
    position: relative;
    z-index: 1;
    margin-top: 18px;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .year-area .year {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .year-area .year {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .title-container .year-area .year {
    font-size: 14px;
    color: #ffffff;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .bannerWrap .title-container .year-area .date {
    font-size: 60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .title-container .year-area .date {
    font-size: 27px;
    color: #ffffff;
    margin-top: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .article-area {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
#god-of-love-wrap .bannerWrap .article-area .title {
  line-height: 1.2;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .article-area .title {
    width: auto;
    font-size: 30px;
    margin-right: 10px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .bannerWrap .article-area .title {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .bannerWrap .article-area .content {
    width: auto;
    font-size: 14px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .bannerWrap .article-area .content {
    font-size: 12px;
  }
}
#god-of-love-wrap .loveWrap {
  background-color: #f48f87;
  padding: 100px 0;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap {
    padding: 100px 0 250px;
  }
}
#god-of-love-wrap .loveWrap .love-deco-1 {
  position: absolute;
  top: -145px;
  right: 598px;
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .loveWrap .love-deco-1 {
    right: 433px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-deco-1 {
    top: 80px;
    right: 124px;
  }
}
#god-of-love-wrap .loveWrap .love-deco-2 {
  position: absolute;
  top: -145px;
  right: 340px;
  transform: rotateY(180deg);
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .loveWrap .love-deco-2 {
    right: 190px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-deco-2 {
    top: 80px;
    right: 16px;
    transform: rotateY(0deg);
  }
}
#god-of-love-wrap .loveWrap .love-deco-3 {
  position: absolute;
  top: -250px;
  right: 515px;
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .loveWrap .love-deco-3 {
    right: 365px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-deco-3 {
    top: 47px;
    right: 78px;
  }
}
#god-of-love-wrap .loveWrap .love-deco-3 img {
  display: block;
  opacity: 0;
  transform: translateY(10px);
  transition: 1s ease-in-out;
}
#god-of-love-wrap .loveWrap .love-deco-3 .love-1 {
  margin: 0px 20px 30px 5px;
  animation: love-float infinite ease-in-out 4s;
  transition-delay: 1s;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-deco-3 .love-1 {
    margin: 0px 20px 10px 5px;
    animation: love-float infinite ease-in-out 4s;
    transition-delay: 1s;
  }
}
#god-of-love-wrap .loveWrap .love-deco-3 .love-2 {
  margin-left: 30px;
  animation: love-float infinite ease-in-out 3.5s;
  transition-delay: 0.5s;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-deco-3 .love-2 {
    margin-left: 15px;
    animation: love-float infinite ease-in-out 3.5s;
    transition-delay: 0.5s;
  }
}
#god-of-love-wrap .loveWrap .love-deco-3 .love-3 {
  animation: love-float infinite ease-in-out 3s;
}
#god-of-love-wrap .loveWrap .love-deco-4 {
  position: absolute;
  top: 13.5%;
  left: -140px;
  transition: 2s;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-deco-4 {
    top: 19.5%;
  }
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu {
  position: absolute;
  opacity: 0;
  transition: 2s ease-in-out;
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu img {
  position: absolute;
  max-width: -moz-fit-content;
  max-width: fit-content;
  z-index: 1;
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu-1 {
  bottom: -120px;
  z-index: 2;
  transform: translateX(-170px);
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu-1 .hulu-deco-1 {
  transform-origin: 50% 90%;
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu-1 .shadow-1 {
  z-index: 0;
  bottom: -270px;
  left: 65px;
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu-2 {
  bottom: -15px;
  left: 165px;
  z-index: 1;
  transform: translateX(-285px);
  transition-delay: 0.5s;
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu-2 .hulu-deco-2 {
  transform-origin: 50% 90%;
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu-2 .shadow-2 {
  z-index: 0;
  bottom: -305px;
  left: -20px;
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu-3 {
  left: 45px;
  bottom: 15px;
  z-index: 0;
  transform: translateX(-190px);
  transition-delay: 1s;
}
#god-of-love-wrap .loveWrap .love-deco-4 .hulu-3 .hulu-deco-3 {
  transform-origin: 50% 90%;
}
#god-of-love-wrap .loveWrap .love-deco-5 {
  position: absolute;
  top: 18.25%;
  right: 235px;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-deco-5 {
    top: 21%;
  }
}
#god-of-love-wrap .loveWrap .love-deco-5 .hulu {
  position: absolute;
  right: 0px;
  opacity: 0;
  transition: 2s ease-in-out;
}
#god-of-love-wrap .loveWrap .love-deco-5 .hulu img {
  position: absolute;
  max-width: -moz-fit-content;
  max-width: fit-content;
  z-index: 1;
}
#god-of-love-wrap .loveWrap .love-deco-5 .hulu-4 {
  z-index: 1;
  transform: translateX(340px);
  transition-delay: 1.25s;
}
#god-of-love-wrap .loveWrap .love-deco-5 .hulu-4 .hulu-deco-4 {
  transform-origin: 50% 90%;
  transition-delay: 1s;
}
#god-of-love-wrap .loveWrap .love-deco-5 .hulu-4 .shadow-4 {
  z-index: 0;
  right: -245px;
  bottom: -265px;
}
#god-of-love-wrap .loveWrap .love-deco-5 .hulu-5 {
  bottom: 55px;
  right: 100px;
  z-index: 0;
  transform: translateX(340px);
  transition-delay: 1.5s;
}
#god-of-love-wrap .loveWrap .love-deco-5 .hulu-5 .hulu-deco-5 {
  transform-origin: 45% 90%;
}
#god-of-love-wrap .loveWrap .love-deco-5 .hulu-5 .shadow-5 {
  z-index: 0;
  right: -235px;
  bottom: -305px;
}
#god-of-love-wrap .loveWrap .love-area-1 {
  padding: 80px 0;
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 {
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: 45px;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .slogan {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 22px;
  line-height: 1.4;
  color: #302725;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container {
  position: relative;
  margin-top: 180px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container {
    position: relative;
    width: 100%;
    height: 31vw;
    margin-top: 45px;
    margin-bottom: 30px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container {
    height: 45vw;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area {
  position: absolute;
  top: 165px;
  left: 0;
  width: 100%;
}
@media (max-width: 1799px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area {
    top: 205px;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area {
    top: 213px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area {
    top: 0px;
  }
}
@media (max-width: 799px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area {
    top: -50px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area {
    top: 0px;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .one {
  position: relative;
  z-index: -1;
  margin-bottom: -52vw;
  opacity: 0;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .one {
    margin-bottom: -63vw;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .one {
    margin-bottom: -28vw;
  }
}
@media (max-width: 799px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .one {
    margin-bottom: -24vw;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .one {
    margin-bottom: -28vw;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .two {
  position: relative;
  z-index: -1;
  margin-bottom: -92px;
  transform: translateY(80px);
  opacity: 0;
}
@media (max-width: 1699px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .two {
    margin-bottom: -68px;
  }
}
@media (max-width: 1299px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .two {
    margin-bottom: -1vw;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .two {
    margin-bottom: -15vw;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .two {
    margin-bottom: -17vw;
    transform: translateY(75px);
    opacity: 0;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .three {
  position: relative;
  z-index: -1;
  margin-bottom: -200px;
  transform: translateY(75px);
  opacity: 0;
}
@media (max-width: 1699px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .three {
    margin-bottom: -155px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .three {
    margin-bottom: -15vw;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .three {
    margin-bottom: -16vw;
    transform: translateY(80px);
    opacity: 0;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .four {
  position: relative;
  z-index: 2;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .four {
    position: relative;
    z-index: 2;
    transform: translateY(50px);
    opacity: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area {
    width: 100%;
    max-width: 83%;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 899px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area {
    max-width: 97%;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area {
    max-width: 83%;
  }
}
@media (max-width: 499px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area {
    max-width: 97%;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu {
  position: relative;
  opacity: 0;
  transform: translateY(100px);
  margin-right: 210px;
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu {
    width: 500px;
    height: 374.4px;
  }
}
@media (max-width: 1499px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu {
    width: 375px;
    height: 280.8px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu {
    width: auto;
    height: auto;
    margin-right: 0px;
  }
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu:last-child {
    margin-right: 0;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu:nth-child(1) {
  animation: float-1 2s infinite alternate;
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu:nth-child(2) {
  animation: float-1 2s 0.4s infinite alternate;
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco {
  position: absolute;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco {
    width: 279.2px;
    height: 279.2px;
  }
}
@media (max-width: 1499px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco {
    width: 209.4px;
    height: 209.4px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco {
    width: auto;
    height: auto;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.left {
  left: 250px;
  bottom: 10px;
  animation: hulu-left-rotate 15s infinite linear;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.left {
    left: 209px;
    bottom: 7px;
  }
}
@media (max-width: 1499px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.left {
    left: 157px;
    bottom: 2px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.left {
    left: 116px;
    bottom: 0px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.left {
    left: 56px;
    bottom: 0px;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.right {
  right: 255px;
  bottom: 10px;
  animation: hulu-right-rotate 15s infinite linear;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.right {
    right: 209px;
    bottom: 7px;
  }
}
@media (max-width: 1499px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.right {
    right: 157px;
    bottom: 2px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.right {
    right: 116px;
    bottom: 0px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.right {
    right: 56px;
    bottom: 0px;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu span {
  position: absolute;
  font-family: "Noto Sans TC", sans-serif;
  font-size: 160px;
  font-weight: 600;
  color: #da4e36;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu span {
    font-size: 120px;
  }
}
@media (max-width: 1499px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu span {
    font-size: 90px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu span {
    font-size: 72px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu span {
    font-size: 42px;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .left + span {
  left: 345px;
  bottom: 120px;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .left + span {
    left: 292px;
    bottom: 95px;
  }
}
@media (max-width: 1499px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .left + span {
    left: 217px;
    bottom: 72px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .left + span {
    left: 167px;
    bottom: 54px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .left + span {
    left: 82px;
    bottom: 27px;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .right + span {
  right: 358px;
  bottom: 120px;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .right + span {
    right: 297px;
    bottom: 95px;
  }
}
@media (max-width: 1499px) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .right + span {
    right: 217px;
    bottom: 72px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .right + span {
    right: 167px;
    bottom: 54px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .right + span {
    right: 82px;
    bottom: 27px;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .intro-area {
  max-width: 1098px;
  margin: 150px auto 65px;
  position: relative;
  z-index: 4;
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .loveWrap .love-area-1 .intro-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .intro-area {
    max-width: 83%;
    margin: 0px auto 33px;
    position: relative;
    z-index: 4;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .intro-area .content-area {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 206px;
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .intro-area .content-area {
    display: block;
    opacity: 0;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .intro-area .content-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .intro-area .content-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 27px;
  }
}
#god-of-love-wrap .loveWrap .love-area-1 .rosette {
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .love-area-1 .rosette img {
    width: 100%;
  }
}
#god-of-love-wrap .loveWrap .share-container {
  position: fixed;
  top: 0;
  right: 90px;
  height: 100%;
  z-index: 99;
  opacity: 0;
  transform: translateX(200px);
  transition: 1.25s ease-in-out;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .share-container {
    zoom: 0.9;
    right: 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .share-container {
    right: 5px;
    transform: translateX(170px);
    transition: none;
    transition-delay: 0s;
    zoom: 1;
  }
}
#god-of-love-wrap .loveWrap .share-container .share-area {
  text-align: center;
  position: sticky;
  top: 30vh;
}
#god-of-love-wrap .loveWrap .share-container .share-area .text {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .share-container .share-area .text {
    margin-bottom: 10px;
  }
}
#god-of-love-wrap .loveWrap .share-container .share-area .text img {
  width: 72px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .share-container .share-area .text img {
    width: 47px;
  }
}
#god-of-love-wrap .loveWrap .share-container .share-area .shareList {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .share-container .share-area .shareList {
    margin-bottom: 35px;
  }
}
#god-of-love-wrap .loveWrap .share-container .share-area .shareList a {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 15px;
}
#god-of-love-wrap .loveWrap .share-container .share-area .shareList a:hover {
  opacity: 0.6;
}
#god-of-love-wrap .loveWrap .share-container .share-area .shareList a:last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .share-container .share-area .shareList a {
    margin-bottom: 12px;
  }
  #god-of-love-wrap .loveWrap .share-container .share-area .shareList a:last-child {
    margin-bottom: 0;
  }
}
#god-of-love-wrap .loveWrap .share-container .share-area .shareList a img {
  width: 45px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .share-container .share-area .shareList a img {
    width: 30px;
  }
}
#god-of-love-wrap .loveWrap .share-container .share-area .join-btn:hover .icon {
  opacity: 0;
  transition: 0.5s ease-in-out;
}
#god-of-love-wrap .loveWrap .share-container .share-area .join-btn:hover .hover {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
#god-of-love-wrap .loveWrap .share-container .share-area .join-btn .icon {
  position: absolute;
  left: 0px;
}
#god-of-love-wrap .loveWrap .share-container .share-area .join-btn .hover {
  position: absolute;
  left: 0px;
  opacity: 0;
}
#god-of-love-wrap .loveWrap .share-container .share-area .join-btn img {
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 175px;
}
#god-of-love-wrap .loveWrap .c-yt-area {
  padding: 80px 0;
  max-width: 790px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .c-yt-area {
    max-width: 790px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area {
    position: relative;
    padding: 0;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .article-area {
    max-width: 83%;
    margin: 0 auto 28px;
  }
}
#god-of-love-wrap .loveWrap .c-yt-area .article-area .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 10px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 30px;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .article-area .title {
    font-size: 17px;
    letter-spacing: 7px;
    white-space: nowrap;
  }
}
#god-of-love-wrap .loveWrap .c-yt-area .article-area .title b {
  font-size: 50px;
  letter-spacing: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .article-area .title b {
    font-size: 26px;
    letter-spacing: 13px;
  }
}
#god-of-love-wrap .loveWrap .c-yt-area .article-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    color: #4d4d4d;
  }
}
#god-of-love-wrap .loveWrap .c-yt-area .yt-container {
  margin-top: 50px;
  width: 100%;
  height: 375px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-container {
    margin-top: 0px;
    width: 100%;
    height: 50vw;
    position: relative;
  }
}
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
}
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .cover,
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .cover img,
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .yt-area {
  position: relative;
  width: 100%;
  height: 100%;
}
#god-of-love-wrap .loveWrap .c-yt-area .yt-container .yt-area iframe {
  width: 100%;
  height: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco {
    position: relative;
    width: 100%;
    height: 360px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 {
    position: absolute;
    top: -30px;
    left: -50px;
    transition: 3s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu {
    position: absolute;
    opacity: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 {
    bottom: -120px;
    z-index: 2;
    transform: translateX(-170px);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .hulu-deco-1 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .shadow-1 {
    z-index: 0;
    bottom: -130px;
    left: 43px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 {
    bottom: -65px;
    left: 80px;
    z-index: 1;
    transform: translateX(-285px);
    transition-delay: 0.5s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .hulu-deco-2 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .shadow-2 {
    z-index: 0;
    bottom: -145px;
    left: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 {
    left: 21px;
    bottom: -55px;
    z-index: 0;
    transform: translateX(-190px);
    transition-delay: 1s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 .hulu-deco-3 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 {
    position: absolute;
    top: 215px;
    right: 110px;
    transition: 3s;
    transition-delay: 0s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu {
    position: absolute;
    right: 0px;
    opacity: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 {
    z-index: 1;
    transform: translateX(340px);
    transition-delay: 1.25s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 .shadow-4 {
    z-index: 0;
    right: -109px;
    bottom: -127px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 {
    bottom: 25px;
    right: 50px;
    z-index: 0;
    transform: translateX(340px);
    transition-delay: 1.5s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .hulu-deco-5 {
    transform-origin: 45% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .shadow-5 {
    z-index: 0;
    right: -119px;
    bottom: -146px;
  }
}
#god-of-love-wrap .loveWrap .c-feature-area {
  padding: 80px 0;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .c-feature-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .loveWrap .c-feature-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area {
    padding-bottom: 0px;
    max-width: 100%;
    margin: 0 auto;
  }
}
#god-of-love-wrap .loveWrap .c-feature-area .logo {
  text-align: center;
  margin: 0px auto 55px;
  width: 230px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area .logo {
    text-align: center;
    margin: 0px auto 55px;
    width: 230px;
  }
}
#god-of-love-wrap .loveWrap .c-feature-area .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
#god-of-love-wrap .loveWrap .c-feature-area .featureList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area .featureList {
    display: block;
    background-color: #f6a59f;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area .featureList.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area .featureList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 70px;
  }
}
#god-of-love-wrap .loveWrap .c-feature-area .featureList li:last-child {
  margin-bottom: 0px;
}
#god-of-love-wrap .loveWrap .c-feature-area .featureList li .pic {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area .featureList li .pic {
    text-align: center;
    margin-bottom: 32px;
  }
}
#god-of-love-wrap .loveWrap .c-feature-area .featureList li .pic img {
  width: 100%;
}
#god-of-love-wrap .loveWrap .c-feature-area .featureList li .title {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #302725;
  text-align: center;
  margin-bottom: 24px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area .featureList li .title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
#god-of-love-wrap .loveWrap .c-feature-area .featureList li .content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-feature-area .featureList li .content {
    color: #4d4d4d;
  }
}
#god-of-love-wrap .loveWrap .c-god-area {
  max-width: 1400px;
  margin: 0 auto 140px;
  padding: 80px 0;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .c-god-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .loveWrap .c-god-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-god-area {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
#god-of-love-wrap .loveWrap .c-god-area .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-god-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-god-area .god-area {
    margin: 0 auto;
    background-color: #f6a59f;
    padding-bottom: 80px;
  }
}
#god-of-love-wrap .loveWrap .c-god-area .god-area .god-list {
  margin-bottom: 130px;
}
#god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .pic {
  margin-bottom: 60px;
  border-bottom: none;
}
#god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area {
  max-width: 777px;
  margin: 0 auto;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area {
    max-width: 83%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
}
#god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area .title {
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #302725;
  margin-bottom: 42px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area .title {
    font-size: 23px;
    letter-spacing: 3px;
    margin-bottom: 42px;
  }
}
#god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area .content {
    font-size: 15px;
    text-align: left;
    color: #4d4d4d;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-god-area .god-area.open-wrap {
    display: none;
  }
}
#god-of-love-wrap .loveWrap .c-area-2 {
  padding: 80px 0;
  max-width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 {
    max-width: 100%;
    margin: 0 auto;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
#god-of-love-wrap .loveWrap .c-area-2 .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin: 0 auto 20px;
  max-width: 1400px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .head {
    margin: 0 auto 50px;
    max-width: 100%;
  }
}
#god-of-love-wrap .loveWrap .c-area-2 .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #302725;
  max-width: 1815px;
  margin: 50px auto 0;
  display: flex;
  justify-content: center;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .content {
    max-width: 83%;
    margin: 0px auto 38px;
    display: block;
    color: #4d4d4d;
  }
}
@media (max-width: 1399px) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList .pic-area .pic {
    height: 562px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container {
    margin: 0;
    background-color: #f6a59f;
    padding-top: 18px;
    padding-bottom: 100px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList {
    max-width: 83%;
    margin: 0 auto;
    flex-direction: column-reverse;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item {
    margin: auto;
    width: 300px;
    height: 175px;
    clip-path: path("M299.37,173.85H0V10.19C5.63,10.19,10.19,5.63,10.19,0H289.19c0,5.63,4.56,10.19,10.19,10.19V173.85Z");
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-1 {
    background: url("/images/match-1.jpg") top no-repeat;
    background-size: cover;
  }
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-2 {
    background: url("/images/match-2.jpg") top no-repeat;
    background-size: cover;
  }
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-3 {
    background: url("/images/match-3.jpg") top no-repeat;
    background-size: cover;
  }
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-4 {
    background: url("/images/match-4.jpg") top no-repeat;
    background-size: cover;
  }
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-5 {
    background: url("/images/match-5.jpg") top no-repeat;
    background-size: cover;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li.is-open .item {
    height: 580px;
    clip-path: path("M299.37,578.64H0V10.19C5.63,10.19,10.19,5.63,10.19,0H289.19c0,5.63,4.56,10.19,10.19,10.19V578.64Z");
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li.is-open .arrow {
    transform: rotateZ(180deg);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .pic-area .pic {
    height: 47vw;
    -webkit-mask: none;
            mask: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .title {
    position: static;
    font-size: 32px;
    writing-mode: horizontal-tb;
    text-align: center;
    transform: translateY(30px);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .title i {
    font-size: 38px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .icon {
    z-index: 1;
    width: 100%;
    text-align: center;
    display: none;
    margin-top: 45px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .info {
    display: none;
    margin: auto;
    z-index: 1;
    max-width: 232px;
    color: #ffffff;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 1px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-2 .match-container .arrow {
    left: calc(50% - 20px);
    top: auto;
    bottom: 13px;
  }
}
#god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .close {
  z-index: 10;
}
#god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .bg {
  width: 100%;
  height: 100%;
  -webkit-mask: url(/images/match-mask-big.svg) 0 0/100% 100% no-repeat;
          mask: url(/images/match-mask-big.svg) 0 0/100% 100% no-repeat;
  pointer-events: none;
}
#god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .bg .icon {
  width: auto;
  height: auto;
  position: absolute;
  left: 92px;
  bottom: 43px;
}
#god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .article-area {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  writing-mode: vertical-rl;
  pointer-events: none;
}
#god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .article-area .title {
  font-weight: 700;
  font-size: 47px;
  letter-spacing: 7px;
  color: #fff;
  position: relative;
  top: -20px;
  pointer-events: none;
}
#god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .article-area .title i {
  font-family: "Syne", sans-serif;
  font-size: 54px;
  position: relative;
  left: 4px;
  margin: 10px auto;
  pointer-events: none;
}
#god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .article-area .content {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 2;
  color: #fff;
  margin-right: 90px;
}
#god-of-love-wrap .loveWrap .c-area-3 {
  padding: 80px 0;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .c-area-3 {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .loveWrap .c-area-3 {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-3 {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
#god-of-love-wrap .loveWrap .c-area-3 .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-3 .head {
    text-align: center;
    margin-bottom: 50px;
  }
}
#god-of-love-wrap .loveWrap .c-area-3 .content {
  max-width: 780px;
  margin: 50px auto 0;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-3 .content {
    padding-top: 50px;
    max-width: 100%;
    background-color: #f6a59f;
  }
}
#god-of-love-wrap .loveWrap .c-area-3 .content .text {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-area-3 .content .text {
    max-width: 83%;
    margin: auto;
    color: #4d4d4d;
  }
}
#god-of-love-wrap .loveWrap .c-trans-area {
  padding: 20px 0 200px;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .flowWrap {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #god-of-love-wrap .loveWrap .flowWrap {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .flowWrap {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
#god-of-love-wrap .loveWrap .flowWrap .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .flowWrap .head {
    border: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .flowWrap .content {
    background-color: #f6a59f;
    padding-bottom: 64px;
  }
}
#god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap {
  background-color: #da4e36;
  padding: 87px 40px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap {
    margin-top: 0px;
    border-radius: 0;
  }
}
#god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots {
  position: relative;
  bottom: 0;
  margin-top: 40px;
}
#god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.5s;
  margin: 0 10px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots .dot {
    margin: 0 7px;
  }
}
#god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots .dot.is-selected {
  background-color: #fff;
}
#god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap .flow-sliderList li {
  width: 100%;
}
#god-of-love-wrap .loveWrap .flowWrap .more {
  --c1: #FFFFFF;
  --c2: #FC462D;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 87px auto 0;
  zoom: 1.56;
}
#god-of-love-wrap .loveWrap .flowWrap .more:hover .bg .cls-1 {
  fill: var(--c2);
}
#god-of-love-wrap .loveWrap .flowWrap .more:hover .text {
  color: #FFFFFF;
}
#god-of-love-wrap .loveWrap .flowWrap .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
#god-of-love-wrap .loveWrap .flowWrap .more .text {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 4px;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
  color: #FC462D;
}
@media print, screen and (max-width: 99.99875em) {
  #god-of-love-wrap .loveWrap .flowWrap .more {
    zoom: 1.25;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .flowWrap .more {
    margin: 40px auto 16px;
  }
}
#god-of-love-wrap .loveWrap .c-qa-area {
  text-align: center;
  padding-bottom: 330px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-qa-area {
    text-align: center;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
#god-of-love-wrap .loveWrap .c-qa-area .head {
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-qa-area .head {
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-qa-area .content {
    background-color: #f6a59f;
    padding-bottom: 120px;
  }
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList {
  max-width: 780px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-qa-area .content .qaList {
    max-width: 83%;
    margin: 0 auto;
  }
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList li {
  position: relative;
  border-bottom: 2px solid #fc462d;
  padding: 60px 0 40px;
  cursor: pointer;
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList li.is-open .arrow .cls-1 {
  fill: #ffffff;
  stroke: #ca954a;
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList li.is-open .arrow .cls-2 {
  stroke: #ca954a;
  transform: rotate(-180deg);
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList .title {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 5px;
  line-height: 1.5;
  color: #302725;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-qa-area .content .qaList .title {
    font-size: 23px;
  }
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList .answer {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #302725;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .c-qa-area .content .qaList .answer {
    text-align: left;
    font-size: 14px;
  }
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList .arrow {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 0;
  cursor: pointer;
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList .arrow:hover .cls-1 {
  fill: #ffffff;
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList .arrow:hover .cls-2 {
  stroke: #fc462d;
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList .arrow .cls-1 {
  fill: #fc462d;
  stroke: #e8b356;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
#god-of-love-wrap .loveWrap .c-qa-area .content .qaList .arrow .cls-2 {
  fill: none;
  stroke: #ffffff;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  #god-of-love-wrap .loveWrap .open-wrap {
    display: none;
  }
}
#god-of-love-wrap .loveWrap .mobile-open.is-open .arrow {
  transform: rotateZ(180deg);
}
#god-of-love-wrap .mobile-open {
  position: relative;
}
#god-of-love-wrap .mobile-open .line {
  width: 100%;
  text-align: center;
  position: absolute;
  top: -17px;
}
#god-of-love-wrap .mobile-open .arrow {
  width: 100%;
  text-align: center;
  position: absolute;
  top: -52px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .top-head-area {
    max-width: 83%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .top-head-area {
    display: block;
    text-align: center;
  }
}
#celebrate-wrap .bannerWrap {
  z-index: -2;
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .bannerWrap .title-container {
    top: 11%;
    left: 13%;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area {
    width: 180.8px;
    height: 301.6px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area {
    width: 169.5px;
    height: 282.75px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area {
    width: 150.6666666667px;
    height: 251.3333333333px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area {
    width: 105px;
    height: 166px;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 60px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 48px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 45px;
    letter-spacing: 3px;
    margin-right: 10px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .bannerWrap .title-container .year-area {
    position: relative;
    z-index: 1;
    margin-top: 18px;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .bannerWrap .title-container .year-area .year {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .bannerWrap .title-container .year-area .year {
    font-size: 24px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .bannerWrap .title-container .year-area .year {
    font-size: 14px;
    color: #ffc97b;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .bannerWrap .title-container .year-area .date {
    font-size: 60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .bannerWrap .title-container .year-area .date {
    font-size: 27px;
    color: #ffc97b;
    margin-top: 5px;
  }
}
#celebrate-wrap .bannerWrap .article-area {
  flex-direction: row;
  flex-wrap: nowrap;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .bannerWrap .article-area .title {
    width: auto;
    font-size: 30px;
    margin-right: 10px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .bannerWrap .article-area .title {
    font-size: 20px;
  }
}
#celebrate-wrap .bannerWrap .article-area .content {
  width: auto;
  font-size: 12px;
}
#celebrate-wrap .bannerWrap .cele-deco-1 {
  position: absolute;
  bottom: -265px;
  right: 185px;
  z-index: 1;
  opacity: 0;
  transition: 1s ease-in-out;
  transform: translateY(100px);
  transition-delay: 2s;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  #celebrate-wrap .bannerWrap .cele-deco-1 {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  #celebrate-wrap .bannerWrap .cele-deco-1 {
    zoom: 0.65;
  }
}
#celebrate-wrap .bannerWrap .cele-deco-1 .cele-deco-container {
  position: relative;
}
#celebrate-wrap .bannerWrap .cele-deco-1 .cele-deco-container .cloud {
  width: 360px;
  top: 120px;
  left: 120px;
  position: absolute;
  z-index: 1;
}
#celebrate-wrap .bannerWrap .cele-deco-1 .cele-deco-container .cloud-deco {
  animation: cele-deco-rotate 15s infinite linear;
}
#celebrate-wrap .celebrateWrap {
  background-color: #ec6531;
  padding: 100px 0;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap {
    padding: 100px 0 250px;
  }
}
#celebrate-wrap .celebrateWrap .cele-deco-1 {
  position: absolute;
  opacity: 1;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-deco-1 {
    top: 88px;
    right: 10px;
    z-index: 0;
  }
}
#celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container {
  position: relative;
}
#celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container .cloud {
  width: 360px;
  top: 120px;
  left: 120px;
  position: absolute;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container .cloud {
    width: auto;
    top: 53px;
    left: 31px;
    position: absolute;
    z-index: 0;
  }
}
#celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container .cloud-deco {
  animation: cele-deco-rotate 15s infinite linear;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container .cover {
    width: 100%;
    height: 110px;
    position: absolute;
    z-index: 1;
    background: linear-gradient(0deg, #ec6531 60%, rgba(236, 102, 49, 0));
    bottom: 0px;
  }
}
#celebrate-wrap .celebrateWrap .cele-deco-2 {
  position: absolute;
  top: 14.25%;
  left: 195px;
  z-index: 2;
  opacity: 0;
  transform: translateY(50px);
  transition: 1.5s ease-in-out;
  transition-delay: 1.5s;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .cele-deco-2 {
    left: 50px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-deco-2 {
    zoom: 0.8;
    top: 16.9%;
    left: 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-deco-2 {
    position: relative;
    top: auto;
    bottom: -120px;
    left: 0px;
    transition: 2s ease-in-out;
    transition-delay: 2s;
  }
}
#celebrate-wrap .celebrateWrap .cele-deco-2 .deco-left {
  position: absolute;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-deco-2 .deco-left {
    bottom: 0px;
    left: 18px;
  }
}
#celebrate-wrap .celebrateWrap .cele-deco-2 .deco-right {
  position: absolute;
  right: 0px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-deco-2 .deco-right {
    right: 34px;
    bottom: -120px;
  }
}
#celebrate-wrap .celebrateWrap .cele-deco-3 {
  position: absolute;
  top: 13.65%;
  left: -75px;
  z-index: 0;
  transition: 2s ease-in-out;
  transform: translateX(-650px);
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-deco-3 {
    top: 16.65%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-deco-3 {
    top: auto;
    bottom: 65px;
    left: -90px;
    transition: 2.5s ease-in-out;
    transform: translateX(-265px);
  }
}
#celebrate-wrap .celebrateWrap .cele-deco-4 {
  position: absolute;
  top: 14.5%;
  right: -85px;
  z-index: 0;
  transition: 2s ease-in-out;
  transform: translateX(650px);
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-deco-4 {
    top: 17.5%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-deco-4 {
    top: auto;
    bottom: -10px;
    right: -110px;
    transition: 2.5s ease-in-out;
    transform: translateX(250px);
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 {
  padding: 80px 0;
  position: relative;
  z-index: 1;
  padding: 80px 0px 0px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 {
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: 45px;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .slogan {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 22px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container {
  position: relative;
  margin-top: 140px;
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container {
    margin-top: 78px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 30px;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area {
  position: absolute;
  top: 135px;
  left: 0;
  width: 100%;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area {
    top: 173px;
    zoom: 0.85;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area {
    top: 140px;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area {
    top: 100px;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .one {
  position: relative;
  z-index: -1;
  margin-bottom: -10vw;
  transform: translateY(180px);
  opacity: 0;
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .one {
    margin-bottom: -17vw;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .one {
    margin-bottom: -16vw;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .one {
    margin-bottom: -14vw;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .two {
  position: relative;
  z-index: 0;
  margin-bottom: -8vw;
  transform: translateY(125px);
  opacity: 0;
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .two {
    margin-bottom: -15vw;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .two {
    margin-bottom: -11vw;
    transform: translateY(75px);
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .two {
    margin-bottom: -12vw;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .three {
  position: relative;
  z-index: 2;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area {
    width: 100%;
    max-width: 83%;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area {
    max-width: 83%;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan {
  position: relative;
  opacity: 0;
  transform: translateY(100px);
  margin-right: 210px;
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan {
    margin-right: 100px;
  }
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan {
    transform: translateY(100px);
    margin-right: 0px;
  }
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan img {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan img {
    zoom: 0.6;
    margin-right: 120px;
  }
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan img:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan img {
    transform: translateY(100px);
    zoom: 0.4;
    margin-right: 0px;
  }
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan img:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan img {
    zoom: 0.25;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan:nth-child(1) {
  animation: float-1 2s infinite alternate;
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan:nth-child(2) {
  animation: float-1 2s 0.4s infinite alternate;
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .deco {
  position: absolute;
  z-index: -1;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .deco {
    position: absolute;
    z-index: 2;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .deco.left {
  left: -30px;
  bottom: 310px;
  animation: hulu-left-rotate 15s infinite linear;
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .deco.right {
  left: 50px;
  bottom: 310px;
  animation: hulu-right-rotate 15s infinite linear;
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan span {
  position: absolute;
  font-family: "Noto Sans TC", sans-serif;
  font-size: 160px;
  font-weight: 600;
  color: #ffffff;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan span {
    font-size: 128px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan span {
    zoom: 0.6;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan span {
    transform: translateY(100px);
    zoom: 0.4;
    margin-right: 0px;
  }
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan span:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan span {
    zoom: 0.25;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .left + span {
  left: 190px;
  top: 230px;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .left + span {
    left: 178px;
    top: 200px;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .right + span {
  left: 200px;
  top: 230px;
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area {
  max-width: 1098px;
  margin: -10vw auto 65px;
  position: relative;
  z-index: 4;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area {
    margin: -6vw auto 65px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area {
    max-width: 960px;
    margin: -4vw auto 65px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area {
    max-width: 83%;
    margin: -3vw auto 33px;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .content-area {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 206px;
  opacity: 0;
  margin-bottom: 72.5px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .content-area {
    display: block;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .content-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ffffff;
  -webkit-text-size-adjust: none;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .content-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 27px;
    color: #e6e6e6;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area {
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area {
    zoom: 0.8;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area img {
  width: 100%;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area img {
    zoom: 0.8;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text {
  position: absolute;
  font-size: 42px;
  font-weight: 600;
  color: #ffffff;
  top: 0px;
  left: calc(50% - 48px);
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text {
    font-size: 16px;
    top: -10px;
    left: calc(50% - 18px);
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border {
  border-radius: 50%;
  border: #ffffff 1px solid;
  padding: 5px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border {
    padding: 3px;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border.solar {
  transform: rotateZ(180deg);
  margin-bottom: 35px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border.solar {
    margin-bottom: 10px;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border .inner-border {
  border-radius: 50%;
  border: #ffffff 1px solid;
  padding: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border .inner-border {
    padding: 5px;
  }
}
#celebrate-wrap .celebrateWrap .cele-area-1 .rosette {
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .cele-area-1 .rosette img {
    width: 100%;
  }
}
#celebrate-wrap .celebrateWrap .share-container {
  position: fixed;
  top: 0;
  right: 90px;
  height: 100%;
  z-index: 20;
  opacity: 0;
  transform: translateX(200px);
  transition: 1.25s ease-in-out;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .share-container {
    zoom: 0.9;
    right: 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .share-container {
    right: 5px;
    transform: translateX(170px);
    transition: none;
    transition-delay: 0s;
    zoom: 1;
  }
}
#celebrate-wrap .celebrateWrap .share-container .share-area {
  text-align: center;
  position: sticky;
  top: 30vh;
}
#celebrate-wrap .celebrateWrap .share-container .share-area .text {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .share-container .share-area .text {
    margin-bottom: 10px;
  }
}
#celebrate-wrap .celebrateWrap .share-container .share-area .text img {
  width: 72px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .share-container .share-area .text img {
    width: 47px;
  }
}
#celebrate-wrap .celebrateWrap .share-container .share-area .shareList {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .share-container .share-area .shareList {
    margin-bottom: 35px;
  }
}
#celebrate-wrap .celebrateWrap .share-container .share-area .shareList a {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 15px;
}
#celebrate-wrap .celebrateWrap .share-container .share-area .shareList a:hover {
  opacity: 0.6;
}
#celebrate-wrap .celebrateWrap .share-container .share-area .shareList a:last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .share-container .share-area .shareList a {
    margin-bottom: 12px;
  }
  #celebrate-wrap .celebrateWrap .share-container .share-area .shareList a:last-child {
    margin-bottom: 0;
  }
}
#celebrate-wrap .celebrateWrap .share-container .share-area .shareList img {
  width: 45px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .share-container .share-area .shareList img {
    width: 30px;
  }
}
#celebrate-wrap .celebrateWrap .share-container .share-area .join-btn:hover .icon {
  opacity: 0;
  transition: 0.5s ease-in-out;
}
#celebrate-wrap .celebrateWrap .share-container .share-area .join-btn:hover .hover {
  opacity: 1;
  transition: 0.5s ease-in-out;
}
#celebrate-wrap .celebrateWrap .share-container .share-area .join-btn .icon {
  position: absolute;
  left: 0px;
}
#celebrate-wrap .celebrateWrap .share-container .share-area .join-btn .hover {
  position: absolute;
  left: 0px;
  opacity: 0;
}
#celebrate-wrap .celebrateWrap .share-container .share-area .join-btn img {
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 175px;
}
#celebrate-wrap .celebrateWrap .c-yt-area {
  padding: 80px 0;
  max-width: 100%;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-yt-area {
    max-width: 1100px;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-yt-area {
    padding: 80px 0 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-yt-area {
    position: relative;
    padding: 0 0 200px;
  }
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-yt-area .article-area {
    zoom: 0.85;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-yt-area .article-area {
    max-width: 83%;
    margin: 0 auto 28px;
  }
}
#celebrate-wrap .celebrateWrap .c-yt-area .article-area .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 10px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 30px;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-yt-area .article-area .title {
    font-size: 17px;
    letter-spacing: 2px;
    white-space: wrap;
  }
}
#celebrate-wrap .celebrateWrap .c-yt-area .article-area .title b {
  font-size: 50px;
  letter-spacing: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-yt-area .article-area .title b {
    font-size: 26px;
    letter-spacing: 7px;
  }
}
#celebrate-wrap .celebrateWrap .c-yt-area .article-area .content {
  max-width: 790px;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ffffff;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-yt-area .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    color: #e6e6e6;
  }
}
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container {
  max-width: 790px;
  height: 400px;
  position: relative;
  margin: 50px auto 0px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-yt-area .yt-container {
    margin-top: 0px;
    width: 100%;
    height: 56vw;
  }
}
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .cover,
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .cover img,
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .yt-area {
  height: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .yt-area {
    width: 100%;
    height: 100%;
    text-align: center;
  }
}
#celebrate-wrap .celebrateWrap .c-yt-area .yt-container .yt-area iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#celebrate-wrap .celebrateWrap .c-feature-area {
  padding: 80px 0;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-feature-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-feature-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area {
    padding-bottom: 0px;
    max-width: 100%;
    margin: 0 auto;
  }
}
#celebrate-wrap .celebrateWrap .c-feature-area .logo {
  text-align: center;
  margin: 0px auto 55px;
  width: 230px;
}
#celebrate-wrap .celebrateWrap .c-feature-area .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .head {
    margin-bottom: 50px;
  }
}
#celebrate-wrap .celebrateWrap .c-feature-area .head .title {
  bottom: 15px;
  left: 41.5%;
}
#celebrate-wrap .celebrateWrap .c-feature-area .featureList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .featureList {
    display: block;
    background-color: #da4e36;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .featureList.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .featureList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .featureList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 70px;
  }
}
#celebrate-wrap .celebrateWrap .c-feature-area .featureList li .pic {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .featureList li .pic {
    margin-bottom: 32px;
    text-align: center;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .featureList li .pic img {
    width: 100%;
  }
}
#celebrate-wrap .celebrateWrap .c-feature-area .featureList li .title {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  margin-bottom: 24px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .featureList li .title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
#celebrate-wrap .celebrateWrap .c-feature-area .featureList li .content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-feature-area .featureList li .content {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #e6e6e6;
  }
}
#celebrate-wrap .celebrateWrap .c-god-area {
  max-width: 1400px;
  margin: 0 auto 0px;
  padding-bottom: 0px;
  padding: 80px 0;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-god-area {
    max-width: 1100px;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-god-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-god-area {
    margin: 190px auto 0px;
    padding: 0px;
  }
}
#celebrate-wrap .celebrateWrap .c-god-area .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-god-area .head {
    margin-bottom: 50px;
  }
}
#celebrate-wrap .celebrateWrap .c-god-area .head .title {
  left: 41.5%;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-god-area .god-area {
    background-color: #da4e36;
    padding-bottom: 45px;
  }
}
#celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list {
  margin-bottom: 130px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list {
    margin-bottom: 40px;
  }
}
#celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .pic {
  margin-bottom: 60px;
  border-bottom: none;
}
#celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area {
  max-width: 777px;
  margin: 0 auto;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area {
    max-width: 83%;
  }
}
#celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area .title {
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #ffffff;
  margin-bottom: 42px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area .title {
    font-size: 23px;
  }
}
#celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #ffffff;
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area .content {
    font-size: 15px;
    color: #e6e6e6;
  }
}
#celebrate-wrap .celebrateWrap .c-god-area .godList {
  margin-top: 120px;
}
#celebrate-wrap .celebrateWrap .c-god-area .godList li:nth-child(odd) .article-area {
  text-align: right;
}
#celebrate-wrap .celebrateWrap .c-god-area .godList .article-area {
  padding: 0 10%;
}
#celebrate-wrap .celebrateWrap .c-god-area .godList .article-area .title {
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 7px;
  line-height: 1.4;
  color: #302725;
  margin-bottom: 40px;
}
#celebrate-wrap .celebrateWrap .c-god-area .godList .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #302725;
}
#celebrate-wrap .celebrateWrap .c-activity {
  padding: 80px 0;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-activity {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-activity {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0;
  }
}
#celebrate-wrap .celebrateWrap .c-activity .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .head {
    margin-bottom: 50px;
  }
}
#celebrate-wrap .celebrateWrap .c-activity .head .title {
  left: 41.5%;
}
#celebrate-wrap .celebrateWrap .c-activity .activityList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList {
    display: block;
    background-color: #da4e36;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 0px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList li.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 70px;
  }
}
#celebrate-wrap .celebrateWrap .c-activity .activityList li .pic {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList li .pic img {
    width: 100%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList li .pic {
    margin-bottom: 32px;
    text-align: center;
  }
}
#celebrate-wrap .celebrateWrap .c-activity .activityList li .title {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  margin-bottom: 24px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList li .title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
#celebrate-wrap .celebrateWrap .c-activity .activityList li .content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-activity .activityList li .content {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #e6e6e6;
  }
}
#celebrate-wrap .celebrateWrap .c-votive {
  padding: 80px 0;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive {
    max-width: 1100px;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive {
    max-width: 100%;
    padding: 0;
    margin: 190px auto 0px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .head {
    margin-bottom: 35px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .head .title {
  left: 18.5%;
}
#celebrate-wrap .celebrateWrap .c-votive .content {
  font-size: 15px;
  letter-spacing: 3px;
  color: #fff;
  text-align: justify;
  line-height: 2;
  margin-bottom: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .content {
    font-size: 13px;
    letter-spacing: 2px;
    padding: 50px 20px 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content {
    width: 100%;
    background-color: #da4e36;
    padding-bottom: 60px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center {
  position: relative;
  max-width: 750px;
  margin: 0px auto 60px;
  display: flex;
  justify-content: space-between;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center.is-sold-out .pic .hover {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center.is-sold-out .votive-hover .stauts .sold-out {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center.is-for-sale .pic .shadow {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center.is-for-sale .votive-hover .stauts .for-sale {
  display: block;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center {
    zoom: 0.95;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center {
    display: block;
    max-width: 83%;
    margin: 0px auto 60px;
    padding: 20px 0 0;
    text-align: center;
    zoom: 1;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .pic {
  position: relative;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .pic .shadow {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .pic .hover {
  position: absolute;
  width: 120%;
  top: -20px;
  left: -30px;
  z-index: 0;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .pic img {
  position: relative;
  z-index: 1;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .pic .shadow,
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .pic .hover {
  display: none;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area {
  max-width: 450px;
  padding: 85px 0px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area {
    max-width: 83%;
    padding: 0px;
    margin: -20px auto 0px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .title-area {
  width: 236px;
  height: 55px;
  margin-bottom: 30px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .title-area {
    margin-bottom: 30px;
    position: relative;
    margin: 0 auto 10px;
    z-index: 1;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .title-area .title {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Noto Serif TC", serif;
  font-size: 30px;
  padding: 10px;
  color: #ffffff;
  text-align: center;
  background-color: #ca954a;
  letter-spacing: 4px;
  -webkit-mask: url(/images/cele-center-mask.svg) 0 0 no-repeat;
          mask: url(/images/cele-center-mask.svg) 0 0 no-repeat;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .title-area .title {
    font-size: 24px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .title-area .border-box {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .content {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 50px;
  letter-spacing: 4px;
  line-height: 2;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .content {
    color: #e6e6e6;
    font-size: 14px;
    margin-bottom: 50px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: left;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .price {
  color: #f4cfb0;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 5px;
  vertical-align: middle;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .price {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 5px;
    vertical-align: middle;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .price span {
  vertical-align: middle;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .price span {
    vertical-align: baseline;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .price .number {
  color: #ffffff;
  font-size: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .price .number {
    font-size: 24px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .price .unit {
  color: #f4cfb0;
  font-size: 18px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-content .votive-center .content-area .price .unit {
    font-size: 14px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList {
  max-width: 1300px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 100px;
  margin: 0 auto 130px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList {
    zoom: 0.95;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList {
    zoom: 0.95;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 65px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList {
    max-width: 83%;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li {
  position: relative;
  display: flex;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li:nth-child(4) .votive-hover {
  left: auto;
  right: 50%;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li.is-sold-out .pic .hover {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li.is-sold-out .votive-hover .stauts .sold-out {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li.is-for-sale .pic .shadow {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li.is-for-sale .votive-hover .stauts .for-sale {
  display: block;
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li {
    justify-content: center;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic {
  position: relative;
  margin-right: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic {
    margin-right: 0px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .shadow {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .shadow {
    width: 100%;
    height: 100%;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .shadow.west {
  left: 2px;
  top: 2px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .shadow.west {
    left: 0px;
    top: -1px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .shadow.east {
  left: 0.5px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .shadow.east {
    left: -2px;
    top: 0px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .shadow img {
    width: 100%;
    height: 100%;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .hover {
  position: absolute;
  width: 140%;
  top: -20px;
  left: -30px;
  z-index: 0;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic img {
  position: relative;
  z-index: 1;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .shadow,
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic .hover {
  display: none;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .title-area {
  width: 37.5px;
  height: 158px;
  position: relative;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .title-area {
    width: 25.5px;
    height: 109px;
    margin-bottom: 5px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .title-area .border-box {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .title-area .title {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "Noto Serif TC", serif;
  writing-mode: vertical-lr;
  font-size: 21px;
  color: #ffffff;
  text-align: center;
  background-color: #ca954a;
  padding: 0px 3px;
  letter-spacing: 3px;
  -webkit-mask: url(/images/cele-mask.svg) 0 0 no-repeat;
          mask: url(/images/cele-mask.svg) 0 0 no-repeat;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .title-area .title {
    font-size: 15px;
    color: #ffffff;
    background-color: #ca954a;
    padding: 0px 2.5px;
    letter-spacing: 2px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .price {
  writing-mode: vertical-lr;
  font-size: 16px;
  color: #efb970;
  letter-spacing: 1px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .price {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .price .number {
  writing-mode: horizontal-tb;
  color: #ffffff;
  font-size: 24px;
  margin: 7px 0px;
  letter-spacing: 3px;
  font-weight: 500;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .price .number {
    writing-mode: initial !important;
    white-space: nowrap;
    color: #ffffff;
    font-size: 14px;
    margin: 3px 0px 0px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .price span {
    display: block;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList .title {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #ffffff;
  text-align: center;
  margin-bottom: 24px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList .title {
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
    margin-bottom: 24px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList .content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList .content {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #ffffff;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area {
  margin-bottom: 200px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area {
    padding: 0 20px;
    margin-bottom: 75px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head {
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .head .title {
  position: static;
  font-size: 38px;
  font-weight: 600;
  letter-spacing: 3px;
  margin-right: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .title {
    width: 100%;
    margin-right: 0;
    font-size: 22px;
    letter-spacing: 2px;
    font-weight: 500;
    border-bottom: 1px solid #e8b356;
    margin-bottom: 25px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price {
  color: #f4cfb0;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 5px;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price {
    zoom: 1.25;
    font-size: 26px;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price {
    zoom: 1.4285714286;
    font-size: 22px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price {
    flex-direction: column;
    font-size: 20px;
    border-top: none;
    padding-top: 0px;
    text-align: center;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .tag {
  writing-mode: vertical-lr;
  color: #f4cfb0;
  font-size: 18px;
  letter-spacing: 2px;
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .tag {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .tag {
    font-size: 14px;
    letter-spacing: 2px;
    writing-mode: horizontal-tb;
    vertical-align: bottom;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .number {
  color: #ffffff;
  font-size: 40px;
  white-space: nowrap;
}
@media print, screen and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .number {
    font-size: 32px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .number {
    font-size: 22px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .unit {
  color: #f4cfb0;
  font-size: 18px;
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .unit {
    font-size: 14px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .price-container {
  margin-right: 60px;
  white-space: nowrap;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votive-area .head .price .price-container {
    margin: 9px auto;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .fancy-box {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4196078431);
  width: 205px;
  height: 175px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 6;
  padding: 33px 0;
  transition: 0.5s all;
  opacity: 0;
  pointer-events: none;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .fancy-box.is-show {
  opacity: 1;
  pointer-events: all;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .fancy-box .title {
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 18px;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .fancy-box .draw {
  text-align: center;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-area .fancy-box .close {
  position: absolute;
  top: 15px;
  right: 8px;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other {
  display: grid;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eight {
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 0 65px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eight {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 18px;
    padding: 0 20px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eight .v-title {
  left: 50%;
  top: 120px;
  transform: translateX(-75%);
  font-size: 23px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eight .v-title {
    top: 65px;
    font-size: 13px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eight li:nth-child(7) .votive-hover, #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eight li:nth-child(8) .votive-hover {
  left: auto;
  right: 50%;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven {
  grid-template-columns: repeat(11, 1fr);
  grid-gap: 52px 65px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven {
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 10px;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven .v-title {
  left: 50%;
  top: 67px;
  transform: translateX(-75%);
  font-size: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven .v-title {
    top: 30px;
    font-size: 12px;
    zoom: 0.8;
  }
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven li:nth-child(10) .votive-hover, #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven li:nth-child(11) .votive-hover, #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven li:nth-child(21) .votive-hover, #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven li:nth-child(22) .votive-hover, #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven li:nth-child(32) .votive-hover, #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven li:nth-child(33) .votive-hover, #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven li:nth-child(43) .votive-hover, #celebrate-wrap .celebrateWrap .c-votive .votiveList-other.eleven li:nth-child(44) .votive-hover {
  left: auto;
  right: 50%;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other li {
  position: relative;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other li.is-sold-out .votive-hover .stauts .sold-out {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other li.is-for-sale .bg {
  opacity: 0.5;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other li.is-for-sale .votive-hover .stauts .for-sale {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other li .v-title {
  position: absolute;
  writing-mode: vertical-lr;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 500;
}
#celebrate-wrap .celebrateWrap .c-votive .votiveList-other li .sell.top {
  margin-bottom: 15px;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover {
  position: absolute;
  background-color: #fff;
  padding: 25px 20px 35px;
  z-index: 10;
  left: 50%;
  top: -20px;
  transition: 0.5s all;
  opacity: 0;
  pointer-events: none;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover.is-hover {
  opacity: 1;
  pointer-events: all;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover.center {
  left: 50%;
  transform: translateX(-50%);
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .title {
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: left;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .title .year {
  font-size: 14px;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .name {
  height: -moz-fit-content;
  height: fit-content;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 5px 5px 3px;
  background-color: #efb970;
  margin-right: 10px;
  text-wrap: nowrap;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .price {
  font-size: 14px;
  margin-right: 15px;
  letter-spacing: 2px;
  font-weight: 500;
  text-wrap: nowrap;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .price .number {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.5px;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .line {
  width: 100%;
  height: 2px;
  background-color: #e8b356;
  margin: 15px 0 18px;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .close {
  position: absolute;
  top: 15px;
  right: 15px;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .stauts {
  position: relative;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .stauts .for-sale,
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .stauts .sold-out {
  display: none;
  cursor: pointer;
  transition: 0.5s all;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .stauts .for-sale:hover,
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .stauts .sold-out:hover {
  opacity: 0.6;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .stauts.is-sold-out .sold-out {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-votive .votive-hover .stauts.is-for-sale .for-sale {
  display: block;
}
#celebrate-wrap .celebrateWrap .c-area-3 {
  padding: 80px 0;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-area-3 {
    margin: 190px auto 0px;
    padding: 0px;
  }
}
#celebrate-wrap .celebrateWrap .c-area-3 .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-area-3 .head {
    margin-bottom: 50px;
  }
}
#celebrate-wrap .celebrateWrap .c-area-3 .head .title {
  left: 28.5%;
}
#celebrate-wrap .celebrateWrap .c-area-3 .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #ffffff;
  max-width: 780px;
  margin: 50px auto 0;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-area-3 .content {
    padding-top: 50px;
    max-width: 100%;
    background-color: #da4e36;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-area-3 .content.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-area-3 .content .text {
    max-width: 83%;
    margin: auto;
    color: #e6e6e6;
  }
}
#celebrate-wrap .celebrateWrap .c-trans-area {
  padding: 20px 0 200px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .flowWrap {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .flowWrap .head {
    border: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
#celebrate-wrap .celebrateWrap .flowWrap .head .title {
  bottom: 15px;
  left: 30%;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .flowWrap .content {
    background-color: #da4e36;
    padding-bottom: 64px;
  }
}
#celebrate-wrap .celebrateWrap .flowWrap .content .flow-sliderWrap {
  background-color: #dda854;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .flowWrap .content .flow-sliderWrap {
    margin-top: 0px;
    border-radius: 0;
    padding: 38px 0 84px;
  }
}
#celebrate-wrap .celebrateWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots {
  position: relative;
  bottom: 0;
  margin-top: 40px;
}
#celebrate-wrap .celebrateWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.5s;
  margin: 0 10px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots .dot {
    margin: 0 7px;
  }
}
#celebrate-wrap .celebrateWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots .dot.is-selected {
  background-color: #fff;
}
#celebrate-wrap .celebrateWrap .flowWrap .content .flow-sliderWrap .flow-sliderList li {
  width: 100%;
}
#celebrate-wrap .celebrateWrap .flowWrap .content .more {
  --c1: #FFFFFF;
  --c2: #FC462D;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 87px auto 0;
  zoom: 1;
  transform: scale(1.56);
}
#celebrate-wrap .celebrateWrap .flowWrap .content .more:hover .bg .cls-1 {
  fill: var(--c2);
}
#celebrate-wrap .celebrateWrap .flowWrap .content .more:hover .text {
  color: #FFFFFF;
}
#celebrate-wrap .celebrateWrap .flowWrap .content .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
#celebrate-wrap .celebrateWrap .flowWrap .content .more .text {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 4px;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
  color: #FC462D;
}
@media print, screen and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .flowWrap .content .more {
    transform: scale(1.2);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .flowWrap .content .more {
    margin: 40px auto 16px;
    transform: scale(1);
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area {
  text-align: center;
  padding-bottom: 330px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area {
    margin: 190px auto 0px;
    padding: 0px;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .head {
  margin-bottom: 50px;
}
#celebrate-wrap .celebrateWrap .c-qa-area .head .title {
  left: 43.5%;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .content {
    background-color: #da4e36;
    padding-bottom: 120px;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList {
  max-width: 780px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .qaList {
    max-width: 83%;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList li {
  position: relative;
  border-bottom: 2px solid #ffffff;
  padding: 60px 0 40px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .qaList li {
    border-bottom: 2px solid #ffc97b;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
  fill: #ffffff;
  stroke: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
    stroke: #e8382f;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
  stroke: #e8b356;
  transform: rotate(-180deg);
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
    stroke: #e8382f;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList .title {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 5px;
  line-height: 1.5;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .qaList .title {
    font-size: 23px;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList .answer {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #ffffff;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .qaList .answer {
    text-align: left;
    font-size: 14px;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 0;
  cursor: pointer;
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow:hover .cls-1 {
  fill: #ffffff;
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow:hover .cls-2 {
  stroke: #efb970;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow .cls-1 {
  fill: #efb970;
  stroke: #efb970;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #ffc97b;
  }
}
#celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow .cls-2 {
  fill: none;
  stroke: #ffffff;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
  transition: all 0.3s;
}
#celebrate-wrap .celebrateWrap .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  border: none;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  #celebrate-wrap .celebrateWrap .head img {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  #celebrate-wrap .celebrateWrap .head img {
    zoom: 0.7;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .head img {
    zoom: 1;
  }
}
#celebrate-wrap .celebrateWrap .head .title {
  color: #ffffff;
  position: absolute;
  bottom: 15px;
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .celebrateWrap .mobile-open.is-open .arrow {
    transform: rotateZ(180deg);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .mobile-open {
    position: relative;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .mobile-open .line {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -17px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #celebrate-wrap .mobile-open .arrow {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -52px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }
}

.shangyuanWrap {
  background-color: #bb2c25;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap {
    padding: 100px 0 250px;
    position: relative;
  }
}
.shangyuanWrap .share-container {
  z-index: 9;
  position: fixed;
  top: 10%;
  right: 60px;
  bottom: 3%;
  transform: translateX(170px);
}
@media print, screen and (max-width: 74.99875em) {
  .shangyuanWrap .share-container {
    right: 20px;
  }
}
.shangyuanWrap .share-container .share-area {
  text-align: center;
  position: sticky;
  top: 30vh;
}
.shangyuanWrap .share-container .share-area .text {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .share-container .share-area .shareList {
    margin-bottom: 30px;
  }
}
.shangyuanWrap .share-container .share-area .shareList a {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 15px;
}
.shangyuanWrap .share-container .share-area .shareList a:hover {
  opacity: 0.6;
}
.shangyuanWrap .share-container .share-area .shareList a:last-child {
  margin-bottom: 0;
}
.shangyuanWrap .share-container .share-area .btn {
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 60px;
}
.shangyuanWrap .share-container .share-area .btn:hover {
  opacity: 0.6;
}
.shangyuanWrap .shangyuan-deco-1 {
  position: absolute;
  top: -263px;
  right: -15px;
  z-index: 2;
}
.shangyuanWrap .shangyuan-deco-2 {
  position: absolute;
  top: -215px;
  right: 75px;
  z-index: 1;
}
.shangyuanWrap .c-yt-area {
  padding: 80px 0;
  max-width: 790px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  .shangyuanWrap .c-yt-area {
    max-width: 790px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area {
    position: relative;
    padding: 0;
    max-width: 100%;
  }
}
.shangyuanWrap .c-yt-area .pic {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
.shangyuanWrap .c-yt-area .pic .line {
  width: 777px;
  height: 4px;
  background-color: #e8b356;
}
.shangyuanWrap .c-yt-area .pic .lamp-1 {
  margin-right: 200px;
}
.shangyuanWrap .c-yt-area .pic .lamp {
  position: relative;
  z-index: 1;
}
.shangyuanWrap .c-yt-area .pic .lamp:after {
  position: absolute;
  content: "";
  width: 500px;
  height: 500px;
  top: 0px;
  left: calc(50% - 250px);
  background: radial-gradient(#ddc281 -40%, transparent 65%);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  transition: 0.3s all;
}
.shangyuanWrap .c-yt-area .pic .lamp:hover:after {
  opacity: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .article-area {
    max-width: 83%;
    margin: 0 auto 28px;
  }
}
.shangyuanWrap .c-yt-area .article-area .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 10px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 30px;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .article-area .title {
    font-size: 17px;
    letter-spacing: 7px;
    white-space: nowrap;
  }
}
.shangyuanWrap .c-yt-area .article-area .title b {
  font-size: 50px;
  letter-spacing: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .article-area .title b {
    font-size: 26px;
    letter-spacing: 13px;
  }
}
.shangyuanWrap .c-yt-area .article-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
.shangyuanWrap .c-yt-area .yt-container {
  margin-top: 50px;
  width: 100%;
  height: 375px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-container {
    margin-top: 0px;
    width: 100%;
    height: 50vw;
    position: relative;
  }
}
.shangyuanWrap .c-yt-area .yt-container .cover-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
}
.shangyuanWrap .c-yt-area .yt-container .cover-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shangyuanWrap .c-yt-area .yt-container .cover-area .cover,
.shangyuanWrap .c-yt-area .yt-container .cover-area .play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.shangyuanWrap .c-yt-area .yt-container .cover-area .cover img,
.shangyuanWrap .c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shangyuanWrap .c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.shangyuanWrap .c-yt-area .yt-container .yt-area {
  position: relative;
  width: 100%;
  height: 100%;
}
.shangyuanWrap .c-yt-area .yt-container .yt-area iframe {
  width: 100%;
  height: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco {
    position: relative;
    width: 100%;
    height: 360px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 {
    position: absolute;
    top: -30px;
    left: -50px;
    transition: 3s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu {
    position: absolute;
    opacity: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 {
    bottom: -120px;
    z-index: 2;
    transform: translateX(-170px);
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .hulu-deco-1 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .shadow-1 {
    z-index: 0;
    bottom: -130px;
    left: 43px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 {
    bottom: -65px;
    left: 80px;
    z-index: 1;
    transform: translateX(-285px);
    transition-delay: 0.5s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .hulu-deco-2 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .shadow-2 {
    z-index: 0;
    bottom: -145px;
    left: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 {
    left: 21px;
    bottom: -55px;
    z-index: 0;
    transform: translateX(-190px);
    transition-delay: 1s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 .hulu-deco-3 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-5 {
    position: absolute;
    top: 215px;
    right: 110px;
    transition: 3s;
    transition-delay: 0s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-5 .hulu {
    position: absolute;
    right: 0px;
    opacity: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-5 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 {
    z-index: 1;
    transform: translateX(340px);
    transition-delay: 1.25s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 .shadow-4 {
    z-index: 0;
    right: -109px;
    bottom: -127px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 {
    bottom: 25px;
    right: 50px;
    z-index: 0;
    transform: translateX(340px);
    transition-delay: 1.5s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .hulu-deco-5 {
    transform-origin: 45% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .shadow-5 {
    z-index: 0;
    right: -119px;
    bottom: -146px;
  }
}
.shangyuanWrap .c-feature-area {
  padding: 80px 0;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  .shangyuanWrap .c-feature-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .shangyuanWrap .c-feature-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-feature-area {
    padding-bottom: 0px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.shangyuanWrap .c-feature-area .logo {
  text-align: center;
  margin: 0px auto 55px;
  width: 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-feature-area .logo {
    text-align: center;
    margin: 0px auto 55px;
    width: 230px;
  }
}
.shangyuanWrap .c-feature-area .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-feature-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.shangyuanWrap .c-feature-area .featureList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-feature-area .featureList {
    display: block;
    background-color: #f6a59f;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-feature-area .featureList.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-feature-area .featureList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 70px;
  }
}
.shangyuanWrap .c-feature-area .featureList li:last-child {
  margin-bottom: 0px;
}
.shangyuanWrap .c-feature-area .featureList li .pic {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-feature-area .featureList li .pic {
    text-align: center;
    margin-bottom: 32px;
  }
}
.shangyuanWrap .c-feature-area .featureList li .pic img {
  width: 100%;
}
.shangyuanWrap .c-feature-area .featureList li .title {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin-bottom: 24px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-feature-area .featureList li .title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
.shangyuanWrap .c-feature-area .featureList li .content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #fff;
}
.shangyuanWrap .c-god-area {
  max-width: 1400px;
  margin: 0 auto 140px;
  padding: 80px 0;
}
@media print, screen and (max-width: 99.99875em) {
  .shangyuanWrap .c-god-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .shangyuanWrap .c-god-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-god-area {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
.shangyuanWrap .c-god-area .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-god-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-god-area .god-area {
    margin: 0 auto;
    background-color: #f6a59f;
    padding-bottom: 80px;
  }
}
.shangyuanWrap .c-god-area .god-area .pic {
  margin-bottom: 60px;
  border-bottom: none;
}
.shangyuanWrap .c-god-area .god-area .article-area {
  max-width: 777px;
  margin: 0 auto;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-god-area .god-area .article-area {
    max-width: 83%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
}
.shangyuanWrap .c-god-area .god-area .article-area .title {
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 42px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-god-area .god-area .article-area .title {
    font-size: 23px;
    letter-spacing: 3px;
    margin-bottom: 42px;
  }
}
.shangyuanWrap .c-god-area .god-area .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-god-area .god-area .article-area .content {
    font-size: 15px;
    text-align: left;
  }
}
.shangyuanWrap .c-god-area .godList {
  margin-top: 120px;
}
.shangyuanWrap .c-god-area .godList li:nth-child(odd) .article-area {
  text-align: right;
}
.shangyuanWrap .c-god-area .godList .article-area {
  padding: 0 10%;
}
.shangyuanWrap .c-god-area .godList .article-area .title {
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 7px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 40px;
}
.shangyuanWrap .c-god-area .godList .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
}
.shangyuanWrap .shangyuan-area-container {
  margin: 190px auto 0px;
  padding: 0px;
}
.shangyuanWrap .shangyuan-area-container .head {
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-container .shangyuan-content {
    background-color: #8becfc;
    padding-top: 25px;
    padding-bottom: 45px;
  }
}
.shangyuanWrap .shangyuan-area-1 {
  padding: 130px 0 80px;
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 {
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}
.shangyuanWrap .shangyuan-area-1 .slogan {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 22px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 10px;
  }
}
.shangyuanWrap .shangyuan-area-1 .slogan.is-black {
  color: #000;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
  }
}
.shangyuanWrap .shangyuan-area-1 .content-area {
  max-width: 1022px;
  position: absolute;
  top: 500px;
  max-width: 1098px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 206px;
  opacity: 0;
  transform: translateY(30px);
  opacity: 1;
  transform: translateY(0px);
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .content-area {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
    padding: 0 20px;
  }
}
.shangyuanWrap .shangyuan-area-1 .content-area.is-black .content {
  color: #000;
}
.shangyuanWrap .shangyuan-area-1 .content-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ccc;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .content-area .content {
    font-size: 14px;
  }
}
.shangyuanWrap .shangyuan-area-1 .content-area .content b {
  font-weight: 500;
  font-size: 31px;
  letter-spacing: 16px;
  display: block;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .content-area {
    max-width: 83%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 35px;
  }
}
.shangyuanWrap .shangyuan-area-1 .content-area .content {
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .content-area .content {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.8;
    font-weight: 400;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .content-area .content b {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 7px;
    display: block;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .wave-area {
    zoom: 0.25;
  }
}
.shangyuanWrap .shangyuan-area-1 .wave-area .marquee {
  display: inline-flex;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .marquee img {
  max-width: initial;
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marquee2 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
.shangyuanWrap .shangyuan-area-1 .wave-area .one {
  position: relative;
  z-index: 0;
  margin-bottom: -250px;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .one .marquee {
  animation: marquee 15s infinite linear;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .treasure {
  position: relative;
  z-index: 1;
  margin-left: 200px;
  margin-top: -450px;
  animation: love-float 5s infinite linear;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .two {
  position: relative;
  z-index: 2;
  margin-bottom: -143px;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .two .marquee {
  animation: marquee2 18s infinite linear;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .three {
  position: relative;
  z-index: 3;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .three .marquee {
  animation: marquee 13s infinite linear;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .four {
  position: relative;
  z-index: 4;
  margin-bottom: -218px;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .hand {
  position: relative;
  z-index: 3;
  margin-bottom: -400px;
  text-align: center;
}
.shangyuanWrap .shangyuan-area-1 .wave-area .five {
  position: relative;
  z-index: 2;
  position: relative;
}
.shangyuanWrap .shangyuan-area-1 .shine-area {
  margin: 0 auto 250px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.shangyuanWrap .shangyuan-area-1 .shine-area.top {
  max-width: 1600px;
  margin-bottom: -100px;
  margin-top: -300px;
  position: relative;
  z-index: 4;
}
.shangyuanWrap .shangyuan-area-1 .shine-area.bottom {
  grid-gap: 0 380px;
}
.shangyuanWrap .shangyuan-area-1 .shine-area .shine {
  position: relative;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.shangyuanWrap .shangyuan-area-1 .shine-area .shine.shine-1 .pic {
  animation: s-star 5s infinite ease-in;
}
.shangyuanWrap .shangyuan-area-1 .shine-area .shine.shine-2 .pic {
  animation: s-star 7s infinite ease-in;
}
.shangyuanWrap .shangyuan-area-1 .shine-area .shine.shine-3 .pic {
  animation: s-star 4s infinite ease-in;
}
.shangyuanWrap .shangyuan-area-1 .shine-area .shine.shine-4 .pic {
  animation: s-star 8s infinite ease-in;
}
.shangyuanWrap .shangyuan-area-1 .shine-area .shine .text {
  position: absolute;
  color: #fff;
  font-size: 150px;
  font-weight: 600;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.shangyuanWrap .shangyuan-area-1 .money {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 467px;
  z-index: 3;
}
.shangyuanWrap .shangyuan-area-1 .peace-container {
  position: relative;
  margin: 90px 0 100px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .peace-container {
    position: relative;
    margin-top: 60px;
    margin-bottom: 30px;
  }
}
.shangyuanWrap .shangyuan-area-1 .peace-container .cloud-area {
  margin-top: 300px;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .cloud-area .one {
  position: relative;
  z-index: 0;
  margin-bottom: -700px;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .cloud-area .two {
  position: relative;
  z-index: 1;
  margin-bottom: -194px;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .cloud-area .three {
  position: relative;
  z-index: 3;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area {
  position: relative;
  margin-bottom: -508px;
  z-index: 2;
}
@media screen and (min-width: 75em) and (max-width: 99.99875em) {
  .shangyuanWrap .shangyuan-area-1 .peace-container .peace-area {
    zoom: 0.8;
  }
}
@media print, screen and (min-width: 64.0625em) and (max-width: 74.99875em) {
  .shangyuanWrap .shangyuan-area-1 .peace-container .peace-area {
    zoom: 0.7;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .peace-container .peace-area {
    zoom: 0.5;
    max-width: 83%;
    width: 100%;
    position: relative;
    left: 0px;
    justify-content: space-around;
    margin: 0 auto;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .shangyuanWrap .shangyuan-area-1 .peace-container .peace-area {
    zoom: 1;
  }
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .peace {
  position: relative;
  margin: 80px 150px 0;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .peace {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    margin: 0px;
  }
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .peace-1 {
  animation: float-1 2s infinite alternate;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .peace-2 {
  animation: float-1 2s 0.5s infinite alternate;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center {
  position: relative;
  width: 412px;
  height: 967px;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item {
  position: absolute;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.s-1 {
  top: 574px;
  left: calc(50% - 165px);
  z-index: 5;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.shine {
  width: 600px;
  height: 600px;
  top: 300px;
  left: calc(50% - 300px);
  z-index: 6;
  background: radial-gradient(#ddc281 -40%, transparent 65%);
  border-radius: 50%;
  animation: v-shine 3s linear infinite;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.s-2 {
  top: 428px;
  left: 50%;
  z-index: 4;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.s-2 img {
  transform: translateX(-50%);
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.s-3 {
  top: 214px;
  left: -12px;
  z-index: 3;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.s-4 {
  top: 275px;
  right: 11px;
  z-index: 2;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.s-5 {
  top: -63px;
  left: 51.5%;
  z-index: 1;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.s-5 img {
  transform: translateX(-50%);
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .shangyuan-deco-center .s-item.deco {
  top: 220px;
  animation: cele-deco-rotate 20s infinite linear;
}
.shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .deco-1 {
  position: absolute;
  top: -40px;
  left: -80px;
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-1 .peace-container .peace-area .deco-1 {
    top: -20px;
    left: -10px;
  }
}
.shangyuanWrap .shangyuan-area-2 {
  position: relative;
  max-width: 1400px;
  margin: 0 auto 180px;
  padding-left: 144px;
}
@media print, screen and (max-width: 99.99875em) {
  .shangyuanWrap .shangyuan-area-2 {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .shangyuanWrap .shangyuan-area-2 {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 {
    position: relative;
    max-width: 83%;
    margin: 0 auto 127px;
    padding-left: 0px;
  }
}
.shangyuanWrap .shangyuan-area-2 .bigword {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .bigword {
    position: static;
    text-align: center;
    margin-bottom: 20px;
  }
}
.shangyuanWrap .shangyuan-area-2 .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  color: #fff;
  padding: 0 40px;
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .head {
    text-align: center;
    font-size: 26px;
    padding: 0px;
    margin-bottom: 20px;
  }
}
.shangyuanWrap .shangyuan-area-2 .xaList {
  margin-top: 20px;
}
.shangyuanWrap .shangyuan-area-2 .xaList li {
  position: relative;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 50px 30% 50px 40px;
  cursor: pointer;
  margin-bottom: -1px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .xaList li {
    padding: 50px 0;
    text-align: center;
  }
}
.shangyuanWrap .shangyuan-area-2 .xaList li.is-open .arrow {
  top: 33%;
  transform: rotateZ(-180deg);
}
.shangyuanWrap .shangyuan-area-2 .xaList li.is-open .arrow .cls-1 {
  fill: #fff;
}
.shangyuanWrap .shangyuan-area-2 .xaList li.is-open .arrow .cls-2 {
  stroke: #da4e36;
}
.shangyuanWrap .shangyuan-area-2 .xaList .title {
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 5px;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .xaList .title {
    font-size: 22px;
  }
}
.shangyuanWrap .shangyuan-area-2 .xaList .answer {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .xaList .answer {
    font-size: 14px;
  }
}
.shangyuanWrap .shangyuan-area-2 .xaList .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  zoom: 1.8;
  transform-origin: center;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .xaList .arrow {
    top: auto;
    right: auto;
    bottom: -48px;
    left: calc(50% - 21px);
    zoom: 1;
    z-index: 1;
  }
}
.shangyuanWrap .shangyuan-area-2 .xaList .arrow:hover .cls-1 {
  fill: #fff;
}
.shangyuanWrap .shangyuan-area-2 .xaList .arrow:hover .cls-2 {
  stroke: #da4e36;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .xaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
}
.shangyuanWrap .shangyuan-area-2 .xaList .arrow .cls-1 {
  fill: #da4e36;
  stroke: #da4e36;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .xaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #e8382f;
  }
}
.shangyuanWrap .shangyuan-area-2 .xaList .arrow .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
}
.shangyuanWrap .shangyuan-area-2 .box-container {
  margin-top: 130px;
  padding: 0 40px;
}
.shangyuanWrap .shangyuan-area-2 .box-container .article-area {
  max-width: 530px;
  margin-right: 130px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .box-container .article-area {
    max-width: 100%;
    margin: 0 auto;
  }
}
.shangyuanWrap .shangyuan-area-2 .box-container .article-area .title {
  font-weight: 700;
  font-size: 35px;
  letter-spacing: 7px;
  color: #fff;
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .box-container .article-area .title {
    font-size: 28px;
    text-align: center;
  }
}
.shangyuanWrap .shangyuan-area-2 .box-container .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
  text-align: justify;
  margin-bottom: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .box-container .article-area .content {
    font-size: 14px;
  }
}
.shangyuanWrap .shangyuan-area-2 .box-container .pic {
  margin-top: -50px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .box-container .pic {
    text-align: center;
  }
}
.shangyuanWrap .shangyuan-area-2 .box-container .money {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: 8px;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .box-container .money {
    font-size: 25px;
    margin-top: 30px;
  }
}
.shangyuanWrap .shangyuan-area-2 .box-container .money b {
  font-size: 56px;
  letter-spacing: 4px;
  color: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .box-container .money b {
    font-size: 38px;
  }
}
.shangyuanWrap .shangyuan-area-2 .box-container .money i {
  font-size: 18px;
  letter-spacing: 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .shangyuan-area-2 .box-container .money i {
    font-size: 14px;
  }
}
.shangyuanWrap .pudu-trans-area {
  padding: 20px 0 95px;
}
.shangyuanWrap .flowWrap {
  max-width: 1400px;
  margin: 0 auto 250px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .flowWrap .cd-slide-wrap {
    position: relative;
    margin-bottom: 210px;
    transition: all 0.5s;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap.is-open {
    margin-bottom: 0;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap.is-open .mobile-open-btn {
    bottom: -49px;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap.is-open .mobile-open-btn .mob-arrow {
    transform: translate(-50%, -50%) rotateX(180deg);
    margin: -2px 0 0 3px;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap .cd-slide-container {
    display: none;
    padding-bottom: 90px;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap .cd-slide-container.is-ghost {
    background-color: #1B2860;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap .cd-slide-container.is-fortune {
    background-color: #f4d47a;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap .mobile-open-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -94px;
    cursor: pointer;
    transition: all 0.5s;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap .mobile-open-btn img {
    max-width: initial;
  }
  .shangyuanWrap .flowWrap .cd-slide-wrap .mobile-open-btn .mob-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    margin: 4px 0 0 2px;
    transition: all 0.5s;
  }
}
@media print, screen and (max-width: 99.99875em) {
  .shangyuanWrap .flowWrap {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .shangyuanWrap .flowWrap {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .flowWrap {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
.shangyuanWrap .flowWrap.is-black .head {
  color: #000;
  border-color: #c99d4e;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .flowWrap.is-black .head {
    border: none;
  }
}
.shangyuanWrap .flowWrap .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .flowWrap .head {
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.shangyuanWrap .flowWrap .mobile-head {
  margin-bottom: 40px;
  text-align: center;
}
.shangyuanWrap .flowWrap .flow-sliderWrap {
  background-color: #e8b356;
  border-radius: 0 0 15px 15px;
  text-align: center;
  padding: 87px 40px;
  margin-top: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .flowWrap .flow-sliderWrap {
    padding: 50px 0 40px;
    border-radius: 0;
    margin-top: 0;
  }
}
.shangyuanWrap .flowWrap .flow-sliderWrap.is-red {
  background-color: #da4e36;
}
.shangyuanWrap .flowWrap .flow-sliderWrap .flickity-page-dots {
  position: relative;
  bottom: 0;
  margin-top: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .flowWrap .flow-sliderWrap .flickity-page-dots {
    margin-top: 25px;
  }
}
.shangyuanWrap .flowWrap .flow-sliderWrap .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.5s;
  margin: 0 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .flowWrap .flow-sliderWrap .flickity-page-dots .dot {
    margin: 0 7px;
  }
}
.shangyuanWrap .flowWrap .flow-sliderWrap .flickity-page-dots .dot.is-selected {
  background-color: #fff;
}
.shangyuanWrap .flowWrap .flow-sliderWrap .flow-sliderList li {
  width: 100%;
}
.shangyuanWrap .flowWrap .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 87px auto 0;
  zoom: 1.56;
}
.shangyuanWrap .flowWrap .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.shangyuanWrap .flowWrap .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.shangyuanWrap .flowWrap .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .flowWrap .more {
    zoom: 1;
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-area-3 .content {
    padding-top: 50px;
    max-width: 100%;
    background-color: #8becfc;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-area-3 .content.open-wrap {
    display: none;
  }
}
.shangyuanWrap .xiayuan-bookList li .title {
  color: #fff;
}
.shangyuanWrap .xiayuan-bookList li .content {
  color: #fff;
}
.shangyuanWrap .c-qa-area {
  text-align: center;
  padding-bottom: 330px;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area {
    margin: 190px auto 0px;
    padding: 0px;
  }
}
.shangyuanWrap .c-qa-area .head {
  margin-bottom: 50px;
}
.shangyuanWrap .c-qa-area .head .title {
  left: 43.5%;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .content {
    background-color: #da4e36;
    padding-bottom: 120px;
  }
}
.shangyuanWrap .c-qa-area .qaList {
  max-width: 780px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .qaList {
    max-width: 83%;
  }
}
.shangyuanWrap .c-qa-area .qaList li {
  position: relative;
  border-bottom: 2px solid #e8b356;
  padding: 60px 0 40px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .qaList li {
    border-bottom: 2px solid #ffc97b;
  }
}
.shangyuanWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
  fill: #ffffff;
  stroke: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
    stroke: #e8382f;
  }
}
.shangyuanWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
  stroke: #e8b356;
  transform: rotate(-180deg);
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
    stroke: #e8382f;
  }
}
.shangyuanWrap .c-qa-area .qaList .title {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 5px;
  line-height: 1.5;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .qaList .title {
    font-size: 23px;
  }
}
.shangyuanWrap .c-qa-area .qaList .answer {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #ffffff;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .qaList .answer {
    text-align: left;
    font-size: 14px;
  }
}
.shangyuanWrap .c-qa-area .qaList .arrow {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 0;
  cursor: pointer;
}
.shangyuanWrap .c-qa-area .qaList .arrow:hover .cls-1 {
  fill: #ffffff;
}
.shangyuanWrap .c-qa-area .qaList .arrow:hover .cls-2 {
  stroke: #efb970;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .qaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
}
.shangyuanWrap .c-qa-area .qaList .arrow .cls-1 {
  fill: #efb970;
  stroke: #efb970;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .shangyuanWrap .c-qa-area .qaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #ffc97b;
  }
}
.shangyuanWrap .c-qa-area .qaList .arrow .cls-2 {
  fill: none;
  stroke: #ffffff;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
  transition: all 0.3s;
}

.wealthWrap {
  background-color: #fa7a18;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap {
    padding: 100px 0 250px;
    position: relative;
  }
}
.wealthWrap .share-container {
  z-index: 9;
  position: fixed;
  top: 10%;
  right: 60px;
  bottom: 3%;
  transform: translateX(170px);
}
@media print, screen and (max-width: 74.99875em) {
  .wealthWrap .share-container {
    right: 20px;
  }
}
.wealthWrap .share-container .share-area {
  text-align: center;
  position: sticky;
  top: 30vh;
}
.wealthWrap .share-container .share-area .text {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .share-container .share-area .shareList {
    margin-bottom: 30px;
  }
}
.wealthWrap .share-container .share-area .shareList a {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 15px;
}
.wealthWrap .share-container .share-area .shareList a:hover {
  opacity: 0.6;
}
.wealthWrap .share-container .share-area .shareList a:last-child {
  margin-bottom: 0;
}
.wealthWrap .share-container .share-area .btn {
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 60px;
}
.wealthWrap .share-container .share-area .btn:hover {
  opacity: 0.6;
}
.wealthWrap .shangyuan-deco-1 {
  position: absolute;
  top: -263px;
  right: -15px;
  z-index: 2;
}
.wealthWrap .shangyuan-deco-2 {
  position: absolute;
  top: -215px;
  right: 75px;
  z-index: 1;
}
.wealthWrap .c-yt-area {
  position: relative;
  z-index: 5;
  padding: 80px 0;
  max-width: 790px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  .wealthWrap .c-yt-area {
    max-width: 790px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area {
    position: relative;
    padding: 0;
    max-width: 100%;
  }
}
.wealthWrap .c-yt-area .pic {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
.wealthWrap .c-yt-area .pic .line {
  width: 777px;
  height: 4px;
  background-color: #e8b356;
}
.wealthWrap .c-yt-area .pic .lamp-1 {
  margin-right: 200px;
}
.wealthWrap .c-yt-area .pic .lamp {
  position: relative;
  z-index: 1;
}
.wealthWrap .c-yt-area .pic .lamp:after {
  position: absolute;
  content: "";
  width: 500px;
  height: 500px;
  top: 0px;
  left: calc(50% - 250px);
  background: radial-gradient(#ddc281 -40%, transparent 65%);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  transition: 0.3s all;
}
.wealthWrap .c-yt-area .pic .lamp:hover:after {
  opacity: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .article-area {
    max-width: 83%;
    margin: 0 auto 28px;
  }
}
.wealthWrap .c-yt-area .article-area .title {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 10px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 30px;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .article-area .title {
    font-size: 17px;
    letter-spacing: 7px;
    white-space: nowrap;
  }
}
.wealthWrap .c-yt-area .article-area .title b {
  font-size: 50px;
  letter-spacing: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .article-area .title b {
    font-size: 26px;
    letter-spacing: 13px;
  }
}
.wealthWrap .c-yt-area .article-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
.wealthWrap .c-yt-area .yt-container {
  margin-top: 50px;
  width: 100%;
  height: 375px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-container {
    margin-top: 0px;
    width: 100%;
    height: 50vw;
    position: relative;
  }
}
.wealthWrap .c-yt-area .yt-container .cover-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  z-index: 1;
}
.wealthWrap .c-yt-area .yt-container .cover-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wealthWrap .c-yt-area .yt-container .cover-area .cover,
.wealthWrap .c-yt-area .yt-container .cover-area .play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wealthWrap .c-yt-area .yt-container .cover-area .cover img,
.wealthWrap .c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wealthWrap .c-yt-area .yt-container .cover-area .play img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.wealthWrap .c-yt-area .yt-container .yt-area {
  position: relative;
  width: 100%;
  height: 100%;
}
.wealthWrap .c-yt-area .yt-container .yt-area iframe {
  width: 100%;
  height: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco {
    position: relative;
    width: 100%;
    height: 360px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 {
    position: absolute;
    top: -30px;
    left: -50px;
    transition: 3s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu {
    position: absolute;
    opacity: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 {
    bottom: -120px;
    z-index: 2;
    transform: translateX(-170px);
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .hulu-deco-1 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .shadow-1 {
    z-index: 0;
    bottom: -130px;
    left: 43px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 {
    bottom: -65px;
    left: 80px;
    z-index: 1;
    transform: translateX(-285px);
    transition-delay: 0.5s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .hulu-deco-2 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .shadow-2 {
    z-index: 0;
    bottom: -145px;
    left: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 {
    left: 21px;
    bottom: -55px;
    z-index: 0;
    transform: translateX(-190px);
    transition-delay: 1s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 .hulu-deco-3 {
    transform-origin: 50% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-5 {
    position: absolute;
    top: 215px;
    right: 110px;
    transition: 3s;
    transition-delay: 0s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-5 .hulu {
    position: absolute;
    right: 0px;
    opacity: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-5 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 {
    z-index: 1;
    transform: translateX(340px);
    transition-delay: 1.25s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 .shadow-4 {
    z-index: 0;
    right: -109px;
    bottom: -127px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 {
    bottom: 25px;
    right: 50px;
    z-index: 0;
    transform: translateX(340px);
    transition-delay: 1.5s;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .hulu-deco-5 {
    transform-origin: 45% 90%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .shadow-5 {
    z-index: 0;
    right: -119px;
    bottom: -146px;
  }
}
.wealthWrap .c-feature-area {
  padding: 80px 0;
  max-width: 1400px;
  margin: 0 auto;
}
@media print, screen and (max-width: 99.99875em) {
  .wealthWrap .c-feature-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .wealthWrap .c-feature-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-feature-area {
    padding-bottom: 0px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.wealthWrap .c-feature-area .logo {
  text-align: center;
  margin: 0px auto 55px;
  width: 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-feature-area .logo {
    text-align: center;
    margin: 0px auto 55px;
    width: 230px;
  }
}
.wealthWrap .c-feature-area .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-feature-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.wealthWrap .c-feature-area .featureList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-feature-area .featureList {
    display: block;
    background-color: #f6a59f;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-feature-area .featureList.open-wrap {
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-feature-area .featureList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 70px;
  }
}
.wealthWrap .c-feature-area .featureList li:last-child {
  margin-bottom: 0px;
}
.wealthWrap .c-feature-area .featureList li .pic {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-feature-area .featureList li .pic {
    text-align: center;
    margin-bottom: 32px;
  }
}
.wealthWrap .c-feature-area .featureList li .pic img {
  width: 100%;
}
.wealthWrap .c-feature-area .featureList li .title {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin-bottom: 24px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-feature-area .featureList li .title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
.wealthWrap .c-feature-area .featureList li .content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #fff;
}
.wealthWrap .c-god-area {
  max-width: 1400px;
  margin: 0 auto 140px;
  padding: 80px 0;
}
@media print, screen and (max-width: 99.99875em) {
  .wealthWrap .c-god-area {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .wealthWrap .c-god-area {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-god-area {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
.wealthWrap .c-god-area .head {
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-god-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-god-area .god-area {
    margin: 0 auto;
    background-color: #f6a59f;
    padding-bottom: 80px;
  }
}
.wealthWrap .c-god-area .god-area .pic {
  margin-bottom: 60px;
  border-bottom: none;
}
.wealthWrap .c-god-area .god-area .article-area {
  max-width: 777px;
  margin: 0 auto;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-god-area .god-area .article-area {
    max-width: 83%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
}
.wealthWrap .c-god-area .god-area .article-area .title {
  font-weight: 600;
  font-size: 32px;
  letter-spacing: 3px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 42px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-god-area .god-area .article-area .title {
    font-size: 23px;
    letter-spacing: 3px;
    margin-bottom: 42px;
  }
}
.wealthWrap .c-god-area .god-area .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-god-area .god-area .article-area .content {
    font-size: 15px;
    text-align: left;
  }
}
.wealthWrap .c-god-area .godList {
  margin-top: 120px;
}
.wealthWrap .c-god-area .godList li:nth-child(odd) .article-area {
  text-align: right;
}
.wealthWrap .c-god-area .godList .article-area {
  padding: 0 10%;
}
.wealthWrap .c-god-area .godList .article-area .title {
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 7px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 40px;
}
.wealthWrap .c-god-area .godList .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
}
.wealthWrap .shangyuan-area-container {
  margin: 190px auto 0px;
  padding: 0px;
}
.wealthWrap .shangyuan-area-container .head {
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-container .shangyuan-content {
    background-color: #8becfc;
    padding-top: 25px;
    padding-bottom: 45px;
  }
}
.wealthWrap .wealth-area-1 {
  padding: 130px 0 80px;
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 {
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}
.wealthWrap .wealth-area-1 .slogan {
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 22px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin-bottom: 200px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 10px;
  }
}
.wealthWrap .wealth-area-1 .slogan.is-black {
  color: #000;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
  }
}
.wealthWrap .wealth-area-1 .title {
  margin-bottom: -400px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.wealthWrap .wealth-area-1 .shine {
  text-align: center;
  margin-bottom: -1200px;
  position: relative;
  z-index: 0;
  animation: cele-deco-rotate 30s linear infinite;
}
.wealthWrap .wealth-area-1 .sun {
  position: relative;
  z-index: 1;
  text-align: center;
}
.wealthWrap .wealth-area-1 .content-area {
  max-width: 1022px;
  position: absolute;
  top: 500px;
  max-width: 1098px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 206px;
  opacity: 0;
  transform: translateY(30px);
  opacity: 1;
  transform: translateY(0px);
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .content-area {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
    padding: 0 20px;
  }
}
.wealthWrap .wealth-area-1 .content-area.is-black .content {
  color: #000;
}
.wealthWrap .wealth-area-1 .content-area .content {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #ccc;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .content-area .content {
    font-size: 14px;
  }
}
.wealthWrap .wealth-area-1 .content-area .content b {
  font-weight: 500;
  font-size: 31px;
  letter-spacing: 16px;
  display: block;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .content-area {
    max-width: 83%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 35px;
  }
}
.wealthWrap .wealth-area-1 .content-area .content {
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .content-area .content {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.8;
    font-weight: 400;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .content-area .content b {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 7px;
    display: block;
  }
}
.wealthWrap .wealth-area-1 .cloud-container {
  position: relative;
  margin-top: -300px;
  margin-bottom: -600px;
  z-index: 1;
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .one {
  position: relative;
  z-index: 0;
  margin-bottom: -800px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .cloud-container .bg-area .one {
    margin-bottom: -55px;
    transform: translateY(40px);
  }
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .two {
  position: relative;
  z-index: 1;
  margin-bottom: -700px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .wealth-area-1 .cloud-container .bg-area .two {
    margin-bottom: -44px;
    transform: translateY(20px);
  }
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .red-envelope {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto -1020px;
  z-index: 2;
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .red-envelope .close {
  position: absolute;
  top: 200px;
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .red-envelope .opened {
  opacity: 0;
  position: relative;
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .red-envelope .opened .money {
  opacity: 0;
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .red-envelope .opened .money-1 {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: -376px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  z-index: 2;
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .red-envelope .opened .money-2 {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: -405px;
  left: 15%;
  transform: translateX(-50%) translateY(20px);
  z-index: 1;
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .red-envelope .opened .money-3 {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  top: -405px;
  left: 85%;
  transform: translateX(-50%) translateY(20px);
}
.wealthWrap .wealth-area-1 .cloud-container .bg-area .three {
  position: relative;
  z-index: 3;
}
.wealthWrap .shangyuan-area-2 {
  position: relative;
  max-width: 1400px;
  margin: 0 auto 180px;
  padding-left: 144px;
}
@media print, screen and (max-width: 99.99875em) {
  .wealthWrap .shangyuan-area-2 {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .wealthWrap .shangyuan-area-2 {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 {
    position: relative;
    max-width: 83%;
    margin: 0 auto 127px;
    padding-left: 0px;
  }
}
.wealthWrap .shangyuan-area-2 .bigword {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .bigword {
    position: static;
    text-align: center;
    margin-bottom: 20px;
  }
}
.wealthWrap .shangyuan-area-2 .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  color: #fff;
  padding: 0 40px;
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .head {
    text-align: center;
    font-size: 26px;
    padding: 0px;
    margin-bottom: 20px;
  }
}
.wealthWrap .shangyuan-area-2 .xaList {
  margin-top: 20px;
}
.wealthWrap .shangyuan-area-2 .xaList li {
  position: relative;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 50px 30% 50px 40px;
  cursor: pointer;
  margin-bottom: -1px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .xaList li {
    padding: 50px 0;
    text-align: center;
  }
}
.wealthWrap .shangyuan-area-2 .xaList li.is-open .arrow {
  top: 33%;
  transform: rotateZ(-180deg);
}
.wealthWrap .shangyuan-area-2 .xaList li.is-open .arrow .cls-1 {
  fill: #fff;
}
.wealthWrap .shangyuan-area-2 .xaList li.is-open .arrow .cls-2 {
  stroke: #da4e36;
}
.wealthWrap .shangyuan-area-2 .xaList .title {
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 5px;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .xaList .title {
    font-size: 22px;
  }
}
.wealthWrap .shangyuan-area-2 .xaList .answer {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .xaList .answer {
    font-size: 14px;
  }
}
.wealthWrap .shangyuan-area-2 .xaList .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  zoom: 1.8;
  transform-origin: center;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .xaList .arrow {
    top: auto;
    right: auto;
    bottom: -48px;
    left: calc(50% - 21px);
    zoom: 1;
    z-index: 1;
  }
}
.wealthWrap .shangyuan-area-2 .xaList .arrow:hover .cls-1 {
  fill: #fff;
}
.wealthWrap .shangyuan-area-2 .xaList .arrow:hover .cls-2 {
  stroke: #da4e36;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .xaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
}
.wealthWrap .shangyuan-area-2 .xaList .arrow .cls-1 {
  fill: #da4e36;
  stroke: #da4e36;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .xaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #e8382f;
  }
}
.wealthWrap .shangyuan-area-2 .xaList .arrow .cls-2 {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
}
.wealthWrap .shangyuan-area-2 .box-container {
  margin-top: 130px;
  padding: 0 40px;
}
.wealthWrap .shangyuan-area-2 .box-container .article-area {
  max-width: 530px;
  margin-right: 130px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .box-container .article-area {
    max-width: 100%;
    margin: 0 auto;
  }
}
.wealthWrap .shangyuan-area-2 .box-container .article-area .title {
  font-weight: 700;
  font-size: 35px;
  letter-spacing: 7px;
  color: #fff;
  margin-bottom: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .box-container .article-area .title {
    font-size: 28px;
    text-align: center;
  }
}
.wealthWrap .shangyuan-area-2 .box-container .article-area .content {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
  text-align: justify;
  margin-bottom: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .box-container .article-area .content {
    font-size: 14px;
  }
}
.wealthWrap .shangyuan-area-2 .box-container .pic {
  margin-top: -50px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .box-container .pic {
    text-align: center;
  }
}
.wealthWrap .shangyuan-area-2 .box-container .money {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: 8px;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .box-container .money {
    font-size: 25px;
    margin-top: 30px;
  }
}
.wealthWrap .shangyuan-area-2 .box-container .money b {
  font-size: 56px;
  letter-spacing: 4px;
  color: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .box-container .money b {
    font-size: 38px;
  }
}
.wealthWrap .shangyuan-area-2 .box-container .money i {
  font-size: 18px;
  letter-spacing: 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .shangyuan-area-2 .box-container .money i {
    font-size: 14px;
  }
}
.wealthWrap .pudu-trans-area {
  padding: 20px 0 95px;
}
.wealthWrap .flowWrap {
  max-width: 1400px;
  margin: 0 auto 250px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .flowWrap .cd-slide-wrap {
    position: relative;
    margin-bottom: 210px;
    transition: all 0.5s;
  }
  .wealthWrap .flowWrap .cd-slide-wrap.is-open {
    margin-bottom: 0;
  }
  .wealthWrap .flowWrap .cd-slide-wrap.is-open .mobile-open-btn {
    bottom: -49px;
  }
  .wealthWrap .flowWrap .cd-slide-wrap.is-open .mobile-open-btn .mob-arrow {
    transform: translate(-50%, -50%) rotateX(180deg);
    margin: -2px 0 0 3px;
  }
  .wealthWrap .flowWrap .cd-slide-wrap .cd-slide-container {
    display: none;
    padding-bottom: 90px;
  }
  .wealthWrap .flowWrap .cd-slide-wrap .cd-slide-container.is-ghost {
    background-color: #1B2860;
  }
  .wealthWrap .flowWrap .cd-slide-wrap .cd-slide-container.is-fortune {
    background-color: #f4d47a;
  }
  .wealthWrap .flowWrap .cd-slide-wrap .mobile-open-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -94px;
    cursor: pointer;
    transition: all 0.5s;
  }
  .wealthWrap .flowWrap .cd-slide-wrap .mobile-open-btn img {
    max-width: initial;
  }
  .wealthWrap .flowWrap .cd-slide-wrap .mobile-open-btn .mob-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotateX(0deg);
    margin: 4px 0 0 2px;
    transition: all 0.5s;
  }
}
@media print, screen and (max-width: 99.99875em) {
  .wealthWrap .flowWrap {
    max-width: 1100px;
  }
}
@media print, screen and (max-width: 74.99875em) {
  .wealthWrap .flowWrap {
    max-width: 960px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .flowWrap {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
}
.wealthWrap .flowWrap.is-black .head {
  color: #000;
  border-color: #c99d4e;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .flowWrap.is-black .head {
    border: none;
  }
}
.wealthWrap .flowWrap .head {
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 12px;
  line-height: 1.4;
  color: #e8b356;
  text-align: center;
  border-bottom: 1px solid #e8b356;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .flowWrap .head {
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
}
.wealthWrap .flowWrap .mobile-head {
  margin-bottom: 40px;
  text-align: center;
}
.wealthWrap .flowWrap .flow-sliderWrap {
  background-color: #e8b356;
  border-radius: 0 0 15px 15px;
  text-align: center;
  padding: 87px 40px;
  margin-top: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .flowWrap .flow-sliderWrap {
    padding: 50px 0 40px;
    border-radius: 0;
    margin-top: 0;
  }
}
.wealthWrap .flowWrap .flow-sliderWrap.is-red {
  background-color: #da4e36;
}
.wealthWrap .flowWrap .flow-sliderWrap .flickity-page-dots {
  position: relative;
  bottom: 0;
  margin-top: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .flowWrap .flow-sliderWrap .flickity-page-dots {
    margin-top: 25px;
  }
}
.wealthWrap .flowWrap .flow-sliderWrap .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  background-color: transparent;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.5s;
  margin: 0 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .flowWrap .flow-sliderWrap .flickity-page-dots .dot {
    margin: 0 7px;
  }
}
.wealthWrap .flowWrap .flow-sliderWrap .flickity-page-dots .dot.is-selected {
  background-color: #fff;
}
.wealthWrap .flowWrap .flow-sliderWrap .flow-sliderList li {
  width: 100%;
}
.wealthWrap .flowWrap .more {
  --c1: #EC6531;
  --c2: #CA954A;
  position: relative;
  width: 134px;
  height: 44px;
  margin: 87px auto 0;
  zoom: 1.56;
}
.wealthWrap .flowWrap .more:hover .bg .cls-1 {
  fill: var(--c2);
}
.wealthWrap .flowWrap .more .bg .cls-1 {
  fill: var(--c1);
  transition: all 0.3s;
}
.wealthWrap .flowWrap .more .text {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: -1px 0 0 4px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .flowWrap .more {
    zoom: 1;
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-area-3 .content {
    padding-top: 50px;
    max-width: 100%;
    background-color: #8becfc;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-area-3 .content.open-wrap {
    display: none;
  }
}
.wealthWrap .xiayuan-bookList li .title {
  color: #fff;
}
.wealthWrap .xiayuan-bookList li .content {
  color: #fff;
}
.wealthWrap .c-qa-area {
  text-align: center;
  padding-bottom: 330px;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area {
    margin: 190px auto 0px;
    padding: 0px;
  }
}
.wealthWrap .c-qa-area .head {
  margin-bottom: 50px;
}
.wealthWrap .c-qa-area .head .title {
  left: 43.5%;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .content {
    background-color: #da4e36;
    padding-bottom: 120px;
  }
}
.wealthWrap .c-qa-area .qaList {
  max-width: 780px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .qaList {
    max-width: 83%;
  }
}
.wealthWrap .c-qa-area .qaList li {
  position: relative;
  border-bottom: 2px solid #e8b356;
  padding: 60px 0 40px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .qaList li {
    border-bottom: 2px solid #ffc97b;
  }
}
.wealthWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
  fill: #ffffff;
  stroke: #e8b356;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
    stroke: #e8382f;
  }
}
.wealthWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
  stroke: #e8b356;
  transform: rotate(-180deg);
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
    stroke: #e8382f;
  }
}
.wealthWrap .c-qa-area .qaList .title {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 5px;
  line-height: 1.5;
  color: #ffffff;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .qaList .title {
    font-size: 23px;
  }
}
.wealthWrap .c-qa-area .qaList .answer {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #ffffff;
  margin-top: 30px;
  display: none;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .qaList .answer {
    text-align: left;
    font-size: 14px;
  }
}
.wealthWrap .c-qa-area .qaList .arrow {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 0;
  cursor: pointer;
}
.wealthWrap .c-qa-area .qaList .arrow:hover .cls-1 {
  fill: #ffffff;
}
.wealthWrap .c-qa-area .qaList .arrow:hover .cls-2 {
  stroke: #efb970;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .qaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
}
.wealthWrap .c-qa-area .qaList .arrow .cls-1 {
  fill: #efb970;
  stroke: #efb970;
  stroke-miterlimit: 10;
  transition: all 0.3s;
}
@media print, screen and (max-width: 64.06125em) {
  .wealthWrap .c-qa-area .qaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #ffc97b;
  }
}
.wealthWrap .c-qa-area .qaList .arrow .cls-2 {
  fill: none;
  stroke: #ffffff;
  stroke-linejoin: round;
  stroke-width: 1px;
  transform-origin: center;
  transition: all 0.3s;
}

.cartWrap .top-head-area {
  position: relative;
  padding: 155px 0 75px;
  text-align: center;
  box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.2);
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .top-head-area {
    box-shadow: none;
    padding: 100px 0 40px;
  }
}
.cartWrap .top-head-area .title {
  text-align: center;
}
.cartWrap .top-head-area .back {
  position: absolute;
  left: 430px;
  top: 160px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .top-head-area .back {
    left: 20px;
    top: 210px;
    zoom: 0.5;
  }
}
.cartWrap .cart-container {
  max-width: 877px;
  margin: 0 auto;
  padding: 80px 0 300px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .cart-container {
    padding: 0px 0 50px;
  }
}
.cartWrap .step-container .s-number {
  max-width: 90%;
  margin: 0 auto 30px;
}
.cartWrap .step-container .s-number li {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #e94832;
  color: #534741;
  margin-right: 200px;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 10px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .step-container .s-number li {
    margin-right: 70px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    padding: 3px 6px;
  }
}
.cartWrap .step-container .s-number li::after {
  position: absolute;
  content: "";
  width: 200px;
  right: -201px;
  top: 50%;
  transform: translateY(-50%);
  border-bottom: 2px dashed #9a7a51;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .step-container .s-number li::after {
    width: 70px;
    right: -71px;
  }
}
.cartWrap .step-container .s-number li:last-child {
  margin-right: 0;
}
.cartWrap .step-container .s-number li:last-child::after {
  display: none;
}
.cartWrap .step-container .s-number li.is-step {
  background-color: #e94832;
  color: #fff;
}
.cartWrap .step-container .s-number li.is-step::after {
  border-bottom: 2px solid #cf4d36;
}
.cartWrap .step-container .s-title {
  margin-bottom: 130px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .step-container .s-title {
    margin-bottom: 50px;
  }
}
.cartWrap .step-container .s-title .d {
  fill: #4d4d4d;
  stroke-width: 0px;
}
.cartWrap .step-container .s-title .e {
  fill: none;
  stroke: #b4b4b5;
  stroke-miterlimit: 10;
}
.cartWrap .step-container .s-title li.is-step .d {
  fill: #fff;
}
.cartWrap .step-container .s-title li.is-step .e {
  fill: #cf4d36;
  stroke: #cf4d36;
}
.cartWrap .formWrap {
  max-width: 860px;
  margin: 0 auto;
}
.cartWrap .formWrap .buy-container {
  margin-bottom: 138px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .buy-container {
    margin-bottom: 60px;
  }
}
.cartWrap .formWrap input[type=text] {
  width: 240px;
  border: none;
  border-bottom: 2px solid #c49149;
  padding: 6px 5px;
  font-size: 16px;
  letter-spacing: 4px;
  border-radius: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap input[type=text] {
    font-size: 12px;
    letter-spacing: 1px;
    border-bottom: 1px solid #c49149;
  }
}
.cartWrap .formWrap .item {
  margin-bottom: 35px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .item {
    margin-bottom: 20px;
  }
}
.cartWrap .formWrap .item .flex-container {
  width: 100%;
}
.cartWrap .formWrap .item.is-required .title::after {
  display: block;
}
.cartWrap .formWrap .item .title {
  min-width: 127px;
  position: relative;
  font-size: 18px;
  letter-spacing: 3px;
  font-weight: 500;
  color: #4e4d4d;
  margin-right: 50px;
  text-align: right;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .item .title {
    min-width: 75px;
    font-size: 12px;
    margin-right: 25px;
    letter-spacing: 0.5px;
  }
}
.cartWrap .formWrap .item .title::after {
  position: absolute;
  content: "";
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #da3a30;
  display: none;
  border-radius: 50%;
}
.cartWrap .formWrap .item .inner-item .checkmark {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #c49149;
  border-radius: 50%;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .item .inner-item .checkmark {
    width: 18px;
    height: 18px;
  }
}
.cartWrap .formWrap .item .inner-item .checkmark::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background-color: #c49149;
  border-radius: 50%;
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .item .inner-item .checkmark::after {
    width: 13px;
    height: 13px;
  }
}
.cartWrap .formWrap .item .inner-item input[type=radio]:checked + label .checkmark::after {
  opacity: 1;
}
.cartWrap .formWrap .item label {
  cursor: pointer;
  color: #4e4d4d;
  letter-spacing: 2px;
  font-size: 16px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .item label {
    letter-spacing: 1px;
    font-size: 13px;
  }
}
.cartWrap .formWrap .item .long {
  width: 100%;
}
.cartWrap .formWrap .item .long input[type=text] {
  width: 100%;
}
.cartWrap .formWrap .item .short {
  width: 100%;
  margin-right: 25px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .item .short {
    width: 40%;
    margin-right: 15px;
  }
}
.cartWrap .formWrap .item .short input[type=text] {
  width: 100%;
}
.cartWrap .formWrap .item .short.last {
  margin-right: 0;
}
.cartWrap .formWrap .cart-select {
  border-radius: 0;
  border: none;
  border-bottom: 2px solid #c49149;
  margin-right: 25px;
  width: 152px;
  height: 32px;
  padding: 6px 5px;
  line-height: 1;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .cart-select {
    width: 100px;
    height: 24px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #c49149;
  }
}
.cartWrap .formWrap .cart-select::after {
  width: 22px;
  height: 10px;
  border: none;
  background: url("/images/c-select-arrow.svg") no-repeat center/cover;
  transform: rotate(0deg);
  right: 0;
}
.cartWrap .formWrap .cart-select.open::after {
  transform: rotate(180deg);
}
.cartWrap .formWrap .cart-select span.current {
  font-size: 16px;
  letter-spacing: 4px;
  color: #999999;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .cart-select span.current {
    font-size: 13px;
    letter-spacing: 1px;
  }
}
.cartWrap .formWrap .cart-select .list {
  width: 100%;
  border-radius: 0;
  margin-top: 0px;
}
.cartWrap .formWrap .cart-select .list li {
  min-height: auto;
  line-height: 1;
  padding: 15px 20px;
  letter-spacing: 4px;
}
.cartWrap .formWrap .cart-select .list li.selected.focus {
  background-color: #c49149;
  color: #fff;
}
.cartWrap .formWrap .line {
  width: 100%;
  height: 1px;
  background-color: #595758;
  margin: 60px 0 55px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .line {
    width: 90%;
    margin: 30px auto 25px;
  }
}
.cartWrap .formWrap .detail-container {
  margin-bottom: 35px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container {
    padding: 0 10px;
  }
}
.cartWrap .formWrap .detail-container .title-area {
  padding-bottom: 12px;
  margin-bottom: 30px;
  border-bottom: 2px solid #cf4d36;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .title-area {
    margin-bottom: 20px;
  }
}
.cartWrap .formWrap .detail-container .title {
  font-size: 18px;
  letter-spacing: 2px;
  color: #4d4d4d;
  font-weight: 500;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .title {
    margin: auto;
    text-align: center;
  }
}
.cartWrap .formWrap .detail-container .title:first-child {
  flex: 2 1 0;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #cf4d36;
}
.cartWrap .formWrap .detail-container .title:nth-child(2) {
  flex: 2 1 0;
}
.cartWrap .formWrap .detail-container .title:nth-child(3) {
  flex: 1.5 1 0;
}
.cartWrap .formWrap .detail-container .title:nth-child(4) {
  flex: 0.7 1 0;
}
.cartWrap .formWrap .detail-container .title:last-child {
  flex: 0.3 1 0;
}
.cartWrap .formWrap .detail-container .merchandise {
  font-size: 20px;
  letter-spacing: 2px;
  color: #4d4d4d;
  font-weight: 500;
  margin-bottom: 35px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .merchandise {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
.cartWrap .formWrap .detail-container .detail-area {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .detail-area {
    margin-bottom: 20px;
  }
}
.cartWrap .formWrap .detail-container .detail-area li {
  padding: 15px 0;
  border-bottom: 1px solid #b5b5b6;
}
.cartWrap .formWrap .detail-container .detail-area li:first-child {
  border-top: 1px solid #b5b5b6;
}
.cartWrap .formWrap .detail-container .detail-area li:last-child {
  margin-bottom: 0;
}
.cartWrap .formWrap .detail-container .detail-area li .pic {
  flex: 2 1 0;
}
.cartWrap .formWrap .detail-container .detail-area li .pic img {
  padding-right: 35px;
}
.cartWrap .formWrap .detail-container .detail-area li .name {
  flex: 2 1 0;
  font-size: 18px;
  letter-spacing: 2px;
  color: #4d4d4d;
  font-weight: 500;
  line-height: 1.4;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .detail-area li .name {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.cartWrap .formWrap .detail-container .detail-area li .price {
  flex: 1.5 1 0;
}
.cartWrap .formWrap .detail-container .detail-area li .price .unit {
  font-size: 17px;
  color: #666767;
  margin-right: 8px;
  font-weight: 500;
  vertical-align: text-top;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .detail-area li .price .unit {
    font-size: 14px;
    letter-spacing: 1px;
    margin-right: 1px;
    vertical-align: middle;
  }
}
.cartWrap .formWrap .detail-container .detail-area li .price .num {
  font-family: "Roboto", "Noto Sans TC", sans-serif;
  font-size: 24px;
  letter-spacing: 0.05px;
  color: #cf4d36;
  font-weight: 600;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .detail-area li .price .num {
    font-size: 22px;
    letter-spacing: 1px;
  }
}
.cartWrap .formWrap .detail-container .detail-area li .number {
  flex: 0.7 1 0;
}
.cartWrap .formWrap .detail-container .detail-area li .number .inner {
  width: 41px;
  height: 41px;
  border: 2px solid #c49149;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  color: #302624;
  padding: 6px 5px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .detail-area li .number .inner {
    width: 30px;
    height: 30px;
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.cartWrap .formWrap .detail-container .detail-area li .delete {
  flex: 0.3 1 0;
  cursor: pointer;
  transition: 0.5s all;
}
.cartWrap .formWrap .detail-container .detail-area li .delete:hover {
  opacity: 0.6;
}
.cartWrap .formWrap .detail-container .totalList {
  padding-bottom: 40px;
  border-bottom: 2px solid #cf4d36;
  margin-bottom: 20px;
  padding-right: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .totalList {
    padding-bottom: 20px;
    margin-bottom: 10px;
    padding-right: 10px;
    text-align: right;
  }
}
.cartWrap .formWrap .detail-container .totalList li {
  text-align: right;
  font-size: 16px;
  letter-spacing: 1px;
  color: #727171;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .totalList li {
    font-size: 14px;
  }
}
.cartWrap .formWrap .detail-container .total-priceList li {
  margin-bottom: 10px;
  padding-right: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .total-priceList li {
    padding-right: 10px;
  }
}
.cartWrap .formWrap .detail-container .total-priceList li:last-child {
  margin-bottom: 0;
}
.cartWrap .formWrap .detail-container .total-priceList li .title {
  font-size: 16px;
  letter-spacing: 1px;
  color: #727171;
  min-width: 70px;
  margin-right: 25px;
  text-align: right;
  font-weight: 400;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .total-priceList li .title {
    font-size: 14px;
    margin-right: 10px;
  }
}
.cartWrap .formWrap .detail-container .total-priceList li .total-price {
  font-size: 22px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #231815;
  font-family: "Roboto", "Noto Sans TC", sans-serif;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .detail-container .total-priceList li .total-price {
    font-size: 18px;
    letter-spacing: 0.5px;
  }
}
.cartWrap .formWrap .discount-container {
  margin-bottom: 115px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .discount-container {
    padding: 0 10px;
    margin-bottom: 40px;
  }
}
.cartWrap .formWrap .discount-container .title {
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #cf4d36;
  padding-bottom: 12px;
  margin-bottom: 30px;
  border-bottom: 2px solid #cf4d36;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .discount-container .title {
    text-align: center;
    margin-bottom: 15px;
  }
}
.cartWrap .formWrap .discount-container .content {
  font-size: 18px;
  color: #4e4d4d;
  letter-spacing: 2px;
  font-weight: 500;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .discount-container .content {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.cartWrap .formWrap .discount-container .content li {
  margin-bottom: 18px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .discount-container .content li {
    margin-bottom: 10px;
  }
}
.cartWrap .formWrap .discount-container .content li:last-child {
  margin-bottom: 0;
}
.cartWrap .formWrap .discount-container .content li .brown {
  color: #a27a51;
}
.cartWrap .formWrap .giveaway-container {
  margin-bottom: 115px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container {
    padding: 0 10px;
    margin-bottom: 40px;
  }
}
.cartWrap .formWrap .giveaway-container .giveawayList {
  margin-bottom: 45px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .giveawayList {
    margin-bottom: 20px;
  }
}
.cartWrap .formWrap .giveaway-container .giveawayList > li {
  padding: 45px 0;
  min-height: 242px;
  border-bottom: 1px solid #b5b5b6;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .giveawayList > li {
    padding: 20px 0;
    min-height: 150px;
  }
}
.cartWrap .formWrap .giveaway-container .giveawayList > li:last-child {
  border-bottom: 2px solid #cf4d36;
}
.cartWrap .formWrap .giveaway-container .giveawayList > li.no-giveaway .name {
  flex: 8 1 0;
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .check {
  flex: 1 1 0;
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .check input {
  display: none;
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .check label {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #c49149;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .giveawayList > li .check label {
    width: 18px;
    height: 18px;
  }
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .check label::after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background-color: #c49149;
  opacity: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .giveawayList > li .check label::after {
    width: 12px;
    height: 12px;
  }
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .check input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .name {
  flex: 2 1 0;
  font-size: 18px;
  letter-spacing: 2px;
  color: #4d4d4d;
  font-weight: 500;
  line-height: 1.4;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .giveawayList > li .name {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .pic {
  flex: 3 1 0;
  width: 250px;
  height: 152px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .giveawayList > li .pic {
    flex: 6 1 0;
    width: 158px;
    height: 120px;
  }
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cartWrap .formWrap .giveaway-container .giveawayList > li .note {
  flex: 3 1 0;
  font-size: 18px;
  letter-spacing: 2px;
  color: #4d4d4d;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .giveawayList > li .note {
    font-size: 13px;
    letter-spacing: 0.5px;
  }
}
.cartWrap .formWrap .giveaway-container .total-priceList {
  margin-bottom: 175px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .total-priceList {
    margin-bottom: 50px;
  }
}
.cartWrap .formWrap .giveaway-container .total-priceList li {
  margin-bottom: 10px;
  padding-right: 60px;
  justify-content: end;
  align-items: baseline;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .total-priceList li {
    padding-right: 10px;
  }
}
.cartWrap .formWrap .giveaway-container .total-priceList li:last-child {
  margin-bottom: 0;
}
.cartWrap .formWrap .giveaway-container .total-priceList li .title {
  font-size: 16px;
  letter-spacing: 1px;
  color: #727171;
  min-width: 70px;
  margin-right: 25px;
  text-align: right;
  font-weight: 400;
}
.cartWrap .formWrap .giveaway-container .total-priceList li .total-price {
  font-family: "Roboto", "Noto Sans TC", sans-serif;
  font-weight: 600;
}
.cartWrap .formWrap .giveaway-container .total-priceList li .total-price .title {
  margin-right: 15px;
  font-size: 15px;
  letter-spacing: 2px;
  color: #302624;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .total-priceList li .total-price .title {
    margin-right: 10px;
    font-size: 13px;
    letter-spacing: 1px;
  }
}
.cartWrap .formWrap .giveaway-container .total-priceList li .total-price .unit {
  font-size: 30px;
  letter-spacing: 2px;
  color: #302624;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .total-priceList li .total-price .unit {
    font-size: 16px;
    letter-spacing: 1px;
  }
}
.cartWrap .formWrap .giveaway-container .total-priceList li .total-price .price {
  font-size: 40px;
  letter-spacing: 2px;
  color: #cf4d36;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .giveaway-container .total-priceList li .total-price .price {
    font-size: 24px;
    letter-spacing: 0.5px;
  }
}
.cartWrap .formWrap .credit-container {
  margin-bottom: 188px;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .credit-container {
    margin-bottom: 25px;
    padding: 0 10px;
  }
}
.cartWrap .formWrap .credit-container .big-title {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #e8b356;
  padding-bottom: 13px;
  border-bottom: 1px solid #e8b356;
  margin-bottom: 35px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .credit-container .big-title {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 20px;
  }
}
.cartWrap .formWrap .credit-container .note {
  font-size: 16px;
  letter-spacing: 3px;
  margin-bottom: 70px;
  text-align: center;
  color: #4e4d4d;
  font-weight: 500;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .credit-container .note {
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 35px;
  }
}
.cartWrap .formWrap .credit-container .note .number {
  color: #cf4d36;
}
.cartWrap .formWrap .credit-container .bill-address {
  position: relative;
}
.cartWrap .formWrap .credit-container .bill-address:after {
  position: absolute;
  content: "";
  width: 100;
}
.cartWrap .formWrap .submit {
  text-align: center;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .submit {
    zoom: 0.5;
  }
}
.cartWrap .formWrap .submit .d {
  fill: #fff;
  stroke: none;
  transition: 0.5s all;
}
.cartWrap .formWrap .submit .e {
  fill: #cf4d36;
  stroke: none;
  transition: 0.5s all;
}
.cartWrap .formWrap .submit:hover .d {
  fill: #cf4d36;
}
.cartWrap .formWrap .submit:hover .e {
  fill: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .mobile-base {
    align-items: flex-start;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .mobile-wrap {
    max-width: 255px;
    flex-wrap: wrap;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .cartWrap .formWrap .mobile-wrap .inner-item {
    margin-bottom: 10px;
  }
}

@media print, screen and (max-width: 99.99875em) {
  #news .newsWrap {
    margin: auto;
    padding: 0 8%;
  }
  #news .newsWrap .newsList {
    margin-left: 100px;
  }
  #news .newsWrap .newsList li a .article-area .date-area {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
  #news .newsWrap .newsList li a .article-area .date-area .date {
    margin-bottom: 10px;
  }
  #news .newsWrap .newsList li a .arrow {
    margin-left: 20px;
    transform: translateX(-30px);
    opacity: 0;
    transition: all 0.3s;
  }
  #news_detail .share-container {
    right: -100px;
  }
  #news_detail .nd-back {
    width: 100%;
    margin: 60px auto;
  }
  .poem-bg .poemWrap .poem-aniWrap {
    left: 5.4%;
  }
}
@media print, screen and (max-width: 74.99875em) {
  #news .news-deco-top img {
    width: 100%;
  }
  #news .newsWrap {
    margin: auto;
    padding: 0 7%;
  }
  #news .newsWrap .newsList {
    margin-left: 50px;
  }
  #news .newsWrap .newsList li a .arrow {
    width: 75px;
    margin-left: 10px;
  }
  #news_detail .share-area-mobile {
    text-align: center;
    position: sticky;
    top: 30vh;
    margin-top: 50px;
  }
  #news_detail .share-area-mobile .text {
    margin-bottom: 20px;
  }
  #news_detail .share-area-mobile .text img {
    width: 72px;
  }
  #news_detail .share-area-mobile .shareList {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  #news_detail .share-area-mobile .shareList a {
    display: block;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 15px;
  }
  #news_detail .share-area-mobile .shareList a:hover {
    opacity: 0.6;
  }
  #news_detail .share-area-mobile .shareList a:last-child {
    margin-bottom: 0;
  }
  #news_detail .share-area-mobile .shareList a:nth-child(2) {
    margin: 0 20px;
  }
  #news_detail .share-area-mobile .shareList a img {
    width: 45px;
  }
  #news_detail .share-area-mobile .join-btn:hover .icon {
    opacity: 0;
    transition: 0.5s ease-in-out;
  }
  #news_detail .share-area-mobile .join-btn:hover .hover {
    opacity: 1;
    transition: 0.5s ease-in-out;
  }
  #news_detail .share-area-mobile .join-btn .icon {
    position: absolute;
    left: 0px;
  }
  #news_detail .share-area-mobile .join-btn .hover {
    position: absolute;
    left: 0px;
    opacity: 0;
  }
  #news_detail .share-area-mobile .join-btn img {
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 175px;
  }
  .poem-bg .poemWrap .poem-aniWrap {
    left: -9.6%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  body #future {
    position: relative;
  }
  body #future .future-headWrap {
    padding: 84px 0px 38px;
  }
  body #future .futureWrap {
    margin-top: 77px;
    padding: 0;
  }
  body #future .futureWrap .futureList li {
    position: relative;
    width: 100%;
    border: none;
    margin-bottom: 80px;
  }
  body #future .futureWrap .futureList li:first-child .num {
    color: #ed402b;
  }
  body #future .futureWrap .futureList li .num {
    font-size: 60px;
    z-index: 1;
    left: 33px;
    top: -41px;
    opacity: 1;
    transform: translateX(0px);
    color: #f8b2aa;
  }
  body #future .futureWrap .futureList li .pic-area {
    width: 100%;
    margin-bottom: 33px;
  }
  body #future .futureWrap .futureList li .pic-area .pic {
    width: 100%;
  }
  body #future .futureWrap .futureList li .pic-area .pic img {
    width: 100%;
  }
  body #future .futureWrap .futureList li .article-area {
    max-width: 83%;
    margin: auto;
    border-bottom: 1px solid #e8b356;
    padding-bottom: 72px;
  }
  body #future .futureWrap .futureList li .article-area .year {
    font-size: 20px;
    margin-bottom: 11px;
  }
  body #future .futureWrap .futureList li .article-area .date {
    font-size: 38px;
    margin-bottom: 20px;
  }
  body #future .futureWrap .futureList li .article-area .title {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  body #future .futureWrap .futureList li .article-area .content {
    font-size: 13.5px;
    margin-top: 0;
    margin-bottom: 40px;
  }
  body #future .futureWrap .futureList li .article-area a .more {
    text-align: center;
  }
  body #future .future-more {
    margin: 39px 0 119px;
  }
  body #future .future-deco {
    position: absolute;
    z-index: 10;
    bottom: -171px;
  }
  body #album_detail {
    position: relative;
  }
  body #album_detail .album-detail-container.not-show {
    display: none;
  }
  body #album_detail .album-bannerWrap {
    width: 100%;
  }
  body #album_detail .album-bannerWrap img {
    width: 100%;
  }
  body #album_detail .album-sloganWrap {
    position: relative;
    max-width: 83%;
    margin: 58px auto 53px;
  }
  body #album_detail .album-sloganWrap .album-deco-1 {
    position: absolute;
    top: -103px;
    right: -97px;
    z-index: 0;
  }
  body #album_detail .album-sloganWrap .title {
    font-size: 26px;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
  }
  body #album_detail .album-sloganWrap .content {
    font-size: 14px;
  }
  body #album_detail .album-detailWrap {
    max-width: 90%;
    margin: auto;
    padding: 30px 0 105px;
  }
  body #album_detail .album-detailWrap .album-deco-2 {
    position: absolute;
    z-index: 10;
    left: -20px;
    bottom: -56px;
  }
  body #album_detail .album-detailWrap .albumList {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }
  body #album_detail .m-fancyWrap {
    z-index: -1;
    position: fixed;
    pointer-events: auto;
    transition: all 0.5s;
    overflow-y: hidden;
  }
  body #album_detail .m-fancyWrap.is-show {
    z-index: 1;
  }
  body #album_detail .m-fancyWrap .close {
    position: fixed;
    top: 95px;
    right: 13px;
    z-index: 10;
  }
  body #album_detail .m-fancyWrap .swiper {
    max-width: 90%;
    margin: 120px auto 0px;
    width: 100%;
    height: 100%;
  }
  body #album_detail .m-fancyWrap .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  body #album_detail .m-fancyWrap .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 10px;
  }
  body #album_detail .m-fancyWrap .swiper-slide .num {
    width: 100%;
    text-align: right;
    color: #999999;
    transition: 0.3s ease-in-out;
  }
  body #album_detail .m-fancyWrap .swiper-slide.swiper-slide-active .num {
    color: #ffffff;
  }
  body #album_detail .space-for-mobile {
    display: none;
    width: 100%;
    height: 95vh;
    margin-bottom: -60px;
  }
  body #album_detail .space-for-mobile.is-show {
    display: block;
  }
  body #signup-detail .sd-topWrap {
    margin-top: 78px;
  }
  body #signup-detail .sd-topWrap .head {
    font-size: 37px;
    margin-bottom: 38px;
  }
  body #signup-detail .sd-topWrap .pic-area .repeat-area {
    margin-right: 0px;
    margin-bottom: 78px;
  }
  body #signup-detail .sd-topWrap .pic-area .pic {
    max-width: 80%;
    margin: auto;
  }
  body #signup-detail .sd-topWrap .pic-area .title {
    writing-mode: horizontal-tb;
    text-align: center;
    font-size: 28px;
    margin-top: 0px;
  }
  body #signup-detail .signup-detailWrap {
    margin: 47px auto 63px;
  }
  body #signup-detail .signup-detailWrap .content-area {
    max-width: 100%;
    margin-bottom: 55px;
  }
  body #signup-detail .signup-detailWrap .content-area .share-container {
    position: static;
    margin-bottom: 80px;
  }
  body #signup-detail .signup-detailWrap .content-area .share-container .share-area .shareList {
    display: flex;
    justify-content: center;
  }
  body #signup-detail .signup-detailWrap .content-area .share-container .share-area .shareList a {
    margin: 0 11px;
  }
  body #signup-detail .signup-detailWrap .content-area .money-area {
    display: flex;
    justify-content: center;
  }
  body #signup-detail .signup-detailWrap .content-area .money-area .text,
  body #signup-detail .signup-detailWrap .content-area .money-area .piece {
    width: auto;
  }
  body #signup-detail .signup-detailWrap .content-area .content {
    margin-bottom: 40px;
  }
  body #signup-detail .signup-detailWrap .content-area .content .text-flex {
    display: flex;
    flex-direction: column-reverse;
  }
  body #signup-detail .signup-detailWrap .content-area .content b {
    font-size: 22px;
    line-height: 1.8;
  }
  body #signup-detail .signup-detailWrap .content-area .content b.long-title {
    font-size: 22px;
    letter-spacing: 3px;
    text-align: left;
  }
  body #signup-detail .signup-detailWrap .content-area .content div {
    font-size: 16px;
  }
  body #signup-detail .signup-detailWrap .content-area .content .text {
    max-width: 80%;
    margin: auto;
  }
  body #signup-detail .signup-detailWrap .content-area .content .video {
    height: 56vw;
  }
  body #signup-detail .signup-detailWrap .content-area .content img {
    width: 100%;
  }
  body #signup-detail .signup-detailWrap .event-area {
    margin-bottom: 93px;
  }
  body #signup-detail .signup-detailWrap .event-area .banner {
    margin-bottom: 36px;
  }
  body #signup-detail .signup-detailWrap .event-area .head {
    font-size: 22px;
    margin-bottom: 42px;
  }
  body #signup-detail .signup-detailWrap .event-area .picList {
    margin-bottom: 40px;
  }
  body #signup-detail .signup-detailWrap .event-area .content {
    max-width: 80%;
    margin: auto;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 {
    max-width: 80%;
    margin: auto;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 li {
    flex-direction: column;
    margin-bottom: 90px;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 li:nth-child(even) {
    flex-direction: column-reverse;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 li:nth-child(even) .pic {
    margin-left: 0px;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 li:last-child {
    margin-bottom: 0px;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 li .pic {
    margin-bottom: 30px;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 li .pic img {
    width: 100%;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 li .article-area .title {
    font-size: 22px;
  }
  body #signup-detail .signup-detailWrap .sd-custom-1 li .article-area .content {
    font-size: 16px;
  }
  body #signup-detail .applyWrap {
    margin: 0 0 199px;
  }
  body #signup-detail .applyWrap .head {
    max-width: 80%;
    margin: 0 auto 37px;
    font-size: 22px;
  }
  body #signup-detail .applyWrap .apply-container {
    margin: 0;
    border: none;
  }
  body #signup-detail .applyWrap .apply-container .pic {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0px;
  }
  body #signup-detail .applyWrap .apply-container .pic .borderbox {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
  }
  body #signup-detail .applyWrap .apply-container .pic .borderbox img {
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
       object-fit: fill;
  }
  body #signup-detail .applyWrap .apply-container .pic img {
    width: 100%;
  }
  body #signup-detail .applyWrap .apply-container .article-area {
    max-width: 80%;
    margin: 0 auto;
  }
  body #signup-detail .applyWrap .apply-container .article-area .text-flex {
    display: flex;
    flex-direction: column-reverse;
  }
  body #signup-detail .applyWrap .apply-container .article-area .text-flex .info-area .title {
    font-size: 20px;
  }
  body #signup-detail .applyWrap .apply-container .article-area .text-flex .info-area .content {
    font-size: 16px;
  }
  body #signup-detail .applyWrap .apply-container .article-area .text-flex .yearList {
    margin-bottom: 32px;
  }
  body #signup-detail .applyWrap .apply-container .article-area .text-flex .yearList li {
    font-size: 16px;
  }
  body #signup-detail .applyWrap .apply-container .article-area .controll-area {
    display: flex;
    flex-direction: column-reverse;
    margin: 37px auto 20px;
  }
  body #signup-detail .applyWrap .apply-container .article-area .controll-area .num-area {
    justify-content: right;
  }
  body #signup-detail .applyWrap .apply-container .article-area .controll-area .price-area {
    width: 100%;
    align-items: center;
    justify-content: left;
    margin-bottom: 35px;
  }
  body #signup-detail .applyWrap .apply-container .article-area .controll-area .price-area .text {
    margin: 0;
    margin-right: 20px;
  }
  body #signup-detail .applyWrap .btn-area {
    max-width: 80%;
    margin: 0 auto;
    border-top: 1px solid #e8b356;
    padding-top: 34px;
  }
  body #signup-detail .applyWrap .btn-area li {
    margin-right: 30px;
  }
  body #signup-detail .applyWrap .btn-area li:last-child {
    margin-right: 0px;
  }
  body #signup-detail .sign-deco {
    right: 18px;
    bottom: 652px;
    z-index: 10;
  }
  body #god-of-love-wrap {
    position: relative;
  }
  body #god-of-love-wrap .top-head-area {
    display: block;
    text-align: center;
  }
  body #god-of-love-wrap .bannerWrap .title-container .repeat-area {
    width: 105px;
    height: 166px;
  }
  body #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 30px;
    letter-spacing: 3px;
    margin-right: 10px;
  }
  body #god-of-love-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
  }
  body #god-of-love-wrap .bannerWrap .title-container .year-area {
    position: relative;
    z-index: 1;
    margin-top: 18px;
  }
  body #god-of-love-wrap .bannerWrap .title-container .year-area .year {
    font-size: 14px;
    color: #ffffff;
  }
  body #god-of-love-wrap .bannerWrap .title-container .year-area .date {
    font-size: 27px;
    color: #ffffff;
    margin-top: 5px;
  }
  body #god-of-love-wrap .bannerWrap .article-area {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  body #god-of-love-wrap .bannerWrap .article-area .title {
    width: auto;
    font-size: 20px;
    margin-right: 10px;
  }
  body #god-of-love-wrap .bannerWrap .article-area .content {
    width: auto;
    font-size: 12px;
  }
  body #god-of-love-wrap .loveWrap {
    background-color: #f48f87;
    padding: 100px 0 250px;
    position: relative;
  }
  body #god-of-love-wrap .loveWrap .love-deco-1 {
    position: absolute;
    top: 80px;
    right: 124px;
  }
  body #god-of-love-wrap .loveWrap .love-deco-2 {
    position: absolute;
    top: 80px;
    right: 16px;
    transform: rotateY(0deg);
  }
  body #god-of-love-wrap .loveWrap .love-deco-3 {
    position: absolute;
    top: 47px;
    right: 78px;
  }
  body #god-of-love-wrap .loveWrap .love-deco-3 img {
    display: block;
    opacity: 0;
    transform: translateY(10px);
    transition: 1s ease-in-out;
  }
  body #god-of-love-wrap .loveWrap .love-deco-3 .love-1 {
    margin: 0px 20px 10px 5px;
    animation: love-float infinite ease-in-out 4s;
    transition-delay: 1s;
  }
  body #god-of-love-wrap .loveWrap .love-deco-3 .love-2 {
    margin-left: 15px;
    animation: love-float infinite ease-in-out 3.5s;
    transition-delay: 0.5s;
  }
  body #god-of-love-wrap .loveWrap .love-deco-3 .love-3 {
    animation: love-float infinite ease-in-out 3s;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 {
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: 45px;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container {
    position: relative;
    width: 100%;
    height: 59vw;
    margin-top: 45px;
    margin-bottom: 30px;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .one {
    position: relative;
    z-index: -1;
    margin-bottom: -112px;
    transform: translateY(50px);
    opacity: 0;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .two {
    position: relative;
    z-index: -1;
    margin-bottom: -55px;
    transform: translateY(75px);
    opacity: 0;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .three {
    position: relative;
    z-index: -1;
    margin-bottom: -58px;
    transform: translateY(80px);
    opacity: 0;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .bg-area .four {
    position: relative;
    z-index: 2;
    transform: translateY(50px);
    opacity: 0;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area {
    width: 100%;
    max-width: 83%;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    margin-right: 0px;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu:last-child {
    margin-right: 0;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu:nth-child(1) {
    animation: float-1 2s infinite alternate;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu:nth-child(2) {
    animation: float-1 2s 0.4s infinite alternate;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco {
    position: absolute;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.left {
    left: 56px;
    bottom: 0px;
    animation: hulu-left-rotate 15s infinite linear;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .deco.right {
    right: 56px;
    bottom: 0px;
    animation: hulu-right-rotate 15s infinite linear;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu span {
    font-size: 42px;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .left + span {
    left: 82px;
    bottom: 27px;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container .hulu-area .hulu .right + span {
    right: 82px;
    bottom: 27px;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .intro-area {
    max-width: 83%;
    margin: 0px auto 33px;
    position: relative;
    z-index: 4;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .intro-area .content-area {
    display: block;
    opacity: 0;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .intro-area .content-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 27px;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .rosette {
    opacity: 0;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .rosette img {
    width: 100%;
  }
  body #god-of-love-wrap .loveWrap .share-container {
    position: fixed;
    top: 0;
    right: 5px;
    height: 100%;
    z-index: 20;
    opacity: 0;
    transform: translateX(170px);
    transition: none;
    transition-delay: 0s;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area {
    text-align: center;
    position: sticky;
    top: 30vh;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .text {
    margin-bottom: 10px;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .text img {
    width: 47px;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .shareList {
    margin-bottom: 35px;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .shareList a {
    display: block;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 12px;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .shareList a:hover {
    opacity: 0.6;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .shareList a:last-child {
    margin-bottom: 0;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .shareList a img {
    width: 30px;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .join-btn:hover .icon {
    opacity: 1;
    transition: none;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .join-btn .icon {
    position: absolute;
    left: 7px;
  }
  body #god-of-love-wrap .loveWrap .share-container .share-area .join-btn img {
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 60px;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area {
    position: relative;
    padding: 0;
    max-width: 100%;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .article-area {
    max-width: 83%;
    margin: 0 auto 28px;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .article-area .title {
    font-size: 17px;
    letter-spacing: 7px;
    white-space: nowrap;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .article-area .title b {
    font-size: 26px;
    letter-spacing: 13px;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    color: #4d4d4d;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container {
    margin-top: 0px;
    width: 100%;
    height: 56vw;
    position: relative;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .cover,
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .cover img,
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .play img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .cover-area .play img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .yt-area {
    height: 100%;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-container .yt-area iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco {
    position: relative;
    width: 100%;
    height: 360px;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 {
    position: absolute;
    top: -30px;
    left: -50px;
    transition: 3s;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu {
    position: absolute;
    opacity: 0;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 {
    bottom: -120px;
    z-index: 2;
    transform: translateX(-170px);
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .hulu-deco-1 {
    transform-origin: 50% 90%;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .shadow-1 {
    z-index: 0;
    bottom: -130px;
    left: 43px;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 {
    bottom: -65px;
    left: 80px;
    z-index: 1;
    transform: translateX(-285px);
    transition-delay: 0.5s;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .hulu-deco-2 {
    transform-origin: 50% 90%;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .shadow-2 {
    z-index: 0;
    bottom: -145px;
    left: 5px;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 {
    left: 21px;
    bottom: -55px;
    z-index: 0;
    transform: translateX(-190px);
    transition-delay: 1s;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 .hulu-deco-3 {
    transform-origin: 50% 90%;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 {
    position: absolute;
    top: 215px;
    right: 110px;
    transition: 3s;
    transition-delay: 0s;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu {
    position: absolute;
    right: 0px;
    opacity: 0;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 {
    z-index: 1;
    transform: translateX(340px);
    transition-delay: 1.25s;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 .shadow-4 {
    z-index: 0;
    right: -109px;
    bottom: -127px;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 {
    bottom: 25px;
    right: 50px;
    z-index: 0;
    transform: translateX(340px);
    transition-delay: 1.5s;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .hulu-deco-5 {
    transform-origin: 45% 90%;
  }
  body #god-of-love-wrap .loveWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .shadow-5 {
    z-index: 0;
    right: -119px;
    bottom: -146px;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area {
    padding-bottom: 0px;
    max-width: 100%;
    margin: 0 auto;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .logo {
    text-align: center;
    margin: 0px auto 55px;
    width: 230px;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .featureList {
    display: block;
    background-color: #f6a59f;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .featureList.open-wrap {
    display: none;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .featureList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 70px;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .featureList li:last-child {
    margin-bottom: 0px;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .featureList li .pic {
    margin-bottom: 32px;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .featureList li .title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
  body #god-of-love-wrap .loveWrap .c-feature-area .featureList li .content {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #4d4d4d;
  }
  body #god-of-love-wrap .loveWrap .c-god-area {
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .god-area {
    background-color: #f6a59f;
    padding-bottom: 80px;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .god-area .god-list {
    margin-bottom: 130px;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .pic {
    margin-bottom: 60px;
    border-bottom: none;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area {
    max-width: 83%;
    margin: 0 auto;
    text-align: center;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area .title {
    font-size: 23px;
    letter-spacing: 3px;
    margin-bottom: 42px;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .god-area .god-list .article-area .content {
    font-size: 15px;
    text-align: left;
    color: #4d4d4d;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .godList {
    margin-top: 120px;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .godList li:nth-child(odd) .article-area {
    text-align: right;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .godList .article-area {
    padding: 0 10%;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .godList .article-area .title {
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 7px;
    line-height: 1.4;
    color: #302725;
    margin-bottom: 40px;
  }
  body #god-of-love-wrap .loveWrap .c-god-area .godList .article-area .content {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #302725;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 {
    max-width: 100%;
    margin: 0 auto;
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin: 0 auto 50px;
    max-width: 100%;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container {
    margin: 0;
    background-color: #f6a59f;
    padding-top: 18px;
    padding-bottom: 100px;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList {
    max-width: 83%;
    margin: 0 auto;
    flex-direction: column-reverse;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item {
    margin: auto;
    width: 300px;
    height: 175px;
    clip-path: path("M299.37,173.85H0V10.19C5.63,10.19,10.19,5.63,10.19,0H289.19c0,5.63,4.56,10.19,10.19,10.19V173.85Z");
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-1 {
    background: url("/images/match-1.jpg") top no-repeat;
    background-size: cover;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-2 {
    background: url("/images/match-2.jpg") top no-repeat;
    background-size: cover;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-3 {
    background: url("/images/match-3.jpg") top no-repeat;
    background-size: cover;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-4 {
    background: url("/images/match-4.jpg") top no-repeat;
    background-size: cover;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li .item#area-5 {
    background: url("/images/match-5.jpg") top no-repeat;
    background-size: cover;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li.is-open .item {
    height: 580px;
    clip-path: path("M299.37,578.64H0V10.19C5.63,10.19,10.19,5.63,10.19,0H289.19c0,5.63,4.56,10.19,10.19,10.19V578.64Z");
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .matchList li.is-open .arrow {
    transform: rotateZ(180deg);
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .pic-area .pic {
    height: 47vw;
    -webkit-mask: none;
            mask: none;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .title {
    position: static;
    font-size: 32px;
    writing-mode: horizontal-tb;
    text-align: center;
    transform: translateY(30px);
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .title i {
    font-size: 38px;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .icon {
    z-index: 1;
    width: 100%;
    text-align: center;
    display: none;
    margin-top: 45px;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .info {
    display: none;
    margin: auto;
    z-index: 1;
    max-width: 232px;
    color: #ffffff;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 1px;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-container .arrow {
    left: calc(50% - 20px);
    top: auto;
    bottom: 13px;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .content {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #302725;
    max-width: 83%;
    margin: 0px auto 38px;
    display: block;
    color: #4d4d4d;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .close {
    z-index: 10;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .bg {
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-mask: url(/images/match-mask-big.svg) 0 0/100% 100% no-repeat;
            mask: url(/images/match-mask-big.svg) 0 0/100% 100% no-repeat;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .bg .icon {
    width: auto;
    height: auto;
    position: absolute;
    left: 92px;
    bottom: 43px;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .article-area {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
    writing-mode: vertical-rl;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .article-area .title {
    font-weight: 700;
    font-size: 47px;
    letter-spacing: 7px;
    color: #fff;
    position: relative;
    top: -20px;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .article-area .title i {
    font-family: "Syne", sans-serif;
    font-size: 54px;
    position: relative;
    left: 4px;
    margin: 10px auto;
  }
  body #god-of-love-wrap .loveWrap .c-area-2 .match-openWrap .article-area .content {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 2;
    color: #fff;
    margin-right: 90px;
  }
  body #god-of-love-wrap .loveWrap .c-area-3 {
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #god-of-love-wrap .loveWrap .c-area-3 .head {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #god-of-love-wrap .loveWrap .c-area-3 .content {
    padding-top: 50px;
    max-width: 100%;
    background-color: #f6a59f;
  }
  body #god-of-love-wrap .loveWrap .c-area-3 .content.open-wrap {
    display: none;
  }
  body #god-of-love-wrap .loveWrap .c-area-3 .content .text {
    max-width: 83%;
    margin: auto;
    color: #4d4d4d;
  }
  body #god-of-love-wrap .loveWrap .flowWrap {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #god-of-love-wrap .loveWrap .flowWrap .head {
    border: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content {
    background-color: #f6a59f;
    padding-bottom: 64px;
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap {
    margin-top: 0px;
    border-radius: 0;
    padding: 0px;
    /* pager dot -----------------------------------------------------------------------------------------*/
    /* position dots in carousel */
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap .flickity-page-dots {
    display: none;
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content .flow-sliderWrap .flow-sliderList li {
    width: 100%;
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content .more {
    --c1: #FFFFFF;
    --c2: #FC462D;
    position: relative;
    width: 134px;
    height: 44px;
    margin: 40px auto 16px;
    zoom: 1.56;
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content .more:hover .bg .cls-1 {
    fill: var(--c2);
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content .more:hover .text {
    color: #FFFFFF;
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content .more .bg .cls-1 {
    fill: var(--c1);
    transition: all 0.3s;
  }
  body #god-of-love-wrap .loveWrap .flowWrap .content .more .text {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 4px;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: -1px 0 0 4px;
    color: #FC462D;
  }
  body #god-of-love-wrap .loveWrap .c-qa-area {
    text-align: center;
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #god-of-love-wrap .loveWrap .c-qa-area .head {
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #god-of-love-wrap .loveWrap .c-qa-area .content {
    background-color: #f6a59f;
    padding-bottom: 120px;
  }
  body #god-of-love-wrap .loveWrap .c-qa-area .qaList {
    max-width: 83%;
    margin: 0 auto;
  }
  body #god-of-love-wrap .loveWrap .c-qa-area .qaList li {
    position: relative;
    border-bottom: 2px solid #fc462d;
    padding: 60px 0 40px;
    cursor: pointer;
  }
  body #god-of-love-wrap .loveWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
    fill: #ffffff;
    stroke: #ca954a;
  }
  body #god-of-love-wrap .loveWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
    stroke: #ca954a;
    transform: rotate(-180deg);
  }
  body #god-of-love-wrap .loveWrap .c-qa-area .qaList .title {
    font-size: 23px;
  }
  body #god-of-love-wrap .loveWrap .c-qa-area .qaList .answer {
    text-align: left;
    font-size: 14px;
  }
  body #god-of-love-wrap .loveWrap .open-wrap {
    display: none;
  }
  body #god-of-love-wrap .loveWrap .mobile-open.is-open .arrow {
    transform: rotateZ(180deg);
  }
  body #god-of-love-wrap .mobile-open {
    position: relative;
  }
  body #god-of-love-wrap .mobile-open .line {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -17px;
  }
  body #god-of-love-wrap .mobile-open .arrow {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -52px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }
  body #celebrate-wrap {
    position: relative;
  }
  body #celebrate-wrap .top-head-area {
    display: block;
    text-align: center;
  }
  body #celebrate-wrap .bannerWrap .title-container .repeat-area {
    width: 105px;
    height: 166px;
  }
  body #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 30px;
    letter-spacing: 3px;
    margin-right: 10px;
  }
  body #celebrate-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
    height: -moz-fit-content;
    height: fit-content;
  }
  body #celebrate-wrap .bannerWrap .title-container .year-area {
    position: relative;
    z-index: 1;
    margin-top: 18px;
  }
  body #celebrate-wrap .bannerWrap .title-container .year-area .year {
    font-size: 14px;
    color: #ffc97b;
  }
  body #celebrate-wrap .bannerWrap .title-container .year-area .date {
    font-size: 27px;
    color: #ffc97b;
    margin-top: 5px;
  }
  body #celebrate-wrap .bannerWrap .article-area {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  body #celebrate-wrap .bannerWrap .article-area .title {
    width: auto;
    font-size: 20px;
    margin-right: 10px;
  }
  body #celebrate-wrap .bannerWrap .article-area .content {
    width: auto;
    font-size: 12px;
  }
  body #celebrate-wrap .celebrateWrap {
    background-color: #ec6531;
    padding: 100px 0 250px;
    position: relative;
  }
  body #celebrate-wrap .celebrateWrap .cele-deco-1 {
    position: absolute;
    top: 88px;
    right: 10px;
    z-index: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container {
    position: relative;
  }
  body #celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container .cloud {
    width: auto;
    top: 53px;
    left: 31px;
    position: absolute;
    z-index: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container .cloud-deco {
    animation: cele-deco-rotate 15s infinite linear;
  }
  body #celebrate-wrap .celebrateWrap .cele-deco-1 .cele-deco-container .cover {
    width: 100%;
    height: 110px;
    position: absolute;
    z-index: 1;
    background: linear-gradient(0deg, #ec6531 60%, rgba(236, 102, 49, 0));
    bottom: 0px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 {
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: 45px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container {
    position: relative;
    width: 100%;
    height: 59vw;
    margin-top: 45px;
    margin-bottom: 30px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .one {
    position: relative;
    z-index: -1;
    margin-bottom: -44px;
    transform: translateY(50px);
    opacity: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .two {
    position: relative;
    z-index: -1;
    margin-bottom: -26px;
    transform: translateY(75px);
    opacity: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .three {
    position: relative;
    z-index: 1;
    margin-bottom: -58px;
    transform: translateY(80px);
    opacity: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .bg-area .four {
    position: relative;
    z-index: 2;
    transform: translateY(50px);
    opacity: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area {
    width: 100%;
    max-width: 83%;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    margin-right: 0px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan:last-child {
    margin-right: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan:nth-child(1) {
    animation: float-1 2s infinite alternate;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan:nth-child(2) {
    animation: float-1 2s 0.4s infinite alternate;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .fan-right {
    position: relative;
    z-index: 1;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .fan-left + span {
    left: 54px;
    top: 64px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .fan-right + span {
    left: auto;
    right: 54px;
    top: 64px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .deco {
    position: absolute;
    z-index: 2;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .deco.left {
    left: -8px;
    bottom: 84px;
    animation: hulu-left-rotate 15s infinite linear;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan .deco.right {
    left: auto;
    right: -8px;
    bottom: 84px;
    animation: hulu-right-rotate 15s infinite linear;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .cele-container .cele-area .fan span {
    font-size: 42px;
    z-index: 2;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area {
    max-width: 83%;
    margin: 0px auto 33px;
    position: relative;
    z-index: 4;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .content-area {
    display: block;
    opacity: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .content-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 27px;
    color: #e6e6e6;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area {
    position: relative;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area img {
    width: 100%;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text {
    font-size: 16px;
    top: -10px;
    left: calc(50% - 18px);
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border {
    border-radius: 50%;
    border: #ffffff 1px solid;
    padding: 3px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border.solar {
    transform: rotateZ(180deg);
    margin-bottom: 10px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .intro-area .deco-area .text .outer-border .inner-border {
    border-radius: 50%;
    border: #ffffff 1px solid;
    padding: 5px;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .rosette {
    opacity: 0;
  }
  body #celebrate-wrap .celebrateWrap .cele-area-1 .rosette img {
    width: 100%;
  }
  body #celebrate-wrap .celebrateWrap .share-container {
    position: fixed;
    top: 0;
    right: 5px;
    height: 100%;
    z-index: 20;
    opacity: 0;
    transform: translateX(170px);
    transition: none;
    transition-delay: 0s;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area {
    text-align: center;
    position: sticky;
    top: 30vh;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .text {
    margin-bottom: 10px;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .text img {
    width: 47px;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .shareList {
    margin-bottom: 35px;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .shareList a {
    display: block;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 12px;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .shareList a:hover {
    opacity: 0.6;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .shareList a:last-child {
    margin-bottom: 0;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .shareList a img {
    width: 30px;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .join-btn:hover .icon {
    opacity: 1;
    transition: none;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .join-btn .icon {
    position: absolute;
    left: 7px;
  }
  body #celebrate-wrap .celebrateWrap .share-container .share-area .join-btn img {
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 60px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area {
    position: relative;
    padding: 0 0 200px;
    max-width: 100%;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .article-area {
    max-width: 83%;
    margin: 0 auto 28px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .article-area .title {
    font-size: 17px;
    letter-spacing: 2px;
    white-space: wrap;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .article-area .title b {
    font-size: 26px;
    letter-spacing: 7px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    color: #e6e6e6;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container {
    margin-top: 0px;
    width: 100%;
    height: 56vw;
    position: relative;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .cover,
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .cover img,
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .play img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .cover-area .play img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .yt-area {
    height: 100%;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-container .yt-area iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco {
    position: relative;
    width: 100%;
    height: 360px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 {
    position: absolute;
    top: -30px;
    left: -50px;
    transition: 3s;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu {
    position: absolute;
    opacity: 0;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 {
    bottom: -120px;
    z-index: 2;
    transform: translateX(-170px);
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .hulu-deco-1 {
    transform-origin: 50% 90%;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu-1 .shadow-1 {
    z-index: 0;
    bottom: -130px;
    left: 43px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 {
    bottom: -65px;
    left: 80px;
    z-index: 1;
    transform: translateX(-285px);
    transition-delay: 0.5s;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .hulu-deco-2 {
    transform-origin: 50% 90%;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu-2 .shadow-2 {
    z-index: 0;
    bottom: -145px;
    left: 5px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 {
    left: 21px;
    bottom: -55px;
    z-index: 0;
    transform: translateX(-190px);
    transition-delay: 1s;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-4 .hulu-3 .hulu-deco-3 {
    transform-origin: 50% 90%;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-5 {
    position: absolute;
    top: 215px;
    right: 110px;
    transition: 3s;
    transition-delay: 0s;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-5 .hulu {
    position: absolute;
    right: 0px;
    opacity: 0;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-5 .hulu img {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: 1;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 {
    z-index: 1;
    transform: translateX(340px);
    transition-delay: 1.25s;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-5 .hulu-4 .shadow-4 {
    z-index: 0;
    right: -109px;
    bottom: -127px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 {
    bottom: 25px;
    right: 50px;
    z-index: 0;
    transform: translateX(340px);
    transition-delay: 1.5s;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .hulu-deco-5 {
    transform-origin: 45% 90%;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .yt-deco .love-deco-5 .hulu-5 .shadow-5 {
    z-index: 0;
    right: -119px;
    bottom: -146px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .cele-deco-2 {
    width: 100%;
    position: relative;
    top: auto;
    bottom: -120px;
    left: 0px;
    z-index: 2;
    opacity: 0;
    transform: translateY(50px);
    transition: 2s ease-in-out;
    transition-delay: 2s;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .cele-deco-2 .deco-left {
    position: absolute;
    bottom: 0px;
    left: 18px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .cele-deco-2 .deco-right {
    position: absolute;
    right: 34px;
    bottom: -120px;
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .cele-deco-3 {
    position: absolute;
    top: auto;
    bottom: 65px;
    left: -90px;
    z-index: 0;
    transition: 2.5s ease-in-out;
    transform: translateX(-265px);
  }
  body #celebrate-wrap .celebrateWrap .c-yt-area .cele-deco-4 {
    position: absolute;
    top: auto;
    bottom: -10px;
    right: -110px;
    z-index: 0;
    transition: 2.5s ease-in-out;
    transform: translateX(250px);
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area {
    padding-bottom: 0px;
    max-width: 100%;
    margin: 0 auto;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .logo {
    text-align: center;
    margin: 0px auto 55px;
    width: 230px;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .featureList {
    display: block;
    background-color: #da4e36;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .featureList.open-wrap {
    display: none;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .featureList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .featureList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 70px;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .featureList li .pic {
    margin-bottom: 32px;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .featureList li .title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
  body #celebrate-wrap .celebrateWrap .c-feature-area .featureList li .content {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #e6e6e6;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area {
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .god-area {
    background-color: #da4e36;
    padding-bottom: 45px;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list {
    margin-bottom: 40px;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .pic {
    margin-bottom: 60px;
    border-bottom: none;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area {
    max-width: 83%;
    margin: 0 auto;
    text-align: center;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area .title {
    font-size: 23px;
    letter-spacing: 3px;
    margin-bottom: 42px;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .god-area .god-list .article-area .content {
    font-size: 15px;
    text-align: left;
    color: #e6e6e6;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .godList {
    margin-top: 120px;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .godList li:nth-child(odd) .article-area {
    text-align: right;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .godList .article-area {
    padding: 0 10%;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .godList .article-area .title {
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 7px;
    line-height: 1.4;
    color: #302725;
    margin-bottom: 40px;
  }
  body #celebrate-wrap .celebrateWrap .c-god-area .godList .article-area .content {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #302725;
  }
  body #celebrate-wrap .celebrateWrap .c-activity {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0;
  }
  body #celebrate-wrap .celebrateWrap .c-activity .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #celebrate-wrap .celebrateWrap .c-activity .activityList {
    display: block;
    background-color: #da4e36;
  }
  body #celebrate-wrap .celebrateWrap .c-activity .activityList.open-wrap {
    display: none;
  }
  body #celebrate-wrap .celebrateWrap .c-activity .activityList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-activity .activityList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 70px;
  }
  body #celebrate-wrap .celebrateWrap .c-activity .activityList li .pic {
    margin-bottom: 32px;
  }
  body #celebrate-wrap .celebrateWrap .c-activity .activityList li .title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
  body #celebrate-wrap .celebrateWrap .c-activity .activityList li .content {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #e6e6e6;
  }
  body #celebrate-wrap .celebrateWrap .c-votive {
    max-width: 100%;
    padding: 0;
    margin: 190px auto 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-content {
    width: 100%;
    background-color: #da4e36;
    padding-bottom: 60px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center {
    display: block;
    max-width: 83%;
    margin: 0px auto 60px;
    padding: 20px 0 0;
    text-align: center;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center .content-area {
    max-width: 83%;
    padding: 0px;
    margin: -20px auto 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center .content-area .title-area {
    margin-bottom: 30px;
    position: relative;
    margin: 0 auto 10px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center .content-area .title-area .title {
    font-size: 24px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center .content-area .content {
    color: #e6e6e6;
    font-size: 14px;
    margin-bottom: 50px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-align: left;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center .content-area .price {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 5px;
    vertical-align: middle;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center .content-area .price span {
    vertical-align: baseline;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center .content-area .price .number {
    color: #ffffff;
    font-size: 24px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votive-center .content-area .price .unit {
    color: #f4cfb0;
    font-size: 14px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList {
    max-width: 83%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    justify-content: center;
    margin: 0 auto 80px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList li {
    display: flex;
    justify-content: center;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList li .pic {
    margin-right: 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .title-area {
    width: 25.5px;
    height: 109px;
    position: relative;
    margin-bottom: 5px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .title-area .title {
    font-size: 15px;
    color: #ffffff;
    text-align: center;
    background-color: #ca954a;
    padding: 0px 2.5px;
    letter-spacing: 2px;
    -webkit-mask: url(/images/cele-mask.svg) 0 0 no-repeat;
            mask: url(/images/cele-mask.svg) 0 0 no-repeat;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .price {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .price .number {
    writing-mode: initial !important;
    white-space: nowrap;
    color: #ffffff;
    font-size: 14px;
    margin: 3px 0px 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList li .content-area .price span {
    display: block;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList .title {
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
    margin-bottom: 24px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .votiveList .content {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #ffffff;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area {
    max-width: 83%;
    margin: 0 auto;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou {
    display: block;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou.is-open .arrow {
    transform: rotate(-180deg);
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-title {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    color: #ffffff;
    border-bottom: 1px solid #ffc97b;
    padding-bottom: 5px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
    color: #ffffff;
    position: relative;
    padding-top: 0px;
    border-top: none;
    cursor: pointer;
    margin-top: 25px;
    border-bottom: 1px solid #ffc97b;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content.is-open .arrow {
    transform: rotate(180deg);
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .content {
    max-width: 300px;
    display: none;
    padding-bottom: 30px;
    margin: 0 auto;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .content ul li {
    font-size: 18px;
    margin-bottom: 20px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .content ul li .num {
    width: 30px;
    height: 30px;
    margin-right: 11px;
    padding: 7px 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .price {
    color: #f4cfb0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 5px;
    border-top: none;
    padding-top: 0px;
    margin-bottom: 33px;
    text-align: center;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .price span {
    vertical-align: bottom;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .price .tag {
    font-size: 14px;
    letter-spacing: 2px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .price .number {
    color: #ffffff;
    font-size: 22px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .price .unit {
    color: #f4cfb0;
    font-size: 18px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .price .price-container {
    margin: 0 auto 24px;
  }
  body #celebrate-wrap .celebrateWrap .c-votive .doushou-area .doushou .doushou-content .arrow {
    width: 100%;
    text-align: center;
    position: absolute;
    top: auto;
    right: 0px;
    bottom: -22px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }
  body #celebrate-wrap .celebrateWrap .c-area-3 {
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-area-3 .head {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #celebrate-wrap .celebrateWrap .c-area-3 .content {
    padding-top: 50px;
    max-width: 100%;
    background-color: #da4e36;
  }
  body #celebrate-wrap .celebrateWrap .c-area-3 .content.open-wrap {
    display: none;
  }
  body #celebrate-wrap .celebrateWrap .c-area-3 .content .text {
    max-width: 83%;
    margin: auto;
    color: #e6e6e6;
  }
  body #celebrate-wrap .celebrateWrap .flowWrap {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #celebrate-wrap .celebrateWrap .flowWrap .head {
    border: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #celebrate-wrap .celebrateWrap .flowWrap .content {
    background-color: #da4e36;
    padding-bottom: 64px;
  }
  body #celebrate-wrap .celebrateWrap .flowWrap .content .flow-sliderWrap {
    margin-top: 0px;
    border-radius: 0;
    padding: 38px 0 84px;
    /* pager dot -----------------------------------------------------------------------------------------*/
    /* position dots in carousel */
  }
  body #celebrate-wrap .celebrateWrap .flowWrap .content .more {
    --c1: #FFFFFF;
    --c2: #FC462D;
    position: relative;
    width: 134px;
    height: 44px;
    margin: 40px auto 16px;
    zoom: 1.56;
  }
  body #celebrate-wrap .celebrateWrap .flowWrap .content .more:hover .bg .cls-1 {
    fill: var(--c2);
  }
  body #celebrate-wrap .celebrateWrap .flowWrap .content .more:hover .text {
    color: #FFFFFF;
  }
  body #celebrate-wrap .celebrateWrap .flowWrap .content .more .bg .cls-1 {
    fill: var(--c1);
    transition: all 0.3s;
  }
  body #celebrate-wrap .celebrateWrap .flowWrap .content .more .text {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 4px;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: -1px 0 0 4px;
    color: #FC462D;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area {
    text-align: center;
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .head {
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .content {
    background-color: #da4e36;
    padding-bottom: 120px;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList {
    max-width: 83%;
    margin: 0 auto;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList li {
    position: relative;
    border-bottom: 2px solid #ffc97b;
    padding: 60px 0 40px;
    cursor: pointer;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
    fill: #ffffff;
    stroke: #e8382f;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
    stroke: #e8382f;
    transform: rotate(-180deg);
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList .title {
    font-size: 23px;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList .answer {
    text-align: left;
    font-size: 14px;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow {
    z-index: 9;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: 0;
    cursor: pointer;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow:hover .cls-1 {
    fill: #ffffff;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #ffc97b;
    stroke-miterlimit: 10;
    transition: all 0.3s;
  }
  body #celebrate-wrap .celebrateWrap .c-qa-area .qaList .arrow .cls-2 {
    fill: none;
    stroke: #ffffff;
    stroke-linejoin: round;
    stroke-width: 1px;
    transform-origin: center;
    transition: all 0.3s;
  }
  body #celebrate-wrap .celebrateWrap .open-wrap {
    display: none;
  }
  body #celebrate-wrap .celebrateWrap .mobile-open.is-open .arrow {
    transform: rotateZ(180deg);
  }
  body #celebrate-wrap .mobile-open {
    position: relative;
  }
  body #celebrate-wrap .mobile-open .line {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -17px;
  }
  body #celebrate-wrap .mobile-open .arrow {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -52px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }
  body #xiayuan-wrap {
    position: relative;
  }
  body #xiayuan-wrap .top-head-area {
    display: block;
    text-align: center;
  }
  body #xiayuan-wrap .bannerWrap .title-container .repeat-area {
    width: 105px;
    height: 166px;
  }
  body #xiayuan-wrap .bannerWrap .title-container .repeat-area .title-area .title {
    font-size: 30px;
    letter-spacing: 3px;
    margin-right: 10px;
    text-align: center;
  }
  body #xiayuan-wrap .bannerWrap .title-container .repeat-area .title-area .day {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
    height: 100%;
    top: 0;
  }
  body #xiayuan-wrap .bannerWrap .title-container .year-area {
    position: relative;
    z-index: 1;
    margin-top: 18px;
  }
  body #xiayuan-wrap .bannerWrap .title-container .year-area .year {
    font-size: 14px;
    color: #c99d4e;
  }
  body #xiayuan-wrap .bannerWrap .title-container .year-area .date {
    font-size: 27px;
    color: #c99d4e;
    margin-top: 5px;
  }
  body #xiayuan-wrap .bannerWrap .article-area {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  body #xiayuan-wrap .bannerWrap .article-area .title {
    width: auto;
    font-size: 20px;
    margin-right: 10px;
  }
  body #xiayuan-wrap .bannerWrap .article-area .content {
    width: auto;
    font-size: 12px;
    writing-mode: vertical-lr;
  }
  body #xiayuan-wrap .xiayuanWrap {
    padding: 100px 0 250px;
    position: relative;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-deco-1 {
    top: 110px;
    right: 135px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-deco-2 {
    top: 0;
    right: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 {
    padding-top: 150px;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 7px;
    text-align: center;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container {
    position: relative;
    margin-top: 60px;
    margin-bottom: 30px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .wave-area {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
  }
  @keyframes marquee3 {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-66.5%);
    }
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .wave-area .one {
    position: relative;
    z-index: -1;
    margin-bottom: -78px;
    transform: translateY(50px);
    opacity: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .wave-area .one .marquee {
    animation: marquee3 25s infinite linear;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .wave-area .two {
    position: relative;
    z-index: -1;
    margin-bottom: -53px;
    transform: translateY(75px);
    opacity: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .wave-area .three {
    position: relative;
    z-index: -1;
    margin-bottom: -43px;
    transform: translateY(80px);
    opacity: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .wave-area .four {
    position: relative;
    z-index: 2;
    transform: translateY(50px);
    opacity: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .jieer-area {
    max-width: 83%;
    width: 100%;
    position: relative;
    left: 0px;
    justify-content: space-around;
    margin: 0 auto;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .jieer-area .jieer {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    margin: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .jieer-area .jieer:nth-child(1) .for-ani {
    animation: float-1 2s infinite alternate;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .jieer-area .jieer:nth-child(2) .for-ani {
    animation: float-1 2s 0.4s infinite alternate;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .jieer-container .jieer-area .deco-1 {
    position: absolute;
    top: -20px;
    left: -10px;
    opacity: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .content-area {
    max-width: 83%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 35px;
    opacity: 0;
    transform: translateY(30px);
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .content-area.is-black .content {
    color: #000;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .content-area .content {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #ccc;
    font-weight: 400;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .content-area .content b {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 7px;
    display: block;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .rosette {
    opacity: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-1 .rosette img {
    width: 100%;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container {
    position: fixed;
    top: 0;
    right: 5px;
    height: 100%;
    z-index: 20;
    opacity: 0;
    transform: translateX(170px);
    transition: none;
    transition-delay: 0s;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area {
    text-align: center;
    position: sticky;
    top: 30vh;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .text {
    margin-bottom: 10px;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .text img {
    width: 47px;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .shareList {
    margin-bottom: 35px;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .shareList a {
    display: block;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 12px;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .shareList a:hover {
    opacity: 0.6;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .shareList a:last-child {
    margin-bottom: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .shareList a img {
    width: 30px;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .join-btn:hover .icon {
    opacity: 1;
    transition: none;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .join-btn .icon {
    position: absolute;
    left: 7px;
  }
  body #xiayuan-wrap .xiayuanWrap .share-container .share-area .join-btn img {
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 60px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area {
    position: relative;
    padding: 0px;
    max-width: 100%;
    z-index: 3;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .article-area {
    max-width: 83%;
    margin: 0 auto 28px;
    padding: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .article-area .title {
    font-size: 17px;
    letter-spacing: 2px;
    white-space: wrap;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .article-area .title b {
    font-size: 26px;
    letter-spacing: 4px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    color: #302725;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container {
    margin-top: 0px;
    width: 100%;
    height: 56vw;
    position: relative;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .xiayuan-deco-3 {
    top: auto;
    bottom: -187px;
    left: -7px;
    right: auto;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .xiayuan-deco-4 {
    top: auto;
    bottom: -160px;
    left: 53px;
    right: auto;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .cover-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .cover-area img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .cover-area .cover,
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .cover-area .play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .cover-area .cover img,
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .cover-area .play img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .cover-area .play img {
    width: 100%;
    height: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .yt-area {
    height: 100%;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-container .yt-area iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  body #xiayuan-wrap .xiayuanWrap .c-yt-area .yt-deco {
    position: relative;
    width: 100%;
    height: 360px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area {
    padding-bottom: 0px;
    max-width: 100%;
    margin: 0 auto;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .logo {
    text-align: center;
    margin: 0px auto 55px;
    width: 230px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .featureList {
    display: block;
    background-color: #8becfc;
    padding: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .featureList.open-wrap {
    display: none;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .featureList li {
    max-width: 83%;
    margin: 0 auto;
    margin-bottom: 67px;
    padding-bottom: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .featureList li:last-child {
    margin-bottom: 0px;
    padding-bottom: 70px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .featureList li .pic {
    margin-bottom: 32px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .featureList li .title {
    font-size: 22px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-feature-area .featureList li .content {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #302725;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area {
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .head {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content {
    background-color: #8becfc;
    padding-bottom: 70px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .god-area {
    padding: 0;
    margin-bottom: 40px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .god-area .pic {
    margin-bottom: 60px;
    border-bottom: none;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .god-area .article-area {
    max-width: 83%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .god-area .article-area .title {
    font-size: 23px;
    letter-spacing: 3px;
    margin-bottom: 42px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .god-area .article-area .content {
    font-size: 15px;
    text-align: left;
    color: #302725;
    padding: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .godList {
    margin-top: 100px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .godList li {
    display: flex;
    flex-direction: column-reverse;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .godList .article-area {
    padding: 0;
    max-width: 83%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .godList .article-area .title {
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 7px;
    line-height: 1.4;
    color: #302725;
    margin-bottom: 40px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .godList .article-area .content {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #302725;
    text-align: left;
  }
  body #xiayuan-wrap .xiayuanWrap .c-god-area .content .godList .pic {
    margin-bottom: 33px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container {
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .head {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content {
    background-color: #8becfc;
    padding-top: 25px;
    padding-bottom: 45px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 {
    position: relative;
    max-width: 83%;
    margin: 0 auto 127px;
    padding-left: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .bigword {
    position: static;
    text-align: center;
    margin-bottom: 20px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .head {
    text-align: center;
    font-size: 26px;
    padding: 0px;
    margin-bottom: 20px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList {
    margin-top: 20px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList li {
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 50px 0;
    cursor: pointer;
    margin-bottom: -1px;
    text-align: center;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList li.is-open .arrow .cls-1 {
    fill: #fff;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList li.is-open .arrow .cls-2 {
    stroke: #da4e36;
    transform: rotate(-180deg);
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList .title {
    font-size: 22px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList .answer {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #4d4d4d;
    margin-top: 30px;
    display: none;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList .arrow {
    top: auto;
    right: auto;
    bottom: -48px;
    left: calc(50% - 21px);
    zoom: 1;
    z-index: 1;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList .arrow:hover .cls-1 {
    fill: #fff;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #e8382f;
    stroke-miterlimit: 10;
    transition: all 0.3s;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .xaList .arrow .cls-2 {
    fill: none;
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 1px;
    transform-origin: center;
    transition: all 0.3s;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .box-container {
    margin-top: 130px;
    padding: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .box-container .article-area {
    max-width: 100%;
    margin: 0 auto;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .box-container .article-area .title {
    font-size: 28px;
    text-align: center;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .box-container .article-area .content {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #4d4d4d;
    text-align: justify;
    margin-bottom: 60px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .box-container .pic {
    margin-top: -50px;
    text-align: center;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .box-container .pic .money {
    font-weight: 700;
    font-size: 25px;
    letter-spacing: 8px;
    color: #4d4d4d;
    margin-top: 30px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .box-container .pic .money b {
    font-size: 38px;
    letter-spacing: 4px;
    color: #e40012;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .xiayuan-area-2 .box-container .pic .money i {
    font-size: 14px;
    letter-spacing: 4px;
  }
  body #xiayuan-wrap .xiayuanWrap .xiayuan-area-container .xiayuan-content .pudu-trans-area {
    padding: 20px 0 95px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-area-3 {
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-area-3 .head {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-area-3 .content {
    padding-top: 50px;
    max-width: 100%;
    background-color: #8becfc;
  }
  body #xiayuan-wrap .xiayuanWrap .c-area-3 .content.open-wrap {
    display: none;
  }
  body #xiayuan-wrap .xiayuanWrap .c-area-3 .content .text {
    max-width: 83%;
    margin: auto;
    color: #302725;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap {
    max-width: 100%;
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .head {
    border: none;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content {
    background-color: #8becfc;
    padding-bottom: 126px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .flow-sliderWrap {
    margin-top: 0px;
    border-radius: 0;
    padding: 38px 0 84px;
    /* pager dot -----------------------------------------------------------------------------------------*/
    /* position dots in carousel */
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList {
    display: block;
    max-width: 83%;
    margin: 47px auto 0;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList li {
    margin-bottom: 70px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList li:last-child {
    margin-bottom: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList .pic {
    margin-bottom: 35px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList .title {
    font-size: 22px;
    letter-spacing: 2px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList .content {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #4d4d4d;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList .btn {
    --c1: #EC6531;
    --c2: #CA954A;
    position: relative;
    width: 134px;
    height: 44px;
    zoom: 1.3;
    margin: 34px auto 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList .btn:hover .bg .cls-1 {
    fill: var(--c2);
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList .btn .bg .cls-1 {
    fill: var(--c1);
    transition: all 0.3s;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .xiayuan-bookList .btn .text {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 4px;
    color: #fff;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: -1px 0 0 4px;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .more {
    --c1: #FFFFFF;
    --c2: #FC462D;
    position: relative;
    width: 134px;
    height: 44px;
    margin: 40px auto 16px;
    zoom: 1.56;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .more:hover .bg .cls-1 {
    fill: var(--c2);
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .more:hover .text {
    color: #FFFFFF;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .more .bg .cls-1 {
    fill: var(--c1);
    transition: all 0.3s;
  }
  body #xiayuan-wrap .xiayuanWrap .flowWrap .flowWrap-content .more .text {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 4px;
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: -1px 0 0 4px;
    color: #FC462D;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area {
    text-align: center;
    margin: 190px auto 0px;
    padding: 0px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .head {
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList-content {
    background-color: #8becfc;
    padding-bottom: 120px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList {
    max-width: 83%;
    margin: 0 auto;
    padding: 0;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList li {
    position: relative;
    border-bottom: 2px solid #9d7c52;
    padding: 60px 0 40px;
    cursor: pointer;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList li.is-open .arrow .cls-1 {
    fill: #ffffff;
    stroke: #e8382f;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList li.is-open .arrow .cls-2 {
    stroke: #e8382f;
    transform: rotate(-180deg);
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList .title {
    font-size: 23px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList .answer {
    text-align: left;
    font-size: 14px;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList .arrow {
    z-index: 9;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: 0;
    cursor: pointer;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList .arrow:hover .cls-1 {
    fill: #ffffff;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList .arrow:hover .cls-2 {
    stroke: #e8382f;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList .arrow .cls-1 {
    fill: #e8382f;
    stroke: #e8382f;
    stroke-miterlimit: 10;
    transition: all 0.3s;
  }
  body #xiayuan-wrap .xiayuanWrap .c-qa-area .qaList .arrow .cls-2 {
    fill: none;
    stroke: #ffffff;
    stroke-linejoin: round;
    stroke-width: 1px;
    transform-origin: center;
    transition: all 0.3s;
  }
  body #xiayuan-wrap .xiayuanWrap .open-wrap {
    display: none;
  }
  body #xiayuan-wrap .xiayuanWrap .mobile-open.is-open .arrow {
    transform: rotateZ(180deg);
  }
  body #xiayuan-wrap .mobile-open {
    position: relative;
  }
  body #xiayuan-wrap .mobile-open .line {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -17px;
  }
  body #xiayuan-wrap .mobile-open .arrow {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -52px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }
  body #xiayuan-wrap .xiayuan-deco {
    position: absolute;
    z-index: 10;
    bottom: 41px;
    right: 10px;
  }
  #cupid .cupid-enterWrap {
    height: 670px;
    position: relative;
    background-color: #000000;
    z-index: 1;
  }
  #cupid .cupid-enterWrap .banner {
    width: 100%;
    height: 100%;
    background: url("/images/cupid-banner-mobile.jpg") left 0/cover no-repeat;
  }
  #cupid .cupid-enterWrap .en {
    bottom: 0px;
    top: 540px;
    right: 10px;
  }
  #cupid .cupid-enterWrap .ch {
    left: 7%;
    top: 370px;
    right: auto;
    z-index: 1;
  }
  #cupid .cupid-enterWrap .content {
    top: auto;
    top: 670px;
    left: calc(58% - 48px);
    z-index: 2;
  }
  #cupid .cupid-enterWrap .ink {
    top: 730px;
    bottom: -25%;
    right: 140px;
    z-index: 1;
    left: calc(50% - 40px);
  }
  #cupid .about-enter-space {
    width: 100%;
    height: 325px;
    background-color: #000000;
    position: static;
  }
  #cupid .cupid-sloganWrap {
    padding: 120px 0;
  }
  #cupid .cupid-sloganWrap::after {
    display: none;
  }
  #cupid .cupid-sloganWrap .deco-bg {
    width: 100%;
    top: -65px;
  }
  #cupid .cupid-sloganWrap .deco-bg img {
    width: 100%;
  }
  #cupid .cupid-sloganWrap .contet {
    font-size: 14px;
  }
  #cupid .cupid-introWrap {
    padding-bottom: 100px;
  }
  #cupid .cupid-introWrap .deco-2 {
    width: 100%;
    top: 410px;
  }
  #cupid .cupid-introWrap .deco-2 img {
    width: 100%;
  }
  #cupid .cupid-introWrap section {
    margin-bottom: 70px;
  }
  #cupid .cupid-introWrap .mobile-change {
    display: flex;
    flex-direction: column-reverse;
  }
  #cupid .cupid-introWrap .pic-area {
    margin-bottom: 40px;
  }
  #cupid .cupid-introWrap .article-area {
    max-width: 83%;
    padding: 0;
    margin: auto;
  }
  #cupid .cupid-introWrap .article-area .title {
    font-size: 28px;
  }
  #cupid .cupid-introWrap .article-area .content {
    font-size: 13px;
  }
  #cupid .cupid-matchWrap .intro-area .content {
    max-width: 83%;
    margin: auto;
    font-size: 14px;
  }
  #cupid .cupid-matchWrap .match-container {
    max-width: 83%;
    margin: auto;
  }
  #cupid .cupid-matchWrap .match-container .matchList .pic-area .pic {
    height: 580px;
  }
  #cupid .cupid-matchWrap .match-container .matchList .arrow {
    position: absolute;
    top: 20%;
    transform: translateY(0);
    left: calc(50% - 21px);
    cursor: pointer;
    transition: all 0.3s;
  }
  #cupid .cupid-matchWrap .match-container .matchList .arrow:hover {
    opacity: 0.6;
  }
  #cupid .cupid-matchWrap .match-container .matchList .arrow .cls-1 {
    fill: #fff;
    stroke: #e8b356;
    stroke-miterlimit: 10;
    transition: all 0.3s;
  }
  #cupid .cupid-matchWrap .match-container .matchList .arrow .cls-2 {
    fill: none;
    stroke: #ca954a;
    stroke-linejoin: round;
    stroke-width: 1px;
    transform-origin: center;
    transition: all 0.3s;
  }
  #cupid .cupid-matchWrap .match-container .matchList .title {
    font-size: 28px;
    letter-spacing: 5px;
    writing-mode: horizontal-tb;
    top: 50px;
    transform: translateY(-50%);
    left: calc(50% - 91.5px);
  }
  #cupid .cupid-matchWrap .match-container .matchList .title i {
    font-family: "Syne", sans-serif;
    font-size: 54px;
    position: relative;
    left: 4px;
    margin: 10px auto;
  }
  #cupid .cupid-matchWrap .match-container .matchList .img {
    position: absolute;
    left: calc(50% - 45px);
    top: 105px;
  }
  #cupid .cupid-matchWrap .match-container .matchList .content {
    position: absolute;
    top: 200px;
    color: #ffffff;
    letter-spacing: 1px;
    padding: 0 30%;
    line-height: 1.2;
  }
  #cupid .cupid-matchWrap .match-container .match-openWrap .article-area {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
    writing-mode: horizontal-tb;
  }
  #cupid .cupid-matchWrap .match-container .match-openWrap .article-area .title {
    font-weight: 700;
    font-size: 47px;
    letter-spacing: 7px;
    color: #fff;
    position: relative;
    top: -20px;
  }
  #cupid .cupid-matchWrap .match-container .match-openWrap .article-area .title i {
    font-family: "Syne", sans-serif;
    font-size: 54px;
    position: relative;
    left: 4px;
    margin: 10px auto;
  }
  #cupid .cupid-matchWrap .match-container .match-openWrap .article-area .content {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 2;
    color: #fff;
    margin-right: 90px;
  }
  #cupid .giftboxOutWrap .giftboxWrap {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 150px;
  }
  #cupid .giftboxOutWrap .giftboxWrap .article-rea {
    font-size: 30px;
  }
  #cupid .giftboxOutWrap .giftboxWrap .article-rea .title {
    margin-bottom: 30px;
  }
  #cupid .giftboxOutWrap .giftboxWrap .article-rea .content {
    font-size: 14px;
  }
  #cupid .giftboxOutWrap .giftboxWrap .pic-area {
    margin-bottom: 45px;
  }
  #cupid .giftboxOutWrap .giftboxWrap .pic-area .pic {
    margin-top: 15px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap {
    padding: 0px 0 200px;
    margin-top: -135px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area {
    max-width: 83%;
    padding: 0;
    margin: auto;
    position: relative;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area {
    opacity: 1;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .layer-1 {
    z-index: 1;
    position: relative;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .layer-2 {
    position: absolute;
    top: -63px;
    left: 60%;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .bg {
    pointer-events: none;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .item.is-show {
    opacity: 1;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .item[data-i="1"] {
    top: 147px;
    left: 46px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .item[data-i="2"] {
    top: 289px;
    left: 57px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .item[data-i="3"] {
    top: 51px;
    left: 136px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .item[data-i="5"] {
    top: 363px;
    left: 229px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .item[data-i="6"] {
    top: 98px;
    left: 312px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .sixbox-area .item[data-i="7"] {
    top: 223px;
    left: 358px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .swiper-button-next,
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .swiper-button-prev {
    top: auto;
    bottom: 100px;
    width: 54px;
    cursor: pointer;
    z-index: 12;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .swiper-button-next::after,
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .swiper-button-prev::after {
    display: none;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .swiper-pagination {
    bottom: 100px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background-color: #ffffff;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fc462d;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .mySwiper {
    margin-top: 150px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .mySwiper.pic {
    padding-left: 12%;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .mySwiper .swiper-wrapper .swiper-slide {
    text-align: center;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .mySwiper .swiper-wrapper .swiper-slide .title {
    font-size: 26px;
    color: #fc462d;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .mySwiper .swiper-wrapper .swiper-slide .title i {
    font-family: "Syne", sans-serif;
    margin: 14px 0;
    position: relative;
    left: 0px;
  }
  #cupid .giftboxOutWrap .giftmoneyWrap .giftmoney-area .mySwiper .swiper-wrapper .swiper-slide .content {
    text-align: left;
    font-size: 16px;
    line-height: 1.2;
  }
  #cupid .qaWrap .qaList {
    max-width: 83%;
    margin: auto;
  }
  #cupid .qaWrap .qaList li .num {
    font-size: 32px;
  }
  #cupid .qaWrap .qaList li .title {
    font-size: 24px;
  }
  #cupid .qaWrap .qaList li .answer {
    text-align: left;
    font-size: 14px;
  }
  #news .news-head {
    margin-bottom: 55px;
  }
  #news .newsWrap {
    max-width: 85%;
    margin: auto;
    padding: 0 8%;
  }
  #news .newsWrap .news-cat-container .news-catList {
    display: flex;
    justify-content: space-between;
  }
  #news .newsWrap .news-cat-container .news-catList li a .icon {
    margin-right: 7px;
  }
  #news .newsWrap .news-cat-container .news-catList li a .title {
    font-size: 18px;
  }
  #news .newsWrap .newsList {
    margin: auto;
  }
  #news .newsWrap .newsList li {
    position: relative;
    border-bottom: none;
    padding: 70px 0 10px;
  }
  #news .newsWrap .newsList li:first-child {
    padding-top: 0;
  }
  #news .newsWrap .newsList li a .repeat-area {
    margin-bottom: 10px;
  }
  #news .newsWrap .newsList li a .repeat-area .item .pic-area .pic img {
    width: 100%;
  }
  #news .newsWrap .newsList li a .article-area {
    border-top: 1px #ca954a solid;
    padding-top: 12px;
  }
  #news .newsWrap .newsList li a .article-area .date-area {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  #news .newsWrap .newsList li a .article-area .date-area .date {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #news .newsWrap .newsList li a .article-area .date-area .date.cell {
    width: auto;
  }
  #news .newsWrap .newsList li a .article-area .date-area .cat {
    width: 105px;
    height: 35px;
    padding: 12px 18px;
    text-align: right;
  }
  #news .newsWrap .newsList li a .article-area .title {
    font-size: 23px;
  }
  #news .news-pager {
    margin: 80px 0px 55px;
  }
  #news .news-pager a {
    width: 14px;
    height: 14px;
    border: 1px solid #da4e36;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
  }
  #news .news-pager a.current {
    background-color: #da4e36;
  }
  #news .news-pager .prev,
  #news .news-pager .next {
    width: 40px;
    height: 40px;
    border: none;
    margin: 0 37px;
    cursor: pointer;
    transition: all 0.3s;
  }
  #news .news-pager .prev:hover,
  #news .news-pager .next:hover {
    opacity: 0.6;
  }
  #news .news-pager .prev {
    margin-left: 0;
    margin-right: 37px;
  }
  #news .news-pager .next {
    margin-left: 37px;
    margin-right: 0;
  }
  #news_detail .news-head {
    margin-bottom: 55px;
  }
  #news_detail .news-detailWrap {
    max-width: 100%;
    margin: auto;
  }
  #news_detail .news-detailWrap .date-area {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #news_detail .news-detailWrap .date-area .date {
    margin-left: 0px;
    margin-bottom: 65px;
  }
  #news_detail .news-detailWrap .date-area .date.cell {
    width: auto;
  }
  #news_detail .news-detailWrap .date-area .cat {
    width: 105px;
    height: 35px;
    padding: 12px 18px;
    margin-bottom: 25px;
    text-align: right;
  }
  #news_detail .news-detailWrap .title {
    font-size: 28px;
    max-width: 87%;
    margin: auto;
  }
  #news_detail .news-detailWrap .content {
    font-size: 14px;
  }
  #news_detail .news-detailWrap .content img {
    width: 100%;
  }
  #news_detail .news-detailWrap .content span {
    display: block;
    max-width: 87%;
    margin: auto;
  }
  .poem-bg .poemWrap {
    height: 100vh;
    padding-top: 120px;
  }
  .poem-bg .poemWrap .poem-aniWrap {
    width: 225px;
    height: 280px;
    left: -10.6%;
    bottom: 0px;
  }
  .poem-bg .poemWrap .deco-1 {
    top: 125px;
    left: 0px;
    right: auto;
  }
  .poem-bg .poemWrap .poem-catList {
    position: static;
    margin-bottom: 27px;
  }
  .poem-bg .poemWrap .poem-catList li {
    margin-bottom: 15px;
  }
  .poem-bg .poemWrap .poem-catList li:last-child {
    margin-bottom: 0px;
  }
  .poem-bg .poemWrap .poem-catList li .title {
    writing-mode: vertical-lr;
    margin: auto;
  }
  .poem-bg .poemWrap .poem-catList li .title i {
    width: 40px;
    height: 40px;
    font-size: 26px;
    padding: 3px 0px 0px 2px;
    margin: 0 6px;
    opacity: 0.5;
  }
  .poem-bg .poemWrap .poem-catList .current .title {
    writing-mode: vertical-lr;
    margin: auto;
  }
  .poem-bg .poemWrap .poem-catList .current .title i {
    width: 50px;
    height: 50px;
    font-size: 34px;
    padding: 5px 0px 0px 2px;
    margin: 0 6px;
    opacity: 1;
  }
  .poem-bg .poemWrap .poem-container {
    width: 315px;
    height: 310px;
  }
  .poem-bg .poemWrap .poem-container .num-sliderWrap {
    top: 72px;
    height: 130px;
  }
  .poem-bg .poemWrap .poem-container .num-sliderWrap .deco-gradient {
    height: 40px;
  }
  .poem-bg .poemWrap .poem-container .num-sliderWrap .text {
    font-size: 21px;
  }
  .poem-bg .poemWrap .poem-container .num-sliderWrap .num-slider-container {
    width: 105px;
    height: 30px;
  }
  .poem-bg .poemWrap .poem-container .num-sliderWrap .num-slider-container .swiper-slide {
    font-size: 21px;
    line-height: 1.4;
  }
  .poem-bg .poemWrap .poem-container .btn {
    left: 92px;
    bottom: 50px;
  }
  .poem-bg .poem-detail-bg {
    height: 100vh;
    position: static;
    transform: translateY(-120%);
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap {
    padding: 130px 30px 160px;
    writing-mode: horizontal-tb;
    overflow-x: hidden;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .head {
    display: table;
    writing-mode: horizontal-tb;
    margin: 0 auto 60px;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .head i {
    font-size: 32px;
    width: 50px;
    height: 50px;
    padding: 5px 0px 0px 5px;
    margin: 0 2px;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .poem-area {
    margin: 0px 0px 60px;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .poem-area .title-area {
    display: block !important;
    text-align: center;
    margin-bottom: 35px;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .poem-area .title-area .title {
    margin-bottom: 20px;
    font-size: 38px;
    position: relative;
    display: inline-block;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .poem-area .title-area .title .deco-1 {
    top: 10px;
    left: -211px;
    z-index: -1;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .poem-area .title-area .title .deco-2 {
    top: 10px;
    left: -111px;
    z-index: -1;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .poem-area .title-area .note {
    font-size: 20px;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .poem-area .content {
    margin: 0px;
    text-align: center;
    font-size: 20px;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .explainList {
    margin-left: 0;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .explainList li {
    margin-right: 0px;
    margin-bottom: 53px;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .explainList li .title {
    position: relative;
    font-size: 18px;
    margin-bottom: 19px;
    border: none;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .explainList li .title img {
    bottom: -2px;
    left: -3px;
    position: absolute;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .explainList li .content {
    font-size: 14px;
    margin-left: 0px;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap .back {
    position: static;
    transform: translateX(90%);
  }
  #about .about-enterWrap .deco-1 {
    top: 80%;
    left: -10px;
  }
  #about .about-enterWrap .deco-2 {
    position: absolute;
    top: 30px;
    right: -20px;
  }
  #about .about-enterWrap .god-area {
    width: 348px;
    height: 395px;
  }
  #about .about-enterWrap .god-area .word {
    top: -26px;
    right: -30px;
  }
  #about .about-enterWrap .god-area .stamp {
    bottom: 20px;
  }
  #about .about-godWrap .deco-word {
    top: 111px;
    left: -4%;
  }
  #about .about-godWrap .deco-1 {
    top: 30%;
    left: 6%;
  }
  #about .about-godWrap .article-area {
    margin-left: 0;
    flex-direction: column-reverse;
  }
  #about .about-godWrap .article-area .content {
    width: auto;
    font-size: 14px;
    margin: auto;
  }
  #about .about-godWrap .article-area .title {
    width: auto;
    margin-left: 0;
    margin: 0 auto 45px;
    padding-left: 165px;
  }
  #about .about-fortuneWrap {
    position: relative;
  }
  #about .about-fortuneWrap .deco-slogan {
    top: 690px;
  }
  #about .about-fortuneWrap .fortune-row {
    width: 100%;
    margin: 0;
    padding: 0 10%;
  }
  #about .about-fortuneWrap .fortune-row.one {
    display: flex;
    padding-top: 50px;
  }
  #about .about-fortuneWrap .fortune-row.one .title {
    margin-bottom: -85px;
  }
  #about .about-fortuneWrap .fortune-row.one .content {
    margin-right: 0px;
  }
  #about .about-fortuneWrap .fortune-row.two {
    display: flex;
    flex-direction: column;
    margin-top: 260px;
  }
  #about .about-fortuneWrap .fortune-row.two .content {
    margin-right: 30px;
  }
  #about .about-fortuneWrap .fortune-row.three .content {
    margin-right: 30px;
  }
  #about .about-fortuneWrap .card-container {
    margin-left: 0px;
  }
  #about .about-fortuneWrap .card-container .cardList {
    display: flex;
    justify-content: space-around;
    margin-bottom: 90px;
  }
  #about .about-fortuneWrap .card-container .cardList li {
    margin-right: 0;
  }
  #about .about-fortuneWrap .card-container .cardList li:nth-child(1), #about .about-fortuneWrap .card-container .cardList li:nth-child(2) {
    margin-top: 0px;
  }
  #about .about-fortuneWrap .card-container .cardList li .item .content {
    padding: 30px 15px;
  }
  #about .about-fortuneWrap .title {
    white-space: nowrap;
    font-size: 28px;
  }
  #about .about-fortuneWrap .content {
    font-size: 14px;
    line-height: 1.8;
  }
  #about .about-fortuneWrap .gradientbox {
    height: 200px;
  }
  #about .comicWrap .mySwiper.comic-pic .swiper-slide {
    text-align: center;
  }
  #about .comicWrap .mySwiper.comic-content {
    width: 280px;
    height: auto;
  }
  #about .comicWrap .mySwiper.comic-content .article-area {
    position: static;
    background: linear-gradient(180deg, #efb970 50%, rgba(239, 185, 112, 0.8) 60%, transparent 85%);
    padding: 20px 30px 20px;
  }
  #about .comicWrap .mySwiper.comic-content .article-area .title {
    font-size: 30px;
  }
  #about .comicWrap .mySwiper.comic-content .article-area .content {
    max-height: 220px;
    font-size: 12px;
  }
  #about .comicWrap .swiper-button-prev .arrow .cls-1,
  #about .comicWrap .swiper-button-next .arrow .cls-1 {
    fill: #fff;
    stroke: #e8b356;
    stroke-miterlimit: 10;
    transition: all 0.3s;
  }
  #about .comicWrap .swiper-button-prev .arrow .cls-2,
  #about .comicWrap .swiper-button-next .arrow .cls-2 {
    fill: none;
    stroke: #ca954a;
    stroke-linejoin: round;
    stroke-width: 1px;
    transform-origin: center;
    transition: all 0.3s;
  }
  #about .comicWrap .swiper-button-prev::after,
  #about .comicWrap .swiper-button-next::after {
    display: none;
  }
  #about .comicWrap .swiper-button-next {
    right: 10%;
    transform: rotateZ(-90deg);
  }
  #about .comicWrap .swiper-button-prev {
    left: 10%;
    transform: rotateZ(90deg);
  }
  #about .comicWrap .swiper-pagination {
    bottom: 0px;
  }
  #about .comicWrap .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    border: #fc462d 1px solid;
    background-color: transparent;
  }
  #about .comicWrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fc462d;
  }
  #about .mapWrap .head {
    position: static;
    text-align: center;
  }
  #about .mapWrap .map-area .ani-1,
  #about .mapWrap .map-area .ani-2,
  #about .mapWrap .map-area .ani-3,
  #about .mapWrap .map-area .ani-4,
  #about .mapWrap .map-area .ani-5 {
    display: none;
  }
  #about .mapWrap .year {
    text-align: center;
    margin-bottom: 30px;
  }
  #about .mapWrap .article-area {
    position: static;
    max-width: 87%;
    margin: auto;
  }
  #about .mapWrap .article-area .content {
    position: static;
  }
  #about .mackrichWrap {
    padding-bottom: 0px;
  }
  #about .mackrichWrap .head {
    text-align: center;
    margin-bottom: 87px;
  }
  #about .mackrichWrap .catList {
    margin-bottom: 60px;
  }
  #about .mackrichWrap .catList li {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 3px;
    background-color: #e8b356;
    padding: 20px 40px;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  #about .mackrichWrap .catList li:last-child {
    margin-right: 0;
  }
  #about .mackrichWrap .catList li:last-child {
    margin-bottom: 0;
  }
  #about .mackrichWrap .catList li:hover, #about .mackrichWrap .catList li.current {
    background-color: #da4e36;
  }
  #about .mackrichWrap .catList li:nth-child(1) {
    -webkit-mask: url(/images/mackrich-mask-1-mobile.svg) 0 0/100% 100% no-repeat;
            mask: url(/images/mackrich-mask-1-mobile.svg) 0 0/100% 100% no-repeat;
  }
  #about .mackrichWrap .catList li:nth-child(2) {
    -webkit-mask: url(/images/mackrich-mask-2-mobile.svg) 0 0/100% 100% no-repeat;
            mask: url(/images/mackrich-mask-2-mobile.svg) 0 0/100% 100% no-repeat;
  }
  #about .mackrichWrap .catList li:nth-child(3) {
    -webkit-mask: url(/images/mackrich-mask-3-mobile.svg) 0 0/100% 100% no-repeat;
            mask: url(/images/mackrich-mask-3-mobile.svg) 0 0/100% 100% no-repeat;
  }
  #about .mackrichWrap .introWrap {
    text-align: left;
    max-width: 87%;
    margin: auto;
  }
  #about .mackrichWrap .introWrap .flag {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 2px;
    color: #e8b356;
    margin-bottom: 25px;
    text-align: center;
  }
  #about .mackrichWrap .introWrap .pic {
    margin-bottom: 60px;
  }
  #about .mackrichWrap .introWrap .title {
    font-weight: 700;
    font-size: 21px;
    letter-spacing: 10px;
    color: #000;
    margin-bottom: 20px;
    text-align: center;
  }
  #about .mackrichWrap .introWrap .content {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #666;
    max-width: 777px;
    margin: 0 auto;
  }
  #about .mack168-container {
    position: relative;
    padding-bottom: 100px;
  }
  #about .mack168-container .deco-1 {
    position: absolute;
    top: 119px;
    left: -5px;
    transform: translateX(-60px);
    opacity: 0;
  }
  #about .mack168-container .deco-3 {
    position: absolute;
    top: 239px;
    right: -10px;
    transform: translateX(60px);
    opacity: 0;
  }
  #about .mack168-container .deco-4 {
    position: absolute;
    top: 519px;
    right: -5px;
    transform: translateX(60px);
    opacity: 0;
  }
  #about .mack168-container .rich-container-1 {
    max-width: 87%;
    margin: 50px auto 0px;
  }
  #about .mack168-container .rich-container-1 .sloganList {
    display: flex;
    flex-direction: column-reverse;
  }
  #about .mack168-container .rich-container-1 .sloganList li {
    writing-mode: horizontal-tb;
    margin-right: 0px;
    margin-bottom: 60px;
  }
  #about .mack168-container .rich-container-1 .sloganList li:last-child {
    margin-right: 0;
  }
  #about .mack168-container .rich-container-1 .sloganList li:nth-child(1) {
    margin-bottom: 0px;
  }
  #about .mack168-container .rich-container-1 .sloganList .title {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 1.5;
    color: #ca954a;
    position: relative;
    display: inline;
  }
  #about .mack168-container .rich-container-1 .sloganList .title:before {
    content: "";
  }
  #about .mack168-container .rich-container-1 .sloganList .title:after {
    content: "";
  }
  #about .mack168-container .rich-container-1 .sloganList .content {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #666;
    margin-right: 0px;
  }
  #about .mack168-container .rich-container-1 .qaList {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
    margin-top: 87px;
  }
}
@media print, screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
  #about .mack168-container .rich-container-1 .qaList {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about .mack168-container .rich-container-1 .qaList li {
    position: relative;
    border-bottom: 2px solid #e8b356;
    padding: 60px 0 40px;
    cursor: pointer;
  }
}
@media print, screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
  #about .mack168-container .rich-container-1 .qaList li {
    padding: 50px 0;
    border-width: 1px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about .mack168-container .rich-container-1 .qaList li.is-open .arrow .cls-1 {
    fill: #CA954A;
    stroke: #CA954A;
  }
  #about .mack168-container .rich-container-1 .qaList li.is-open .arrow .cls-2 {
    stroke: #fff;
    transform: rotate(-180deg);
  }
  #about .mack168-container .rich-container-1 .qaList .num {
    font-weight: 500;
    font-size: 33px;
    color: #e8b356;
    margin-bottom: 14px;
  }
  #about .mack168-container .rich-container-1 .qaList .title {
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 5px;
    line-height: 1.5;
    color: #302725;
  }
}
@media print, screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
  #about .mack168-container .rich-container-1 .qaList .title {
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 2px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about .mack168-container .rich-container-1 .qaList .answer {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 2;
    color: #4d4d4d;
    margin-top: 30px;
    display: none;
  }
}
@media print, screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
  #about .mack168-container .rich-container-1 .qaList .answer {
    font-size: 14px;
    margin-top: 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about .mack168-container .rich-container-1 .qaList .arrow {
    z-index: 9;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50%);
    bottom: 0;
    cursor: pointer;
  }
  #about .mack168-container .rich-container-1 .qaList .arrow:hover .cls-1 {
    fill: #e8b356;
  }
  #about .mack168-container .rich-container-1 .qaList .arrow:hover .cls-2 {
    stroke: #fff;
  }
  #about .mack168-container .rich-container-1 .qaList .arrow .cls-1 {
    fill: #fff;
    stroke: #e8b356;
    stroke-miterlimit: 10;
    transition: all 0.3s;
  }
  #about .mack168-container .rich-container-1 .qaList .arrow .cls-2 {
    fill: none;
    stroke: #ca954a;
    stroke-linejoin: round;
    stroke-width: 1px;
    transform-origin: center;
    transition: all 0.3s;
  }
  #about .maketip-container {
    position: relative;
    padding-bottom: 100px;
  }
  #about .maketip-container .deco-1 {
    position: absolute;
    top: 31%;
    left: -20px;
    transform: translateX(-60px);
    opacity: 0;
  }
  #about .maketip-container .deco-2 {
    position: absolute;
    top: 31%;
    right: -20px;
    transform: translateX(60px);
    opacity: 0;
  }
  #about .maketip-container .maketip-container-1 {
    margin-top: 50px;
    display: flex;
    flex-direction: column-reverse;
  }
  #about .maketip-container .maketip-container-1 .tip-head {
    margin-left: 0px;
    margin-bottom: 55px;
  }
  #about .maketip-container .maketip-container-1 .tip-head .tip {
    writing-mode: vertical-rl;
    color: #ca954a;
    font-size: 26px;
    font-weight: 700;
    margin: auto;
    line-height: 1.6;
  }
  #about .maketip-container .maketip-container-1 .maketipList {
    display: flex;
    flex-direction: column-reverse;
    max-width: 87%;
    margin: 0 auto 20px;
  }
  #about .maketip-container .maketip-container-1 .maketipList li {
    display: flex;
    margin-right: 0px;
    cursor: pointer;
    opacity: 0.5;
    transform: translateX(-10px);
    transition: 0.3s ease-in-out;
  }
  #about .maketip-container .maketip-container-1 .maketipList li:last-child {
    margin-right: 0;
  }
  #about .maketip-container .maketip-container-1 .maketipList li.is-show {
    opacity: 1;
    transform: translateX(30px);
  }
  #about .maketip-container .maketip-container-1 .maketipList li.is-show .title {
    transform: scale(1.5);
  }
  #about .maketip-container .maketip-container-1 .maketipList li.is-show .content {
    opacity: 1;
  }
  #about .maketip-container .maketip-container-1 .maketipList .title {
    width: 62px;
    margin-bottom: 20px;
    transition: 0.3s ease-in-out;
  }
  #about .maketip-container .maketip-container-1 .maketipList .title img {
    width: 100%;
  }
  #about .maketip-container .maketip-container-1 .maketipList .content {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #666;
    writing-mode: horizontal-tb;
    margin: 0;
    margin-left: 20px;
    opacity: 0;
    transition: 0.3s ease-in-out;
  }
  #about .maketip-container .maketip-container-1 .note-area {
    writing-mode: horizontal-tb;
    height: auto;
    max-width: 87%;
    width: auto;
    margin: 0 auto 20px;
  }
  #about .maketip-container .maketip-container-1 .note-area .title {
    font-weight: 700;
    font-size: 21px;
    letter-spacing: 1px;
    color: #666;
    margin-left: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  #about .maketip-container .maketip-container-1 .note-area .content {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #808080;
  }
  #about .wing-container {
    position: relative;
    padding-bottom: 100px;
  }
  #about .wing-container .deco-1 {
    position: absolute;
    top: 45%;
    left: -20px;
    transform: translateX(-60px);
    opacity: 0;
  }
  #about .wing-container .deco-2 {
    position: absolute;
    top: 45%;
    right: -20px;
    transform: translateX(60px);
    opacity: 0;
  }
  #about .wing-container .wing-container-1 {
    margin-top: 120px;
    padding-bottom: 100px;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap {
    max-width: 87%;
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .swiper-pagination {
    --swiper-pagination-bullet-size: 10px;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-color: #da4e36;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-opacity: 1;
    bottom: -50px;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .swiper-pagination .swiper-pagination-bullet {
    transition: all 0.3s;
    border: 1px solid #da4e36;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .swiper-button-next,
  #about .wing-container .wing-container-1 .wing-sliderWrap .swiper-button-prev {
    top: auto;
    bottom: -65px;
    width: 54px;
    cursor: pointer;
    z-index: 12;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .swiper-button-next::after,
  #about .wing-container .wing-container-1 .wing-sliderWrap .swiper-button-prev::after {
    display: none;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .wing-sliderList .swiper-slide {
    position: relative;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .wing-sliderList .title-area {
    position: static;
    transform: translateX(0px);
    text-align: center;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .wing-sliderList .title-area .num {
    margin-bottom: 20px;
    position: relative;
    left: 4px;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .wing-sliderList .title-area .title {
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 6px;
    color: #e8b356;
    writing-mode: horizontal-tb;
    margin: 0 auto 20px;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .wing-sliderList .pic {
    margin-bottom: 26px;
  }
  #about .wing-container .wing-container-1 .wing-sliderWrap .wing-sliderList .content {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #666;
    text-align: center;
  }
  #about .xiayuanWrap {
    background-color: #7ddbf4;
    position: relative;
  }
  #about .xiayuanWrap .share-container {
    z-index: 9;
    position: absolute;
    top: 10%;
    right: 60px;
    bottom: 3%;
  }
  #about .xiayuanWrap .share-container .share-area {
    text-align: center;
    position: sticky;
    top: 30vh;
  }
  #about .xiayuanWrap .share-container .share-area .text {
    margin-bottom: 20px;
  }
  #about .xiayuanWrap .share-container .share-area .shareList a {
    display: block;
    cursor: pointer;
    transition: all 0.3s;
    margin-bottom: 15px;
  }
  #about .xiayuanWrap .share-container .share-area .shareList a:hover {
    opacity: 0.6;
  }
  #about .xiayuanWrap .share-container .share-area .shareList a:last-child {
    margin-bottom: 0;
  }
  #about .xiayuanWrap .share-container .share-area .btn {
    cursor: pointer;
    transition: all 0.3s;
    margin-top: 60px;
  }
  #about .xiayuanWrap .share-container .share-area .btn:hover {
    opacity: 0.6;
  }
  #about .xiayuanWrap .xiayuan-deco-1 {
    position: absolute;
    top: -145px;
    right: 488px;
  }
  #about .xiayuanWrap .xiayuan-deco-2 {
    position: absolute;
    top: -329px;
    right: -1px;
  }
  #about .xiayuanWrap .xiayuan-deco-3 {
    position: absolute;
    top: 67px;
    right: -88px;
  }
  #about .xiayuanWrap .xiayuan-deco-4 {
    position: absolute;
    top: -140px;
    right: -382px;
  }
  #about .xiayuan-area-1 {
    padding: 130px 0;
    position: relative;
    z-index: 1;
  }
  #about .xiayuan-area-1 .slogan {
    font-weight: 700;
    font-size: 31px;
    letter-spacing: 22px;
    line-height: 1.4;
    color: #fff;
    text-align: center;
  }
}
@media print, screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
  #about .xiayuan-area-1 .slogan {
    font-size: 18px;
    letter-spacing: 10px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about .xiayuan-area-1 .slogan.is-black {
    color: #000;
  }
  #about .xiayuan-area-1 .content-area {
    max-width: 1098px;
    margin: 0 auto;
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 206px;
    opacity: 0;
    transform: translateY(30px);
  }
}
@media print, screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
  #about .xiayuan-area-1 .content-area {
    grid-template-columns: 1fr;
    grid-gap: 10px 0;
    padding: 0 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about .xiayuan-area-1 .content-area.is-black .content {
    color: #000;
  }
  #about .xiayuan-area-1 .content-area .content {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.8;
    color: #ccc;
  }
}
@media print, screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
  #about .xiayuan-area-1 .content-area .content {
    font-size: 14px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about .xiayuan-area-1 .content-area .content b {
    font-weight: 500;
    font-size: 31px;
    letter-spacing: 16px;
    display: block;
  }
  #about .xiayuan-area-1 .jieer-container {
    position: relative;
    margin: 90px 0 120px;
  }
  #about .xiayuan-area-1 .jieer-container .wave-area {
    position: absolute;
    top: 250px;
    left: 0;
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .marquee {
    display: inline-flex;
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .marquee img {
    max-width: initial;
  }
  @keyframes marquee {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  @keyframes marquee2 {
    0% {
      transform: translateX(-50%);
    }
    100% {
      transform: translateX(0%);
    }
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .one {
    position: relative;
    z-index: -1;
    margin-bottom: -290px;
    opacity: 0;
    transform: translateY(100px);
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .one .marquee {
    animation: marquee 20s infinite linear;
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .two {
    position: relative;
    z-index: -1;
    margin-bottom: -253px;
    opacity: 0;
    transform: translateY(100px);
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .two .marquee {
    animation: marquee2 23s infinite linear;
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .three {
    position: relative;
    z-index: -1;
    margin-bottom: -153px;
    opacity: 0;
    transform: translateY(100px);
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .three .marquee {
    animation: marquee 16s infinite linear;
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .four {
    position: relative;
    z-index: 2;
  }
  #about .xiayuan-area-1 .jieer-container .wave-area .four .marquee {
    animation: marquee2 11s infinite linear;
  }
  #about .xiayuan-area-1 .jieer-container .jieer-area {
    position: relative;
    left: 30px;
  }
  #about .xiayuan-area-1 .jieer-container .jieer-area .jieer {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    margin: 0 110px;
  }
  #about .xiayuan-area-1 .jieer-container .jieer-area .jieer:nth-child(1) .for-ani {
    animation: float-1 2s infinite alternate;
  }
  #about .xiayuan-area-1 .jieer-container .jieer-area .jieer:nth-child(2) .for-ani {
    animation: float-1 2s 0.4s infinite alternate;
  }
  #about .xiayuan-area-1 .jieer-container .jieer-area .deco-1 {
    position: absolute;
    top: -40px;
    left: -80px;
    opacity: 0;
  }
  #about .xiayuan-area-2 {
    position: relative;
    max-width: 1400px;
    margin: 0 auto 180px;
    padding-left: 144px;
  }
  #about .xiayuan-area-2 .bigword {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #about .xiayuan-area-2 .head {
    font-weight: 700;
    font-size: 50px;
    letter-spacing: 12px;
    color: #302725;
    padding: 0 40px;
  }
  #about .xiayuan-area-2 .xaList {
    margin-top: 20px;
  }
  #about .xiayuan-area-2 .xaList li {
    position: relative;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 50px 30% 50px 40px;
    cursor: pointer;
    margin-bottom: -1px;
  }
  #about .xiayuan-area-2 .xaList li.is-open .arrow .cls-1 {
    fill: #fff;
  }
  #about .xiayuan-area-2 .xaList li.is-open .arrow .cls-2 {
    stroke: #da4e36;
    transform: rotate(-180deg);
  }
  #about .xiayuan-area-2 .xaList .title {
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 5px;
    color: #333;
  }
  #about .xiayuan-area-2 .xaList .answer {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #4d4d4d;
    margin-top: 30px;
    display: none;
  }
  #about .xiayuan-area-2 .xaList .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    zoom: 1.8;
  }
  #about .xiayuan-area-2 .xaList .arrow:hover .cls-1 {
    fill: #fff;
  }
  #about .xiayuan-area-2 .xaList .arrow:hover .cls-2 {
    stroke: #da4e36;
  }
  #about .xiayuan-area-2 .xaList .arrow .cls-1 {
    fill: #da4e36;
    stroke: #da4e36;
    stroke-miterlimit: 10;
    transition: all 0.3s;
  }
  #about .xiayuan-area-2 .xaList .arrow .cls-2 {
    fill: none;
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 1px;
    transform-origin: center;
    transition: all 0.3s;
  }
  #about .xiayuan-area-2 .box-container {
    margin-top: 130px;
    padding: 0 40px;
  }
  #about .xiayuan-area-2 .box-container .article-area {
    max-width: 530px;
    margin-right: 130px;
  }
  #about .xiayuan-area-2 .box-container .article-area .title {
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 7px;
    color: #302725;
    margin-bottom: 30px;
  }
  #about .xiayuan-area-2 .box-container .article-area .content {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.8;
    color: #4d4d4d;
    text-align: justify;
    margin-bottom: 60px;
  }
  #about .xiayuan-area-2 .box-container .article-area .money {
    font-weight: 700;
    font-size: 34px;
    letter-spacing: 8px;
    color: #4d4d4d;
  }
  #about .xiayuan-area-2 .box-container .article-area .money b {
    font-size: 56px;
    letter-spacing: 4px;
    color: #e40012;
  }
  #about .xiayuan-area-2 .box-container .article-area .money i {
    font-size: 18px;
    letter-spacing: 4px;
  }
  #about .xiayuan-area-2 .box-container .pic {
    margin-top: -50px;
  }
}
@media screen and (max-width: 64.06125em) and (min-width: 75em) and (max-width: 99.99875em) {
  #about .future-allWrap {
    zoom: 0.8;
  }
}
@media screen and (max-width: 64.06125em) and (min-width: 75em) and (max-width: 99.99875em) {
  #about .gold-allWrap {
    zoom: 0.8;
  }
}
@media screen and (max-width: 64.06125em) and (min-width: 75em) and (max-width: 99.99875em) {
  #about .lamp-detail-allWrap {
    zoom: 0.8;
  }
}
@media screen and (max-width: 64.06125em) and (min-width: 75em) and (max-width: 99.99875em) {
  #about .gold-detail-allWrap {
    zoom: 0.8;
  }
}
@media screen and (max-width: 64.06125em) and (min-width: 75em) and (max-width: 99.99875em) {
  #about .signup-detail-allWrap {
    zoom: 0.8;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about .historyWrap {
    padding-top: 180px;
    padding-bottom: 35px;
  }
  #about .historyWrap .historyList section {
    margin-bottom: 135px;
  }
  #about .historyWrap .historyList section:nth-child(even) .pic-area .head {
    left: 0;
  }
  #about .historyWrap .historyList .deco-2 {
    top: 40%;
    left: auto;
    right: 0px;
  }
  #about .historyWrap .historyList .deco-4 {
    right: 5px;
    bottom: 153px;
  }
  #about .historyWrap .historyList .pic-area {
    margin-bottom: 35px;
  }
  #about .historyWrap .historyList .pic-area .head.right {
    left: auto;
    right: 0px;
  }
  #about .historyWrap .historyList .article-area {
    width: 100%;
    max-width: 87%;
    margin: auto;
  }
  #about .historyWrap .historyList .article-area .title {
    font-size: 28px;
  }
  #about .historyWrap .historyList .article-area .content {
    font-size: 14px;
  }
  #about .historyWrap .historyList .article-area .content img {
    width: 100%;
  }
  #about .historyWrap .historyList .article-area .content span {
    display: block;
    max-width: 87%;
    margin: auto;
  }
  #about .worshipWrap .worship-area {
    width: 654px;
    height: 288px;
    margin: auto;
  }
  #about .qaWrap .qaList {
    max-width: 85%;
    margin: auto;
  }
  #about .qaWrap .qaList li .num {
    font-size: 32px;
  }
  #about .qaWrap .qaList li .title {
    font-size: 23px;
  }
  #about .qaWrap .qaList li .answer {
    text-align: left;
    font-size: 14px;
  }
  #about .worship-fancyWrap {
    width: 100vw;
    z-index: 10;
    position: fixed;
    top: 0%;
    left: 0px;
    transform: translate(0%, 0%);
    pointer-events: none;
    transition: all 0.5s;
    display: none;
  }
  #about .worship-fancyWrap.is-show {
    transform: translate(0%, -50%);
    pointer-events: auto;
  }
  #about .worship-fancyWrap .pic {
    border-top: 5px solid #da4e36;
  }
  #about .worship-fancyWrap .pic img {
    width: 100%;
  }
  #about .worship-fancyWrap .article-area {
    position: relative;
    background: linear-gradient(180deg, #efb970, rgba(239, 185, 112, 0.8), transparent);
    display: flex;
    padding: 0px;
    padding-top: 40px;
    justify-content: center;
  }
}
@media print, screen and (max-width: 39.99875em) {
  body #album_detail .m-fancyWrap .space-for-mobile {
    height: 90vh;
  }
  body #signup-detail .signup-detailWrap .event-area .picList {
    grid-template-columns: repeat(2, 1fr);
  }
  body #signup-detail .sign-deco {
    bottom: 614px;
  }
  body #god-of-love-wrap .loveWrap .love-area-1 .hulu-container {
    margin-bottom: -55px;
  }
  #news .newsWrap {
    padding: 0px;
  }
  #news .newsWrap .news-cat-container .news-catList li a .title {
    font-size: 14px;
  }
  .poem-bg .poemWrap .poem-aniWrap {
    left: -15.6%;
  }
  .poem-bg .poemWrap .deco-1 {
    top: 65px;
    left: 0px;
    right: auto;
  }
  .poem-bg .poem-detailWrap .poem-detail-innerWrap {
    padding: 93px 30px 180px;
  }
  .cupid-matchWrap .match-container .matchList .content {
    padding: 0 20%;
  }
  #about .about-fortuneWrap .card-container {
    margin-left: 0px;
  }
  #about .about-fortuneWrap .card-container .cardList {
    display: flex;
    justify-content: space-around;
    max-width: 300px;
    margin: auto;
  }
  #about .about-fortuneWrap .card-container .cardList li {
    margin-bottom: 80px;
  }
}
@media (max-width: 399px) {
  .cupid-matchWrap .match-container .matchList .content {
    padding: 0 15% !important;
  }
}
@keyframes love-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes love-float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes footer-float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hulu-left-rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes hulu-right-rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
@keyframes hulu-deco {
  0% {
    transform: rotateZ(0deg);
  }
  55% {
    transform: rotateZ(2.5deg);
  }
  75% {
    transform: rotateZ(-1deg);
  }
  95% {
    transform: rotateZ(1deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
@keyframes hulu-deco-oppsite {
  0% {
    transform: rotateZ(0deg);
  }
  55% {
    transform: rotateZ(-2.5deg);
  }
  75% {
    transform: rotateZ(1deg);
  }
  95% {
    transform: rotateZ(-1deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}
@keyframes shadow-left {
  0% {
    transform: translateX(0px);
  }
  55% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-2.5px);
  }
  95% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes shadow-right {
  0% {
    transform: translateX(0px);
  }
  55% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(2.5px);
  }
  95% {
    transform: translateX(-1px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes cele-deco-rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes s-lamp-1 {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(15deg);
  }
}
@keyframes s-lamp-2 {
  0% {
    transform: rotate(-15deg);
  }
  50% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(-15deg);
  }
}
@keyframes v-shine {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes s-star {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.fade-enter-active,
.fade-leave-active {
  transition: all 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}