@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
/* 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;
}

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

* {
  box-sizing: border-box;
}

img {
  display: inline-block;
  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 (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .image-2x img:nth-child(1) {
    display: none;
  }
  .image-2x img:nth-child(2) {
    display: inline;
  }
}

/*

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

*/
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
.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;
  }
  .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%;
  }
  .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;
  }
  .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%;
  }
  .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%;
  }
  .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;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
  .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;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
  .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;
  }
}
:root {
  --indexSpace: 150px;
}
@media print, screen and (max-width: 99.99875em) {
  :root {
    --indexSpace: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  :root {
    --indexSpace: 20px;
  }
}

body {
  background-color: #ffb416;
  overflow-x: hidden;
  /* reset fancybox css */
}
body.is-loading {
  overflow-y: hidden;
  margin-right: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  body.is-loading {
    margin-right: 0;
  }
}
body.is-lock {
  overflow-y: hidden;
  margin-right: 17px;
}
@media print, screen and (max-width: 64.06125em) {
  body.is-lock {
    margin-right: 0;
  }
}
body .fancybox-bg {
  background-color: rgba(35, 24, 21, 0.75);
}
body .fancybox-is-open .fancybox-bg {
  background-color: rgba(35, 24, 21, 0.75);
  opacity: 1;
}
body .fancybox-slide > div {
  background-color: transparent;
  padding: 0;
  margin: 70px 0;
}
@media print, screen and (max-width: 64.06125em) {
  body .fancybox-slide > div {
    margin: 0;
  }
}

#p5_loading {
  display: none;
}

.m-width {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}

.m-banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.m-banner #maze {
  position: absolute;
  top: 160px;
  left: 50%;
  margin-left: -666px;
  width: 1332px;
  height: 750px;
  clip-path: polygon(49% 37%, 52% 37%, 52% 43%, 49% 43%);
}
@media print, screen and (max-width: 99.99875em) {
  .m-banner #maze {
    width: 764px;
    height: 430px;
    margin-left: -382px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .m-banner #maze {
    width: 100%;
    height: 212px;
    top: 184px;
    margin-left: 0;
    transform: translateX(-50%);
  }
}
.m-banner .logo {
  z-index: 9;
  position: absolute;
  left: 70px;
  top: 44px;
  width: 160px;
}
@media print, screen and (max-width: 99.99875em) {
  .m-banner .logo {
    left: 50px;
    top: 34px;
    width: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .m-banner .logo {
    width: 136px;
    left: 50%;
    margin-left: -68px;
    top: 25px;
  }
}
.m-banner #slogan {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 441px;
  width: 38px;
  height: 38px;
}
@media print, screen and (max-width: 99.99875em) {
  .m-banner #slogan {
    top: 311px;
    margin-left: 2px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .m-banner #slogan {
    background: none !important;
    top: 262px;
    width: 14px;
    height: 14px;
    margin-left: 0;
  }
}
.m-banner #slogan .deco {
  position: absolute;
  background-color: #fff;
}
.m-banner #slogan .deco.one {
  top: -8px;
  left: -8px;
  width: 16px;
  height: 54px;
}
@media print, screen and (max-width: 64.06125em) {
  .m-banner #slogan .deco.one {
    width: 10px;
    height: 30px;
  }
}
.m-banner #slogan .deco.two {
  top: -8px;
  left: -8px;
  width: 54px;
  height: 16px;
}
@media print, screen and (max-width: 64.06125em) {
  .m-banner #slogan .deco.two {
    width: 30px;
    height: 10px;
  }
}
.m-banner #slogan .deco.three {
  right: -8px;
  bottom: -8px;
  width: 16px;
  height: 54px;
}
@media print, screen and (max-width: 64.06125em) {
  .m-banner #slogan .deco.three {
    width: 10px;
    height: 30px;
  }
}
.m-banner #slogan .deco.four {
  right: -8px;
  bottom: -8px;
  width: 54px;
  height: 16px;
}
@media print, screen and (max-width: 64.06125em) {
  .m-banner #slogan .deco.four {
    width: 30px;
    height: 10px;
  }
}
.m-banner .scrolldown {
  display: none;
  z-index: 19;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 90px;
}
@media print, screen and (max-width: 64.06125em) {
  .m-banner .scrolldown {
    bottom: 90px;
  }
}
.m-banner .mobile-slogan {
  position: absolute;
  top: 280px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  width: 100%;
  text-align: center;
}
.m-banner .mobile-slogan .en {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 12px;
}
.m-banner .mobile-slogan .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 26px;
  letter-spacing: 4px;
  color: #fff;
}

.m-gif {
  z-index: 4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.menu {
  display: none;
  z-index: 49;
  position: fixed;
  top: 50px;
  right: 100px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .menu {
    top: 20px;
    right: 20px;
    width: 30px;
  }
}

.index-banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.index-banner #maze {
  position: absolute;
  top: 450px;
  left: 50%;
  transform: translateX(-50%);
  width: 38px;
  height: 38px;
  background: url(../images/maze/maze-1.jpg) center top/1332px 750px no-repeat;
  opacity: 0;
}
@media print, screen and (max-width: 99.99875em) {
  .index-banner #maze {
    top: 290px;
    background: url(../images/maze/maze-1.jpg) center top/763px 430px no-repeat;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-banner #maze {
    top: 300px;
    width: 14px;
    height: 14px;
  }
}
.index-banner .logo {
  z-index: 9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.index-banner #slogan {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 450px;
  width: 38px;
  height: 38px;
  background: url(../images/indexslogan.svg) center center/412px auto no-repeat;
  opacity: 0;
}
@media print, screen and (max-width: 99.99875em) {
  .index-banner #slogan {
    top: 290px;
    background: url(../images/indexslogan.svg) center center/290px auto no-repeat;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-banner #slogan {
    background: none;
    top: 300px;
    width: 14px;
    height: 14px;
  }
}
.index-banner #slogan .deco {
  position: absolute;
  background-color: #fff;
}
.index-banner #slogan .deco.one {
  top: -8px;
  left: -8px;
  width: 16px;
  height: 54px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-banner #slogan .deco.one {
    width: 10px;
    height: 30px;
  }
}
.index-banner #slogan .deco.two {
  top: -8px;
  left: -8px;
  width: 54px;
  height: 16px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-banner #slogan .deco.two {
    width: 30px;
    height: 10px;
  }
}
.index-banner #slogan .deco.three {
  right: -8px;
  bottom: -8px;
  width: 16px;
  height: 54px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-banner #slogan .deco.three {
    width: 10px;
    height: 30px;
  }
}
.index-banner #slogan .deco.four {
  right: -8px;
  bottom: -8px;
  width: 54px;
  height: 16px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-banner #slogan .deco.four {
    width: 30px;
    height: 10px;
  }
}
.index-banner .scrolldown {
  display: none;
  z-index: 19;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 90px;
}
.index-banner .mobile-slogan {
  position: absolute;
  top: 280px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  width: 100%;
  text-align: center;
}
.index-banner .mobile-slogan .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 4px;
  color: #003e52;
  margin-bottom: 12px;
}
.index-banner .mobile-slogan .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 2px;
  color: #003e52;
}

footer {
  background-color: #003d50;
  padding: 50px 0 40px;
  box-shadow: inset 0 12px 36px -10px #001e27;
}
footer .company {
  margin-bottom: 10px;
}
footer .infoList {
  margin-bottom: 10px;
}
footer .infoList li {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 8px;
}
footer .infoList li:last-child {
  margin-bottom: 0;
}
footer .infoList .title {
  min-width: 62px;
  font-weight: 700;
  color: #ffb416;
}
footer .infoList .content {
  color: #fff;
}
footer .address {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #fff;
}
footer .shareList {
  margin-bottom: 10px;
}
footer .shareList li {
  margin-right: 13px;
}
footer .shareList li:last-child {
  margin-right: 0;
}
footer nav {
  margin-bottom: 8px;
}
footer nav a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffb416;
}
footer nav a:not(:last-child):after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 10px;
  background-color: #ffb416;
  margin: 0 7px;
  position: relative;
  top: -1px;
}
footer .copyright {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 2px;
  color: #fff;
  margin-top: 12px;
  margin-bottom: 8px;
}
footer .madeby {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 12px;
  color: #fff;
}

.contact-banner {
  height: 100vh;
  position: relative;
}
.contact-banner .bighead {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 105px;
  letter-spacing: 8px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 3px 3px #ffd217;
}

.giftWrap {
  background-color: #f7f7f7;
}
.giftWrap section {
  padding: 78px 0;
}
.giftWrap section article {
  max-width: 420px;
  margin-right: 50px;
}
.giftWrap section article .title-ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 24px;
  letter-spacing: 2px;
  color: #ffb416;
  margin-bottom: 12px;
}
.giftWrap section article .title-en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 3px;
  color: #003d50;
  margin-bottom: 10px;
}
.giftWrap section article .note {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 19px;
  letter-spacing: 3px;
  cffb: 416px #ffb416;
  margin-bottom: 50px;
}
.giftWrap section article .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #686868;
}
.giftWrap section .pic-container {
  position: relative;
}
.giftWrap section .pic-container .pic {
  width: 386px;
  height: 386px;
  border-radius: 50%;
  background: url(../images/gift-1.jpg) center center/cover no-repeat;
}
.giftWrap section .pic-container .beefly {
  position: absolute;
  top: -10px;
  left: -10px;
}
.giftWrap section .date-innerWrap {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(40px, -50%);
}
.giftWrap section .date-innerWrap:after {
  content: "";
  display: block;
  width: 1px;
  height: 65%;
  background-color: #003d50;
  position: absolute;
  left: 82px;
  bottom: 9px;
  transform: rotate(20deg);
}
.giftWrap section .monthArea .month {
  font-family: "Adobe Garamond Pro", serif;
  font-size: 12px;
  color: #003d50;
  margin-bottom: 10px;
  padding-left: 10px;
}
.giftWrap section .monthArea .number {
  font-family: "Adobe Garamond Pro", serif;
  font-weight: 700;
  font-size: 72px;
  letter-spacing: 3px;
  color: #003d50;
}
.giftWrap section .dateArea {
  margin-right: 34px;
}
.giftWrap section .dateArea .date {
  font-family: "Adobe Garamond Pro", serif;
  font-size: 12px;
  color: #003d50;
  margin-bottom: 10px;
  padding-left: 5px;
}
.giftWrap section .dateArea .number {
  font-family: "Adobe Garamond Pro", serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 3px;
  color: #ffb416;
}

.giftmonthlink {
  z-index: 49;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.giftmonthlink.is-show a {
  transform: translateX(0);
}
.giftmonthlink a {
  display: block;
  position: relative;
  transform: translateX(-100%);
  padding-left: 40px;
  transition: all 0.5s;
  margin-bottom: 20px;
}
.giftmonthlink a:last-child {
  margin-bottom: 0;
}
.giftmonthlink a:nth-child(1) {
  transition-delay: 0.06s;
}
.giftmonthlink a:nth-child(2) {
  transition-delay: 0.12s;
}
.giftmonthlink a:nth-child(3) {
  transition-delay: 0.18s;
}
.giftmonthlink a:nth-child(4) {
  transition-delay: 0.24s;
}
.giftmonthlink a:nth-child(5) {
  transition-delay: 0.3s;
}
.giftmonthlink a:nth-child(6) {
  transition-delay: 0.36s;
}
.giftmonthlink a:nth-child(7) {
  transition-delay: 0.42s;
}
.giftmonthlink a:nth-child(8) {
  transition-delay: 0.48s;
}
.giftmonthlink a:nth-child(9) {
  transition-delay: 0.54s;
}
.giftmonthlink a:nth-child(10) {
  transition-delay: 0.6s;
}
.giftmonthlink a:nth-child(11) {
  transition-delay: 0.66s;
}
.giftmonthlink a:nth-child(12) {
  transition-delay: 0.72s;
}
.giftmonthlink a span {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #8c8c8c;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: all 0.5s;
}
.giftmonthlink a span:before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #ffb416;
  position: absolute;
  top: 50%;
  left: -89px;
  transition: all 0.5s;
}
.giftmonthlink a.current span {
  letter-spacing: 4px;
  color: #ffb416;
  margin-left: 20px;
}
.giftmonthlink a.current span:before {
  width: 80px;
}

header {
  display: none;
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffd217;
  padding: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  header {
    padding: 50px var(--indexSpace);
    overflow-y: auto;
  }
}
header .close {
  z-index: 19;
  position: absolute;
  top: 50px;
  right: 100px;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  header .close {
    top: 50px;
    right: 30px;
  }
}

.topmenu-innerWrap {
  position: relative;
  height: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenu-innerWrap {
    display: block;
    height: auto;
  }
}
.topmenu-innerWrap .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(68%, -28%);
}
@media print, screen and (max-width: 64.06125em) {
  .topmenu-innerWrap .deco {
    transform: translate(9%, -30%);
  }
}
.topmenu-innerWrap .topmenuList li {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 4px;
  color: #003d50;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
}
.topmenu-innerWrap .topmenuList li:hover .en, .topmenu-innerWrap .topmenuList li:hover .ch {
  transform: translateY(-100%);
}
@media print, screen and (max-width: 99.99875em) {
  .topmenu-innerWrap .topmenuList li {
    font-size: 30px;
    margin-bottom: 33px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .topmenu-innerWrap .topmenuList li {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
.topmenu-innerWrap .topmenuList li .en, .topmenu-innerWrap .topmenuList li .ch {
  transition: all 0.3s;
}
.topmenu-innerWrap .topmenuList li .ch {
  position: absolute;
  top: 100%;
  left: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenu-innerWrap .linkList {
    margin-bottom: 30px;
  }
}
.topmenu-innerWrap .linkList li {
  margin-right: 25px;
}
.topmenu-innerWrap .linkList li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .topmenu-innerWrap .info-container {
    margin-bottom: 25px;
  }
}
.topmenu-innerWrap .info-container .info {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  color: #003d50;
  margin-bottom: 10px;
}
.topmenu-innerWrap .info-container .company {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 3px;
  color: #003d50;
  margin-bottom: 13px;
}
.topmenu-innerWrap .info-container .address {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003d50;
  margin-bottom: 10px;
}
.topmenu-innerWrap .info-container .mail {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 1px;
  color: #003d50;
}
.topmenu-innerWrap .infoEn-container .company {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 3px;
  color: #003d50;
  margin-bottom: 8px;
}
.topmenu-innerWrap .infoEn-container .address {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #003d50;
}
.topmenu-innerWrap .infoEn-container .siteby {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 12px;
  color: #003d50;
  margin-top: 17px;
}

.newsWrap {
  max-width: 735px;
  margin: 43px auto 60px;
}

.newsList {
  margin: 0 auto 96px;
}
.newsList li {
  border-top: 1px solid #ffb416;
  border-bottom: 1px solid #ffb416;
  padding: 30px 0;
  margin-bottom: -1px;
  cursor: pointer;
}
.newsList .pic {
  margin-right: 33px;
  border: 1px solid #ffb416;
}
.newsList article {
  position: relative;
  padding-top: 5px;
}
.newsList .date {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #ffb416;
  margin-bottom: 12px;
}
.newsList .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #003d50;
  margin-bottom: 34px;
}
.newsList .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 2;
  color: #8c8c8c;
}
.newsList .more {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 38px;
  color: #ffb416;
  text-align: center;
  width: 148px;
  height: 38px;
  border: 1px solid #ffb416;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.news-pager {
  text-align: center;
}
.news-pager a {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #003d50;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.news-pager a:nth-last-child(2):after {
  display: none;
}
.news-pager a:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #003d50;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  position: relative;
  top: -1px;
}
.news-pager a.current {
  color: #ffb416;
}
.news-pager a.current:before {
  content: "";
  width: 28px;
  height: 33px;
  background: url(../images/pager-current.svg) center center/cover no-repeat;
  position: absolute;
  left: -10px;
  top: -40px;
}
.news-pager .prev, .news-pager .next {
  margin: 0 10px;
}
.news-pager .prev:after, .news-pager .next:after {
  display: none;
}

.news-selectWrap {
  margin-bottom: 22px;
}
.news-selectWrap select {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #ffb416;
  background-color: transparent;
  border: 1px solid #ffb416;
  border-radius: 50px;
  padding: 2px 14px;
}
.news-selectWrap .search {
  position: relative;
  top: 1px;
  cursor: pointer;
  transition: all 0.5s;
}
.news-selectWrap .search:hover {
  filter: brightness(0.8);
}
.news-selectWrap .item {
  margin-right: 14px;
}
.news-selectWrap .item:last-child {
  margin-right: 0;
}

.newsDetailWrap {
  max-width: 800px;
  margin: 214px auto 65px;
}
.newsDetailWrap .title-container {
  width: 400px;
  position: relative;
  left: -97px;
}
.newsDetailWrap .title-container .date {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffb416;
  margin-bottom: 22px;
}
.newsDetailWrap .title-container .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 4px;
  line-height: 1.5;
  color: #003d50;
  margin-bottom: 70px;
}
.newsDetailWrap .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #035d72;
  margin-bottom: 24px;
}
.newsDetailWrap .content img {
  display: block;
  margin: 20px 0;
}
.newsDetailWrap .share-container {
  margin-bottom: 40px;
  text-align: center;
}
.newsDetailWrap .share-container .head {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 2px;
  color: #003d50;
  margin-bottom: 22px;
}
.newsDetailWrap .shareList li {
  margin-right: 18px;
}
.newsDetailWrap .shareList li:last-child {
  margin-right: 0;
}
.newsDetailWrap .back {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 38px;
  color: #ffb416;
  text-align: center;
  width: 112px;
  height: 38px;
  margin: 0 auto;
  border: 1px solid #ffb416;
  cursor: pointer;
}

#newsDetailDeco {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 27vw;
}

.brand-banner-deco {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
}

.brandWrap {
  background-color: #f7f7f7;
  padding: 182px 0 45px;
  position: relative;
}
.brandWrap .brand-since {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 20px;
  margin-left: 120px;
}

.learnfrombee, .beeindustry {
  margin-bottom: 78px;
}
.learnfrombee article, .beeindustry article {
  max-width: 470px;
}
.learnfrombee article .deco, .beeindustry article .deco {
  margin-bottom: 8px;
}
.learnfrombee article .title-en, .beeindustry article .title-en {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #f4a416;
  margin-bottom: 6px;
}
.learnfrombee article .title-ch, .beeindustry article .title-ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 4px;
  color: #003d50;
  margin-bottom: 36px;
}
.learnfrombee article .content, .beeindustry article .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #003d72;
}
.learnfrombee .pic-container, .beeindustry .pic-container {
  text-align: center;
}

.brand-map {
  text-align: center;
  margin-top: 110px;
}

.brand-but {
  background-color: #003d50;
  padding: 120px 0;
  text-align: center;
  box-shadow: inset 0 12px 36px -10px #001e27, inset 1px -12px 36px -10px #001e27;
}
.brand-but .but {
  margin-bottom: 15px;
}
.brand-but .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
  max-width: 548px;
  margin: 0 auto;
}

.brand-tagme {
  background-color: #ffb416;
  padding: 78px 0 30px;
  text-align: center;
  box-shadow: 0 2px 5px 0px #c18b19;
}
.brand-tagme .tagme {
  margin-bottom: 25px;
}
.brand-tagme .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
}

.beeindustry {
  margin: 90px auto 50px;
}

.extrude {
  background: url(../images/extrude-bg.svg) center center/100% 100% no-repeat;
  padding: 58px 0 275px;
  overflow: hidden;
}
.extrude .bigword {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 72px;
  letter-spacing: 8px;
  color: #fff;
  writing-mode: tb;
  position: absolute;
  top: 0;
  left: -100px;
}
.extrude .extrude-pic {
  position: absolute;
  top: -134px;
  right: -554px;
}

.weddingGift {
  background: url(../images/wedding-gift-bg.svg) center center/100% 100% no-repeat;
  padding: 354px 0 285px;
  margin-bottom: -80px;
  position: relative;
  z-index: 4;
}
.weddingGift .bigword {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 72px;
  letter-spacing: 8px;
  color: #fff;
  writing-mode: tb;
  position: absolute;
  top: -182px;
  right: -100px;
}
.weddingGift .action-area {
  position: relative;
  margin-bottom: 163px;
}
.weddingGift .action-area article {
  max-width: 500px;
  margin-left: auto;
}
.weddingGift .action-area article .title-ch {
  color: #ffb416;
}
.weddingGift .action-area article .content {
  color: #fff;
}
.weddingGift .action-area .action-pic {
  position: absolute;
  top: -118px;
  left: -380px;
}
.weddingGift .build-area {
  position: relative;
}
.weddingGift .build-area article {
  max-width: 500px;
}
.weddingGift .build-area article .title-ch {
  color: #ffb416;
}
.weddingGift .build-area article .content {
  color: #fff;
}
.weddingGift .build-area .build-pic {
  position: absolute;
  top: -86px;
  right: 0;
}

.diyplayful {
  background: url(../images/diyplayful-bg.svg) center center/100% 100% no-repeat;
  padding: 286px 0 118px;
}
.diyplayful .bigword {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 72px;
  letter-spacing: 8px;
  color: #fff;
  writing-mode: tb;
  position: absolute;
  top: 0;
  right: -100px;
}
.diyplayful article {
  margin-left: auto;
}
.diyplayful .diyplayful-pic {
  position: absolute;
  top: -48px;
  left: -194px;
}

.products-giftWrap {
  background-color: #ffb416;
  padding: 70px 0 50px;
  box-shadow: inset 0 21px 50px -30px #4e4c4c;
}
.products-giftWrap .products-giftList {
  text-align: center;
}
.products-giftWrap .products-giftList .pic {
  width: 162px;
  height: 162px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto 25px;
  position: relative;
}
.products-giftWrap .products-giftList .pic img {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translateX(-50%);
}
.products-giftWrap .products-giftList .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 17px;
}
.products-giftWrap .products-giftList .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #fff;
  max-width: 290px;
  margin: 0 auto;
}

.products-goods {
  text-align: center;
  width: 666px;
  position: absolute;
  top: -140px;
  left: 50%;
  transform: translateX(-50%);
}
.products-goods .pic {
  margin-bottom: 15px;
  height: 170px;
  line-height: 170px;
}
.products-goods .pic img {
  vertical-align: bottom;
  max-height: 100%;
}
.products-goods .title-en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: 2px;
  color: #ffb416;
  margin-bottom: 15px;
}
.products-goods .title-ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 1.3;
  color: #003d50;
  margin-bottom: 15px;
}
.products-goods .note {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  color: #3f3f3f;
  margin-bottom: 15px;
}
.products-goods .note span {
  display: inline-block;
  vertical-align: middle;
}
.products-goods .note span:first-child {
  border-right: 1px solid #000;
  padding-right: 8px;
}
.products-goods .note i {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin: 0 5px;
  position: relative;
  top: -1px;
}
.products-goods .price {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffb416;
  border: 1px solid #ffb416;
  border-radius: 50px;
  padding: 6px 10px;
  display: inline-block;
}

.products-include {
  max-width: 654px;
  background-color: #fff;
  border: 3px solid #ffb533;
  border-radius: 30px;
  padding: 28px 73px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  margin-left: -204px;
}
.products-include .include {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 1px;
  color: #003d50;
  margin-bottom: 8px;
  position: relative;
}
.products-include .include:after {
  content: "";
  width: 75%;
  height: 3px;
  background-color: #003d50;
  position: absolute;
  top: 8px;
  right: 0;
}
.products-include .pic-container {
  margin-right: 18px;
}
.products-include .pic-container .pic {
  position: relative;
  margin-right: 33px;
}
.products-include .pic-container .pic:last-child {
  margin-right: 0;
}
.products-include .pic-container .pic:not(:last-child):after {
  content: "&";
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 24px;
  color: #003d50;
  position: absolute;
  right: -20px;
  bottom: 7px;
}
.products-include .content-container .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 3px;
  color: #003d50;
  margin-bottom: 10px;
}
.products-include .content-container .content {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 1.3;
  color: #003d50;
}

.tagmebeeWrap {
  padding: 432px var(--indexSpace) 580px;
  position: relative;
  overflow: hidden;
}
@media print, screen and (max-width: 99.99875em) {
  .tagmebeeWrap {
    padding: 242px var(--indexSpace) 430px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap {
    padding: 432px var(--indexSpace) 250px;
  }
}
.tagmebeeWrap article {
  max-width: 740px;
}
.tagmebeeWrap article .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 63px;
  line-height: 1.1;
  letter-spacing: 7px;
  color: #fff;
  margin-bottom: 13px;
}
@media print, screen and (max-width: 99.99875em) {
  .tagmebeeWrap article .en {
    font-size: 50px;
    letter-spacing: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap article .en {
    font-size: 38px;
    letter-spacing: 4px;
  }
}
.tagmebeeWrap article .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 4px;
  color: #fff;
  margin-bottom: 35px;
}
@media print, screen and (max-width: 99.99875em) {
  .tagmebeeWrap article .ch {
    font-size: 22px;
    letter-spacing: 3px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap article .ch {
    font-size: 20px;
    letter-spacing: 2px;
  }
}
.tagmebeeWrap article .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 2;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .tagmebeeWrap article .content {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.tagmebeeWrap .temp {
  position: absolute;
  top: 120px;
  right: -142px;
}
@media print, screen and (max-width: 99.99875em) {
  .tagmebeeWrap .temp {
    top: 90px;
    right: -362px;
    transform: scale(0.8);
    transform-origin: right top;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap .temp {
    right: -330px;
    top: 60px;
    transform: scale(0.5);
    transform-origin: top right;
  }
}
.tagmebeeWrap .cloud-1 {
  position: absolute;
  top: 1%;
  left: 52%;
  animation: cloudsRight 6s infinite alternate linear;
}
@media print, screen and (max-width: 99.99875em) {
  .tagmebeeWrap .cloud-1 {
    top: 3%;
    left: 60%;
    width: 222px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap .cloud-1 {
    top: 1%;
    left: 50%;
    width: 132px;
  }
}
.tagmebeeWrap .cloud-2 {
  position: absolute;
  top: 24%;
  left: 3%;
  animation: cloudsLeft 5s infinite alternate linear;
}
@media print, screen and (max-width: 99.99875em) {
  .tagmebeeWrap .cloud-2 {
    top: 14%;
    left: 4%;
    width: 130px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap .cloud-2 {
    top: 26%;
    left: -5%;
    width: 86px;
  }
}
.tagmebeeWrap .cloud-3 {
  position: absolute;
  top: 60%;
  left: 31%;
  animation: cloudsRight 7s infinite alternate linear;
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap .cloud-3 {
    top: auto;
    bottom: 20%;
    width: 43px;
  }
}
.tagmebeeWrap .cloud-4 {
  position: absolute;
  top: 71%;
  left: 43%;
  animation: cloudsRight 3s infinite alternate linear;
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap .cloud-4 {
    top: auto;
    bottom: 9%;
    left: 72%;
    width: 84px;
  }
}
.tagmebeeWrap .cloud-5 {
  position: absolute;
  top: 21%;
  left: 87%;
  z-index: 9;
  animation: cloudsLeft 8s infinite alternate linear;
}
.tagmebeeWrap .ship {
  position: absolute;
  top: 61%;
  left: 30%;
  animation: ship 20s infinite alternate linear;
}
@media print, screen and (max-width: 99.99875em) {
  .tagmebeeWrap .ship {
    top: 66%;
    left: 20%;
    width: 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .tagmebeeWrap .ship {
    top: auto;
    bottom: 10%;
    left: -3%;
    width: 157px;
  }
}

@keyframes ship {
  0% {
    transform: translate(0px, 0px);
  }
  40% {
    transform: translate(200px, -50px);
  }
  100% {
    transform: translate(160px, 60px);
  }
}
@keyframes cloudsLeft {
  0% {
    transform: translateX(0px);
  }
  40% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(-40px);
  }
}
@keyframes cloudsRight {
  0% {
    transform: translateX(0px);
  }
  60% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(30px);
  }
}
.index-newsWrap {
  padding: 0 var(--indexSpace);
  margin-bottom: 400px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsWrap {
    margin-bottom: 290px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap {
    margin-bottom: 200px;
  }
}
.index-newsWrap .slogan-area {
  width: 910px;
  margin: 0 auto 154px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .slogan-area {
    width: 100%;
    margin: 0 auto 70px;
  }
}
.index-newsWrap .slogan-area .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 9px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 90px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsWrap .slogan-area .title {
    font-size: 50px;
    letter-spacing: 5px;
    margin-bottom: 45px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsWrap .slogan-area .title {
    font-size: 36px;
    letter-spacing: 4px;
    margin-bottom: 40px;
  }
}
.index-newsWrap .slogan-area .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsWrap .slogan-area .content {
    letter-spacing: 1px;
  }
}

.index-newsContainer {
  max-width: 454px;
  margin: 0 auto;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsContainer {
    max-width: 372px;
  }
}

.index-newsList {
  --offset: 52px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsList {
    --offset: 0;
  }
}
.index-newsList li {
  padding-left: var(--offset);
}
.index-newsList .pic {
  position: relative;
  width: 402px;
  height: 402px;
  border-radius: 50%;
  margin-bottom: 55px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsList .pic {
    width: 320px;
    height: 320px;
    margin: 0 auto 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsList .pic {
    width: 260px;
    height: 260px;
    margin: 0 auto 40px;
  }
}
.index-newsList .pic:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #F5A200, #FCEE21) 0px 100%/100% 100% no-repeat;
  border-radius: 50%;
}
.index-newsList .pic .title-area {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(var(--offset) * -1);
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsList .pic .title-area {
    left: 0;
    top: auto;
    bottom: 0;
    transform: translateY(0);
  }
}
.index-newsList .pic .title-area .deco {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsList .pic .title-area .deco {
    width: 70px;
    margin-bottom: 15px;
  }
}
.index-newsList .pic .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  color: #003e52;
  margin-bottom: 17px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsList .pic .title-area .ch {
    font-size: 18px;
    letter-spacing: 1px;
  }
}
.index-newsList .pic .title-area .ch span {
  background-color: #fff;
  padding: 1px 10px;
}
.index-newsList .pic .title-area .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  color: #003e52;
  border-bottom: 2px solid #fff;
  padding-bottom: 9px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsList .pic .title-area .en {
    font-size: 15px;
    letter-spacing: 1px;
  }
}
.index-newsList .pic .title-area .en span {
  background-color: #fff;
  padding: 1px 10px;
}
.index-newsList .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 2;
  color: #002f48;
  margin-left: calc(var(--offset) * -1);
}
@media print, screen and (max-width: 99.99875em) {
  .index-newsList .content {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-newsList .content {
    font-size: 12px;
    letter-spacing: 1px;
  }
}
.index-newsList .content span {
  background-color: #fff;
  padding: 1px 10px;
}

.index-productsWrap {
  overflow: hidden;
}
.index-productsWrap .ip-flag {
  text-align: center;
  margin-bottom: 400px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-productsWrap .ip-flag {
    margin-bottom: 210px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-productsWrap .ip-flag {
    margin-bottom: 120px;
  }
}
.index-productsWrap .ip-flag .title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 105px;
  letter-spacing: 8px;
  color: #fff;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-productsWrap .ip-flag .title {
    font-size: 72px;
    letter-spacing: 5px;
    margin-bottom: 30px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-productsWrap .ip-flag .title {
    font-size: 50px;
    letter-spacing: 4px;
    margin-bottom: 20px;
  }
}
.index-productsWrap .ip-flag .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.5;
  font-size: 16px;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .index-productsWrap .ip-flag .content {
    font-size: 14px;
  }
}
.index-productsWrap .ip-flag .content b {
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 3px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-productsWrap .ip-flag .content b {
    font-size: 20px;
  }
}

@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap {
    padding: 0 var(--indexSpace);
    overflow: hidden;
  }
}
.dropmeWrap .head {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 9px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 99.99875em) {
  .dropmeWrap .head {
    font-size: 45px;
    letter-spacing: 6px;
    margin-bottom: 110px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .head {
    font-size: 36px;
    letter-spacing: 4px;
    margin-bottom: 70px !important;
  }
}
.dropmeWrap .innerWrap {
  width: 400px;
  margin: 0 auto 400px;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .dropmeWrap .innerWrap {
    width: 250px;
    margin: 0 auto 250px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap {
    width: 100%;
    left: 0;
    text-align: center;
    margin: 0 auto 130px;
  }
}
.dropmeWrap .innerWrap .pic {
  cursor: pointer;
}
@media print, screen and (max-width: 99.99875em) {
  .dropmeWrap .innerWrap .pic img {
    max-width: 300px;
    max-height: 450px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap .pic {
    position: static;
    margin: 0 auto 40px;
  }
  .dropmeWrap .innerWrap .pic img {
    max-width: 170px;
    max-height: 270px;
  }
}
.dropmeWrap .innerWrap .note-area {
  width: 320px;
  position: absolute;
  right: 100%;
  bottom: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap .note-area {
    margin-bottom: 30px;
    position: relative;
    right: 0;
  }
}
.dropmeWrap .innerWrap .note-area .price {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 14px;
}
.dropmeWrap .innerWrap .note-area .price span {
  font-size: 41px;
  letter-spacing: 5px;
}
.dropmeWrap .innerWrap .note-area .price small {
  font-size: 12px;
  font-weight: 500;
}
.dropmeWrap .innerWrap .note-area .mole .gram {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  margin-right: 14px;
}
.dropmeWrap .innerWrap .note-area .mole .fruitList {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  max-width: 250px;
}
.dropmeWrap .innerWrap .note-area .mole .fruitList li {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
  width: 80px;
}
.dropmeWrap .innerWrap .note-area .mole .fruitList li i {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.dropmeWrap .innerWrap .note-area .plus {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.1;
  font-size: 14px;
  color: #fff;
}
.dropmeWrap .innerWrap .note-area .plus b {
  font-weight: 700;
  font-size: 35px;
}
.dropmeWrap .innerWrap .note-area .mobile-graminbottle {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 17px;
  letter-spacing: 2px;
  color: #fff;
}
.dropmeWrap .innerWrap article {
  width: 402px;
  position: absolute;
  left: calc(100% + 80px);
  bottom: 0;
}
@media print, screen and (max-width: 99.99875em) {
  .dropmeWrap .innerWrap article {
    width: 380px;
    left: calc(100% + 68px);
  }
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap article {
    width: 100%;
    position: relative;
    left: 0;
  }
}
.dropmeWrap .innerWrap article .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 48px;
  letter-spacing: 5px;
  color: #fff;
  margin-bottom: 15px;
}
@media print, screen and (max-width: 99.99875em) {
  .dropmeWrap .innerWrap article .en {
    font-size: 37px;
    letter-spacing: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap article .en {
    font-size: 21px;
    letter-spacing: 1px;
    max-height: 24px;
  }
}
.dropmeWrap .innerWrap article .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 40px;
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 28px;
}
@media print, screen and (max-width: 99.99875em) {
  .dropmeWrap .innerWrap article .ch {
    font-size: 30px;
    letter-spacing: 3px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap article .ch {
    font-size: 28px;
    letter-spacing: 3px;
  }
}
.dropmeWrap .innerWrap article .series {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 45px;
}
.dropmeWrap .innerWrap article .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 2px;
  color: #fff;
  padding-bottom: 21px;
  margin-bottom: 14px;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .dropmeWrap .innerWrap article .title {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap article .title {
    font-size: 18px;
  }
}
.dropmeWrap .innerWrap article .title:after {
  content: "";
  width: 11px;
  height: 5px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap article .title:after {
    left: 50%;
    transform: translateX(-50%);
  }
}
.dropmeWrap .innerWrap article .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #fff;
  margin-bottom: 60px;
}
@media print, screen and (max-width: 99.99875em) {
  .dropmeWrap .innerWrap article .content {
    font-size: 13px;
    margin-bottom: 50px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap article .content {
    margin-bottom: 30px;
  }
}
.dropmeWrap .innerWrap article .tagme {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 191px;
  height: 58px;
  position: relative;
  cursor: pointer;
  transition: all 1s;
}
@media print, screen and (max-width: 64.06125em) {
  .dropmeWrap .innerWrap article .tagme {
    margin: 0 auto;
  }
}
.dropmeWrap .innerWrap article .tagme:hover {
  color: #fff;
}
.dropmeWrap .innerWrap article .tagme:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 0% 0/200% 100%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.dropmeWrap .innerWrap article .tagme:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}

.index-giftWrap {
  margin-bottom: 200px;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftWrap {
    margin-bottom: 130px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-giftWrap {
    margin-bottom: 50px;
  }
}
.index-giftWrap .deco-1 {
  position: absolute;
  bottom: -170px;
  left: -130px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftWrap .deco-1 {
    width: 300px;
    bottom: -100px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-giftWrap .deco-1 {
    width: 242px;
    z-index: -1;
  }
}
.index-giftWrap .ig-flag {
  text-align: center;
  margin-bottom: 270px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftWrap .ig-flag {
    margin-bottom: 130px;
  }
}
.index-giftWrap .ig-flag .title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 105px;
  letter-spacing: 8px;
  color: #fff;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftWrap .ig-flag .title {
    font-size: 73px;
    letter-spacing: 6px;
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-giftWrap .ig-flag .title {
    font-size: 55px;
    letter-spacing: 4px;
  }
}
.index-giftWrap .ig-flag .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.5;
  font-size: 16px;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftWrap .ig-flag .content {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.index-giftWrap .ig-flag .content b {
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 3px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftWrap .ig-flag .content b {
    font-size: 20px;
  }
}

.index-giftList {
  padding: 0 var(--indexSpace);
}
.index-giftList li {
  padding: 0 48px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftList li {
    padding: 0 30px 100px;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .index-giftList li:nth-child(2) {
    padding-top: 172px;
  }
  .index-giftList li:nth-child(3) {
    padding-top: 344px;
  }
}
.index-giftList li.is-active .pic {
  transform-origin: 0 50%;
  transform: none;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.index-giftList li.is-active .pic:after {
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 0.3s;
}
.index-giftList li.is-active .title-area {
  transform-origin: 0 50%;
  transform: none;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 1s;
}
.index-giftList li.is-active .title-area:after {
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 1.3s;
}
.index-giftList li.is-active .content {
  transform-origin: 0 50%;
  transform: none;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 1.1s;
}
.index-giftList li.is-active .content:after {
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 1.4s;
}
.index-giftList li.is-active .tagme {
  transform-origin: 0 50%;
  transform: none;
  transition: color 1s, transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 1.2s;
}
.index-giftList li.is-active .tagme:after {
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition-delay: 1.5s;
}
.index-giftList .pic {
  margin-bottom: 55px;
  position: relative;
  transform: scaleX(0);
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftList .pic {
    margin-bottom: 30px;
  }
}
.index-giftList .pic:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #FCEE21, #F5A200);
}
.index-giftList .title-area {
  margin-bottom: 55px;
  position: relative;
  transform: scaleX(0);
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftList .title-area {
    margin-bottom: 30px;
  }
}
.index-giftList .title-area:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #FCEE21, #F5A200);
}
.index-giftList .title-area .deco {
  width: 66px;
  margin-right: 21px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftList .title-area .deco {
    width: 50px;
  }
}
.index-giftList .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftList .title-area .ch {
    font-size: 23px;
    letter-spacing: 2px;
  }
}
.index-giftList .title-area .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 3px;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftList .title-area .en {
    font-size: 18px;
    letter-spacing: 1px;
  }
}
.index-giftList .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 2;
  color: #fff;
  margin-bottom: 84px;
  position: relative;
  transform: scaleX(0);
}
@media print, screen and (max-width: 99.99875em) {
  .index-giftList .content {
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }
}
.index-giftList .content:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #FCEE21, #F5A200);
}
.index-giftList .tagme {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 191px;
  height: 58px;
  margin-left: auto;
  position: relative;
  cursor: pointer;
  transform: scaleX(0);
  transition: color 1s;
}
@media print, screen and (max-width: 64.06125em) {
  .index-giftList .tagme {
    margin-left: 0;
  }
}
.index-giftList .tagme:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #FCEE21, #F5A200);
}
.index-giftList .tagme:hover {
  color: #fff;
}
.index-giftList .tagme:hover:before {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 0% 0/200% 100%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.index-giftList .tagme:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}

.index-festivalWrap {
  background-color: #275E42;
  padding: 100px 0 0;
  overflow: hidden;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .index-festivalWrap {
    padding: 100px 0 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-festivalWrap {
    padding: 100px 0 0;
  }
}
.index-festivalWrap .if-flag {
  text-align: center;
}
.index-festivalWrap .if-flag .title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 105px;
  letter-spacing: 8px;
  color: #fff;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-festivalWrap .if-flag .title {
    font-size: 72px;
    letter-spacing: 6px;
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-festivalWrap .if-flag .title {
    font-size: 55px;
    letter-spacing: 4px;
  }
}
.index-festivalWrap .if-flag .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.5;
  font-size: 16px;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .index-festivalWrap .if-flag .content {
    font-size: 14px;
    letter-spacing: 1px;
  }
}
.index-festivalWrap .if-flag .content b {
  font-weight: 500;
  font-size: 25px;
  letter-spacing: 3px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-festivalWrap .if-flag .content b {
    font-size: 20px;
  }
}

#index-xmas .deco-2 {
  z-index: 4;
  position: absolute;
  left: -20px;
  bottom: 40px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-xmas .deco-2 {
    left: -40px;
    bottom: 20px;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-xmas .deco-2 {
    left: auto;
    right: -50px;
    bottom: -20px;
    transform: scale(0.6);
  }
}
#index-xmas .deco-3 {
  z-index: 4;
  position: absolute;
  right: -20px;
  bottom: 30px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-xmas .deco-3 {
    right: -60px;
    bottom: 10px;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-xmas .deco-3 {
    display: none;
  }
}
#index-xmas .snow-container {
  z-index: 1;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 104%;
  height: 0;
}
#index-xmas .snow-container .top {
  position: absolute;
  left: 0;
  bottom: calc(100% - 1px);
}
@media print, screen and (max-width: 64.06125em) {
  #index-xmas .snow-container .top {
    width: calc(100% + 40px);
    left: -20px;
  }
}
#index-xmas #snow {
  position: absolute;
  width: 100%;
  height: 880px;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.festival {
  position: relative;
  padding: 130px 296px 218px 323px;
  z-index: 5;
}
@media print, screen and (max-width: 99.99875em) {
  .festival {
    padding: 110px var(--indexSpace) 118px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival {
    padding: 110px var(--indexSpace) 50px;
  }
}
.festival.is-show .pic {
  animation: bounceIn 0.8s both;
}
.festival .mobile-pic {
  width: 280px;
  margin: 0 auto 80px;
  position: relative;
  z-index: 4;
}
.festival .title-area {
  margin-bottom: 44px;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .title-area {
    margin-bottom: 30px;
  }
}
.festival .date {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 51px;
  letter-spacing: 6px;
  color: #fff;
  margin-right: 20px;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .date {
    font-size: 37px;
    letter-spacing: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival .date {
    font-size: 27px;
    letter-spacing: 4px;
    margin-right: 13px;
    position: relative;
    top: -3px;
  }
}
.festival .month {
  padding-bottom: 24px;
  margin-bottom: 12px;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .month {
    padding-bottom: 18px;
    margin-bottom: 9px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival .month {
    padding-bottom: 13px;
    margin-bottom: 7px;
  }
}
.festival .month:after {
  content: "";
  width: 68px;
  height: 13px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .month:after {
    width: 52px;
    height: 9px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival .month:after {
    width: 40px;
    height: 7px;
  }
}
.festival .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 7px;
  color: #fff;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .ch {
    font-size: 40px;
    letter-spacing: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival .ch {
    font-size: 28px;
    letter-spacing: 4px;
    margin-bottom: 12px;
  }
}
.festival .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 7px;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .en {
    font-size: 40px;
    letter-spacing: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival .en {
    font-size: 27px;
    letter-spacing: 4px;
  }
}
.festival .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #fff;
  margin-bottom: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .festival .content {
    font-size: 12px;
    margin-bottom: 34px;
  }
}
.festival .countdown {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 2px;
  color: #fff;
  white-space: nowrap;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .countdown {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival .countdown {
    font-size: 12px;
  }
}
.festival .countdown span {
  font-size: 34px;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .countdown span {
    font-size: 23px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival .countdown span {
    font-size: 14px;
  }
}
.festival .countdown b {
  font-size: 134px;
}
@media print, screen and (max-width: 99.99875em) {
  .festival .countdown b {
    font-size: 96px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival .countdown b {
    font-size: 45px;
  }
}
.festival .pic {
  opacity: 0;
  cursor: pointer;
}
.festival .pic > img:hover {
  animation: bounceIn 0.8s both;
}
.festival .btn-tagme {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-top: 65px;
}
@media print, screen and (max-width: 64.06125em) {
  .festival .btn-tagme {
    margin-top: 40px;
  }
}
.festival .btn-tagme .btn {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 156px;
  height: 58px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.festival .btn-tagme .btn:hover {
  color: #fff;
}
.festival .btn-tagme .btn:hover:after {
  background-position-x: 0%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.festival .btn-tagme .btn:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #B63830 50%, #B63830 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}

#index-newyear {
  background-color: #B63830;
}
#index-newyear .btn-tagme .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #C1996B 50%, #C1996B 100%) 0 0/200% 100%;
}
#index-newyear .btn-tagme .btn:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #C1996B 50%, #C1996B 100%) 100% 0/200% 100%;
}
#index-newyear .deco-2 {
  position: absolute;
  left: -167px;
  bottom: 190px;
  z-index: 1;
}
@media print, screen and (max-width: 99.99875em) {
  #index-newyear .deco-2 {
    left: -23%;
    bottom: 112px;
    transform: scale(0.6);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-newyear .deco-2 {
    display: none;
  }
}
#index-newyear .deco-3 {
  position: absolute;
  right: -26px;
  bottom: 134px;
  z-index: 1;
}
@media print, screen and (max-width: 99.99875em) {
  #index-newyear .deco-3 {
    right: -83px;
    bottom: 37px;
    transform: scale(0.6);
    transform-origin: right center;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-newyear .deco-3 {
    right: 0px;
    bottom: 268px;
    transform: scale(0.4);
    transform-origin: right center;
  }
}
#index-newyear #firework {
  position: absolute;
  width: 100%;
  height: 600px;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

#index-valentine {
  background-color: #F4B3C2;
}
@media print, screen and (max-width: 64.06125em) {
  #index-valentine .festival {
    padding: 50px var(--indexSpace) 50px;
  }
}
#index-valentine .festival article {
  max-width: 645px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-valentine .festival article {
    max-width: 50%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-valentine .festival article {
    max-width: 100%;
  }
}
#index-valentine .festival article .en {
  white-space: nowrap;
}
@media print, screen and (max-width: 99.99875em) {
  #index-valentine .festival .pic {
    max-width: 44%;
  }
}
#index-valentine .btn-tagme .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #CBDFE1 50%, #CBDFE1 100%) 0 0/200% 100%;
}
#index-valentine .btn-tagme .btn:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #CBDFE1 50%, #CBDFE1 100%) 100% 0/200% 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #index-valentine article .mobile-pic {
    margin: 0 auto 95px;
  }
}
#index-valentine .deco-1 {
  position: absolute;
  top: 488px;
  left: 645px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-valentine .deco-1 {
    top: 364px;
    left: 295px;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-valentine .deco-1 {
    top: 593px;
    left: 144px;
    transform: scale(0.5);
  }
}
#index-valentine .deco-2 {
  position: absolute;
  left: 40px;
  bottom: 300px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-valentine .deco-2 {
    display: none;
  }
}
#index-valentine .deco-3 {
  position: absolute;
  right: 20px;
  bottom: 220px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-valentine .deco-3 {
    right: -4.7%;
    bottom: 164px;
    transform: scale(0.7);
    transform-origin: right bottom;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-valentine .deco-3 {
    right: auto;
    bottom: 468px;
    left: 20px;
    transform: scale(0.5);
    transform-origin: left center;
  }
}
#index-valentine #bubble {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

#index-chinesevalentine {
  background-color: #17489C;
}
#index-chinesevalentine .festival {
  padding-top: 234px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .festival {
    padding: 190px var(--indexSpace) 268px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .festival {
    padding: 50px var(--indexSpace) 50px;
  }
}
#index-chinesevalentine .festival article {
  max-width: 645px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .festival article {
    max-width: 50%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .festival article {
    max-width: 100%;
    margin-bottom: 40px;
    margin-top: 75px;
  }
}
#index-chinesevalentine .festival article .en {
  white-space: nowrap;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .festival .pic {
    max-width: 44%;
  }
}
#index-chinesevalentine .btn-tagme .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #DB2672 50%, #DB2672 100%) 0 0/200% 100%;
}
#index-chinesevalentine .btn-tagme .btn:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #DB2672 50%, #DB2672 100%) 100% 0/200% 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine article .mobile-pic {
    margin: 0 auto 95px;
  }
}
#index-chinesevalentine .deco-1 {
  position: absolute;
  top: 480px;
  left: 762px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .deco-1 {
    top: 337px;
    left: 335px;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .deco-1 {
    top: 544px;
    left: 3px;
    transform: scale(0.5);
    transform-origin: left center;
  }
  #index-chinesevalentine .deco-1 img {
    max-width: initial;
  }
}
#index-chinesevalentine .deco-1 .condom {
  position: absolute;
  top: 74px;
  left: 0;
  z-index: 4;
}
#index-chinesevalentine .deco-1 .befucked {
  position: absolute;
  top: 1px;
  left: 113px;
  z-index: 4;
  transform: translate(-130px, 50px);
  opacity: 0;
}
#index-chinesevalentine .deco-1 .befucked .heart {
  opacity: 0;
}
#index-chinesevalentine .deco-1 .fuck {
  position: absolute;
  top: 14px;
  left: 293px;
  z-index: 4;
  transform: translate(150px, 60px);
  opacity: 0;
}
#index-chinesevalentine .deco-1 .fuck .heart {
  opacity: 0;
}
#index-chinesevalentine .deco-1 .creampie {
  position: absolute;
  top: 35px;
  left: 371px;
  transform: translate(-15px, 5px);
  opacity: 0;
}
#index-chinesevalentine .deco-2 {
  width: 284px;
  height: 15px;
  position: absolute;
  left: 22px;
  bottom: 581px;
  background: url(../images/chinesevalentine-deco-1.svg) 0 0 repeat-x;
  animation: wavemove 30s infinite linear;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .deco-2 {
    bottom: 526px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .deco-2 {
    left: 20px;
    bottom: auto;
    top: 23%;
    transform: scale(0.6);
    transform-origin: left center;
  }
}
#index-chinesevalentine .deco-3 {
  width: 284px;
  height: 15px;
  position: absolute;
  left: -209px;
  bottom: 526px;
  background: url(../images/chinesevalentine-deco-2.svg) 0 0 repeat-x;
  animation: wavemove 30s infinite linear reverse;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .deco-3 {
    bottom: 489px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .deco-3 {
    left: -71px;
    bottom: auto;
    top: 25%;
    transform: scale(0.6);
    transform-origin: left center;
  }
}
#index-chinesevalentine .deco-4 {
  width: 284px;
  height: 12px;
  position: absolute;
  right: -30px;
  bottom: 623px;
  background: url(../images/chinesevalentine-deco-3.svg) 0 0 repeat-x;
  animation: wavemove 30s infinite linear reverse;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .deco-4 {
    bottom: 607px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .deco-4 {
    right: 0;
    bottom: auto;
    top: 33.5%;
    transform: scale(0.6);
    transform-origin: right center;
  }
}
#index-chinesevalentine .deco-5 {
  width: 104px;
  height: 11px;
  position: absolute;
  right: 209px;
  bottom: 570px;
  background: url(../images/chinesevalentine-deco-4.svg) 0 0 repeat-x;
  animation: wavemove 30s infinite linear;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .deco-5 {
    right: 16px;
    bottom: 568px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .deco-5 {
    right: 17px;
    bottom: auto;
    top: 35.6%;
    transform: scale(0.6);
    transform-origin: right center;
  }
}
#index-chinesevalentine .wave-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .wave-container {
    bottom: -24px;
  }
}
#index-chinesevalentine .wave-container .wave {
  width: 100%;
  height: 20px;
  margin-bottom: 15px;
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .wave-container .wave {
    height: 9px;
    margin-bottom: 10px;
  }
}
#index-chinesevalentine .wave-container .wave:nth-child(odd) {
  background: url(../images/white-wave.svg) 0 0 repeat-x;
  animation: wavemove 20s infinite linear;
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .wave-container .wave:nth-child(odd) {
    background: url(../images/white-wave.svg) 0 0/auto 100% repeat-x;
  }
}
#index-chinesevalentine .wave-container .wave:nth-child(even) {
  background: url(../images/red-wave.svg) 0 0 repeat-x;
  animation: wavemove 18s infinite linear reverse;
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .wave-container .wave:nth-child(even) {
    background: url(../images/red-wave.svg) 0 0/auto 100% repeat-x;
  }
}
#index-chinesevalentine .ghost-area {
  position: absolute;
  left: 30px;
  bottom: 170px;
}
@media print, screen and (max-width: 99.99875em) {
  #index-chinesevalentine .ghost-area {
    left: 330px;
    bottom: 194px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-chinesevalentine .ghost-area {
    transform: scale(0.6);
    left: auto;
    right: 8%;
    bottom: 82px;
    transform-origin: right bottom;
  }
}
#index-chinesevalentine .ghost-area .door-bg {
  position: absolute;
  top: 6px;
  left: 2px;
}
#index-chinesevalentine .ghost-area .doorhasghost {
  position: absolute;
  top: 5px;
  left: 45px;
}
#index-chinesevalentine .ghost-area .door-open {
  position: absolute;
  top: 6px;
  left: 1px;
  opacity: 0;
}
#index-chinesevalentine .ghost-area .door-close {
  position: absolute;
  top: 5px;
  left: 2px;
}
#index-chinesevalentine .ghost-area #ghost-svg {
  position: absolute;
  top: 0;
  right: 0;
  overflow: visible;
}
#index-chinesevalentine .ghost-area #ghost-svg .ghost {
  transform: translate(-60px, 32px);
  opacity: 0;
}

#index-moon {
  background-color: #CBDFE1;
}
#index-moon .btn-tagme .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003e52 50%, #003e52 100%) 0 0/200% 100%;
}
#index-moon .btn-tagme .btn:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003e52 50%, #003e52 100%) 100% 0/200% 100%;
}
#index-moon .deco-1 {
  position: absolute;
  top: 79px;
  left: 34.3%;
}
@media print, screen and (max-width: 99.99875em) {
  #index-moon .deco-1 {
    top: 7.7%;
    left: 25.6%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-moon .deco-1 {
    top: 48.9%;
    left: 180px;
    transform: scale(0.7);
    transform-origin: left center;
  }
  #index-moon .deco-1 img {
    max-width: initial;
  }
}
#index-moon .deco-1 .st0 {
  fill: #F7F7F1;
}
#index-moon .deco-1 .st1 {
  fill: #FDD94C;
}
#index-moon .deco-1 .st2 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}
#index-moon .deco-1 .st3 {
  fill: #EFEDE0;
}
#index-moon .deco-2 {
  position: absolute;
  top: 31.6%;
  right: -12%;
}
@media print, screen and (max-width: 99.99875em) {
  #index-moon .deco-2 {
    top: 58.8%;
    right: -18%;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-moon .deco-2 {
    top: 34.1%;
    right: -46px;
    transform: scale(0.45);
    transform-origin: right center;
  }
  #index-moon .deco-2 img {
    max-width: initial;
  }
}
#index-moon .deco-2 .st0 {
  fill: #F7F7F1;
}
#index-moon .deco-2 .st1 {
  fill: #EFEDE0;
}
#index-moon .deco-2 .st2 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}
#index-moon .deco-3 {
  position: absolute;
  bottom: 27.2%;
  left: -13%;
}
@media print, screen and (max-width: 99.99875em) {
  #index-moon .deco-3 {
    bottom: 21.3%;
    left: -36.9%;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #index-moon .deco-3 {
    bottom: 67px;
    left: -164px;
    transform: scale(0.4);
    transform-origin: left center;
  }
  #index-moon .deco-3 img {
    max-width: initial;
  }
}
#index-moon .deco-3 .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}
#index-moon .deco-3 .st1 {
  fill: #F7F7F1;
}
#index-moon .deco-3 .st2 {
  fill: #EFEDE0;
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 1;
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.index-marqueeWrap {
  background-color: #ffb416;
  width: 100%;
  overflow: hidden;
  padding-bottom: 160px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-marqueeWrap {
    padding-bottom: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-marqueeWrap {
    padding-bottom: 50px;
  }
}
.index-marqueeWrap .container {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  animation: marquee 6s linear infinite;
}
.index-marqueeWrap .marquee {
  display: inline-block;
  vertical-align: middle;
}
@media print, screen and (max-width: 99.99875em) {
  .index-marqueeWrap .marquee {
    height: 190px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-marqueeWrap .marquee {
    height: 120px;
  }
}
.index-marqueeWrap .marquee img {
  max-width: initial;
}
@media print, screen and (max-width: 99.99875em) {
  .index-marqueeWrap .marquee img {
    max-height: 100%;
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.contactWrap {
  padding: 78px 0;
}
.contactWrap .head {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 5px;
  color: #ffb416;
  text-align: center;
  margin-bottom: 60px;
}
.contactWrap .contact-deco-container {
  max-width: 262px;
  margin-right: 55px;
}
.contactWrap .contact-deco-container .deco-svg {
  margin-bottom: 30px;
}
.contactWrap .contact-deco-container .hearyou {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #ffb416;
}
.contactWrap .contactForm .item {
  margin-bottom: 20px;
}
.contactWrap .contactForm .title {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffb416;
  min-width: 104px;
}
.contactWrap .contactForm input[type=text] {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffb416;
  border: none;
  border-bottom: 1px solid #ffb416;
  background-color: transparent;
  width: 100%;
}
.contactWrap .contactForm textarea {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffb416;
  height: 65px;
  border: none;
  border-bottom: 1px solid #ffb416;
  background-color: transparent;
  width: 100%;
  resize: none;
}
.contactWrap .contactForm .submit {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 38px;
  color: #ffb416;
  text-align: center;
  width: 102px;
  height: 38px;
  border: 1px solid #ffb416;
  margin: 30px 0 0 104px;
  cursor: pointer;
}

.index-contactWrap {
  background-color: #ffb416;
  padding: 0 var(--indexSpace) 140px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-contactWrap {
    padding: 0 var(--indexSpace) 100px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactWrap {
    padding: 0 var(--indexSpace) 90px;
  }
}
.index-contactWrap .head {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 63px;
  letter-spacing: 7px;
  color: #fff;
  margin-right: 76px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-contactWrap .head {
    font-size: 45px;
    letter-spacing: 5px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactWrap .head {
    font-size: 36px;
    letter-spacing: 4px;
    margin-bottom: 30px;
    margin-right: 0;
  }
}
.index-contactWrap .submit {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 192px;
  height: 58px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
  margin-right: 0;
}
.index-contactWrap .submit:hover {
  color: #fff;
}
.index-contactWrap .submit:hover:after {
  background-position-x: 0%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.index-contactWrap .submit:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactWrap .submit {
    margin-right: auto;
  }
}

.index-contactForm {
  margin-bottom: 56px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactForm {
    margin-bottom: 20px;
  }
}
.index-contactForm .item {
  margin-bottom: 30px;
}
.index-contactForm .item:nth-child(odd) {
  width: 28%;
  margin-right: 134px;
}
@media print, screen and (max-width: 99.99875em) {
  .index-contactForm .item:nth-child(odd) {
    margin-right: 60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactForm .item:nth-child(odd) {
    width: 100%;
    margin-right: 0;
  }
}
.index-contactForm .item:nth-child(odd) .title {
  width: 106px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactForm .item:nth-child(odd) .title {
    width: 97px;
  }
}
.index-contactForm .item:nth-child(even) {
  width: 60%;
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactForm .item:nth-child(even) {
    width: 100%;
  }
}
.index-contactForm .item:nth-child(even) .title {
  width: 156px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactForm .item:nth-child(even) .title {
    width: 97px;
  }
}
.index-contactForm .title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 2px;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .index-contactForm .title {
    font-size: 19px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactForm .title {
    font-size: 14px;
  }
}
.index-contactForm .content {
  position: relative;
}
.index-contactForm .content .contact-form-error {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 1px;
  color: #f00;
  position: absolute;
  bottom: 10px;
  left: 0;
  pointer-events: none;
}
.index-contactForm input[type=text], .index-contactForm textarea {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 19px;
  letter-spacing: 1px;
  color: #fff;
  background-color: transparent;
  border: none;
  border-bottom: 3px solid #fff;
  width: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  .index-contactForm input[type=text], .index-contactForm textarea {
    font-size: 14px;
  }
}

.index-footerWrap {
  background-color: #003d50;
  padding: 96px var(--indexSpace) 90px;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .index-footerWrap {
    padding: 75px var(--indexSpace) 60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-footerWrap {
    padding: 50px var(--indexSpace) 31px;
  }
}
.index-footerWrap .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media print, screen and (max-width: 99.99875em) {
  .index-footerWrap .logo {
    margin-left: -60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .index-footerWrap .logo {
    width: 165px;
    transform: translate(0, 0);
    top: 50px;
    left: auto;
    right: 30px;
  }
  .footer-menu {
    margin-bottom: 40px;
  }
}
.footer-menu a {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 3px;
  color: #fff;
  display: block;
  margin-bottom: 35px;
}
.footer-menu a:last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 99.99875em) {
  .footer-menu a {
    font-size: 24px;
    letter-spacing: 2px;
    margin-bottom: 25px;
  }
  .footer-menu a:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .footer-menu a {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .footer-menu a:last-child {
    margin-bottom: 0;
  }
}

.footer-info nav {
  margin-bottom: 22px;
}
.footer-info nav a {
  margin-right: 15px;
}
.footer-info nav a:last-child {
  margin-right: 0;
}
.footer-info .text {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 27px;
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 100px;
}
@media print, screen and (max-width: 99.99875em) {
  .footer-info .text {
    font-size: 23px;
    margin-bottom: 70px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .footer-info .text {
    font-size: 20px;
    margin-bottom: 50px;
  }
}
.footer-info .company {
  margin-bottom: 10px;
}
.footer-info .infoList {
  margin-bottom: 11px;
}
.footer-info .infoList li {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 8px;
}
.footer-info .infoList li:last-child {
  margin-bottom: 0;
}
.footer-info .infoList .title {
  min-width: 62px;
  font-weight: 700;
  color: #fff;
}
.footer-info .infoList .content {
  color: #fff;
}
.footer-info .address {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.8;
  color: #fff;
}
.footer-info .siteby {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 12px;
  color: #fff;
  margin-top: 17px;
}

.index-copyright {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  color: #fff;
  text-align: center;
  background-color: #003d50;
  padding-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .index-copyright {
    padding-bottom: 30px;
  }
}

@keyframes triggeranimate {
  0% {
    transform: scale(0.9);
    filter: drop-shadow(0px 0px 8px #fff);
  }
  100% {
    transform: scale(1);
  }
}
#dropme {
  position: relative;
}
#dropme .head {
  margin-bottom: 110px;
}
#dropme #drop-circle {
  transition: all 1s cubic-bezier(0.7, -0.7, 0, 1);
}
@media print, screen and (max-width: 99.99875em) {
  #dropme #drop-circle {
    width: 267px;
    height: auto;
  }
}
#dropme .mobile-deco-1 {
  position: absolute;
  top: 53%;
  left: -17%;
}
#dropme .mobile-play-fancy {
  z-index: 19;
  position: absolute;
  top: 36%;
  left: 56%;
  animation: triggeranimate 1.2s infinite alternate;
}
#dropme .deco-1 {
  position: absolute;
  top: 72%;
  left: -6%;
}
@media print, screen and (max-width: 99.99875em) {
  #dropme .deco-1 {
    left: -11%;
  }
}
#dropme .deco-2 {
  position: absolute;
  top: 77%;
  left: 41%;
}
@media print, screen and (max-width: 99.99875em) {
  #dropme .deco-2 {
    left: 38%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #dropme .deco-2 {
    top: 36%;
    left: 29%;
    width: 46px;
  }
}
#dropme .deco-3 {
  position: absolute;
  top: 80%;
  left: 51%;
}
@media print, screen and (max-width: 99.99875em) {
  #dropme .deco-3 {
    top: 80%;
    left: 50%;
    width: 160px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #dropme .deco-3 {
    top: 38%;
    left: 52%;
    width: 94px;
  }
}
#dropme .deco-4 {
  position: absolute;
  top: 83%;
  left: 62%;
}
@media print, screen and (max-width: 99.99875em) {
  #dropme .deco-4 {
    top: 62%;
    left: 63%;
    width: 85px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #dropme .deco-4 {
    top: 50%;
    left: 82%;
    width: 62px;
  }
}
#dropme .trigger {
  display: none;
  z-index: 1;
  position: absolute;
  top: 77%;
  left: 41%;
  cursor: pointer;
  animation: triggeranimate 1.2s infinite alternate;
}
@media print, screen and (max-width: 99.99875em) {
  #dropme .trigger {
    left: 38%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #dropme .trigger {
    top: 36%;
    left: 29%;
    width: 46px;
  }
}
#dropme .trigger .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 8;
  stroke-miterlimit: 10;
}
#dropme .trigger img {
  width: 100px;
}
@media print, screen and (max-width: 99.99875em) {
  #dropme .trigger img {
    width: 80px;
  }
}

#action {
  position: relative;
}
#action .head {
  margin-bottom: 380px;
}
@media print, screen and (max-width: 99.99875em) {
  #action .head {
    margin-bottom: 280px;
  }
  #action .innerWrap .pic {
    position: relative;
    left: -42px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #action .innerWrap .pic {
    left: 0;
  }
}
#action #action-circle {
  transition: all 1s cubic-bezier(0.7, -0.7, 0, 1);
}
@media print, screen and (max-width: 99.99875em) {
  #action #action-circle {
    width: 220px;
    height: auto;
  }
}
#action .mobile-deco-1 {
  position: absolute;
  top: 84%;
  left: -17%;
  z-index: -3;
}
#action .mobile-play-fancy {
  z-index: 19;
  position: absolute;
  top: 33%;
  left: 64%;
  animation: triggeranimate 1.2s infinite alternate;
}
#action .deco-1 {
  position: absolute;
  top: 89%;
  left: 3%;
}
@media print, screen and (max-width: 99.99875em) {
  #action .deco-1 {
    left: -11%;
  }
}
#action .deco-2 {
  position: absolute;
  top: 82%;
  left: 37%;
}
@media print, screen and (max-width: 99.99875em) {
  #action .deco-2 {
    left: 30%;
    width: 77px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #action .deco-2 {
    top: 33%;
    left: 19%;
    width: 50px;
  }
}
#action .deco-3 {
  position: absolute;
  top: 52%;
  left: 51%;
}
@media print, screen and (max-width: 99.99875em) {
  #action .deco-3 {
    left: 52%;
    width: 122px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #action .deco-3 {
    top: 19%;
    left: 59%;
    width: 93px;
  }
}
#action .deco-4 {
  position: absolute;
  top: 80%;
  right: -64px;
}
@media print, screen and (max-width: 99.99875em) {
  #action .deco-4 {
    width: 196px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #action .deco-4 {
    top: 66%;
    right: -64px;
    width: 143px;
  }
}
#action .trigger {
  display: none;
  z-index: 1;
  position: absolute;
  top: 93%;
  left: 38%;
  cursor: pointer;
  animation: triggeranimate 1.2s infinite alternate;
}
@media print, screen and (max-width: 99.99875em) {
  #action .trigger {
    top: 92%;
    left: 31%;
  }
}
#action .trigger .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 8;
  stroke-miterlimit: 10;
}
#action .trigger img {
  width: 100px;
}
@media print, screen and (max-width: 99.99875em) {
  #action .trigger img {
    width: 80px;
  }
}

#yesido {
  position: relative;
}
#yesido .head {
  margin-bottom: 130px;
}
#yesido #yesido-circle {
  transition: all 1s cubic-bezier(0.7, -0.7, 0, 1);
}
@media print, screen and (max-width: 99.99875em) {
  #yesido #yesido-circle {
    width: 166px;
    height: auto;
  }
}
#yesido .mobile-deco-1 {
  position: absolute;
  top: 40%;
  left: 14%;
}
#yesido .mobile-play-fancy {
  z-index: 19;
  position: absolute;
  top: 40%;
  left: 59%;
  animation: triggeranimate 1.2s infinite alternate;
}
#yesido .deco-1 {
  position: absolute;
  top: 94%;
  left: 11%;
}
@media print, screen and (max-width: 99.99875em) {
  #yesido .deco-1 {
    width: 57px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #yesido .deco-1 {
    top: 82%;
    left: -2%;
    width: 57px;
  }
}
#yesido .deco-2 {
  position: absolute;
  top: 84%;
  left: 36%;
}
@media print, screen and (max-width: 99.99875em) {
  #yesido .deco-2 {
    left: 34%;
  }
}
#yesido .deco-3 {
  position: absolute;
  top: 51%;
  left: 54.4%;
  z-index: 9;
}
@media print, screen and (max-width: 99.99875em) {
  #yesido .deco-3 {
    left: 55%;
    width: 73px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #yesido .deco-3 {
    top: 24%;
    left: 63%;
    width: 52px;
  }
}
#yesido .deco-4 {
  position: absolute;
  top: 36%;
  left: 77%;
}
@media print, screen and (max-width: 99.99875em) {
  #yesido .deco-4 {
    width: 95px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #yesido .deco-4 {
    top: 47%;
    left: auto;
    right: -5%;
    width: 118px;
  }
}
#yesido .trigger {
  display: none;
  z-index: 1;
  position: absolute;
  top: 94%;
  left: 40%;
  cursor: pointer;
  animation: triggeranimate 1.2s infinite alternate;
}
@media print, screen and (max-width: 99.99875em) {
  #yesido .trigger {
    top: 91%;
    left: 38%;
  }
}
#yesido .trigger .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 8;
  stroke-miterlimit: 10;
}
#yesido .trigger img {
  width: 100px;
}
@media print, screen and (max-width: 99.99875em) {
  #yesido .trigger img {
    width: 80px;
  }
}

#mini66 {
  position: relative;
}
#mini66 .head {
  margin-bottom: 390px;
}
@media print, screen and (max-width: 99.99875em) {
  #mini66 .head {
    margin-bottom: 320px;
  }
}
#mini66 #mini66-circle {
  transition: all 1s cubic-bezier(0.7, -0.7, 0, 1);
}
@media print, screen and (max-width: 99.99875em) {
  #mini66 #mini66-circle {
    width: 230px;
    height: auto;
  }
}
#mini66 .mobile-deco-1 {
  position: absolute;
  top: 17.8%;
  left: 27%;
}
#mini66 .mobile-play-fancy {
  z-index: 19;
  position: absolute;
  top: 37%;
  left: 43%;
  animation: triggeranimate 1.2s infinite alternate;
}
#mini66 .deco-1 {
  position: absolute;
  top: 81%;
  left: -2%;
}
@media print, screen and (max-width: 99.99875em) {
  #mini66 .deco-1 {
    top: 78%;
    left: -12%;
    width: 210px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #mini66 .deco-1 {
    top: 31.1%;
    left: -27.9%;
    width: 150px;
  }
}
#mini66 .deco-2 {
  position: absolute;
  top: 62%;
  left: 42.3%;
}
@media print, screen and (max-width: 99.99875em) {
  #mini66 .deco-2 {
    top: 62.3%;
    left: 40.7%;
  }
}
#mini66 .deco-3 {
  position: absolute;
  top: 21%;
  right: -101px;
}
@media print, screen and (max-width: 99.99875em) {
  #mini66 .deco-3 {
    top: 26%;
    right: -14%;
    width: 210px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #mini66 .deco-3 {
    top: -8.7%;
    right: -29%;
    width: 150px;
  }
}
#mini66 .trigger {
  display: none;
  z-index: 1;
  position: absolute;
  top: 95%;
  left: 47.3%;
  cursor: pointer;
  animation: triggeranimate 1.2s infinite alternate;
}
@media print, screen and (max-width: 99.99875em) {
  #mini66 .trigger {
    top: 94.4%;
    left: 46.6%;
  }
}
#mini66 .trigger .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 8;
  stroke-miterlimit: 10;
}
#mini66 .trigger img {
  width: 100px;
}
@media print, screen and (max-width: 99.99875em) {
  #mini66 .trigger img {
    width: 80px;
  }
}

#indexgift-one {
  position: relative;
}
#indexgift-one .cloud-1 {
  position: absolute;
  top: 55px;
  left: 62px;
}
@media print, screen and (max-width: 99.99875em) {
  #indexgift-one .cloud-1 {
    top: 36px;
    left: 40px;
    transform: scale(0.7);
  }
}
#indexgift-one .cloud-2 {
  position: absolute;
  top: 0;
  right: 0;
}
@media print, screen and (max-width: 99.99875em) {
  #indexgift-one .cloud-2 {
    transform: scale(0.7);
  }
}

#indexgift-two {
  position: relative;
}
#indexgift-two .cloud-1 {
  position: absolute;
  top: -20px;
  left: 194px;
}
@media print, screen and (max-width: 99.99875em) {
  #indexgift-two .cloud-1 {
    top: -19px;
    left: 126px;
    transform: scale(0.7);
  }
}
#indexgift-two .cloud-2 {
  position: absolute;
  top: -15px;
  left: 225px;
}
@media print, screen and (max-width: 99.99875em) {
  #indexgift-two .cloud-2 {
    top: -14px;
    left: 149px;
    transform: scale(0.7);
  }
}
#indexgift-two .cloud-3 {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media print, screen and (max-width: 99.99875em) {
  #indexgift-two .cloud-3 {
    transform: scale(0.7);
  }
}

#indexgift-three {
  position: relative;
}
#indexgift-three .cloud-1 {
  position: absolute;
  top: 56px;
  left: 199px;
}
@media print, screen and (max-width: 99.99875em) {
  #indexgift-three .cloud-1 {
    top: 36px;
    left: 122px;
    transform: scale(0.7);
  }
}
#indexgift-three .cloud-2 {
  position: absolute;
  top: 0;
  right: 0;
}
@media print, screen and (max-width: 99.99875em) {
  #indexgift-three .cloud-2 {
    transform: scale(0.7);
  }
}
#indexgift-three .cloud-3 {
  position: absolute;
  top: 10px;
  right: 0;
}
@media print, screen and (max-width: 99.99875em) {
  #indexgift-three .cloud-3 {
    transform: scale(0.7);
  }
}

.fancyWrap {
  display: none;
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFD200;
  will-change: clip-path;
}
.fancyWrap .fancy-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 912px;
}
@media print, screen and (max-width: 99.99875em) {
  .fancyWrap .fancy-container {
    transform: translate(-50%, -50%) scale(0.7);
  }
}
@media print, screen and (max-width: 64.06125em) {
  .fancyWrap .fancy-container {
    width: 100%;
    transform: translate(-50%, -50%);
  }
}
.fancyWrap .fancy-container .stopmotion {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 90px;
  letter-spacing: 6px;
  color: #fff;
  text-align: right;
  z-index: 9;
  position: absolute;
  right: -244px;
  bottom: -53px;
  transform: translateZ(10px);
}
@media print, screen and (max-width: 64.06125em) {
  .fancyWrap .fancy-container .stopmotion {
    font-size: 45px;
    right: 0;
    bottom: -67px;
  }
}
.fancyWrap .fancy-close {
  z-index: 19;
  position: absolute;
  top: 80px;
  right: 130px;
  cursor: pointer;
}
@media print, screen and (max-width: 99.99875em) {
  .fancyWrap .fancy-close {
    top: 108px;
    right: 130px;
    width: 70px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .fancyWrap .fancy-close {
    top: 80px;
    right: 30px;
    width: 50px;
  }
}

.festival-fancyWrap {
  display: none;
  z-index: 99;
  width: 100%;
  position: relative;
  text-align: center !important;
}
.festival-fancyWrap .fancy-close {
  position: absolute;
  top: 0;
  right: 150px;
  cursor: pointer;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-fancyWrap .fancy-close {
    right: 60px;
    width: 70px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-fancyWrap .fancy-close {
    top: 20px;
    right: 20px;
    width: 40px;
  }
}
.festival-fancyWrap .fancy-close-mobile {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 55px;
  right: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.festival-fancyWrap .fancy-close-mobile:before, .festival-fancyWrap .fancy-close-mobile:after {
  content: "";
  width: 2px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.festival-fancyWrap .fancy-close-mobile:after {
  width: 15px;
  height: 2px;
  transform: translate(-50%, -50%) rotate(-135deg);
}
@media print, screen and (min-width: 64.0625em) {
  .festival-fancyWrap .fancy-close-mobile {
    display: none;
  }
}

.festival-fancy-container {
  background-color: #002F48;
  padding: 27px;
  display: inline-block;
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .festival-fancy-container {
    display: block;
    padding: 120px var(--indexSpace) 90px;
    min-height: 100vh;
  }
}
.festival-fancy-container .pic {
  margin-bottom: 30px;
}
.festival-fancy-container .festival-fancy-article-area {
  padding: 0 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .festival-fancy-container .festival-fancy-article-area {
    padding: 0;
    text-align: center;
  }
}
.festival-fancy-container .festival-fancy-article-area .title-area {
  padding-right: 10px;
  border-right: 2px solid #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .festival-fancy-container .festival-fancy-article-area .title-area {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    width: 100%;
    margin-bottom: 30px;
  }
}
.festival-fancy-container .festival-fancy-article-area .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 4px;
  color: #fff;
  margin: 6px 0 4px;
}
.festival-fancy-container .festival-fancy-article-area .title-area .en {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5;
  font-size: 18px;
  color: #fff;
}
.festival-fancy-container .festival-fancy-article-area .favor-area {
  padding-left: 35px;
}
@media print, screen and (max-width: 64.06125em) {
  .festival-fancy-container .festival-fancy-article-area .favor-area {
    padding-left: 0;
  }
}
.festival-fancy-container .festival-fancy-article-area .favor-area .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 11px;
}
.festival-fancy-container .festival-fancy-article-area .favor-area .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.5;
  color: #fff;
}
.festival-fancy-container .festival-fancy-article-area .favor-area .content b {
  font-weight: 700;
  font-size: 21px;
}
.festival-fancy-container .festival-fancy-article-area .favor-area .favorList li {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 8px;
  margin-right: 9px;
}
.festival-fancy-container .festival-fancy-article-area .favor-area .favorList li:last-child {
  margin-right: 0;
}
.festival-fancy-container .festival-fancy-article-area .favor-area .favorList li span {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 8px;
}
.festival-fancy-container .festival-fancy-article-area .btn {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 172px;
  height: 58px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  margin-top: 30px;
  margin-left: 0;
  color: #002f48;
}
.festival-fancy-container .festival-fancy-article-area .btn:hover {
  color: #fff;
}
.festival-fancy-container .festival-fancy-article-area .btn:hover:after {
  background-position-x: 0%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.festival-fancy-container .festival-fancy-article-area .btn:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #FFB416 50%, #FFB416 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}
@media print, screen and (max-width: 64.06125em) {
  .festival-fancy-container .festival-fancy-article-area .btn {
    margin-left: auto;
  }
}

.m-about-article {
  text-align: center;
  position: relative;
  z-index: 9;
}
.m-about-article .head {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 9px;
  line-height: 1.1;
  color: #fff;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 99.99875em) {
  .m-about-article .head {
    font-size: 45px;
    letter-spacing: 6px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .m-about-article .head {
    font-size: 32px;
    letter-spacing: 4px;
    margin-bottom: 15px;
  }
}
.m-about-article .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 48px;
}
@media print, screen and (max-width: 99.99875em) {
  .m-about-article .title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .m-about-article .title {
    font-size: 17px;
    letter-spacing: 2px;
    margin-bottom: 25px;
  }
}
.m-about-article .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .m-about-article .content {
    font-size: 12px;
  }
}

@keyframes squeeze {
  100% {
    background-position: 0 -3255px;
  }
}
#squeeze {
  position: absolute;
  width: 1382px;
  height: 1085px;
  top: -180px;
  right: -70px;
  background: url(../images/about/squeeze_sprites.png) 0 0 no-repeat;
  pointer-events: none;
}
@media print, screen and (max-width: 99.99875em) {
  #squeeze {
    transform: scale(0.7);
    transform-origin: right center;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #squeeze {
    top: -40px;
    right: -70px;
    transform: scale(0.4);
    transform-origin: right top;
  }
}
#squeeze.is-show {
  animation: squeeze 0.3s steps(3) both;
}

#pd-squeeze {
  position: absolute;
  width: 1382px;
  height: 1085px;
  top: -180px;
  right: -70px;
  background: url(../images/about/squeeze_sprites.png) 0 0 no-repeat;
  pointer-events: none;
}
@media print, screen and (max-width: 99.99875em) {
  #pd-squeeze {
    top: -20px;
    right: -20px;
    transform: scale(0.7);
    transform-origin: right top;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #pd-squeeze {
    top: -20px;
    right: -70px;
    transform: scale(0.4);
    transform-origin: right top;
  }
}
#pd-squeeze.is-show {
  animation: squeeze 0.3s steps(3) both;
}

.about-hundredyear {
  position: relative;
  padding: 768px 0 371px;
  overflow: hidden;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundredyear {
    padding: 727px 0 270px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundredyear {
    padding: 428px var(--indexSpace) 140px;
  }
}
.about-hundredyear > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.about-hundredyear .deco-1 {
  top: 396px;
  left: 93px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundredyear .deco-1 {
    left: -4%;
    width: 156px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundredyear .deco-1 {
    top: 12%;
    left: -5%;
    width: 94px;
  }
}
.about-hundredyear .deco-2 {
  top: 752px;
  left: 288px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundredyear .deco-2 {
    left: 158px;
    width: 48px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundredyear .deco-2 {
    display: none;
  }
}
.about-hundredyear .deco-3 {
  top: 834px;
  left: 334px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundredyear .deco-3 {
    left: 214px;
    width: 268px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundredyear .deco-3 {
    top: 24%;
    left: 50%;
    width: 152px;
  }
}
.about-hundredyear .deco-4 {
  left: 50%;
  transform: translateX(-50%);
  bottom: 374px;
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundredyear .deco-4 {
    display: none;
  }
}
.about-hundredyear .deco-5 {
  top: 186px;
  right: 235px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundredyear .deco-5 {
    width: 135px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundredyear .deco-5 {
    top: 19%;
    right: -3%;
    width: 75px;
  }
}
.about-hundredyear .deco-6 {
  top: 779px;
  right: -40px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundredyear .deco-6 {
    width: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundredyear .deco-6 {
    top: 84%;
    right: -5%;
    width: 78px;
  }
}

.about-hundred-slider-wrap {
  --size: 402px;
  width: var(--size);
  height: var(--size);
  margin: 227px auto 0;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundred-slider-wrap {
    --size: 370px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider-wrap {
    --size: 260px;
  }
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundred-slider-wrap {
    margin: 130px auto 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider-wrap {
    width: var(--size);
    height: var(--size);
    margin: 50px auto 0;
  }
}

.about-hundred-slider-prev, .about-hundred-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -300px;
  cursor: pointer;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundred-slider-prev, .about-hundred-slider-next {
    width: 28px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider-prev, .about-hundred-slider-next {
    width: 20px;
    left: -40px;
  }
}

.about-hundred-slider-next {
  left: auto;
  right: -300px;
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider-next {
    left: auto;
    right: -40px;
  }
}

.about-hundred-slider {
  position: relative;
  width: var(--size);
  height: var(--size);
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider {
    width: var(--size);
    height: var(--size);
    margin: 0 auto;
  }
}
.about-hundred-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: none;
}
.about-hundred-slider li.is-active {
  display: block;
}
.about-hundred-slider .deco {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: 50%;
  background: linear-gradient(to bottom, #F5A200, #FCEE21) 0px calc(var(--size) * -1)/var(--size) var(--size) no-repeat;
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider .deco {
    width: var(--size);
    height: var(--size);
    background: linear-gradient(to bottom, #F5A200, #FCEE21) 0px calc(var(--size) * -1)/var(--size) var(--size) no-repeat;
  }
}
.about-hundred-slider .title-area {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -48px;
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider .title-area {
    top: auto;
    transform: translateY(0);
    left: 0;
    bottom: 0;
  }
}
.about-hundred-slider .title-area .pic {
  margin-bottom: 10px;
}
.about-hundred-slider .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  color: #003e52;
  margin-bottom: 7px;
  overflow: hidden;
  white-space: nowrap;
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider .title-area .ch {
    font-size: 16px;
  }
}
.about-hundred-slider .title-area .ch span {
  background-color: #fff;
  padding: 6px 10px;
  display: inline-block;
}
.about-hundred-slider .title-area .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  color: #003e52;
  border-bottom: 2px solid #fff;
  padding-bottom: 6px;
  overflow: hidden;
  white-space: nowrap;
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider .title-area .en {
    font-size: 12px;
  }
}
.about-hundred-slider .title-area .en span {
  background-color: #fff;
  padding: 4px 10px;
  display: inline-block;
}
.about-hundred-slider .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 2;
  color: #002f48;
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  overflow: hidden;
  white-space: nowrap;
}
@media print, screen and (max-width: 99.99875em) {
  .about-hundred-slider .content {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-hundred-slider .content {
    font-size: 12px;
    letter-spacing: 1px;
  }
}
.about-hundred-slider .content span {
  background-color: #fff;
  padding: 1px 10px;
}

.about-world {
  position: relative;
  padding: 0 0 1160px;
  overflow: hidden;
}
@media print, screen and (max-width: 99.99875em) {
  .about-world {
    padding: 0 0 950px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-world {
    padding: 0 var(--indexSpace) 30px;
  }
}
.about-world > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.about-world .deco-1 {
  top: 32px;
  right: -40px;
  z-index: 3 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .about-world .deco-1 {
    width: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-world .deco-1 {
    top: 70%;
    right: -5%;
    width: 78px;
  }
}

.about-world-mousemove {
  width: 2065px;
  height: 1006px;
  position: absolute;
  bottom: 270px;
  left: 50%;
  transform: translateX(-50%);
}
@media print, screen and (max-width: 99.99875em) {
  .about-world-mousemove {
    bottom: 130px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-world-mousemove {
    bottom: 0;
    transform: translateX(-50%) scale(0.4);
    transform-origin: bottom;
  }
}
.about-world-mousemove > img {
  max-width: initial;
}
.about-world-mousemove .move-container {
  width: 1104px;
  height: 691px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -261px;
  margin-left: -505px;
  background: url(../images/about-world-move.jpg) 0 0/1104px 691px no-repeat;
  -webkit-mask-image: url(../images/about-world-clip.png);
          mask-image: url(../images/about-world-clip.png);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}
.about-world-mousemove .move-container .something {
  position: absolute;
  width: 90px;
  height: 100px;
  cursor: pointer;
}
.about-world-mousemove .move-container .something:hover .st0 {
  fill: #FFB416;
}
.about-world-mousemove .move-container .something:hover .st1 {
  fill: #FFFFFF;
}
.about-world-mousemove .move-container .something svg {
  position: absolute;
  top: 0;
  right: 0;
}
.about-world-mousemove .move-container .something .st0 {
  fill: transparent;
  transition: all 0.5s;
}
.about-world-mousemove .move-container .something .st1 {
  fill: #FFB416;
  transition: all 0.5s;
}
.about-world-mousemove .move-container .dialog {
  display: none;
  z-index: 9;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 424px;
  height: 507px;
  margin-left: -212px;
  margin-top: -253px;
  background-color: #fff;
  text-align: center;
  padding: 50px 60px;
}
.about-world-mousemove .move-container .dialog .deco {
  margin-bottom: 8px;
}
.about-world-mousemove .move-container .dialog .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 2px;
  color: #ffb416;
  border-bottom: 1px solid #003D50;
  padding-bottom: 8px;
  margin-bottom: 20px;
  display: inline-block;
}
.about-world-mousemove .move-container .dialog .content {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 2;
  color: #ffb416;
  margin: 0 auto 30px;
  min-height: 156px;
}
.about-world-mousemove .move-container .dialog .close {
  cursor: pointer;
}

.about-udontknow {
  position: relative;
}
@media print, screen and (max-width: 64.06125em) and (max-width: 64.06125em) {
  .about-udontknow {
    overflow: hidden;
    padding: 100px var(--indexSpace) 0;
  }
}
.about-udontknow > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.about-udontknow .deco-1 {
  top: 477px;
  left: -232px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-udontknow .deco-1 {
    top: 22%;
    left: -142px;
    width: 303px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-udontknow .deco-1 {
    top: 84%;
    left: 7%;
    width: 54px;
  }
}
.about-udontknow .deco-2 {
  top: 366px;
  left: 44%;
}
@media print, screen and (max-width: 99.99875em) {
  .about-udontknow .deco-2 {
    width: 59px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-udontknow .deco-2 {
    top: 57%;
    left: 14%;
    width: 55px;
  }
}
.about-udontknow .deco-3 {
  top: 28px;
  right: 510px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-udontknow .deco-3 {
    right: 294px;
    width: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-udontknow .deco-3 {
    top: 22%;
    right: 16%;
    z-index: -1 !important;
    width: 68px;
  }
}
.about-udontknow .deco-4 {
  top: 157px;
  right: 174px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-udontknow .deco-4 {
    top: 287px;
    right: 84px;
    width: 128px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-udontknow .deco-4 {
    top: 68%;
    right: -4%;
    width: 82px;
  }
}
.about-udontknow .deco-5 {
  top: 28px;
  left: -28px;
  z-index: -2 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .about-udontknow .deco-5 {
    width: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-udontknow .deco-5 {
    top: 79%;
    left: -5%;
    z-index: 3 !important;
    width: 78px;
  }
}

.udontknow-custom {
  margin: 70px auto 355px;
  text-align: center;
}
@media print, screen and (max-width: 99.99875em) {
  .udontknow-custom {
    margin: 70px auto 240px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .udontknow-custom {
    margin: 70px auto 0;
  }
}
.udontknow-custom .pic {
  margin-bottom: 75px;
}
@media print, screen and (max-width: 99.99875em) {
  .udontknow-custom .pic {
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .udontknow-custom .pic {
    width: 240px;
    margin: 0 auto 40px;
  }
}
.udontknow-custom .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 3px;
  color: #ffb416;
  border-bottom: 5px solid #fff;
  padding-bottom: 7px;
  display: inline-block;
  min-height: 47px;
}
@media print, screen and (max-width: 64.06125em) {
  .udontknow-custom .title {
    font-size: 18px;
    min-height: 42px;
    border-width: 4px;
    padding-bottom: 0;
  }
}
.udontknow-custom .title span {
  display: inline-block;
  background-color: #fff;
  padding: 6px 10px;
}
.udontknow-custom .dots {
  margin-top: 30px;
}
@media print, screen and (max-width: 64.06125em) {
  .udontknow-custom .dots {
    margin-top: 20px;
  }
}
.udontknow-custom .dots a {
  display: inline-block;
  vertical-align: middle;
  width: 11px;
  height: 11px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.5;
  transition: all 0.3s;
  margin-right: 20px;
}
.udontknow-custom .dots a:last-child {
  margin-right: 0;
}
.udontknow-custom .dots a.active {
  opacity: 1;
}

.about-gift {
  position: relative;
  overflow: hidden;
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift {
    padding: 370px var(--indexSpace) 0;
  }
}
.about-gift > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.about-gift .deco-1 {
  top: 582px;
  left: -28px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-gift .deco-1 {
    width: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift .deco-1 {
    top: 81%;
    left: -5%;
    width: 78px;
  }
}
.about-gift .deco-2 {
  top: 730px;
  left: 50%;
  margin-left: -438px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-gift .deco-2 {
    margin-left: -418px;
    width: 224px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift .deco-2 {
    top: 44%;
    left: 12%;
    margin-left: 0;
    width: 103px;
  }
}
.about-gift .deco-3 {
  top: 706px;
  left: 50%;
  margin-left: -147px;
  z-index: 2 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .about-gift .deco-3 {
    top: 616px;
    width: 55px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift .deco-3 {
    top: 58%;
    left: 5%;
    margin-left: 0;
    width: 20px;
  }
}
.about-gift .deco-4 {
  top: 167px;
  right: -80px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-gift .deco-4 {
    top: 267px;
    right: -40px;
    width: 298px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift .deco-4 {
    top: 7%;
    right: -4%;
    width: 195px;
  }
}
.about-gift .deco-5 {
  top: 813px;
  right: 67px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-gift .deco-5 {
    right: -20px;
    width: 150px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift .deco-5 {
    top: 29%;
    right: 9%;
    width: 60px;
  }
}
.about-gift .deco-6 {
  top: 258px;
  right: -30px;
  z-index: -2 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .about-gift .deco-6 {
    top: 328px;
    right: -40px;
    transform: scale(0.8);
    transform-origin: top right;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift .deco-6 {
    top: 10%;
    right: 0;
    transform: scale(0.7);
    transform-origin: top right;
  }
}
.about-gift .deco-7 {
  display: none;
  top: 258px;
  right: 0;
  z-index: -2 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .about-gift .deco-7 {
    top: 328px;
    right: 0;
    transform: scale(0.8);
    transform-origin: top right;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift .deco-7 {
    top: 8%;
    right: 0;
    transform: scale(0.7);
    transform-origin: top right;
  }
}

.about-gift-custom {
  margin: 382px auto 400px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-gift-custom {
    margin: 382px auto 300px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift-custom {
    margin: 50px auto 120px;
  }
}

.about-gift-sliderList {
  /* position dots in carousel */
  /* white circles */
  /* fill-in selected dot */
}
.about-gift-sliderList section {
  width: 100%;
}
.about-gift-sliderList .flickity-page-dots {
  bottom: -70px;
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift-sliderList .flickity-page-dots {
    bottom: -50px;
  }
}
.about-gift-sliderList .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.4;
  transition: all 0.5s;
  margin-right: 14px;
}
.about-gift-sliderList .flickity-page-dots .dot:last-child {
  margin-right: 0;
}
.about-gift-sliderList .flickity-page-dots .dot.is-selected {
  opacity: 0.8;
}
.about-gift-sliderList .pic {
  margin-bottom: 45px;
  text-align: center;
}
.about-gift-sliderList .article-area {
  max-width: 440px;
  margin: 0 auto;
}
.about-gift-sliderList .article-area .title-area {
  padding-right: 18px;
  margin-right: 20px;
  border-right: 2px solid #003e52;
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift-sliderList .article-area .title-area {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    text-align: center;
    margin-bottom: 20px;
  }
}
.about-gift-sliderList .article-area .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 4px;
  color: #003e52;
  margin-bottom: 8px;
}
.about-gift-sliderList .article-area .title-area .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.1;
  font-size: 18px;
  color: #003e52;
}
@media print, screen and (min-width: 64.0625em) {
  .about-gift-sliderList .article-area .title-area .en {
    min-height: 38px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift-sliderList .article-area .favor-area {
    text-align: center;
  }
}
.about-gift-sliderList .article-area .favor-area .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  color: #003e52;
  margin-bottom: 11px;
}
.about-gift-sliderList .article-area .favor-area .favorList li {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  color: #003e52;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
}
.about-gift-sliderList .article-area .favor-area .favorList li:last-child {
  margin-right: 0;
}
@media print, screen and (min-width: 64.0625em) {
  .about-gift-sliderList .article-area .favor-area .favorList li:nth-child(4) {
    margin-top: 12px;
  }
  .about-gift-sliderList .article-area .favor-area .favorList li:nth-child(5) {
    margin-top: 12px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-gift-sliderList .article-area .favor-area .favorList li {
    margin-bottom: 12px;
  }
}
.about-gift-sliderList .article-area .favor-area .favorList li span {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-right: 5px;
}

.about-wedding {
  position: relative;
  overflow: hidden;
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding {
    padding: 370px var(--indexSpace) 0;
  }
}
.about-wedding > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.about-wedding .deco-1 {
  top: 235px;
  left: 160px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-wedding .deco-1 {
    width: 130px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding .deco-1 {
    top: 21%;
    left: 15%;
    width: 50px;
    z-index: 3 !important;
  }
}
.about-wedding .deco-2 {
  top: 581px;
  left: 524px;
  z-index: 3 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .about-wedding .deco-2 {
    width: 65px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding .deco-2 {
    top: 9%;
    left: 67%;
    z-index: 3 !important;
    width: 35px;
  }
}
.about-wedding .deco-3 {
  top: 616px;
  right: -112px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-wedding .deco-3 {
    width: 260px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding .deco-3 {
    top: 27%;
    right: -6%;
    width: 140px;
  }
}
.about-wedding .deco-4 {
  top: 646px;
  left: -28px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-wedding .deco-4 {
    width: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding .deco-4 {
    top: 86%;
    left: -5%;
    width: 78px;
  }
}

.about-wedding-custom {
  position: relative;
  margin: 190px auto 475px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-wedding-custom {
    margin: 190px auto 350px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding-custom {
    margin: 50px auto 160px;
  }
}

@keyframes camera {
  50%, 100% {
    background-position: 0 -1844px;
  }
}
#about-camera {
  position: absolute;
  width: 1382px;
  height: 922px;
  top: -110px;
  left: -270px;
  background: url(../images/about/camera_sprites.png) 0 0 no-repeat;
  pointer-events: none;
}
@media print, screen and (max-width: 99.99875em) {
  #about-camera {
    top: -60px;
    left: -17%;
    transform: scale(0.7);
    transform-origin: left top;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about-camera {
    top: -70px;
    left: -25%;
    transform: scale(0.4);
    transform-origin: left top;
  }
}
#about-camera.is-show {
  animation: camera 1s steps(2) both infinite alternate;
}

@keyframes about-puthouse {
  50%, 100% {
    background-position: 0 -1844px;
  }
}
#about-puthouse {
  display: none;
  position: absolute;
  width: 1373px;
  height: 922px;
  top: -30px;
  left: -160px;
  background: url(../images/about/puthouse_sprites.png) 0 0 no-repeat;
  pointer-events: none;
}
@media print, screen and (max-width: 99.99875em) {
  #about-puthouse {
    top: 30px;
    left: -130px;
    transform: scale(0.7);
    transform-origin: left top;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #about-puthouse {
    top: 0;
    left: -60px;
    transform: scale(0.4);
    transform-origin: left top;
  }
}
#about-puthouse.is-show {
  animation: about-puthouse 1s steps(2) both infinite alternate;
}

.about-wedding-sliderList {
  /* position dots in carousel */
  /* white circles */
  /* fill-in selected dot */
}
.about-wedding-sliderList section {
  width: 100%;
}
.about-wedding-sliderList .flickity-page-dots {
  bottom: -70px;
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding-sliderList .flickity-page-dots {
    bottom: -50px;
  }
}
.about-wedding-sliderList .flickity-page-dots .dot {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0.4;
  transition: all 0.5s;
  margin-right: 14px;
}
.about-wedding-sliderList .flickity-page-dots .dot:last-child {
  margin-right: 0;
}
.about-wedding-sliderList .flickity-page-dots .dot.is-selected {
  opacity: 0.8;
}
.about-wedding-sliderList .pic {
  text-align: center;
}
.about-wedding-sliderList .article-area {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: 410px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-wedding-sliderList .article-area {
    margin-left: 340px;
    width: 450px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding-sliderList .article-area {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    margin-left: 0;
    width: auto;
    text-align: center;
    margin-top: 30px;
    justify-content: center;
  }
}
.about-wedding-sliderList .article-area .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 4px;
  color: #003e52;
}
.about-wedding-sliderList .article-area .title-area .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 2px;
  color: #003e52;
  margin-bottom: 8px;
}
.about-wedding-sliderList .article-area .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #003e52;
  border-left: 2px solid #003e52;
  padding-left: 20px;
  margin-left: 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding-sliderList .article-area .content {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    margin-top: 20px;
  }
}
.about-wedding-sliderList .article-area .content b {
  font-weight: 700;
  font-size: 36px;
}
@media print, screen and (max-width: 64.06125em) {
  .about-wedding-sliderList .article-area .content b {
    font-size: 16px;
  }
}

.about-instagram {
  text-align: center;
  max-width: 1124px;
  margin: 0 auto 452px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-instagram {
    margin: 0 auto 250px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-instagram {
    margin: 0 auto 140px;
  }
}
.about-instagram .item {
  width: calc(33% - 20px);
  margin: 0 10px 10px;
  overflow: hidden;
}
@media print, screen and (max-width: 64.06125em) {
  .about-instagram .item {
    width: auto;
    margin: 0 20px 10px;
  }
}

.about-wtf {
  text-align: center;
  margin-bottom: 430px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-wtf {
    margin-bottom: 300px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-wtf {
    margin-bottom: 180px;
  }
}
.about-wtf .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 9px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 99.99875em) {
  .about-wtf .title {
    font-size: 50px;
    letter-spacing: 6px;
    margin-bottom: 30px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .about-wtf .title {
    font-size: 36px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
.about-wtf .more {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 244px;
  height: 58px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-wtf .more:hover {
  color: #fff;
}
.about-wtf .more:hover:after {
  background-position-x: 0%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.about-wtf .more:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}

@keyframes puthouse {
  100% {
    background-position: 0 -3255px;
    background-position: 0 -1844px;
  }
}
#pd-puthouse {
  position: absolute;
  width: 1373px;
  height: 922px;
  top: 20px;
  right: -160px;
  background: url(../images/about/puthouse_sprites.png) 0 0 no-repeat;
  pointer-events: none;
  transform: rotateY(180deg);
}
@media print, screen and (max-width: 99.99875em) {
  #pd-puthouse {
    top: 0;
    right: 80%;
    transform: rotateY(180deg) scale(0.8);
    transform-origin: top right;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #pd-puthouse {
    top: -29px;
    right: 166%;
    transform: rotateY(180deg) scale(0.5);
    transform-origin: top right;
  }
}
#pd-puthouse.is-show {
  animation: puthouse 0.3s steps(2) both;
}

.productsDroponceContainer .head-area, .productsSupplyContainer .head-area, .productsmini66boxContainer .head-area, .productsBackupmeContainer .head-area, .productsPickmeContainer .head-area, .productsGiftboxNewYearContainer .head-area, .productsGiftboxContainer .head-area, .productsWithmeContainer .head-area, .productsTagmeContainer .head-area, .productsMiniContainer .head-area, .productsCameraContainer .head-area, .productsTogetherContainer .head-area, .productsDropContainer .head-area {
  margin-bottom: 74px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceContainer .head-area, .productsSupplyContainer .head-area, .productsmini66boxContainer .head-area, .productsBackupmeContainer .head-area, .productsPickmeContainer .head-area, .productsGiftboxNewYearContainer .head-area, .productsGiftboxContainer .head-area, .productsWithmeContainer .head-area, .productsTagmeContainer .head-area, .productsMiniContainer .head-area, .productsCameraContainer .head-area, .productsTogetherContainer .head-area, .productsDropContainer .head-area {
    margin-bottom: 50px;
  }
}
.productsDroponceContainer .head-area .title-en, .productsSupplyContainer .head-area .title-en, .productsmini66boxContainer .head-area .title-en, .productsBackupmeContainer .head-area .title-en, .productsPickmeContainer .head-area .title-en, .productsGiftboxNewYearContainer .head-area .title-en, .productsGiftboxContainer .head-area .title-en, .productsWithmeContainer .head-area .title-en, .productsTagmeContainer .head-area .title-en, .productsMiniContainer .head-area .title-en, .productsCameraContainer .head-area .title-en, .productsTogetherContainer .head-area .title-en, .productsDropContainer .head-area .title-en {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 3px;
  color: #003e52;
  margin-bottom: 14px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceContainer .head-area .title-en, .productsSupplyContainer .head-area .title-en, .productsmini66boxContainer .head-area .title-en, .productsBackupmeContainer .head-area .title-en, .productsPickmeContainer .head-area .title-en, .productsGiftboxNewYearContainer .head-area .title-en, .productsGiftboxContainer .head-area .title-en, .productsWithmeContainer .head-area .title-en, .productsTagmeContainer .head-area .title-en, .productsMiniContainer .head-area .title-en, .productsCameraContainer .head-area .title-en, .productsTogetherContainer .head-area .title-en, .productsDropContainer .head-area .title-en {
    font-size: 30px;
    letter-spacing: 2px;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .productsDroponceContainer .head-area .title-en .is-custom, .productsSupplyContainer .head-area .title-en .is-custom, .productsmini66boxContainer .head-area .title-en .is-custom, .productsBackupmeContainer .head-area .title-en .is-custom, .productsPickmeContainer .head-area .title-en .is-custom, .productsGiftboxNewYearContainer .head-area .title-en .is-custom, .productsGiftboxContainer .head-area .title-en .is-custom, .productsWithmeContainer .head-area .title-en .is-custom, .productsTagmeContainer .head-area .title-en .is-custom, .productsMiniContainer .head-area .title-en .is-custom, .productsCameraContainer .head-area .title-en .is-custom, .productsTogetherContainer .head-area .title-en .is-custom, .productsDropContainer .head-area .title-en .is-custom {
    font-size: 45px;
  }
}
.productsDroponceContainer .head-area .title-ch, .productsSupplyContainer .head-area .title-ch, .productsmini66boxContainer .head-area .title-ch, .productsBackupmeContainer .head-area .title-ch, .productsPickmeContainer .head-area .title-ch, .productsGiftboxNewYearContainer .head-area .title-ch, .productsGiftboxContainer .head-area .title-ch, .productsWithmeContainer .head-area .title-ch, .productsTagmeContainer .head-area .title-ch, .productsMiniContainer .head-area .title-ch, .productsCameraContainer .head-area .title-ch, .productsTogetherContainer .head-area .title-ch, .productsDropContainer .head-area .title-ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 6px;
  color: #003e52;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceContainer .head-area .title-ch, .productsSupplyContainer .head-area .title-ch, .productsmini66boxContainer .head-area .title-ch, .productsBackupmeContainer .head-area .title-ch, .productsPickmeContainer .head-area .title-ch, .productsGiftboxNewYearContainer .head-area .title-ch, .productsGiftboxContainer .head-area .title-ch, .productsWithmeContainer .head-area .title-ch, .productsTagmeContainer .head-area .title-ch, .productsMiniContainer .head-area .title-ch, .productsCameraContainer .head-area .title-ch, .productsTogetherContainer .head-area .title-ch, .productsDropContainer .head-area .title-ch {
    font-size: 22px;
    letter-spacing: 4px;
  }
}

.productsDroponceContainer .note-area, .productsSupplyContainer .note-area, .productsmini66boxContainer .note-area, .productsBackupmeContainer .note-area, .productsPickmeContainer .note-area, .productsGiftboxNewYearContainer .note-area, .productsGiftboxContainer .note-area, .productsWithmeContainer .note-area, .productsTagmeContainer .note-area, .productsMiniContainer .note-area, .productsCameraContainer .note-area, .productsTogetherContainer .note-area, .productsDropContainer .note-area {
  margin-bottom: 120px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceContainer .note-area, .productsSupplyContainer .note-area, .productsmini66boxContainer .note-area, .productsBackupmeContainer .note-area, .productsPickmeContainer .note-area, .productsGiftboxNewYearContainer .note-area, .productsGiftboxContainer .note-area, .productsWithmeContainer .note-area, .productsTagmeContainer .note-area, .productsMiniContainer .note-area, .productsCameraContainer .note-area, .productsTogetherContainer .note-area, .productsDropContainer .note-area {
    margin-bottom: 50px;
  }
}
.productsDroponceContainer .note-area .note, .productsSupplyContainer .note-area .note, .productsmini66boxContainer .note-area .note, .productsBackupmeContainer .note-area .note, .productsPickmeContainer .note-area .note, .productsGiftboxNewYearContainer .note-area .note, .productsGiftboxContainer .note-area .note, .productsWithmeContainer .note-area .note, .productsTagmeContainer .note-area .note, .productsMiniContainer .note-area .note, .productsCameraContainer .note-area .note, .productsTogetherContainer .note-area .note, .productsDropContainer .note-area .note {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 2px;
  color: #003e52;
  text-align: center;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceContainer .note-area .note, .productsSupplyContainer .note-area .note, .productsmini66boxContainer .note-area .note, .productsBackupmeContainer .note-area .note, .productsPickmeContainer .note-area .note, .productsGiftboxNewYearContainer .note-area .note, .productsGiftboxContainer .note-area .note, .productsWithmeContainer .note-area .note, .productsTagmeContainer .note-area .note, .productsMiniContainer .note-area .note, .productsCameraContainer .note-area .note, .productsTogetherContainer .note-area .note, .productsDropContainer .note-area .note {
    font-size: 18px;
  }
}
.productsDroponceContainer .note-area .content, .productsSupplyContainer .note-area .content, .productsmini66boxContainer .note-area .content, .productsBackupmeContainer .note-area .content, .productsPickmeContainer .note-area .content, .productsGiftboxNewYearContainer .note-area .content, .productsGiftboxContainer .note-area .content, .productsWithmeContainer .note-area .content, .productsTagmeContainer .note-area .content, .productsMiniContainer .note-area .content, .productsCameraContainer .note-area .content, .productsTogetherContainer .note-area .content, .productsDropContainer .note-area .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #003e52;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceContainer .note-area .content, .productsSupplyContainer .note-area .content, .productsmini66boxContainer .note-area .content, .productsBackupmeContainer .note-area .content, .productsPickmeContainer .note-area .content, .productsGiftboxNewYearContainer .note-area .content, .productsGiftboxContainer .note-area .content, .productsWithmeContainer .note-area .content, .productsTagmeContainer .note-area .content, .productsMiniContainer .note-area .content, .productsCameraContainer .note-area .content, .productsTogetherContainer .note-area .content, .productsDropContainer .note-area .content {
    font-size: 12px;
  }
}

.productsDropWrap {
  position: relative;
  padding: 784px 0 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDropWrap {
    overflow: hidden;
    padding: 444px var(--indexSpace) 110px;
  }
}
.productsDropWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsDropWrap .deco-1 {
  top: 165px;
  right: 428px;
  z-index: 3 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDropWrap .deco-1 {
    right: 318px;
    width: 68px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDropWrap .deco-1 {
    display: none;
  }
}
.productsDropWrap .deco-2 {
  top: 565px;
  right: 348px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDropWrap .deco-2 {
    width: 162px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDropWrap .deco-2 {
    top: 9%;
    right: 30%;
    width: 120px;
  }
}
.productsDropWrap .deco-3 {
  top: 1158px;
  left: 376px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDropWrap .deco-3 {
    left: 11%;
    width: 63px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDropWrap .deco-3 {
    top: 23%;
    left: -4%;
    width: 50px;
  }
}
.productsDropWrap .deco-4 {
  top: 1093px;
  right: 621px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDropWrap .deco-4 {
    right: 28%;
    width: 180px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDropWrap .deco-4 {
    top: 30%;
    right: -26%;
  }
}
.productsDropWrap .deco-5 {
  top: 1512px;
  left: 575px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDropWrap .deco-5 {
    left: 20%;
    width: 62px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDropWrap .deco-5 {
    top: 46%;
    left: -9%;
  }
}
.productsDropWrap .deco-6 {
  top: 1657px;
  left: -165px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDropWrap .deco-6 {
    width: 280px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDropWrap .deco-6 {
    top: 80%;
    left: -48%;
    width: 270px;
  }
}

.productsDropContainer {
  max-width: 708px;
  margin: 0 auto;
}
.productsDropContainer .note-area .pic {
  margin-bottom: 40px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDropContainer .note-area .pic {
    width: 240px;
    margin: 0 auto 40px;
  }
}

.productsTogetherWrap {
  position: relative;
  padding: 784px 0 160px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherWrap {
    overflow: hidden;
    padding: 444px var(--indexSpace) 110px;
  }
}
.productsTogetherWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsTogetherWrap .deco-1 {
  top: 249px;
  right: 392px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTogetherWrap .deco-1 {
    width: 130px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherWrap .deco-1 {
    top: 7%;
    right: 50%;
    width: 86px;
  }
}
.productsTogetherWrap .deco-2 {
  top: 621px;
  right: 683px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTogetherWrap .deco-2 {
    right: 41%;
    width: 52px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherWrap .deco-2 {
    top: 9%;
    right: 85%;
    width: 27px;
  }
}
.productsTogetherWrap .deco-3 {
  top: 767px;
  right: 121px;
  z-index: 3 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTogetherWrap .deco-3 {
    top: 20%;
    width: 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherWrap .deco-3 {
    top: 10%;
    right: 9%;
    width: 111px;
  }
}
.productsTogetherWrap .deco-4 {
  top: 1435px;
  left: -60px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTogetherWrap .deco-4 {
    width: 170px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherWrap .deco-4 {
    top: 24%;
    left: -60px;
    width: 157px;
  }
}
.productsTogetherWrap .deco-5 {
  bottom: 300px;
  right: 461px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTogetherWrap .deco-5 {
    right: 17%;
    width: 70px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherWrap .deco-5 {
    bottom: 300px;
    right: -6%;
    width: 80px;
  }
}

.productsTogetherContainer {
  max-width: 708px;
  margin: 0 auto;
}
@media print, screen and (min-width: 64.0625em) {
  .productsTogetherContainer .head-area {
    margin-bottom: 110px;
  }
}
.productsTogetherContainer .note-area .pic {
  margin-bottom: 90px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherContainer .note-area .pic {
    margin-bottom: 20px;
  }
}
.productsTogetherContainer .note-area .picList {
  margin: 0 -165px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherContainer .note-area .picList {
    margin: 0;
  }
}
.productsTogetherContainer .note-area .picList li {
  padding: 0 33px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherContainer .note-area .picList li {
    padding: 0 17px 40px;
  }
}
.productsTogetherContainer .note-area .picList .boximg {
  margin-bottom: 30px;
}
.productsTogetherContainer .note-area .picList .color-area {
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .productsTogetherContainer .note-area .picList .color-area {
    justify-content: center;
    align-items: center;
  }
}
.productsTogetherContainer .note-area .picList .color-area .circle {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin-right: 12px;
}
.productsTogetherContainer .note-area .picList .color-area .name-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003e52;
  margin-bottom: 4px;
}
.productsTogetherContainer .note-area .picList .color-area .name-area .en {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #003e52;
}

.productsCameraWrap {
  position: relative;
  padding: 784px 0 140px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraWrap {
    overflow: hidden;
    padding: 444px var(--indexSpace) 110px;
  }
}
.productsCameraWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsCameraWrap .deco-1 {
  top: 0px;
  right: 407px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsCameraWrap .deco-1 {
    right: 13%;
    width: 260px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraWrap .deco-1 {
    top: 4%;
    right: 81%;
    width: 116px;
  }
}
.productsCameraWrap .deco-2 {
  top: 360px;
  left: 178px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsCameraWrap .deco-2 {
    width: 130px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraWrap .deco-2 {
    top: 14%;
    left: 8%;
    width: 80px;
  }
}
.productsCameraWrap .deco-3 {
  top: 530px;
  left: 14px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraWrap .deco-3 {
    top: 9.6%;
    left: 12px;
    width: 27px;
    z-index: 3 !important;
  }
}
.productsCameraWrap .deco-4 {
  top: 662px;
  left: 80px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsCameraWrap .deco-4 {
    width: 270px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraWrap .deco-4 {
    top: 8%;
    left: 72%;
    width: 134px;
  }
}
.productsCameraWrap .deco-5 {
  bottom: 300px;
  right: 461px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsCameraWrap .deco-5 {
    right: 1%;
    width: 67px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraWrap .deco-5 {
    bottom: 300px;
    right: -3%;
    width: 70px;
  }
}

.productsCameraContainer {
  max-width: 708px;
  margin: 0 auto;
}
@media print, screen and (min-width: 64.0625em) {
  .productsCameraContainer .head-area {
    margin-bottom: 150px;
  }
}
.productsCameraContainer .note-area .pic {
  margin-bottom: 90px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraContainer .note-area .pic {
    margin-bottom: 20px;
  }
}
.productsCameraContainer .note-area .picList {
  margin: 0 -165px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraContainer .note-area .picList {
    margin: 0;
  }
}
.productsCameraContainer .note-area .picList li {
  padding: 0 33px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraContainer .note-area .picList li {
    padding: 0 17px 40px;
  }
}
.productsCameraContainer .note-area .picList .boximg {
  margin-bottom: 30px;
}
.productsCameraContainer .note-area .picList .color-area {
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .productsCameraContainer .note-area .picList .color-area {
    justify-content: center;
    align-items: center;
  }
}
.productsCameraContainer .note-area .picList .color-area .circle {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin-right: 12px;
}
.productsCameraContainer .note-area .picList .color-area .name-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003e52;
  margin-bottom: 4px;
}
.productsCameraContainer .note-area .picList .color-area .name-area .en {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #003e52;
}

.productsMiniWrap {
  position: relative;
  padding: 331px 0 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsMiniWrap {
    overflow: hidden;
    padding: 100px var(--indexSpace) 110px;
  }
}
.productsMiniWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsMiniWrap .deco-1 {
  top: -60px;
  left: 475px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsMiniWrap .deco-1 {
    left: 20%;
    width: 260px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsMiniWrap .deco-1 {
    top: 6%;
    left: 72%;
    width: 138px;
  }
}
.productsMiniWrap .deco-2 {
  top: 550px;
  right: 500px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsMiniWrap .deco-2 {
    top: 16%;
    right: 23%;
    width: 100px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsMiniWrap .deco-2 {
    top: 10%;
    right: 84%;
    width: 74px;
  }
}
.productsMiniWrap .deco-3 {
  top: 1200px;
  left: 611px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsMiniWrap .deco-3 {
    left: 23%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsMiniWrap .deco-3 {
    display: none;
  }
}
.productsMiniWrap .deco-4 {
  top: 965px;
  right: 188px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsMiniWrap .deco-4 {
    right: 11%;
    width: 180px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsMiniWrap .deco-4 {
    top: 71%;
    right: 73%;
    width: 124px;
  }
}
.productsMiniWrap .deco-5 {
  bottom: 0;
  left: -113px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsMiniWrap .deco-5 {
    left: -7%;
    width: 290px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsMiniWrap .deco-5 {
    bottom: 0;
    left: 84%;
    width: 80px;
  }
}

.productsMiniContainer {
  max-width: 708px;
  margin: 0 auto;
}
@media print, screen and (max-width: 64.06125em) {
  .productsMiniContainer .note-area .picList-mini {
    display: block;
  }
}
.productsMiniContainer .note-area .picList-mini li {
  padding: 0 72px 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsMiniContainer .note-area .picList-mini li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding: 0 12px 50px;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .productsMiniContainer .note-area .picList-mini li img {
    max-width: initial;
  }
}

.productsTagmeWrap {
  position: relative;
  padding: 184px 0 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsTagmeWrap {
    overflow: hidden;
    padding: 100px var(--indexSpace) 110px;
  }
}
.productsTagmeWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsTagmeWrap .deco-1 {
  top: 253px;
  left: 722px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTagmeWrap .deco-1 {
    left: 32%;
    width: 34px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTagmeWrap .deco-1 {
    display: none;
  }
}
.productsTagmeWrap .deco-2 {
  top: 32px;
  right: -87px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTagmeWrap .deco-2 {
    width: 300px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTagmeWrap .deco-2 {
    top: 8%;
    right: 70%;
    width: 143px;
  }
}
.productsTagmeWrap .deco-3 {
  top: 220px;
  right: 136px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTagmeWrap .deco-3 {
    width: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTagmeWrap .deco-3 {
    top: 17%;
    right: 88%;
    width: 48px;
  }
}
.productsTagmeWrap .deco-4 {
  top: 500px;
  left: 331px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTagmeWrap .deco-4 {
    top: 42%;
    left: 11%;
    width: 160px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTagmeWrap .deco-4 {
    top: 52%;
    left: 71%;
    width: 83px;
  }
}
.productsTagmeWrap .deco-5 {
  top: 1121px;
  right: 500px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsTagmeWrap .deco-5 {
    right: 14%;
    width: 170px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsTagmeWrap .deco-5 {
    top: 74%;
    right: 78%;
    width: 92px;
  }
}

.productsTagmeContainer {
  max-width: 708px;
  margin: 0 auto;
}
.productsTagmeContainer .note-area .pic {
  margin-bottom: 40px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsTagmeContainer .note-area .pic {
    margin: 0 auto 40px;
    display: block;
  }
  .productsTagmeContainer .note-area .pic.is-small {
    width: 200px;
  }
}
.productsTagmeContainer .note-area .pic img {
  max-width: initial;
}
@media print, screen and (max-width: 64.06125em) {
  .productsTagmeContainer .note-area .pic img {
    max-width: 100%;
  }
}

.productsWithmeWrap {
  position: relative;
  padding: 184px 0 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsWithmeWrap {
    overflow: hidden;
    padding: 100px var(--indexSpace) 110px;
  }
}
.productsWithmeWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsWithmeWrap .deco-1 {
  top: -20px;
  left: 680px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWithmeWrap .deco-1 {
    left: 32%;
    width: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWithmeWrap .deco-1 {
    display: none;
  }
}
.productsWithmeWrap .deco-2 {
  top: 27px;
  right: -104px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWithmeWrap .deco-2 {
    top: 10%;
    right: -7%;
    width: 370px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWithmeWrap .deco-2 {
    top: 38%;
    right: 56%;
    width: 196px;
  }
}
.productsWithmeWrap .deco-3 {
  top: 350px;
  right: -86px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWithmeWrap .deco-3 {
    right: -3%;
    width: 120px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWithmeWrap .deco-3 {
    top: 53%;
    right: 62%;
    width: 85px;
  }
}
.productsWithmeWrap .deco-4 {
  top: 795px;
  left: 209px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWithmeWrap .deco-4 {
    left: 6%;
    width: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWithmeWrap .deco-4 {
    top: 73%;
    left: 73%;
    width: 112px;
  }
}
.productsWithmeWrap .deco-5 {
  right: 267px;
  bottom: 0;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWithmeWrap .deco-5 {
    right: 12%;
    width: 180px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWithmeWrap .deco-5 {
    right: 82%;
    bottom: 14%;
    width: 100px;
  }
}

.productsWithmeContainer {
  max-width: 708px;
  margin: 0 auto;
}
.productsWithmeContainer .note-area .pic {
  margin-bottom: 40px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsWithmeContainer .note-area .pic {
    width: 175px;
    margin: 0 auto 40px;
  }
}
.productsWithmeContainer .note-area .picList-tagme li {
  padding: 0 40px 20px;
}
.productsWithmeContainer .note-area .picList-tagme li img {
  max-width: initial;
}

.productsGiftboxWrap {
  position: relative;
  padding: 460px 0 140px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxWrap {
    overflow: hidden;
    padding: 472px var(--indexSpace) 110px;
  }
}
.productsGiftboxWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsGiftboxWrap .deco-dick {
  top: 0;
  right: 0;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxWrap .deco-dick {
    top: 0;
    right: 0;
    transform: scale(0.8);
    transform-origin: right center;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxWrap .deco-dick {
    top: 6%;
    right: 0;
    transform: scale(0.8);
    transform-origin: right center;
  }
}
.productsGiftboxWrap .deco-1 {
  top: -100px;
  right: -40px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxWrap .deco-1 {
    top: -50px;
    width: 330px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxWrap .deco-1 {
    top: 7%;
    right: -32px;
    width: 228px;
  }
}
.productsGiftboxWrap .deco-2 {
  top: 337px;
  left: -40px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxWrap .deco-2 {
    width: 160px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxWrap .deco-2 {
    top: 30%;
    left: -9%;
    width: 149px;
  }
}
.productsGiftboxWrap .deco-3 {
  top: 614px;
  right: 700px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxWrap .deco-3 {
    right: 35%;
    width: 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxWrap .deco-3 {
    top: 62%;
    right: -5%;
  }
}
.productsGiftboxWrap .deco-4 {
  top: 749px;
  left: 349px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxWrap .deco-4 {
    left: 3%;
    width: 250px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxWrap .deco-4 {
    top: 50%;
    left: -5%;
    width: 117px;
  }
}
.productsGiftboxWrap .deco-5 {
  right: 300px;
  bottom: 300px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxWrap .deco-5 {
    right: 11%;
    width: 90px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxWrap .deco-5 {
    right: 7%;
    bottom: 15%;
    width: 85px;
  }
}

.productsGiftboxContainer {
  max-width: 708px;
  margin: 0 auto;
}
@media print, screen and (min-width: 64.0625em) {
  .productsGiftboxContainer .head-area {
    margin-bottom: 150px;
  }
}
.productsGiftboxContainer .note-area .pic {
  margin-bottom: 90px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxContainer .note-area .pic {
    margin-bottom: 50px;
  }
}
.productsGiftboxContainer .note-area .pic img {
  max-width: initial;
}
.productsGiftboxContainer .note-area .picList li {
  padding: 0 26px 50px;
}
.productsGiftboxContainer .note-area .picList li img {
  max-width: initial;
}
.productsGiftboxContainer .note-area .picList-mini li {
  padding: 0 72px 50px;
}
.productsGiftboxContainer .note-area .picList-mini li img {
  max-width: initial;
}

.productsGiftboxNewYearWrap {
  position: relative;
  padding: 460px 0 140px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxNewYearWrap {
    overflow: hidden;
    padding: 472px var(--indexSpace) 110px;
  }
}
.productsGiftboxNewYearWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsGiftboxNewYearWrap .deco-dick {
  top: 0;
  right: 0;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxNewYearWrap .deco-dick {
    top: 0;
    right: 0;
    transform: scale(0.8);
    transform-origin: right center;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxNewYearWrap .deco-dick {
    top: 4%;
    right: 0;
    transform: scale(0.8);
    transform-origin: right center;
  }
}
.productsGiftboxNewYearWrap .deco-1 {
  top: -100px;
  right: -130px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxNewYearWrap .deco-1 {
    top: 0;
    right: -5%;
    width: 330px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxNewYearWrap .deco-1 {
    top: 4%;
    right: -32px;
    width: 228px;
  }
}
.productsGiftboxNewYearWrap .deco-2 {
  top: 644px;
  left: 421px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxNewYearWrap .deco-2 {
    left: 7%;
    width: 210px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxNewYearWrap .deco-2 {
    top: 54%;
    left: 4%;
    width: 116px;
  }
}
.productsGiftboxNewYearWrap .deco-3 {
  top: 1191px;
  right: 290px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxNewYearWrap .deco-3 {
    right: 16%;
    width: 120px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxNewYearWrap .deco-3 {
    top: 70%;
    right: -4%;
    width: 100px;
  }
}
.productsGiftboxNewYearWrap .deco-4 {
  bottom: 300px;
  right: 440px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftboxNewYearWrap .deco-4 {
    right: 30%;
    width: 60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxNewYearWrap .deco-4 {
    bottom: 4%;
    right: 23%;
    width: 50px;
  }
}

.productsGiftboxNewYearContainer {
  max-width: 708px;
  margin: 0 auto;
}
@media print, screen and (min-width: 64.0625em) {
  .productsGiftboxNewYearContainer .head-area {
    margin-bottom: 150px;
  }
}
.productsGiftboxNewYearContainer .note-area .pic {
  margin-bottom: 90px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftboxNewYearContainer .note-area .pic {
    margin-bottom: 50px;
  }
}
.productsGiftboxNewYearContainer .note-area .pic img {
  max-width: initial;
}
.productsGiftboxNewYearContainer .note-area .picList li {
  padding: 0 26px 50px;
}
.productsGiftboxNewYearContainer .note-area .picList li img {
  max-width: initial;
}
.productsGiftboxNewYearContainer .note-area .picList-mini li {
  padding: 0 72px 50px;
}
.productsGiftboxNewYearContainer .note-area .picList-mini li img {
  max-width: initial;
}

.productsPickmeWrap {
  position: relative;
  padding: 184px 0 140px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsPickmeWrap {
    overflow: hidden;
    padding: 100px var(--indexSpace) 110px;
  }
}
.productsPickmeWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsPickmeWrap .deco-1 {
  top: -20px;
  right: 40px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsPickmeWrap .deco-1 {
    right: -40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsPickmeWrap .deco-1 {
    right: -70px;
    width: 170px;
    top: 50px;
  }
}
.productsPickmeWrap .deco-2 {
  top: 457px;
  left: -20px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsPickmeWrap .deco-2 {
    top: 36%;
    left: -30px;
    width: 80px;
  }
}
.productsPickmeWrap .deco-3 {
  top: 497px;
  left: -120px;
  z-index: -2 !important;
}
@media print, screen and (max-width: 64.06125em) {
  .productsPickmeWrap .deco-3 {
    top: 33%;
    left: -50px;
    width: 105px;
  }
}
.productsPickmeWrap .deco-4 {
  top: 815px;
  right: 409px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsPickmeWrap .deco-4 {
    right: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsPickmeWrap .deco-4 {
    top: 46%;
    right: -10px;
    width: 72px;
  }
}
.productsPickmeWrap .deco-5 {
  right: 38%;
  top: 281px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsPickmeWrap .deco-5 {
    right: 32%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsPickmeWrap .deco-5 {
    display: none;
  }
}
.productsPickmeWrap .deco-6 {
  left: 23%;
  bottom: 260px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsPickmeWrap .deco-6 {
    left: 9%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsPickmeWrap .deco-6 {
    left: -30px;
    bottom: 35%;
    width: 100px;
  }
}

.productsPickmeContainer {
  max-width: 708px;
  margin: 0 auto;
}
.productsPickmeContainer .note-area .pic {
  margin-bottom: 40px;
  text-align: center;
}
.productsPickmeContainer .note-area .picList-tagme li {
  padding: 0 40px 20px;
}
.productsPickmeContainer .note-area .picList-tagme li img {
  max-width: initial;
}

.giftbox-area .taste .title, .giftbox-area .fuck-giftbox .title, .together-area .pickme-fuck-wedding .title, .together-area .taste-wedding .title, .together-area .fuck-wedding .title, .products-info-area .feature .title, .products-info-area .adapt .title, .products-info-area .whatsinside .title, .products-info-area .taste-wedding .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 2px;
  color: #003e52;
  width: 71px;
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area .taste .title, .giftbox-area .fuck-giftbox .title, .together-area .pickme-fuck-wedding .title, .together-area .taste-wedding .title, .together-area .fuck-wedding .title, .products-info-area .feature .title, .products-info-area .adapt .title, .products-info-area .whatsinside .title, .products-info-area .taste-wedding .title {
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
  }
}

.products-info-area {
  position: relative;
  margin-bottom: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area {
    margin-bottom: 70px;
  }
}
.products-info-area .taste-wedding {
  margin-bottom: 40px;
}
.products-info-area .taste-wedding .content {
  position: relative;
  top: -4px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .taste-wedding .content {
    top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.products-info-area .taste-wedding .content .twtw-row > .flex-container {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  margin-bottom: 17px;
  position: relative;
}
@media print, screen and (min-width: 64.0625em) {
  .products-info-area .taste-wedding .content .twtw-row > .flex-container {
    margin-right: 30px;
  }
  .products-info-area .taste-wedding .content .twtw-row > .flex-container:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .taste-wedding .content .twtw-row > .flex-container {
    display: block;
    width: 130px;
    margin: 0 auto 17px;
    text-align: left;
  }
}
.products-info-area .taste-wedding .content .twtw-row > .flex-container:last-child:after {
  display: none;
}
.products-info-area .taste-wedding .content .twtw-row > .flex-container:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #003E52;
  transform: rotate(16deg);
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .taste-wedding .content .twtw-row > .flex-container:after {
    display: none;
  }
}
.products-info-area .taste-wedding .content .twtw-row .circle {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
.products-info-area .taste-wedding .content .twtw-row .name-area {
  display: inline-block;
  vertical-align: middle;
}
.products-info-area .taste-wedding .content .twtw-row .name-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003e52;
  margin-bottom: 4px;
}
.products-info-area .taste-wedding .content .twtw-row .name-area .en {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #003e52;
}
.products-info-area .whatsinside {
  margin-bottom: 63px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .whatsinside {
    margin-bottom: 40px;
  }
}
.products-info-area .whatsinside .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #003E52;
  position: relative;
  top: -10px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .whatsinside .content {
    text-align: center;
  }
}
.products-info-area .adapt {
  margin-bottom: 23px;
}
.products-info-area .adapt .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 6px;
  line-height: 1.5;
  color: #003c4f;
  position: relative;
  top: -23px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .adapt .content {
    font-size: 14px;
    letter-spacing: 4px;
    top: 0;
  }
}
.products-info-area .adapt .big {
  font-size: 25px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .adapt .big {
    font-size: 19px;
  }
}
.products-info-area .adapt .huge {
  font-size: 36px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .adapt .huge {
    font-size: 26px;
  }
}
.products-info-area .feature .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.8;
  color: #003c4f;
  position: relative;
  top: -4px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-info-area .feature .content {
    font-size: 13px;
    top: 0;
  }
}

.together-area {
  position: relative;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
.together-area .pic {
  text-align: center;
  margin-bottom: 50px;
}
.together-area .fuck-wedding {
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .fuck-wedding .content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.together-area .fuck-wedding .content .name {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #003E52;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .fuck-wedding .content .name {
    font-size: 15px;
  }
}
.together-area .fuck-wedding .content .name:nth-child(1) {
  position: relative;
  padding-left: 130px;
  padding-right: 33px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .fuck-wedding .content .name:nth-child(1) {
    padding: 0 0 50px;
  }
}
.together-area .fuck-wedding .content .name:nth-child(1):after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/products-detail-wedding-x.svg) center center/cover no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .fuck-wedding .content .name:nth-child(1):after {
    top: 58px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.together-area .fuck-wedding .content .name:nth-child(2) {
  position: relative;
  padding-left: 32px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .fuck-wedding .content .name:nth-child(2) {
    padding: 0;
  }
}
.together-area .taste-wedding {
  margin-bottom: 40px;
}
.together-area .taste-wedding .content {
  position: relative;
  top: -4px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .taste-wedding .content {
    top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.together-area .taste-wedding .content .twtw-row.is-mt {
  margin: 24px 0 17px;
}
.together-area .taste-wedding .content .twtw-row > .flex-container {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  margin-bottom: 17px;
  position: relative;
}
@media print, screen and (min-width: 64.0625em) {
  .together-area .taste-wedding .content .twtw-row > .flex-container {
    margin-right: 30px;
  }
  .together-area .taste-wedding .content .twtw-row > .flex-container:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .taste-wedding .content .twtw-row > .flex-container {
    display: block;
    width: 130px;
    margin: 0 auto 17px;
    text-align: left;
  }
}
.together-area .taste-wedding .content .twtw-row > .flex-container:last-child:after {
  display: none;
}
.together-area .taste-wedding .content .twtw-row > .flex-container:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #003E52;
  transform: rotate(16deg);
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .taste-wedding .content .twtw-row > .flex-container:after {
    display: none;
  }
}
.together-area .taste-wedding .content .twtw-row .chooseone {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  color: #003e52;
  border: 1px solid #003e52;
  border-radius: 200px;
  width: 150px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 17px;
  margin-right: 30px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .taste-wedding .content .twtw-row .chooseone {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.together-area .taste-wedding .content .twtw-row .circle {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
.together-area .taste-wedding .content .twtw-row .name-area {
  display: inline-block;
  vertical-align: middle;
}
.together-area .taste-wedding .content .twtw-row .name-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003e52;
  margin-bottom: 4px;
}
.together-area .taste-wedding .content .twtw-row .name-area .en {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #003e52;
}
.together-area .pickme-pic {
  text-align: center;
  margin-bottom: 22px;
}
.together-area .pickme-fuck-wedding {
  margin-bottom: 50px;
}
.together-area .pickme-fuck-wedding .title {
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .pickme-fuck-wedding .content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.together-area .pickme-fuck-wedding .content .name {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .pickme-fuck-wedding .content .name {
    font-size: 15px;
  }
}
.together-area .pickme-fuck-wedding .content .name:nth-child(1) {
  position: relative;
  padding-left: 9px;
  padding-right: 42px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .pickme-fuck-wedding .content .name:nth-child(1) {
    padding: 0 0 50px;
  }
}
.together-area .pickme-fuck-wedding .content .name:nth-child(1):after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/products-detail-wedding-x-white.svg) center center/cover no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .pickme-fuck-wedding .content .name:nth-child(1):after {
    top: 58px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.together-area .pickme-fuck-wedding .content .name:nth-child(2) {
  position: relative;
  padding-left: 34px;
  padding-right: 32px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .pickme-fuck-wedding .content .name:nth-child(2) {
    padding: 0 0 50px;
  }
}
.together-area .pickme-fuck-wedding .content .name:nth-child(2):after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/products-detail-wedding-x-white.svg) center center/cover no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -7px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .pickme-fuck-wedding .content .name:nth-child(2):after {
    top: 83px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.together-area .pickme-fuck-wedding .content .name:nth-child(3) {
  position: relative;
  padding-left: 36px;
}
@media print, screen and (max-width: 64.06125em) {
  .together-area .pickme-fuck-wedding .content .name:nth-child(3) {
    padding: 0;
  }
}

.together-gif {
  margin: -60px auto 100px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .together-gif {
    margin: 0 auto 40px;
  }
}

.price-area .pic {
  margin-bottom: 40px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .price-area .pic {
    width: 240px;
    margin: 0 auto 30px;
  }
}
.price-area .price {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 2px;
  color: #003e52;
  text-align: center;
  margin-bottom: 25px;
}
@media print, screen and (max-width: 64.06125em) {
  .price-area .price {
    font-size: 21px;
    margin-bottom: 15px;
  }
}
.price-area .price b {
  font-size: 50px;
  letter-spacing: 6px;
}
@media print, screen and (max-width: 64.06125em) {
  .price-area .price b {
    font-size: 40px;
    letter-spacing: 4px;
  }
}
.price-area .price small {
  font-size: 16px;
}
.price-area .addtocart {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 191px;
  height: 58px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.price-area .addtocart:hover {
  color: #fff;
}
.price-area .addtocart:hover:after {
  background-position-x: 0%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.price-area .addtocart:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}

.otherProductsWrap {
  margin-bottom: 90px;
}
@media print, screen and (max-width: 64.06125em) {
  .otherProductsWrap {
    overflow: hidden;
  }
}
.otherProductsWrap .other-head {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 57px;
  letter-spacing: 6px;
  color: #003e52;
  text-align: center;
  margin-bottom: 115px;
}
@media print, screen and (max-width: 64.06125em) {
  .otherProductsWrap .other-head {
    font-size: 36px;
    letter-spacing: 4px;
    margin-bottom: 50px;
  }
}

.otherProductsList {
  max-width: 900px;
  margin: 0 auto;
  /* reset */
  /* previous & next buttons */
}
.otherProductsList li {
  width: 310px;
  padding-bottom: 10px;
}
.otherProductsList li.is-selected .pic img {
  transform: scale(1);
}
.otherProductsList li.is-selected .article-area, .otherProductsList li.is-selected .btn {
  opacity: 1;
}
.otherProductsList .flickity-button {
  background-color: transparent;
}
.otherProductsList .flickity-button:hover {
  background: transparent;
}
.otherProductsList .flickity-button:focus {
  outline: none;
  box-shadow: none;
}
.otherProductsList .flickity-button:active {
  opacity: 1;
}
.otherProductsList .flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}
.otherProductsList .flickity-prev-next-button {
  width: 100px;
  height: 100px;
  /* svg */
}
@media print, screen and (max-width: 64.06125em) {
  .otherProductsList .flickity-prev-next-button {
    top: 130px;
  }
}
.otherProductsList .flickity-prev-next-button.previous {
  left: -150px;
}
@media print, screen and (max-width: 99.99875em) {
  .otherProductsList .flickity-prev-next-button.previous {
    left: -60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .otherProductsList .flickity-prev-next-button.previous {
    left: -10px;
  }
}
.otherProductsList .flickity-prev-next-button.next {
  right: -150px;
}
@media print, screen and (max-width: 99.99875em) {
  .otherProductsList .flickity-prev-next-button.next {
    right: -60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .otherProductsList .flickity-prev-next-button.next {
    right: -10px;
  }
}
.otherProductsList .flickity-prev-next-button .flickity-button-icon {
  fill: #003E52;
}
.otherProductsList .pic {
  height: 270px;
  margin-bottom: 30px;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}
@media print, screen and (max-width: 64.06125em) {
  .otherProductsList .pic {
    width: 230px;
    height: 240px;
    line-height: 240px;
    margin: 0 auto 30px;
  }
}
.otherProductsList .pic img {
  max-height: 100%;
  transform: scale(0.6);
  transition: all 0.5s;
}
.otherProductsList .article-area {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #003E52;
  text-align: center;
  margin-bottom: 30px;
}
.otherProductsList .btn {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 192px;
  height: 58px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s;
}
.otherProductsList .btn:hover {
  color: #fff;
}
.otherProductsList .btn:hover:after {
  background-position-x: 0%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.otherProductsList .btn:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}

.products-bannerOutWrap {
  position: relative;
  padding-top: 160px;
}
@media print, screen and (max-width: 99.99875em) {
  .products-bannerOutWrap {
    padding-top: 0;
  }
}
.products-bannerOutWrap .logo {
  z-index: 9;
  position: absolute;
  left: 70px;
  top: 44px;
  width: 160px;
}
@media print, screen and (max-width: 99.99875em) {
  .products-bannerOutWrap .logo {
    left: 40px;
    top: 25px;
    width: 130px;
  }
}

.products-banner-container {
  width: 1125px;
  height: 750px;
  position: relative;
  margin: 0 auto;
  clip-path: polygon(49% 37%, 52% 37%, 52% 43%, 49% 43%);
  overflow: hidden;
}
@media print, screen and (max-width: 99.99875em) {
  .products-banner-container {
    width: 975px;
    height: 650px;
  }
}
.products-banner-container .item {
  z-index: -1;
  position: relative;
  width: 375px;
  height: 250px;
  display: inline-block;
  vertical-align: top;
}
@media print, screen and (max-width: 99.99875em) {
  .products-banner-container .item {
    width: 325px;
    height: 216px;
  }
}
.products-banner-container .item canvas {
  margin-bottom: -3px;
}

.cornerdeco-area {
  z-index: 9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 430px;
  width: 38px;
  height: 38px;
  pointer-events: none;
}
@media print, screen and (max-width: 99.99875em) {
  .cornerdeco-area {
    bottom: 370px;
  }
}
.cornerdeco-area .deco {
  position: absolute;
  background-color: #fff;
}
.cornerdeco-area .deco.one {
  top: -8px;
  left: -8px;
  width: 16px;
  height: 54px;
}
.cornerdeco-area .deco.two {
  top: -8px;
  left: -8px;
  width: 54px;
  height: 16px;
}
.cornerdeco-area .deco.three {
  right: -8px;
  bottom: -8px;
  width: 16px;
  height: 54px;
}
.cornerdeco-area .deco.four {
  right: -8px;
  bottom: -8px;
  width: 54px;
  height: 16px;
}

@keyframes productsbannertitle {
  0% {
    width: 100%;
  }
  50% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
#products-middle-controler {
  background: url(../images/about-world-move.jpg) center center/cover no-repeat;
}

.products-banner-list {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.products-banner-list li {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.products-banner-list li.is-show {
  z-index: 1;
}
.products-banner-list li.is-show .title-area .ch, .products-banner-list li.is-show .title-area .en {
  animation: productsbannertitle 1s both;
}
.products-banner-list li > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 70%;
  max-height: 70%;
}
.products-banner-list .title-area {
  position: absolute;
  left: 20px;
  bottom: 20px;
  white-space: nowrap;
}
.products-banner-list .title-area .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  color: #003c4f;
  margin-bottom: 8px;
  width: 0;
  overflow: hidden;
}
.products-banner-list .title-area .en span {
  display: inline-block;
  background-color: #fff;
  padding: 4px 6px;
}
.products-banner-list .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 2px;
  color: #003c4f;
  width: 0;
  overflow: hidden;
}
.products-banner-list .title-area .ch span {
  display: inline-block;
  background-color: #fff;
  padding: 4px 6px;
}

.productsWrap {
  padding: 200px 0 70px;
  position: relative;
}
@media print, screen and (max-width: 64.06125em) {
  .productsWrap {
    padding: 0;
    overflow: hidden;
  }
}
.productsWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
@media print, screen and (max-width: 64.06125em) {
  .productsWrap > div[class|=deco] {
    z-index: 1;
  }
}
.productsWrap .deco-1 {
  top: 389px;
  right: 372px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWrap .deco-1 {
    top: 18%;
    right: 7%;
    width: 125px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWrap .deco-1 {
    top: 339px;
    right: 80px;
    width: 97px;
  }
}
.productsWrap .deco-2 {
  top: 786px;
  left: 238px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWrap .deco-2 {
    top: 28%;
    left: 6%;
    width: 67px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWrap .deco-2 {
    top: 48%;
    left: -10px;
    width: 100px;
  }
}
.productsWrap .deco-3 {
  top: 554px;
  left: 1017px;
  z-index: 4 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWrap .deco-3 {
    top: 27%;
    left: 55%;
    width: 63px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWrap .deco-3 {
    top: 74%;
    left: 56%;
    width: 56px;
    z-index: 1 !important;
  }
}
.productsWrap .deco-4 {
  top: 1073px;
  left: 747px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsWrap .deco-4 {
    top: 51%;
    left: 34%;
    width: 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsWrap .deco-4 {
    top: 53%;
    left: 47%;
    width: 155px;
  }
}

.productsList {
  max-width: 1164px;
  margin: 0 auto;
}
.productsList li {
  text-align: center;
  margin-bottom: 120px;
  position: relative;
  padding: 0 50px;
  cursor: pointer;
}
@media print, screen and (min-width: 64.0625em) {
  .productsList li:hover .pic:after {
    opacity: 1;
  }
}
.productsList li:hover .title {
  background-color: #fff;
  color: #ffb41f;
}
@media print, screen and (max-width: 64.06125em) {
  .productsList li {
    margin-bottom: 0;
    padding: 0;
    height: 380px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
  }
  .productsList li:nth-child(8n+1) {
    background-color: #AFD8DA;
  }
  .productsList li:nth-child(8n+2) {
    background-color: #FFD02E;
  }
  .productsList li:nth-child(8n+3) {
    background-color: #FF9E18;
  }
  .productsList li:nth-child(8n+4) {
    background-color: #AFD8DA;
  }
  .productsList li:nth-child(8n+5) {
    background-color: #FFD02E;
  }
  .productsList li:nth-child(8n+6) {
    background-color: #DFDFDE;
  }
  .productsList li:nth-child(8n+7) {
    background-color: #AFD8DA;
  }
  .productsList li:nth-child(8n+8) {
    background-color: #DFDFDE;
  }
}
.productsList .pic {
  height: 300px;
  line-height: 300px;
  margin-bottom: 61px;
  position: relative;
  z-index: 4;
}
@media print, screen and (max-width: 64.06125em) {
  .productsList .pic {
    height: auto;
    line-height: initial;
    margin-bottom: 36px;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .productsList .pic.is-beeshare {
    height: 230px;
    line-height: 230px;
  }
}
.productsList .pic:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/logo.svg) center center/240px auto no-repeat;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s;
}
.productsList .pic > img {
  max-height: 100%;
}
.productsList .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #fff;
  padding: 6px 24px;
  display: inline-block;
  position: relative;
  z-index: 4;
  border: 1px solid #fff;
  border-radius: 200px;
  transition: all 0.5s;
}
@media print, screen and (max-width: 64.06125em) {
  .productsList .title {
    color: #fff;
    border: 1px solid #fff;
  }
}

.festivalWrap {
  position: relative;
  padding: 700px 0 210px;
}
@media print, screen and (max-width: 99.99875em) {
  .festivalWrap {
    padding: 520px 0 210px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festivalWrap {
    padding: 50px var(--indexSpace);
    overflow: hidden;
  }
}
.festivalWrap > div[class|=deco] {
  z-index: 4;
}
@media print, screen and (max-width: 64.06125em) {
  .festivalWrap > div[class|=deco] img {
    max-width: initial;
  }
}

.festival-container {
  max-width: 1252px;
  margin: 0 auto;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container {
    max-width: 1080px;
  }
}
.festival-container.is-show .pic {
  animation: bounceIn 0.8s both;
}
.festival-container article {
  z-index: 9;
  position: relative;
  max-width: 645px;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container article {
    max-width: 50%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container article {
    max-width: 100%;
  }
}
.festival-container article .date-area {
  position: absolute;
  bottom: calc(100% + 40px);
  left: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container article .date-area {
    position: relative;
    left: 0;
    bottom: 0;
    margin-bottom: 30px;
  }
}
.festival-container article .date-area .date {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 107px;
  letter-spacing: 12px;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container article .date-area .date {
    font-size: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container article .date-area .date {
    font-size: 50px;
    letter-spacing: 6px;
  }
}
.festival-container article .date-area .deco-line {
  width: 1px;
  height: 171px;
  background-color: #fff;
  display: block;
  margin: 40px 0;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container article .date-area .deco-line {
    height: 120px;
    margin: 30px 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container article .date-area .deco-line {
    display: none;
  }
}
.festival-container article .title-area {
  margin-bottom: 44px;
  position: relative;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container article .title-area {
    margin-bottom: 29px;
  }
}
.festival-container article .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 7px;
  color: #fff;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container article .title-area .ch {
    font-size: 45px;
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container article .title-area .ch {
    font-size: 34px;
    letter-spacing: 4px;
    margin-bottom: 12px;
  }
}
.festival-container article .title-area .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 7px;
  color: #fff;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container article .title-area .en {
    font-size: 45px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container article .title-area .en {
    font-size: 34px;
    letter-spacing: 4px;
  }
}
.festival-container article .mobile-pic {
  width: 260px;
  margin: 0 auto 30px;
  cursor: pointer;
}
.festival-container article .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 2;
  color: #fff;
  margin-bottom: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container article .content {
    font-size: 12px;
    margin-bottom: 34px;
  }
}
.festival-container .countdown {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 2px;
  color: #fff;
  white-space: nowrap;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container .countdown {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container .countdown {
    font-size: 12px;
  }
}
.festival-container .countdown span {
  font-size: 34px;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container .countdown span {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container .countdown span {
    font-size: 14px;
  }
}
.festival-container .countdown b {
  font-size: 143px;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container .countdown b {
    font-size: 94px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container .countdown b {
    font-size: 45px;
  }
}
.festival-container .btn-tagme {
  position: relative;
  z-index: 1;
  margin-top: 133px;
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container .btn-tagme {
    margin-top: 40px;
    display: flex;
    justify-content: center;
  }
}
.festival-container .btn-tagme .btn {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 156px;
  height: 58px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-left: 0;
}
.festival-container .btn-tagme .btn:hover {
  color: #fff;
}
.festival-container .btn-tagme .btn:hover:after {
  background-position-x: 0%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.festival-container .btn-tagme .btn:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}
.festival-container .pic {
  position: relative;
  top: -78px;
  z-index: 9;
  opacity: 0;
  cursor: pointer;
}
@media print, screen and (max-width: 99.99875em) {
  .festival-container .pic {
    max-width: 44%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .festival-container .pic {
    display: none;
  }
}

#moon .deco-1 {
  position: absolute;
  top: 40.5%;
  left: 29%;
}
@media print, screen and (max-width: 99.99875em) {
  #moon .deco-1 {
    top: 34.7%;
    left: 21.1%;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #moon .deco-1 {
    top: 75px;
    left: 168px;
    transform: scale(0.7);
    transform-origin: left center;
  }
}
#moon .deco-1 .st0 {
  fill: #F7F7F1;
}
#moon .deco-1 .st1 {
  fill: #FDD94C;
}
#moon .deco-1 .st2 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}
#moon .deco-1 .st3 {
  fill: #EFEDE0;
}
#moon .deco-2 {
  position: absolute;
  top: 52.6%;
  right: -12%;
}
@media print, screen and (max-width: 99.99875em) {
  #moon .deco-2 {
    top: 58.8%;
    right: -18%;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #moon .deco-2 {
    top: 47.1%;
    right: -40px;
    transform: scale(0.5);
    transform-origin: right center;
  }
}
#moon .deco-2 .st0 {
  fill: #F7F7F1;
}
#moon .deco-2 .st1 {
  fill: #EFEDE0;
}
#moon .deco-2 .st2 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}
#moon .deco-3 {
  position: absolute;
  bottom: 19.4%;
  left: -13%;
}
@media print, screen and (max-width: 99.99875em) {
  #moon .deco-3 {
    bottom: 20.4%;
    left: -32.1%;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #moon .deco-3 {
    bottom: 71px;
    left: -144px;
    transform: scale(0.4);
    transform-origin: left center;
  }
}
#moon .deco-3 .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
}
#moon .deco-3 .st1 {
  fill: #F7F7F1;
}
#moon .deco-3 .st2 {
  fill: #EFEDE0;
}

#xmas {
  background-color: #275E42;
}
#xmas .btn-tagme .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #B63830 50%, #B63830 100%) 0 0/200% 100%;
}
#xmas .btn-tagme .btn:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #B63830 50%, #B63830 100%) 100% 0/200% 100%;
}
#xmas .deco-1 {
  position: absolute;
  top: 700px;
  left: 545px;
}
@media print, screen and (max-width: 99.99875em) {
  #xmas .deco-1 {
    top: 508px;
    left: 256px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #xmas .deco-1 {
    top: 110px;
    left: 150px;
  }
}
#xmas .deco-2 {
  position: absolute;
  left: -20px;
  bottom: 40px;
}
@media print, screen and (max-width: 99.99875em) {
  #xmas .deco-2 {
    left: -40px;
    bottom: 20px;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #xmas .deco-2 {
    left: 57%;
    bottom: -20px;
    transform: scale(0.6);
  }
}
#xmas .deco-3 {
  position: absolute;
  right: -20px;
  bottom: 30px;
}
@media print, screen and (max-width: 99.99875em) {
  #xmas .deco-3 {
    right: -60px;
    bottom: 10px;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #xmas .deco-3 {
    display: none;
  }
}
#xmas .snow-container {
  z-index: 1;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}
#xmas .snow-container .top {
  position: absolute;
  left: 0;
  bottom: calc(100% - 1px);
}
@media print, screen and (max-width: 64.06125em) {
  #xmas .snow-container .top {
    width: calc(100% + 40px);
    left: -20px;
  }
}
#xmas #snow {
  position: absolute;
  width: 100%;
  height: 1000px;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

#newyear {
  background-color: #B63830;
}
#newyear .btn-tagme .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #C1996B 50%, #C1996B 100%) 0 0/200% 100%;
}
#newyear .btn-tagme .btn:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #C1996B 50%, #C1996B 100%) 100% 0/200% 100%;
}
#newyear .deco-1 {
  position: absolute;
  top: 648px;
  left: 465px;
}
@media print, screen and (max-width: 99.99875em) {
  #newyear .deco-1 {
    top: 469px;
    left: 202px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #newyear .deco-1 {
    top: 85px;
    left: 90px;
    transform: scale(0.6);
  }
}
#newyear .deco-2 {
  position: absolute;
  left: -167px;
  bottom: 40px;
}
@media print, screen and (max-width: 99.99875em) {
  #newyear .deco-2 {
    left: -19%;
    bottom: 90px;
    transform: scale(0.7);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #newyear .deco-2 {
    display: none;
  }
}
#newyear .deco-3 {
  position: absolute;
  right: 0px;
  bottom: 340px;
}
@media print, screen and (max-width: 99.99875em) {
  #newyear .deco-3 {
    right: -130px;
    bottom: 150px;
    transform: scale(0.7);
    transform-origin: right center;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #newyear .deco-3 {
    right: 0px;
    bottom: 180px;
    transform: scale(0.3);
    transform-origin: right center;
  }
}
#newyear #firework {
  position: absolute;
  width: 100%;
  height: 600px;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

#valentine {
  background-color: #F4B3C2;
}
#valentine .btn-tagme .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #CBDFE1 50%, #CBDFE1 100%) 0 0/200% 100%;
}
#valentine .btn-tagme .btn:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #CBDFE1 50%, #CBDFE1 100%) 100% 0/200% 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #valentine article .mobile-pic {
    margin: 0 auto 95px;
  }
}
#valentine .deco-1 {
  position: absolute;
  top: 648px;
  left: 545px;
}
@media print, screen and (max-width: 99.99875em) {
  #valentine .deco-1 {
    top: 480px;
    left: 249px;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #valentine .deco-1 {
    top: 91px;
    left: 114px;
    transform: scale(0.5);
  }
}
#valentine .deco-2 {
  position: absolute;
  left: 40px;
  bottom: 360px;
}
@media print, screen and (max-width: 99.99875em) {
  #valentine .deco-2 {
    display: none;
  }
}
#valentine .deco-3 {
  position: absolute;
  right: 10px;
  bottom: 370px;
}
@media print, screen and (max-width: 99.99875em) {
  #valentine .deco-3 {
    right: -4%;
    bottom: 334px;
    transform: scale(0.7);
    transform-origin: right bottom;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #valentine .deco-3 {
    right: auto;
    bottom: 301px;
    left: 20px;
    transform: scale(0.5);
    transform-origin: left center;
  }
}
#valentine #bubble {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

#chinesevalentine {
  background-color: #17489C;
}
#chinesevalentine .btn-tagme .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #DB2672 50%, #DB2672 100%) 0 0/200% 100%;
}
#chinesevalentine .btn-tagme .btn:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #DB2672 50%, #DB2672 100%) 100% 0/200% 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine {
    padding-bottom: 92px;
  }
  #chinesevalentine article .mobile-pic {
    margin: 0 auto 148px;
  }
}
#chinesevalentine .deco-1 {
  position: absolute;
  top: 558px;
  left: 657px;
}
@media print, screen and (max-width: 99.99875em) {
  #chinesevalentine .deco-1 {
    top: 397px;
    left: 292px;
    transform: scale(0.8);
  }
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .deco-1 {
    top: 516px;
    left: 3px;
    transform: scale(0.5);
    transform-origin: left center;
  }
}
#chinesevalentine .deco-1 .condom {
  position: absolute;
  top: 74px;
  left: 0;
  z-index: 4;
}
#chinesevalentine .deco-1 .befucked {
  position: absolute;
  top: 1px;
  left: 113px;
  z-index: 4;
  transform: translate(-130px, 50px);
  opacity: 0;
}
#chinesevalentine .deco-1 .befucked .heart {
  opacity: 0;
}
#chinesevalentine .deco-1 .fuck {
  position: absolute;
  top: 14px;
  left: 293px;
  z-index: 4;
  transform: translate(150px, 60px);
  opacity: 0;
}
#chinesevalentine .deco-1 .fuck .heart {
  opacity: 0;
}
#chinesevalentine .deco-1 .creampie {
  position: absolute;
  top: 35px;
  left: 371px;
  transform: translate(-15px, 5px);
  opacity: 0;
}
#chinesevalentine .deco-2 {
  width: 284px;
  height: 15px;
  position: absolute;
  left: 25px;
  bottom: 540px;
  background: url(../images/chinesevalentine-deco-1.svg) 0 0 repeat-x;
  animation: wavemove 30s infinite linear;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .deco-2 {
    left: 20px;
    bottom: auto;
    top: 27%;
    transform: scale(0.6);
    transform-origin: left center;
  }
}
#chinesevalentine .deco-3 {
  width: 284px;
  height: 15px;
  position: absolute;
  left: -195px;
  bottom: 492px;
  background: url(../images/chinesevalentine-deco-2.svg) 0 0 repeat-x;
  animation: wavemove 30s infinite linear reverse;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .deco-3 {
    left: -71px;
    bottom: auto;
    top: 29%;
    transform: scale(0.6);
    transform-origin: left center;
  }
}
#chinesevalentine .deco-4 {
  width: 284px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: 716px;
  background: url(../images/chinesevalentine-deco-3.svg) 0 0 repeat-x;
  animation: wavemove 30s infinite linear reverse;
}
@media print, screen and (max-width: 99.99875em) {
  #chinesevalentine .deco-4 {
    bottom: 666px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .deco-4 {
    right: 0;
    bottom: auto;
    top: 37.5%;
    transform: scale(0.6);
    transform-origin: right center;
  }
}
#chinesevalentine .deco-5 {
  width: 104px;
  height: 11px;
  position: absolute;
  right: 241px;
  bottom: 664px;
  background: url(../images/chinesevalentine-deco-4.svg) 0 0 repeat-x;
  animation: wavemove 30s infinite linear;
}
@media print, screen and (max-width: 99.99875em) {
  #chinesevalentine .deco-5 {
    right: 29px;
    bottom: 625px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .deco-5 {
    right: 17px;
    bottom: auto;
    top: 39.6%;
    transform: scale(0.6);
    transform-origin: right center;
  }
}
#chinesevalentine .wave-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .wave-container {
    bottom: -24px;
  }
}
#chinesevalentine .wave-container .wave {
  width: 100%;
  height: 20px;
  margin-bottom: 15px;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .wave-container .wave {
    height: 9px;
    margin-bottom: 10px;
  }
}
#chinesevalentine .wave-container .wave:nth-child(odd) {
  background: url(../images/white-wave.svg) 0 0 repeat-x;
  animation: wavemove 20s infinite linear;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .wave-container .wave:nth-child(odd) {
    background: url(../images/white-wave.svg) 0 0/auto 100% repeat-x;
  }
}
#chinesevalentine .wave-container .wave:nth-child(even) {
  background: url(../images/red-wave.svg) 0 0 repeat-x;
  animation: wavemove 18s infinite linear reverse;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .wave-container .wave:nth-child(even) {
    background: url(../images/red-wave.svg) 0 0/auto 100% repeat-x;
  }
}
#chinesevalentine .ghost-area {
  position: absolute;
  left: 30px;
  bottom: 170px;
}
@media print, screen and (max-width: 99.99875em) {
  #chinesevalentine .ghost-area {
    left: 330px;
    bottom: 194px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine .ghost-area {
    transform: scale(0.6);
    left: auto;
    right: 8%;
    bottom: 82px;
    transform-origin: right bottom;
  }
}
#chinesevalentine .ghost-area .door-bg {
  position: absolute;
  top: 6px;
  left: 2px;
}
#chinesevalentine .ghost-area .doorhasghost {
  position: absolute;
  top: 5px;
  left: 45px;
}
#chinesevalentine .ghost-area .door-open {
  position: absolute;
  top: 6px;
  left: 1px;
  opacity: 0;
}
#chinesevalentine .ghost-area .door-close {
  position: absolute;
  top: 5px;
  left: 2px;
}
#chinesevalentine .ghost-area #ghost-svg {
  position: absolute;
  top: 0;
  right: 0;
  overflow: visible;
}
#chinesevalentine .ghost-area #ghost-svg .ghost {
  transform: translate(-60px, 32px);
  opacity: 0;
}

@keyframes wavemove {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 1420px;
  }
}
#rolling {
  position: absolute;
  top: 0;
  right: -470px;
  width: 591px;
  height: 256px;
}
@media print, screen and (max-width: 99.99875em) {
  #rolling {
    right: -110px;
    width: 256px;
  }
}
#rolling li {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#rolling li:first-child {
  display: block;
}
#rolling .rolling-line {
  width: 165px;
  height: 2px;
  background-color: #fff;
}
#rolling .rolling-title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.3;
  color: #fff;
  width: 144px;
  margin: 0 13px;
}
@media print, screen and (max-width: 99.99875em) {
  #rolling .rolling-title {
    text-align: center;
    margin: 15px auto;
  }
}
.whereisgift {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
  z-index: 39;
}
.whereisgift a {
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  margin: 0 auto 18px;
  transition: all 0.5s;
  position: relative;
}
.whereisgift a:hover {
  background-color: #fff;
}
.whereisgift a:hover:after {
  opacity: 1;
}
.whereisgift a:after {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 13px;
  color: #fff;
  content: attr(data-text);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 12px);
  white-space: nowrap;
  opacity: 0;
  transition: all 0.5s;
}
.whereisgift .current {
  width: 17px;
  height: 17px;
  background-color: #fff;
}

.goodideaWrap {
  background: url(../images/weddinggift-wave-bg-pink.svg) 0 0/auto 100% repeat-x;
  padding: 90px 0;
  margin-bottom: 150px;
}
@media print, screen and (max-width: 64.06125em) {
  .goodideaWrap {
    background: url(../images/weddinggift-wave-bg-pink-mobile.svg) 0 0/auto 100% repeat-x;
    padding: 50px var(--indexSpace) 70px;
    margin-bottom: 110px;
  }
}

.goodidea-container .head {
  text-align: center;
  margin-bottom: 40px;
}
.goodidea-container .slogan {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 3px;
  line-height: 1.8;
  color: #003e52;
  text-align: center;
  margin-bottom: 80px;
}
@media print, screen and (max-width: 64.06125em) {
  .goodidea-container .slogan {
    font-size: 14px;
    margin-bottom: 40px;
  }
}

.goodideaForm {
  max-width: 302px;
}
@media print, screen and (max-width: 64.06125em) {
  .goodideaForm {
    margin-top: 50px;
    max-width: 100%;
  }
}
.goodideaForm .contact-form-error {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 1px;
  color: #f00;
  position: absolute;
  pointer-events: none;
}
.goodideaForm .row-name {
  margin-bottom: 20px;
  position: relative;
}
.goodideaForm .row-name .contact-form-error {
  bottom: 22px;
  right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .goodideaForm .row-name {
    margin-bottom: 15px;
  }
}
.goodideaForm .row-phone {
  margin-bottom: 35px;
  position: relative;
}
.goodideaForm .row-phone .contact-form-error {
  bottom: 22px;
  right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .goodideaForm .row-phone {
    margin-bottom: 20px;
  }
}
.goodideaForm .row-question {
  margin-bottom: 75px;
  position: relative;
}
.goodideaForm .row-question .contact-form-error {
  bottom: 24px;
  right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .goodideaForm .row-question {
    margin-bottom: 20px;
  }
}
.goodideaForm .title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 2px;
  color: #fff;
  width: 102px;
}
@media print, screen and (max-width: 64.06125em) {
  .goodideaForm .title {
    font-size: 15px;
    width: 73px;
  }
}
.goodideaForm .title.full {
  width: 100%;
}
.goodideaForm input[type=text], .goodideaForm textarea {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 21px;
  letter-spacing: 2px;
  color: #fff;
  background: transparent;
  border: none;
  border-bottom: 2px solid #fff;
  position: relative;
  top: -10px;
  width: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  .goodideaForm input[type=text], .goodideaForm textarea {
    font-size: 15px;
    top: -5px;
  }
}
.goodideaForm textarea {
  resize: none;
  height: 112px;
  margin-top: 20px;
}
.goodideaForm .submit {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffb416;
  width: 191px;
  height: 58px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
  margin-left: 0;
}
.goodideaForm .submit:hover {
  color: #fff;
}
.goodideaForm .submit:hover:after {
  background-position-x: 0%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.goodideaForm .submit:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}
@media print, screen and (max-width: 64.06125em) {
  .goodideaForm .submit {
    margin-left: auto;
  }
}

.goodidea-note-area .note-name {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 4px;
  color: #003e52;
  margin-bottom: 36px;
}
@media print, screen and (max-width: 64.06125em) {
  .goodidea-note-area .note-name {
    font-size: 20px;
    text-align: center;
  }
}
.goodidea-note-area .note-group {
  margin-bottom: 85px;
}
@media print, screen and (max-width: 64.06125em) {
  .goodidea-note-area .note-group {
    margin-bottom: 30px;
  }
}
.goodidea-note-area .note-group li {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003e52;
  border: 1px solid #003e52;
  border-radius: 200px;
  padding: 12px 15px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.3s;
  margin-right: 15px;
}
.goodidea-note-area .note-group li:last-child {
  margin-right: 0;
}
@media print, screen and (max-width: 64.06125em) {
  .goodidea-note-area .note-group li {
    display: block;
    margin-right: 0;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 15px;
  }
  .goodidea-note-area .note-group li:last-child {
    margin-bottom: 0;
    margin-right: auto;
  }
}
.goodidea-note-area .note-group li.active {
  background-color: #003e52;
  color: #FFB416;
}
.goodidea-note-area .note-question {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #003e52;
  margin-bottom: 90px;
}
@media print, screen and (max-width: 64.06125em) {
  .goodidea-note-area .note-question {
    text-align: center;
    margin-bottom: 30px;
  }
}
.goodidea-note-area .note-contact {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 1.6;
  color: #003e52;
}
@media print, screen and (max-width: 64.06125em) {
  .goodidea-note-area .note-contact {
    text-align: center;
  }
}

.goodidea-form-outWrap {
  max-width: 700px;
  margin: 0 auto;
}

#pd-camera {
  position: absolute;
  width: 1382px;
  height: 922px;
  top: -50px;
  left: -238px;
  background: url(../images/about/camera_sprites.png) 0 0 no-repeat;
  pointer-events: none;
}
@media print, screen and (max-width: 99.99875em) {
  #pd-camera {
    top: -2.6%;
    left: -170px;
    transform: scale(0.8);
    transform-origin: left top;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #pd-camera {
    top: -2%;
    left: -110px;
    transform: scale(0.4);
    transform-origin: left top;
  }
}
#pd-camera.is-show {
  animation: camera 1s steps(2) both infinite alternate;
}

.mini-chooseprice-area {
  margin-bottom: 70px;
}
.mini-chooseprice-area li {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003e52;
  background-color: #FFD02E;
  border: 1px solid #003E52;
  border-radius: 200px;
  margin: 0 37px;
  position: relative;
  transition: all 0.3s;
  cursor: pointer;
}
@media print, screen and (max-width: 64.06125em) {
  .mini-chooseprice-area li {
    margin: 0 16px;
  }
}
.mini-chooseprice-area li.cell {
  width: 79px;
  height: 36px;
}
.mini-chooseprice-area li.active {
  color: #ffad16;
  background-color: #003E52;
}
.mini-chooseprice-area li:before {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -13px;
  background-color: var(--decocolor);
  border-radius: 200px;
}

.giftbox-area {
  position: relative;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area {
    margin-bottom: 40px;
  }
}
.giftbox-area .fuck-giftbox {
  margin-bottom: 40px;
}
.giftbox-area .fuck-giftbox .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 2px;
  color: #003e52;
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area .fuck-giftbox .content {
    text-align: center;
  }
}
.giftbox-area .taste .content {
  position: relative;
  top: -2px;
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area .taste .content {
    top: 0;
  }
  .giftbox-area .taste .tasteList {
    flex-direction: column;
  }
}
.giftbox-area .taste .tasteList .taste-item {
  position: relative;
  width: 130px;
  background: url(../images/giftboxarea-deco-cross.svg) right center no-repeat;
  margin-right: 20px;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area .taste .tasteList .taste-item {
    margin: 0 auto 20px;
    background: none;
  }
}
.giftbox-area .taste .tasteList .taste-item.no-bg {
  background: none;
}
.giftbox-area .taste .tasteList .taste-item .circle {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin-right: 12px;
}
.giftbox-area .taste .tasteList .taste-item .name-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003e52;
  margin-bottom: 4px;
}
.giftbox-area .taste .tasteList .taste-item .name-area .en {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #003e52;
}
.giftbox-area .taste .giftbox-choosehoney {
  border: 1px solid #003e52;
  padding: 12px 20px;
  border-radius: 200px;
  display: inline-flex;
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area .taste .giftbox-choosehoney {
    display: block;
    width: 150px;
    border-radius: 40px;
    margin: 0 auto;
    padding: 25px 20px;
  }
}
.giftbox-area .taste .giftbox-choosehoney .taste-item {
  position: relative;
  width: 130px;
  margin-right: 22px;
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area .taste .giftbox-choosehoney .taste-item {
    margin: 0 auto 20px;
  }
}
.giftbox-area .taste .giftbox-choosehoney .taste-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #003E52;
  transform: rotate(16deg);
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area .taste .giftbox-choosehoney .taste-item:after {
    display: none;
  }
}
@media print, screen and (min-width: 64.0625em) {
  .giftbox-area .taste .giftbox-choosehoney .taste-item.no-deco {
    margin-right: 0;
  }
  .giftbox-area .taste .giftbox-choosehoney .taste-item.no-deco:after {
    display: none;
  }
}
.giftbox-area .taste .giftbox-choosehoney .taste-item .circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 12px;
}
.giftbox-area .taste .giftbox-choosehoney .taste-item .name-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 2px;
  color: #003e52;
  margin-bottom: 4px;
}
.giftbox-area .taste .giftbox-choosehoney .taste-item .name-area .en {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #003e52;
}
.giftbox-area .taste .giftbox-choosehoney .spacialhoney {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  color: #cc5318;
}
@media print, screen and (max-width: 64.06125em) {
  .giftbox-area .taste .giftbox-choosehoney .spacialhoney {
    text-align: center;
  }
}

.productsGiftbox-slogan-area {
  text-align: center;
  padding-top: 100px;
}
.productsGiftbox-slogan-area .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 9px;
  line-height: 1.2;
  color: #003e52;
  margin-bottom: 46px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftbox-slogan-area .title {
    font-size: 50px;
    letter-spacing: 6px;
    margin-bottom: 35px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftbox-slogan-area .title {
    font-size: 26px;
    letter-spacing: 4px;
    margin-bottom: 30px;
  }
}
.productsGiftbox-slogan-area .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  line-height: 1.5;
  color: #ff9e18;
}
@media print, screen and (max-width: 99.99875em) {
  .productsGiftbox-slogan-area .content {
    font-size: 23px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsGiftbox-slogan-area .content {
    font-size: 18px;
  }
}

.backtotopWrap {
  display: none;
  z-index: 39;
  position: fixed;
  top: 60%;
  right: 50px;
  cursor: pointer;
  mix-blend-mode: multiply;
}
@media print, screen and (max-width: 64.06125em) {
  .backtotopWrap {
    display: none !important;
  }
}
.backtotopWrap .backtotop-container {
  width: 54px;
  height: 109px;
  overflow: hidden;
  position: relative;
}
.backtotopWrap .backtotop, .backtotopWrap .backtoprev {
  width: 54px;
  height: 109px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.backtotopWrap .backtotop.is-show, .backtotopWrap .backtoprev.is-show {
  opacity: 1;
  pointer-events: all;
}

#together-mirror {
  width: 700px;
  height: 466px;
}
@media print, screen and (max-width: 64.06125em) {
  #together-mirror {
    width: 100%;
    height: 247px;
  }
}

#mini-mirror {
  width: 700px;
  height: 393px;
}
@media print, screen and (max-width: 64.06125em) {
  #mini-mirror {
    width: 100%;
    height: 210px;
  }
}

.mobile-products-banner {
  height: 100vh;
  text-align: center;
  padding: 60px 0;
}
.mobile-products-banner .logo {
  margin-bottom: 40px;
}
.mobile-products-banner .slogan {
  margin-bottom: 50px;
}
.mobile-rolling {
  text-align: center;
  margin-bottom: 50px;
}
.mobile-rolling .pic-container {
  position: relative;
  margin-bottom: 40px;
}
.mobile-rolling .pic-container .drag-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 336px;
  height: 256px;
}
.mobile-rolling .pic-container .drag-container img {
  opacity: 0;
  transition: all 0.5s;
}
.mobile-rolling .pic-container .drag-container.is-show img {
  opacity: 1;
}
.mobile-rolling .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #003e52;
}

#mobile-rolling-hand {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  z-index: 9;
  padding: 20px;
  margin-left: -20px;
}
#mobile-rolling-hand .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2.2005;
  stroke-miterlimit: 10;
}
#mobile-rolling-hand .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 1.8548;
  stroke-miterlimit: 10;
}

#mobile-rolling-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mobile-rolling-line .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-miterlimit: 10;
}
#mobile-rolling-line .st1 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-dasharray: 2.0139, 2.0139;
}
#mobile-rolling-line .st2 {
  fill: #FFFFFF;
}

@media print, screen and (max-width: 99.99875em) {
  #drop-circle-fancy {
    width: 267px;
    height: auto;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #drop-circle-fancy {
    width: 140px;
    position: absolute;
    top: 15%;
    left: 10%;
  }
}

@media print, screen and (max-width: 99.99875em) {
  #action-circle-fancy {
    width: 220px;
    height: auto;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #action-circle-fancy {
    width: 140px;
    position: absolute;
    bottom: 17%;
    left: 10%;
  }
}

@media print, screen and (max-width: 99.99875em) {
  #yesido-circle-fancy {
    width: 166px;
    height: auto;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #yesido-circle-fancy {
    width: 140px;
    position: absolute;
    top: 17%;
    left: 10%;
  }
}

@media print, screen and (max-width: 99.99875em) {
  #mini66-circle-fancy {
    width: 230px;
    height: auto;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #mini66-circle-fancy {
    width: 90px;
    position: absolute;
    top: 19%;
    left: 10%;
  }
}

.mobile-about-world-mousemove {
  margin: 50px calc(var(--indexSpace) * -1) 0;
  position: relative;
}

.mobile-dialog {
  display: none;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  text-align: center;
  padding: 20px;
}
.mobile-dialog .deco {
  margin-bottom: 4px;
}
.mobile-dialog .title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  color: #ffb416;
  border-bottom: 1px solid #003D50;
  padding-bottom: 4px;
  margin-bottom: 13px;
  display: inline-block;
}
.mobile-dialog .content {
  font-family: Arial, Helvetica, "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #ffb416;
  margin: 0 auto 14px;
  min-height: 96px;
}
.mobile-dialog .close {
  cursor: pointer;
}

.mobile-something {
  position: absolute;
  width: 40px;
  height: 50px;
  cursor: pointer;
}
.mobile-something svg {
  position: absolute;
  top: 0;
  right: 0;
}
.mobile-something .st0 {
  fill: transparent;
  transition: all 0.5s;
}
.mobile-something .st1 {
  fill: #FFB416;
  transition: all 0.5s;
}

.contactFinish {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}

.goodideaFormFinish {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 2px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}

.giftday-small-wrap {
  padding: 78px 0 70px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media print, screen and (max-width: 64.06125em) {
  .giftday-small-wrap {
    padding: 50px var(--indexSpace);
  }
}
.giftday-small-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--ryderbg);
  z-index: -5;
}
.giftday-small-wrap .slogan {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 5px;
  line-height: 1.3;
  color: #f7f7f1;
  margin-bottom: 30px;
}
.giftday-small-wrap .btn {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 5px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  padding-left: 5px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.giftday-small-wrap .btn:hover {
  color: #fff;
}
.giftday-small-wrap .btn:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, var(--ryderbtnbg) 50%, var(--ryderbtnbg) 100%) 0% 0/200% 100%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.giftday-small-wrap .btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, var(--ryderbtnbg) 50%, var(--ryderbtnbg) 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}
.giftday-small-wrap .p5here {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -3;
}

#newyear-small .deco-1 {
  position: absolute;
  bottom: -24px;
  right: -40px;
  z-index: 9;
}
@media print, screen and (max-width: 64.06125em) {
  #newyear-small .deco-1 {
    display: none;
  }
}

#valentine-small .deco-1 {
  width: 96px;
  margin: 0 auto 22px;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
@media print, screen and (max-width: 64.06125em) {
  #valentine-small .deco-1 {
    display: none;
  }
}
#valentine-small .deco-2 {
  position: absolute;
  bottom: 0;
  left: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  #valentine-small .deco-2 {
    display: none;
  }
}
#valentine-small .deco-3 {
  position: absolute;
  bottom: 0;
  right: 60px;
}
@media print, screen and (max-width: 64.06125em) {
  #valentine-small .deco-3 {
    display: none;
  }
}

#chinesevalentine-small .deco-1 {
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%) scale(0.9);
  margin-left: 430px;
}
@media print, screen and (max-width: 99.99875em) {
  #chinesevalentine-small .deco-1 {
    transform: translateX(0) scale(0.7);
    margin-left: 0;
    left: auto;
    right: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine-small .deco-1 {
    display: none;
  }
}
#chinesevalentine-small .deco-1 .condom {
  position: absolute;
  top: 74px;
  left: 0;
  z-index: 4;
}
#chinesevalentine-small .deco-1 .befucked {
  position: absolute;
  top: 1px;
  left: 113px;
  z-index: 4;
  transform: translate(-130px, 50px);
  opacity: 0;
}
#chinesevalentine-small .deco-1 .befucked .heart {
  opacity: 0;
}
#chinesevalentine-small .deco-1 .fuck {
  position: absolute;
  top: 14px;
  left: 293px;
  z-index: 4;
  transform: translate(150px, 60px);
  opacity: 0;
}
#chinesevalentine-small .deco-1 .fuck .heart {
  opacity: 0;
}
#chinesevalentine-small .deco-1 .creampie {
  position: absolute;
  top: 35px;
  left: 371px;
  transform: translate(-15px, 5px);
  opacity: 0;
}
#chinesevalentine-small .wave-container {
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine-small .wave-container {
    bottom: -8px;
  }
}
#chinesevalentine-small .wave-container .wave {
  width: 100%;
  height: 20px;
  margin-bottom: 12px;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine-small .wave-container .wave {
    height: 9px;
    margin-bottom: 10px;
  }
}
#chinesevalentine-small .wave-container .wave:nth-child(odd) {
  background: url(../images/white-wave.svg) 0 0 repeat-x;
  animation: wavemove 20s infinite linear;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine-small .wave-container .wave:nth-child(odd) {
    background: url(../images/white-wave.svg) 0 0/auto 100% repeat-x;
  }
}
#chinesevalentine-small .wave-container .wave:nth-child(even) {
  background: url(../images/red-wave.svg) 0 0 repeat-x;
  animation: wavemove 18s infinite linear reverse;
}
@media print, screen and (max-width: 64.06125em) {
  #chinesevalentine-small .wave-container .wave:nth-child(even) {
    background: url(../images/red-wave.svg) 0 0/auto 100% repeat-x;
  }
}

#moon-small .deco-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  margin-top: -67px;
  margin-left: 312px;
}
@media print, screen and (max-width: 64.06125em) {
  #moon-small .deco-1 {
    top: 60px;
    left: auto;
    right: -120px;
    margin-top: 0;
    margin-left: 0;
    transform: translate(0, 0) scale(0.5);
  }
}
#moon-small .deco-2 {
  position: absolute;
  bottom: -22px;
  right: -130px;
  transform: scale(0.8);
}
@media print, screen and (max-width: 64.06125em) {
  #moon-small .deco-2 {
    display: none;
  }
}
#moon-small .deco-3 {
  position: absolute;
  top: -20px;
  left: -330px;
  transform: scale(0.8);
}
@media print, screen and (max-width: 64.06125em) {
  #moon-small .deco-3 {
    top: auto;
    left: -140px;
    bottom: 0;
  }
}

.products-head {
  text-align: center;
  margin-bottom: 70px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-head {
    margin: 70px 0;
  }
}
.products-head .en {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 3px;
  color: #fff;
  margin-bottom: 6px;
}
@media print, screen and (max-width: 64.06125em) {
  .products-head .en {
    font-size: 30px;
    letter-spacing: 2px;
  }
}
.products-head .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 6px;
  color: #fff;
}
@media print, screen and (max-width: 64.06125em) {
  .products-head .ch {
    font-size: 22px;
    letter-spacing: 4px;
  }
}

#randomtitle {
  min-height: 32px;
}

.storeWrap {
  position: relative;
  padding: 50px 0 40px;
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap {
    overflow: hidden;
  }
}
.storeWrap .slogan-area {
  text-align: center;
  margin-bottom: 145px;
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .slogan-area {
    padding: 0 var(--indexSpace);
  }
}
.storeWrap .slogan-area .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 60px;
  letter-spacing: 9px;
  line-height: 1.2;
  color: #003e52;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .slogan-area .title {
    font-size: 50px;
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .slogan-area .title {
    font-size: 30px;
    letter-spacing: 4px;
    margin-bottom: 22px;
  }
}
.storeWrap .slogan-area .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 3px;
  line-height: 1.6;
  color: #003e52;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .slogan-area .content {
    font-size: 23px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .slogan-area .content {
    font-size: 18px;
  }
}
.storeWrap .deco-1 {
  position: absolute;
  top: 130px;
  right: -150px;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .deco-1 {
    width: 360px;
    top: 60px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .deco-1 {
    width: 180px;
    top: 270px;
    right: -40px;
    z-index: -1;
  }
}
.storeWrap .deco-2 {
  position: absolute;
  top: 440px;
  right: -90px;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .deco-2 {
    top: 320px;
    right: -50px;
    width: 120px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .deco-2 {
    top: 380px;
    right: -20px;
    width: 70px;
  }
}
.storeWrap .deco-3 {
  position: absolute;
  top: 19%;
  left: 120px;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .deco-3 {
    top: 20%;
    left: 40px;
    width: 100px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .deco-3 {
    left: 0px;
    width: 60px;
  }
}
.storeWrap .deco-4 {
  position: absolute;
  top: 49%;
  right: 220px;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .deco-4 {
    top: 50%;
    right: 40px;
    width: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .deco-4 {
    right: -10px;
    width: 60px;
  }
}
.storeWrap .deco-5 {
  position: absolute;
  top: 56%;
  left: -110px;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .deco-5 {
    top: 55%;
    left: -50px;
    width: 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .deco-5 {
    width: 150px;
  }
}
.storeWrap .deco-6 {
  position: absolute;
  top: 78%;
  left: 180px;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .deco-6 {
    top: 75.5%;
    left: 31px;
    width: 77px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .deco-6 {
    left: -15px;
    width: 67px;
  }
}
.storeWrap .deco-7 {
  position: absolute;
  top: 78%;
  left: 160px;
}
@media print, screen and (max-width: 99.99875em) {
  .storeWrap .deco-7 {
    top: 76%;
    left: 30px;
    width: 40px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .storeWrap .deco-7 {
    display: none;
  }
}

.store-container {
  max-width: 1332px;
  margin: 0 auto 76px;
}
@media print, screen and (max-width: 99.99875em) {
  .store-container {
    max-width: 1100px;
  }
}
.store-container .title-innerWrap .title-area {
  width: calc((100% - 92px) / 3);
  margin-right: 46px;
}
.store-container .title-innerWrap .title-area:nth-child(3n) {
  margin-right: 0;
}
.store-container .title-area {
  text-align: center;
  margin-bottom: 33px;
}
.store-container .title-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 57px;
  letter-spacing: 6px;
  color: #003e52;
  margin-bottom: 12px;
}
@media print, screen and (max-width: 99.99875em) {
  .store-container .title-area .ch {
    font-size: 48px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .store-container .title-area .ch {
    font-size: 30px;
  }
}
.store-container .title-area .en {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 3px;
  color: #ff9e18;
}
@media print, screen and (max-width: 99.99875em) {
  .store-container .title-area .en {
    font-size: 28px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .store-container .title-area .en {
    font-size: 22px;
  }
  .store-container .storeList {
    width: 280px;
    margin: 0 auto;
  }
}
.store-container .storeList li {
  position: relative;
  border: 1px solid #003e52;
  border-radius: 200px;
  padding: 13px 58px 8px 26px;
  margin-right: 46px;
  margin-bottom: 40px;
  width: calc((100% - 92px) / 3);
  height: 86px;
  cursor: pointer;
  transition: all 0.5s;
}
@media print, screen and (max-width: 99.99875em) {
  .store-container .storeList li {
    height: 76px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .store-container .storeList li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 22px;
    height: auto;
    padding: 11px 22px;
  }
}
.store-container .storeList li:hover {
  background-color: #003e52;
}
.store-container .storeList li:hover .title, .store-container .storeList li:hover .content {
  color: #fff;
}
.store-container .storeList li:hover .icon {
  opacity: 1;
}
@media print, screen and (min-width: 64.0625em) {
  .store-container .storeList li:nth-child(3n) {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .store-container .storeList li:nth-child(2n) {
    margin-right: 0;
  }
}
.store-container .storeList .title {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: 4px;
  line-height: 1.1;
  color: #003e52;
  margin-bottom: 4px;
  transition: all 0.5s;
}
@media print, screen and (max-width: 99.99875em) {
  .store-container .storeList .title {
    font-size: 18px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .store-container .storeList .title {
    font-size: 15px;
  }
}
.store-container .storeList .content {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.3;
  color: #003e52;
  transition: all 0.5s;
}
@media print, screen and (max-width: 99.99875em) {
  .store-container .storeList .content {
    font-size: 13px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .store-container .storeList .content {
    font-size: 12px;
  }
}
.store-container .storeList .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  opacity: 0;
  transition: all 0.5s;
}
@media print, screen and (max-width: 64.06125em) {
  .store-container .storeList .icon {
    display: none;
  }
}

.productsBackupmeWrap {
  position: relative;
  padding: 184px 0 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsBackupmeWrap {
    overflow: hidden;
    padding: 100px var(--indexSpace) 110px;
  }
}
.productsBackupmeWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsBackupmeWrap .deco-1 {
  top: 6%;
  left: 5%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsBackupmeWrap .deco-1 {
    top: 6%;
    left: 6%;
    width: 100px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsBackupmeWrap .deco-1 {
    top: 6%;
    left: -4%;
    width: 70px;
  }
}
.productsBackupmeWrap .deco-2 {
  top: 20%;
  right: 12%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsBackupmeWrap .deco-2 {
    top: 20%;
    right: 12%;
    width: 70px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsBackupmeWrap .deco-2 {
    top: 20%;
    right: 6%;
    width: 60px;
  }
}
.productsBackupmeWrap .deco-3 {
  top: 50%;
  left: 20%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsBackupmeWrap .deco-3 {
    top: 50%;
    left: 10%;
    width: 130px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsBackupmeWrap .deco-3 {
    top: 50%;
    left: -5%;
    width: 90px;
  }
}
.productsBackupmeWrap .deco-4 {
  top: 50%;
  right: 12%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsBackupmeWrap .deco-4 {
    top: 52%;
    right: 6%;
    width: 270px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsBackupmeWrap .deco-4 {
    top: 52%;
    right: -19%;
    width: 200px;
  }
}
.productsBackupmeWrap .deco-5 {
  right: 24%;
  top: 62%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsBackupmeWrap .deco-5 {
    right: 21%;
    top: 62%;
    width: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsBackupmeWrap .deco-5 {
    right: 19%;
    top: 63%;
    width: 56px;
  }
}

.productsBackupmeContainer {
  max-width: 708px;
  margin: 0 auto;
}
.productsBackupmeContainer .note-area .pic {
  margin-bottom: 40px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsBackupmeContainer .note-area .pic {
    width: 290px;
    margin: 0 auto 40px;
  }
}
.productsBackupmeContainer .note-area .picList-tagme li {
  padding: 0 40px 20px;
}
.productsBackupmeContainer .note-area .picList-tagme li img {
  max-width: initial;
}

.productsmini66boxWrap {
  position: relative;
  padding: 184px 0 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxWrap {
    overflow: hidden;
    padding: 100px var(--indexSpace) 110px;
  }
}
.productsmini66boxWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsmini66boxWrap .deco-1 {
  top: 16%;
  left: 38%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsmini66boxWrap .deco-1 {
    top: 16%;
    left: 33%;
    width: 30px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxWrap .deco-1 {
    top: 10%;
    left: 14%;
    width: 22px;
  }
}
.productsmini66boxWrap .deco-2 {
  top: 13%;
  right: -4%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsmini66boxWrap .deco-2 {
    top: 13%;
    right: -5%;
    width: 280px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxWrap .deco-2 {
    top: 12%;
    right: -20%;
    width: 170px;
  }
}
.productsmini66boxWrap .deco-3 {
  top: 24%;
  right: 8%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsmini66boxWrap .deco-3 {
    top: 21%;
    right: 11%;
    width: 80px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxWrap .deco-3 {
    top: 18%;
    right: 13%;
    width: 50px;
  }
}
.productsmini66boxWrap .deco-4 {
  top: 79%;
  right: 28%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsmini66boxWrap .deco-4 {
    top: 78%;
    right: 20%;
    width: 160px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxWrap .deco-4 {
    top: 84%;
    right: -6%;
    width: 110px;
  }
}

.productsmini66boxContainer {
  max-width: 708px;
  margin: 0 auto;
}
.productsmini66boxContainer .note-area .pic {
  margin-bottom: 60px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxContainer .note-area .pic {
    margin-bottom: 20px;
  }
}
.productsmini66boxContainer .note-area .picList {
  margin: 0 -140px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxContainer .note-area .picList {
    margin: 0;
  }
}
.productsmini66boxContainer .note-area .picList li {
  padding: 0 40px 60px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxContainer .note-area .picList li {
    padding: 0 17px 40px;
  }
}
.productsmini66boxContainer .note-area .picList .color-area {
  text-align: left;
}
@media print, screen and (max-width: 64.06125em) {
  .productsmini66boxContainer .note-area .picList .color-area {
    justify-content: center;
    align-items: center;
  }
}
.productsmini66boxContainer .note-area .picList .color-area .circle {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  margin-right: 12px;
}
.productsmini66boxContainer .note-area .picList .color-area .ch {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  color: #003e52;
  margin-bottom: 4px;
}

.productsSupplyWrap {
  position: relative;
  padding: 184px 0 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsSupplyWrap {
    overflow: hidden;
    padding: 100px var(--indexSpace) 110px;
  }
}
.productsSupplyWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsSupplyWrap .deco-1 {
  top: 49%;
  left: 5%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsSupplyWrap .deco-1 {
    top: 49%;
    left: -3%;
    width: 200px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsSupplyWrap .deco-1 {
    top: 33%;
    left: -19%;
    width: 140px;
  }
}
.productsSupplyWrap .deco-2 {
  top: 36%;
  right: 20%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsSupplyWrap .deco-2 {
    top: 30%;
    right: 18%;
    width: 100px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsSupplyWrap .deco-2 {
    top: 27%;
    right: 6%;
    width: 56px;
  }
}
.productsSupplyWrap .deco-3 {
  top: 46%;
  right: 30%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsSupplyWrap .deco-3 {
    top: 36%;
    right: 27%;
    width: 34px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsSupplyWrap .deco-3 {
    top: 33%;
    right: 21%;
    width: 24px;
  }
}
.productsSupplyWrap .deco-4 {
  top: 48%;
  right: 3%;
}
@media print, screen and (max-width: 99.99875em) {
  .productsSupplyWrap .deco-4 {
    top: 49%;
    right: -3%;
    width: 240px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsSupplyWrap .deco-4 {
    display: none;
  }
}

.productsSupplyContainer {
  max-width: 708px;
  margin: 0 auto;
}
.productsSupplyContainer .note-area .pic {
  margin-bottom: 40px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsSupplyContainer .note-area .pic {
    width: 90px;
    margin: 0 auto 40px;
  }
}
.productsSupplyContainer .note-area .picList-tagme li {
  padding: 0 40px 20px;
}
.productsSupplyContainer .note-area .picList-tagme li img {
  max-width: initial;
}

.supply-logo {
  z-index: 9;
  position: absolute;
  left: 70px;
  top: 44px;
  width: 160px;
}
@media print, screen and (max-width: 99.99875em) {
  .supply-logo {
    left: 50px;
    top: 34px;
    width: 140px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .supply-logo {
    width: 70px;
    left: 10px;
    top: 10px;
  }
}

#reddotWrap {
  display: none;
  width: 100%;
}
@media print, screen and (max-width: 64.06125em) {
  #reddotWrap {
    padding: 33px 24px;
  }
}
#reddotWrap .close {
  position: absolute;
  top: 0;
  right: 190px;
  cursor: pointer;
}
@media print, screen and (max-width: 99.99875em) {
  #reddotWrap .close {
    width: 64px;
    right: 55px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  #reddotWrap .close {
    width: 60px;
    top: 56px;
    right: 40px;
    pointer-events: none;
  }
}
#reddotWrap .pic {
  text-align: center;
  pointer-events: none;
}
@media print, screen and (max-width: 99.99875em) {
  #reddotWrap .pic {
    max-width: 890px;
    margin: 0 auto;
  }
}

.productsDroponceWrap {
  position: relative;
  padding: 304px 0 230px;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceWrap {
    overflow: hidden;
    padding: 444px var(--indexSpace) 110px;
  }
}
.productsDroponceWrap > div[class|=deco] {
  position: absolute;
  z-index: -1;
}
.productsDroponceWrap .deco-1 {
  top: 165px;
  right: 428px;
  z-index: 3 !important;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDroponceWrap .deco-1 {
    right: 318px;
    width: 68px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceWrap .deco-1 {
    display: none;
  }
}
.productsDroponceWrap .deco-2 {
  top: 565px;
  right: 348px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDroponceWrap .deco-2 {
    width: 162px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceWrap .deco-2 {
    top: 9%;
    right: 30%;
    width: 120px;
  }
}
.productsDroponceWrap .deco-3 {
  top: 1158px;
  left: 376px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDroponceWrap .deco-3 {
    left: 11%;
    width: 63px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceWrap .deco-3 {
    top: 23%;
    left: -4%;
    width: 50px;
  }
}
.productsDroponceWrap .deco-4 {
  top: 1093px;
  right: 621px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDroponceWrap .deco-4 {
    right: 28%;
    width: 180px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceWrap .deco-4 {
    top: 30%;
    right: -26%;
  }
}
.productsDroponceWrap .deco-5 {
  top: 1512px;
  left: 575px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDroponceWrap .deco-5 {
    left: 20%;
    width: 62px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceWrap .deco-5 {
    top: 46%;
    left: -9%;
  }
}
.productsDroponceWrap .deco-6 {
  top: 1657px;
  left: -165px;
}
@media print, screen and (max-width: 99.99875em) {
  .productsDroponceWrap .deco-6 {
    width: 280px;
  }
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceWrap .deco-6 {
    top: 80%;
    left: -48%;
    width: 270px;
  }
}

.productsDroponceContainer {
  max-width: 708px;
  margin: 0 auto;
}
.productsDroponceContainer .note-area .pic {
  margin-bottom: 40px;
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .productsDroponceContainer .note-area .pic {
    width: 240px;
    margin: 0 auto 40px;
  }
}

.ryder-lanWrap {
  position: relative;
  height: 100vh;
}
.ryder-lanWrap .deco-1 {
  position: absolute;
  top: 31%;
  right: 11%;
}
@media print, screen and (max-width: 99.99875em) {
  .ryder-lanWrap .deco-1 {
    transform: scale(0.7);
  }
}
.ryder-lanWrap .deco-2 {
  position: absolute;
  right: 3%;
  bottom: 22%;
}
@media print, screen and (max-width: 99.99875em) {
  .ryder-lanWrap .deco-2 {
    transform: scale(0.7);
  }
}
.ryder-lanWrap .deco-3 {
  position: absolute;
  top: 26%;
  left: 4%;
}
@media print, screen and (max-width: 99.99875em) {
  .ryder-lanWrap .deco-3 {
    transform: scale(0.7);
  }
}
.ryder-lanWrap .deco-4 {
  position: absolute;
  top: 18%;
  left: 16%;
}
@media print, screen and (max-width: 99.99875em) {
  .ryder-lanWrap .deco-4 {
    transform: scale(0.7);
  }
}
.ryder-lanWrap .deco-5 {
  position: absolute;
  top: 46%;
  left: 20%;
}
@media print, screen and (max-width: 99.99875em) {
  .ryder-lanWrap .deco-5 {
    transform: scale(0.7);
  }
}
.ryder-lanWrap .deco-6 {
  position: absolute;
  top: 69%;
  left: 10%;
}
@media print, screen and (max-width: 99.99875em) {
  .ryder-lanWrap .deco-6 {
    transform: scale(0.7);
  }
}

.ryder-lan-area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media print, screen and (max-width: 64.06125em) {
  .ryder-lan-area {
    width: 100%;
  }
}
.ryder-lan-area .logo {
  margin-bottom: 52px;
}
@media print, screen and (max-width: 64.06125em) {
  .ryder-lan-area .logo {
    margin-bottom: 40px;
  }
  .ryder-lan-area .logo img {
    width: 200px;
  }
}
.ryder-lan-area .lanList li {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  border-radius: 20px;
  padding: 6px 15px;
  margin: 0 24px;
  position: relative;
  cursor: pointer;
  transition: all 1s;
}
@media print, screen and (max-width: 64.06125em) {
  .ryder-lan-area .lanList li {
    font-size: 15px;
    margin: 0 15px;
  }
}
.ryder-lan-area .lanList li:hover:after {
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 0% 0/200% 100%;
  transform: scale(1.2);
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.3s;
}
.ryder-lan-area .lanList li:after {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #F29826 0%, #EEE93A 50%, #003E52 50%, #003E52 100%) 100% 0/200% 100%;
  border-radius: 200px;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), background 0.6s;
}
.ryder-lan-area .lanList li b {
  font-weight: 700;
}

#lan-area {
  font-family: "Poppins", "HEITI TC", "黑體-繁", "微軟正黑體", "黑體", sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 4px;
  color: #003d50;
  z-index: 10;
  position: absolute;
  top: 67px;
  right: 200px;
}
@media print, screen and (max-width: 64.06125em) {
  #lan-area {
    font-size: 20px;
    top: 134px;
    right: 24px;
  }
}
/*# sourceMappingURL=style.css.map */