@charset "UTF-8";
/* width: span(2); */
/* 2 of 4 */
/* @include container; */
/* 反選 */
/* Transform */
/* Rotate */
/* Scale */
/* Translate */
/* Skew */
/* Transform origin */
/* @import 'susy'; */
/* @include container; */
/* susy-use */
/* susy-at */
/* @include gallery(2 of 8); */
/* @include maintain-ratio(4 3); */
/* it is safe to add non-Susy data to Susy maps */
/* 選單滑出使用 */
/* Gallery */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
/* 反選 */
/* Links */
/* Style anchor elements. */
/* Font */
/* 字體 */
/* 標題字體 */
/* fontawesome */
/* line 48, ../sass/module/_variables.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-playicon:after, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania a:before {
  display: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/* line 54, ../sass/module/_variables.scss */
#h-rightside .r-facebook a:after, #h-rightside .r-messenger a:after, #h-rightside .r-whatsapp a:after, #h-rightside .r-instagram a:after, #h-rightside .r-twitter a:after, #h-rightside .r-youtuber a:after, #a-footer_icon .h-facebook a:after, #a-footer_icon .h-messenger a:after, #a-footer_icon .h-whatsapp a:after, #a-footer_icon .h-instagram a:after, #a-footer_icon .h-twitter a:after, #a-footer_icon .h-youtuber a:after {
  display: none;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/* line 60, ../sass/module/_variables.scss */
.more-button:after {
  display: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

/* line 66, ../sass/module/_variables.scss */
header #h-functionList #h-function .h-search button:after, .h-device .h-search button:after, #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li:after, #i-News .i-N_title a:after, .i-Affiliates_wrap .i-A_search .i-A_search_cnt button:after, #i-Discussion .i-N_title a:after, #i-Life .i-N_title a:after, #i-Discussion .swiper-navigation .gallery-swiper-button-next:after, #i-Life .swiper-navigation .gallery-swiper-button-next:after, #i-Discussion .swiper-navigation .gallery-swiper-button-prev:after, #i-Life .swiper-navigation .gallery-swiper-button-prev:after, #bell-page .bell-content h2:before {
  display: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

/* line 1, ../sass/module/_reboot.scss */
html {
  box-sizing: border-box;
  font-family: "Lora", "Noto Sans SC", "微軟正黑體", sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

/* line 11, ../sass/module/_reboot.scss */
body,
input,
textarea,
select,
button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  font-family: "Lora", "Noto Sans SC", "微軟正黑體", sans-serif;
}

/* line 23, ../sass/module/_reboot.scss */
*,
*::before,
*::after {
  box-sizing: inherit;
  outline: none;
}

/* line 30, ../sass/module/_reboot.scss */
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

/* line 39, ../sass/module/_reboot.scss */
h1 {
  font-size: 1.5rem;
}

/* line 43, ../sass/module/_reboot.scss */
h2 {
  font-size: 1.25rem;
}

/* line 47, ../sass/module/_reboot.scss */
h3 {
  font-size: 1.125rem;
}

/* line 51, ../sass/module/_reboot.scss */
h4 {
  font-size: 1rem;
}

/* line 55, ../sass/module/_reboot.scss */
h5 {
  font-size: 1rem;
}

/* IE10+ doesn't honor `<meta name="viewport">` in some cases. */
/* @at-root {
    @-ms-viewport { width: device-width; }
} */
/* Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers) */
/* line 65, ../sass/module/_reboot.scss */
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

/* Body */
/* 1. Remove the margin in all browsers.
2. As a best practice, apply a default `background-color`. */
/* line 82, ../sass/module/_reboot.scss */
body {
  font-family: "Lora", "Noto Sans SC", "微軟正黑體", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  background: #fff;
  color: #1e1b1a;
  margin: 0;
}

/* line 91, ../sass/module/_reboot.scss */
::-moz-selection {
  color: #fff;
  text-shadow: none;
  background-color: #ddd;
}

/* line 95, ../sass/module/_reboot.scss */
::selection {
  color: #fff;
  text-shadow: none;
  background-color: #ddd;
}

/* line 99, ../sass/module/_reboot.scss */
footer {
  clear: both;
}

/* Links */
/* line 104, ../sass/module/_reboot.scss */
a {
  color: #448dc4;
  text-decoration: none;
  background-color: transparent;
  /* Remove the gray background on active links in IE 10. */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+. */
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/* line 111, ../sass/module/_reboot.scss */
a:hover {
  color: #c47344;
  text-decoration: none;
}

/* line 117, ../sass/module/_reboot.scss */
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
/* line 120, ../sass/module/_reboot.scss */
a:not([href]):not([tabindex]):hover-focus {
  color: inherit;
  text-decoration: none;
}
/* line 124, ../sass/module/_reboot.scss */
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/* Credit: https://github.com/suitcss/base */
/* line 130, ../sass/module/_reboot.scss */
[tabindex="-1"]:focus {
  outline: none !important;
}

/* line 134, ../sass/module/_reboot.scss */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

/* line 142, ../sass/module/_reboot.scss */
sub {
  bottom: -.25em;
}

/* line 146, ../sass/module/_reboot.scss */
sup {
  top: -.5em;
}

/* Code */
/* line 151, ../sass/module/_reboot.scss */
pre,
code,
kbd,
samp {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers. */
}

/* line 158, ../sass/module/_reboot.scss */
pre {
  /* Remove browser default top margin */
  margin-top: 0;
  /* Reset browser default of `1em` to use `rem`s */
  margin-bottom: 1rem;
  /* Don't allow content to break outside */
  overflow: auto;
}

/* Figures */
/* line 168, ../sass/module/_reboot.scss */
figure {
  margin: 0 0 1rem;
}

/* Images and content */
/* line 174, ../sass/module/_reboot.scss */
img {
  max-width: 100% !important;
  height: auto;
  vertical-align: middle;
  border-style: none;
}

/* line 181, ../sass/module/_reboot.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Avoid 300ms click delay on touch devices that support the `touch-action` CSS property. */
/* In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11
DON'T remove the click delay when `<meta name="viewport" content="width=device-width">` is present.
However, they DO support removing the click delay via `touch-action: manipulation`.
See:
* https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
* http://caniuse.com/#feat=css-touch-action
* https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay */
/* line 193, ../sass/module/_reboot.scss */
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

/* Tables */
/* line 206, ../sass/module/_reboot.scss */
table {
  border-collapse: collapse;
  /* Prevent double borders */
}

/* line 210, ../sass/module/_reboot.scss */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 217, ../sass/module/_reboot.scss */
#wrap-c {
  background-size: initial;
  background-position: 100% 100%;
  background-repeat: repeat;
}

/* line 222, ../sass/module/_reboot.scss */
.menu_top1 {
  top: 0;
  z-index: 999999;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 222, ../sass/module/_reboot.scss */
  .menu_top1 {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 284, ../sass/module/_reboot.scss */
  .menu_top1 #h-functionList {
    display: none !important;
  }
}

/* line 301, ../sass/module/_reboot.scss */
#h-rightside {
  display: none;
  position: fixed;
  bottom: 10%;
  right: 0;
  z-index: 100;
  text-align: center;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 301, ../sass/module/_reboot.scss */
  #h-rightside {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: block;
    /* return the global variable to its initial value */
  }
}
/* line 311, ../sass/module/_reboot.scss */
#h-rightside a {
  display: block;
  background: #89916B;
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
}
/* line 317, ../sass/module/_reboot.scss */
#h-rightside a:hover {
  background: #bfc5a7;
}
/* line 321, ../sass/module/_reboot.scss */
#h-rightside svg {
  color: #fff;
  font-size: 1.5625rem;
  vertical-align: middle;
}
/* line 328, ../sass/module/_reboot.scss */
#h-rightside .r-facebook a:after {
  content: "\f39e";
}
/* line 334, ../sass/module/_reboot.scss */
#h-rightside .r-messenger {
  display: none;
}
/* line 337, ../sass/module/_reboot.scss */
#h-rightside .r-messenger a:after {
  content: "\f39f";
}
/* line 345, ../sass/module/_reboot.scss */
#h-rightside .r-whatsapp a:after {
  content: "\f232";
}
/* line 350, ../sass/module/_reboot.scss */
#h-rightside .r-whatsapp svg {
  font-size: 1.75rem;
}
/* line 356, ../sass/module/_reboot.scss */
#h-rightside .r-instagram a:after {
  content: "\f16d";
}
/* line 361, ../sass/module/_reboot.scss */
#h-rightside .r-instagram svg {
  font-size: 1.75rem;
}
/* line 367, ../sass/module/_reboot.scss */
#h-rightside .r-twitter a:after {
  content: "\f099";
}
/* line 374, ../sass/module/_reboot.scss */
#h-rightside .r-youtuber a {
  border-bottom: none;
}
/* line 376, ../sass/module/_reboot.scss */
#h-rightside .r-youtuber a:after {
  content: "\f167";
}

/* line 385, ../sass/module/_reboot.scss */
.last_icon {
  display: block;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 385, ../sass/module/_reboot.scss */
  .last_icon {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: none;
    /* return the global variable to its initial value */
  }
}

/* line 392, ../sass/module/_reboot.scss */
#a-footer_icon {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 1;
  text-align: center;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 392, ../sass/module/_reboot.scss */
  #a-footer_icon {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: none;
    /* return the global variable to its initial value */
  }
}
/* line 402, ../sass/module/_reboot.scss */
#a-footer_icon a {
  display: block;
  background: none;
  padding: 0;
  margin-right: 10px;
}
/* line 409, ../sass/module/_reboot.scss */
#a-footer_icon a:hover svg {
  color: #bfc5a7;
}
/* line 414, ../sass/module/_reboot.scss */
#a-footer_icon svg {
  color: #89916B;
  font-size: 1.5625rem;
  vertical-align: middle;
}
/* line 421, ../sass/module/_reboot.scss */
#a-footer_icon .h-facebook a:after {
  content: "\f39e";
}
/* line 427, ../sass/module/_reboot.scss */
#a-footer_icon .h-messenger {
  display: none;
}
/* line 430, ../sass/module/_reboot.scss */
#a-footer_icon .h-messenger a:after {
  content: "\f39f";
}
/* line 438, ../sass/module/_reboot.scss */
#a-footer_icon .h-whatsapp a:after {
  content: "\f232";
}
/* line 443, ../sass/module/_reboot.scss */
#a-footer_icon .h-whatsapp svg {
  font-size: 1.75rem;
}
/* line 449, ../sass/module/_reboot.scss */
#a-footer_icon .h-instagram a:after {
  content: "\f16d";
}
/* line 454, ../sass/module/_reboot.scss */
#a-footer_icon .h-instagram svg {
  font-size: 1.75rem;
}
/* line 460, ../sass/module/_reboot.scss */
#a-footer_icon .h-twitter a:after {
  content: "\f099";
}
/* line 467, ../sass/module/_reboot.scss */
#a-footer_icon .h-youtuber a {
  border-bottom: none;
}
/* line 469, ../sass/module/_reboot.scss */
#a-footer_icon .h-youtuber a:after {
  content: "\f167";
}

/* line 478, ../sass/module/_reboot.scss */
#go2Top {
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 0;
  z-index: 1;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #a07400;
  width: 48.13px;
  height: 48.13px;
}
/* line 493, ../sass/module/_reboot.scss */
#go2Top svg {
  color: #a07400;
  font-size: 2rem;
  vertical-align: middle;
}
/* line 498, ../sass/module/_reboot.scss */
#go2Top:hover {
  background: #a07400;
}
/* line 500, ../sass/module/_reboot.scss */
#go2Top:hover svg {
  color: #fff;
}

/* line 507, ../sass/module/_reboot.scss */
#a-p-section {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  padding-top: 2rem;
  padding-bottom: 100px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 507, ../sass/module/_reboot.scss */
  #a-p-section {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 507, ../sass/module/_reboot.scss */
  #a-p-section {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 507, ../sass/module/_reboot.scss */
  #a-p-section {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1278px) {
  /* line 507, ../sass/module/_reboot.scss */
  #a-p-section {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-top: 70px;
    /* return the global variable to its initial value */
  }
}

/* line 522, ../sass/module/_reboot.scss */
.p-a_menu .p-a_menu_ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 2rem;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 528, ../sass/module/_reboot.scss */
.p-a_menu .p-a_menu_ul .p-a_menu_li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
  min-width: 120px;
  text-align: center;
}
@media (min-width: 767px) {
  /* line 522, ../sass/module/_reboot.scss */
  .p-a_menu .p-a_menu_ul {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex-wrap: nowrap;
    padding-bottom: 50px;
    /* return the global variable to its initial value */
  }
  /* line 538, ../sass/module/_reboot.scss */
  .p-a_menu .p-a_menu_ul .p-a_menu_li {
    width: auto;
    margin-right: 20px;
    margin-bottom: 0;
  }
}

/* line 548, ../sass/module/_reboot.scss */
.vocabulary-words {
  color: #034638;
  text-decoration: underline;
}

/* Lightcase */
/* line 555, ../sass/module/_reboot.scss */
#lightcase-overlay {
  background: #000 !important;
}

/* line 559, ../sass/module/_reboot.scss */
#lightcase-loading {
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 560, ../sass/module/_reboot.scss */
#lightcase-loading:before {
  content: '' !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/loading-icon1.svg) no-repeat;
  background-size: contain;
}
@media (min-width: 992px) {
  /* line 559, ../sass/module/_reboot.scss */
  #lightcase-loading {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 570, ../sass/module/_reboot.scss */
  #lightcase-loading:before {
    width: 1.625rem;
    height: 1.625rem;
  }
}

/* line 577, ../sass/module/_reboot.scss */
#lightcase-case {
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 578, ../sass/module/_reboot.scss */
#lightcase-case #lightcase-content {
  background: #000 !important;
  -moz-box-shadow: 0 0 30px rgba(84, 88, 90, 0.5);
  -webkit-box-shadow: 0 0 30px rgba(84, 88, 90, 0.5);
  box-shadow: 0 0 30px rgba(84, 88, 90, 0.5);
  z-index: 99999;
}
/* line 582, ../sass/module/_reboot.scss */
#lightcase-case #lightcase-content img {
  max-width: 320px !important;
}
/* line 587, ../sass/module/_reboot.scss */
#lightcase-case #lightcase-info #lightcase-title,
#lightcase-case #lightcase-info #lightcase-caption {
  font-family: "Lora", "Noto Sans SC", "微軟正黑體", sans-serif;
  color: #969a9c;
}
/* line 594, ../sass/module/_reboot.scss */
#lightcase-case .lightcase-icon-close {
  opacity: 0.75 !important;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  border: 1px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 601, ../sass/module/_reboot.scss */
#lightcase-case .lightcase-icon-close:before {
  content: '' !important;
  display: inline-block;
  width: 0.5625rem;
  height: 0.5625rem;
  background: url(../images/close-icon1.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 614, ../sass/module/_reboot.scss */
#lightcase-case .lightcase-icon-close:hover {
  opacity: 1 !important;
}
@media (min-width: 375px) {
  /* line 577, ../sass/module/_reboot.scss */
  #lightcase-case {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 620, ../sass/module/_reboot.scss */
  #lightcase-case #lightcase-content img {
    max-width: 375px !important;
  }
}
@media (min-width: 414px) {
  /* line 577, ../sass/module/_reboot.scss */
  #lightcase-case {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 627, ../sass/module/_reboot.scss */
  #lightcase-case #lightcase-content img {
    max-width: 414px !important;
  }
}
@media (min-width: 568px) {
  /* line 577, ../sass/module/_reboot.scss */
  #lightcase-case {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 634, ../sass/module/_reboot.scss */
  #lightcase-case #lightcase-content img {
    max-width: 768px !important;
  }
}
@media (min-width: 767px) {
  /* line 577, ../sass/module/_reboot.scss */
  #lightcase-case {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 640, ../sass/module/_reboot.scss */
  #lightcase-case .lightcase-icon-close {
    width: 1.875rem;
    height: 1.875rem;
  }
}
@media (min-width: 992px) {
  /* line 577, ../sass/module/_reboot.scss */
  #lightcase-case {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 647, ../sass/module/_reboot.scss */
  #lightcase-case #lightcase-content img {
    max-width: 640px !important;
  }
  /* line 651, ../sass/module/_reboot.scss */
  #lightcase-case .lightcase-icon-close {
    width: 2.5rem;
    height: 2.5rem;
    border: 2px solid #fff;
  }
  /* line 655, ../sass/module/_reboot.scss */
  #lightcase-case .lightcase-icon-close:before {
    width: 0.875rem;
    height: 0.875rem;
  }
}
@media (min-width: 1024px) {
  /* line 577, ../sass/module/_reboot.scss */
  #lightcase-case {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 663, ../sass/module/_reboot.scss */
  #lightcase-case #lightcase-content img {
    max-width: 800px !important;
  }
}

/* line 670, ../sass/module/_reboot.scss */
#lightcase-nav {
  width: 100%;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 672, ../sass/module/_reboot.scss */
#lightcase-nav .lightcase-icon-prev,
#lightcase-nav .lightcase-icon-next {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 679, ../sass/module/_reboot.scss */
#lightcase-nav .lightcase-icon-prev:before,
#lightcase-nav .lightcase-icon-next:before {
  content: '';
  display: inline-block;
  width: 0.375rem;
  height: 0.625rem;
  background: url(../images/arrow-icon.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 692, ../sass/module/_reboot.scss */
#lightcase-nav .lightcase-icon-prev:hover,
#lightcase-nav .lightcase-icon-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 697, ../sass/module/_reboot.scss */
#lightcase-nav .lightcase-icon-prev:before {
  margin: 0 0 0 -1px;
  -moz-transform: translate(-50%, -50%) scaleX(-1);
  -o-transform: translate(-50%, -50%) scaleX(-1);
  -ms-transform: translate(-50%, -50%) scaleX(-1);
  -webkit-transform: translate(-50%, -50%) scaleX(-1);
  transform: translate(-50%, -50%) scaleX(-1);
}
/* line 703, ../sass/module/_reboot.scss */
#lightcase-nav .lightcase-icon-next:before {
  margin: 0 0 0 1px;
}
@media (min-width: 767px) {
  /* line 670, ../sass/module/_reboot.scss */
  #lightcase-nav {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 708, ../sass/module/_reboot.scss */
  #lightcase-nav .lightcase-icon-prev,
  #lightcase-nav .lightcase-icon-next {
    width: 1.875rem;
    height: 1.875rem;
  }
  /* line 712, ../sass/module/_reboot.scss */
  #lightcase-nav .lightcase-icon-prev:before,
  #lightcase-nav .lightcase-icon-next:before {
    width: 0.4375rem;
    height: 0.75rem;
  }
}
@media (min-width: 992px) {
  /* line 670, ../sass/module/_reboot.scss */
  #lightcase-nav {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 719, ../sass/module/_reboot.scss */
  #lightcase-nav .lightcase-icon-prev,
  #lightcase-nav .lightcase-icon-next {
    width: 2.5rem;
    height: 2.5rem;
    border: 2px solid #fff;
  }
  /* line 724, ../sass/module/_reboot.scss */
  #lightcase-nav .lightcase-icon-prev:before,
  #lightcase-nav .lightcase-icon-next:before {
    width: 0.5625rem;
    height: 1rem;
  }
}

/* line 734, ../sass/module/_reboot.scss */
.tag {
  display: inline-block;
  margin-top: 1rem;
}
/* line 737, ../sass/module/_reboot.scss */
.tag li {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
  background: #034638;
  border-radius: 5px;
  padding: 3px 10px;
}
/* line 745, ../sass/module/_reboot.scss */
.tag li:before {
  content: "#";
  display: inline-block;
  color: #fff;
}
/* line 750, ../sass/module/_reboot.scss */
.tag li a {
  color: #fff;
}
/* line 753, ../sass/module/_reboot.scss */
.tag li:hover {
  background: #a07400;
}

/* line 761, ../sass/module/_reboot.scss */
.img-left {
  float: left;
  margin: 1rem 1rem 1rem 0;
  clear: both;
}

/* line 767, ../sass/module/_reboot.scss */
.img-right {
  float: right;
  margin: 1rem 0 1rem 1rem;
  clear: both;
}

/* line 774, ../sass/module/_reboot.scss */
#a-p-section, .p-page {
  display: flow-root;
}

/* line 779, ../sass/module/_reboot.scss */
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  color: #54585a !important;
  background: #f8f8f8;
  background-size: contain;
  text-indent: initial !important;
  top: 0;
  left: 0;
  right: auto;
  z-index: 9999999;
  margin: 0;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 792, ../sass/module/_reboot.scss */
.loading > div {
  padding: 0 1rem;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 804, ../sass/module/_reboot.scss */
.loading > div img {
  display: block;
  height: 1.5rem !important;
  margin: auto;
  margin-bottom: 1rem;
  -moz-animation: lightcase-spin 0.5s infinite linear;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear;
}
/* line 813, ../sass/module/_reboot.scss */
.loading > div h1 {
  color: #54585a;
  margin: 0;
}
@media (min-width: 1024px) {
  /* line 779, ../sass/module/_reboot.scss */
  .loading {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 100vw;
    height: 100vh;
    /* return the global variable to its initial value */
  }
  /* line 821, ../sass/module/_reboot.scss */
  .loading > div {
    width: auto;
    padding: 0;
  }
  /* line 824, ../sass/module/_reboot.scss */
  .loading > div img {
    height: 2rem !important;
  }
  /* line 827, ../sass/module/_reboot.scss */
  .loading > div h1 {
    font-size: 1.25em;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Transform */
/* Rotate */
/* Scale */
/* Translate */
/* Skew */
/* Transform origin */
/* line 59, ../sass/module/_animate.scss */
#h-rightside a, #a-footer_icon a, #go2Top, .tag li, .p-pagination a, .p-a_menu li, header #h-functionList #h-function .h-search button svg, header #h-functionList #h-function .h-contact:hover, header #h-functionList #h-function .h-language:hover, header #h-functionList #h-function .h-language .h-dropdown-content, .h-device .h-search button svg, #footer-c .f-menu_wrap .f-menu a, #footer-c .f-menu_wrap .f-menu .f-menu_main a, #i-Shengyen .i-S_word .i-S_word_wrap a, #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li svg, #i-News .i-N_title a, #i-News .i-N_title a svg, #i-News .i-N_first .i-N_word h2 a, #i-News .i-N-others .i-N_others_cnt .i-N_word h2 a, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania svg, .i-Affiliates_wrap .i-A_search .i-tablink, .i-Affiliates_wrap .i-A_search .i-A_search_cnt button svg, #i-Discussion .i-N_title a, #i-Life .i-N_title a, #i-Discussion .i-N_title a svg, #i-Life .i-N_title a svg, #i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_word h2 a, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_word h2 a, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_word h2 a, #i-Life .i-Life_wrap .i-D_col .i-D_col_word h2 a, #i-Discussion .swiper-navigation svg, #i-Life .swiper-navigation svg, .p-Search_page .p-SP_contant .p-SP_title h2:hover a {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Forms */
/* line 2, ../sass/module/_form.scss */
input[type="text"] {
  padding: 10px;
}

/* line 6, ../sass/module/_form.scss */
label {
  /* Allow labels to use `margin` for spacing. */
  display: inline-block;
  margin-bottom: .5rem;
}

/* Work around a Firefox/IE bug where the transparent `button` background
results in a loss of the default `button` focus styles. */
/* Credit: https://github.com/suitcss/base/ */
/* line 16, ../sass/module/_form.scss */
button:focus {
  /* outline: 1px dotted; */
  /* outline: 5px auto -webkit-focus-ring-color; */
  outline: 0;
}

/* line 22, ../sass/module/_form.scss */
button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* line 26, ../sass/module/_form.scss */
button,
input {
  overflow: visible;
  /* Show the overflow in Edge */
}

/* line 31, ../sass/module/_form.scss */
button,
select {
  text-transform: none;
  /* Remove the inheritance of text transform in Firefox */
}

/* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4.
2. Correct the inability to style clickable types in iOS and Safari. */
/* line 38, ../sass/module/_form.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/* Remove inner border and padding from Firefox, but don't restore the outline like Normalize. */
/* line 46, ../sass/module/_form.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* 共用 */
/* 圓弧效果  @include border-radius(50px);
區塊陰影  @include box-shadow(30px 30px 30px #000);
背景漸層  @include background(linear-gradient(white,black));
透明度    @include opacity(0.2);
過渡     @include transition(all 0.5s ease-in-out);
@include container(); 渲染
@include full;width: 100%; */
/* Susy3 */
/* @include susy-at($large) {}
flex: 1 1 span(4);
width: span(6.5);
@include gallery(4 of 12); */
/* line 15, ../sass/module/_common.scss */
.container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 15, ../sass/module/_common.scss */
  .container {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 15, ../sass/module/_common.scss */
  .container {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 15, ../sass/module/_common.scss */
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 19, ../sass/module/_common.scss */
.flex-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  display: flex;
  flex-direction: column;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 19, ../sass/module/_common.scss */
  .flex-container {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 19, ../sass/module/_common.scss */
  .flex-container {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 19, ../sass/module/_common.scss */
  .flex-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  /* line 19, ../sass/module/_common.scss */
  .flex-container {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex-direction: row;
    /* return the global variable to its initial value */
  }
}

/* line 28, ../sass/module/_common.scss */
.col2-side-fx {
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 28, ../sass/module/_common.scss */
  .col2-side-fx {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex: 0 0 250px;
    padding-right: 2rem;
    /* return the global variable to its initial value */
  }
}

/* line 36, ../sass/module/_common.scss */
.col2-main-fx {
  flex: 1;
}

/* line 44, ../sass/module/_common.scss */
.title-h {
  font-size: 1.5rem;
  font-weight: normal;
  margin: 2rem auto 2rem auto;
  padding: 0;
  color: #444;
}

/* line 52, ../sass/module/_common.scss */
.title-side {
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #444;
}

/* line 61, ../sass/module/_common.scss */
#marquee {
  background: #96adbb;
  display: block;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  line-height: 1.8;
}
/* line 69, ../sass/module/_common.scss */
#marquee a {
  color: #fff;
  text-decoration: underline;
}

/* line 27, ../sass/extend/_extend.scss */
#lightcase-case #lightcase-info #lightcase-title,
#lightcase-case #lightcase-info #lightcase-caption, #bell-page .bell-content h2 svg {
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5rem;
}

/* line 46, ../sass/extend/_extend.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-playicon:after, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania a:before {
  display: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

/* line 52, ../sass/extend/_extend.scss */
#h-rightside .r-facebook a:after, #h-rightside .r-messenger a:after, #h-rightside .r-whatsapp a:after, #h-rightside .r-instagram a:after, #h-rightside .r-twitter a:after, #h-rightside .r-youtuber a:after, #a-footer_icon .h-facebook a:after, #a-footer_icon .h-messenger a:after, #a-footer_icon .h-whatsapp a:after, #a-footer_icon .h-instagram a:after, #a-footer_icon .h-twitter a:after, #a-footer_icon .h-youtuber a:after {
  display: none;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

/* line 58, ../sass/extend/_extend.scss */
.more-button:after {
  display: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

/* line 64, ../sass/extend/_extend.scss */
header #h-functionList #h-function .h-search button:after, .h-device .h-search button:after, #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li:after, #i-News .i-N_title a:after, .i-Affiliates_wrap .i-A_search .i-A_search_cnt button:after, #i-Discussion .i-N_title a:after, #i-Life .i-N_title a:after, #i-Discussion .swiper-navigation .gallery-swiper-button-next:after, #i-Life .swiper-navigation .gallery-swiper-button-next:after, #i-Discussion .swiper-navigation .gallery-swiper-button-prev:after, #i-Life .swiper-navigation .gallery-swiper-button-prev:after, #bell-page .bell-content h2:before {
  display: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

/* line 96, ../sass/extend/_extend.scss */
#i-News .i-N_first .i-N_img a, #i-News .i-N-others .i-N_others_cnt .i-N_img a, #i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_img a, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_img a, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_img a, #i-Life .i-Life_wrap .i-D_col .i-D_col_img a {
  float: left;
  width: 100%;
  padding-top: calc(100% * 3 / 4);
  height: 100%;
  position: relative;
  overflow: hidden;
}
/* line 103, ../sass/extend/_extend.scss */
#i-News .i-N_first .i-N_img a img, #i-News .i-N-others .i-N_others_cnt .i-N_img a img, #i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_img a img, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_img a img, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_img a img, #i-Life .i-Life_wrap .i-D_col .i-D_col_img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 100% !important;
  width: auto;
  max-width: initial !important;
}

/* line 177, ../sass/extend/_extend.scss */
#h-rightside a, #a-footer_icon a, #go2Top, .tag li, .p-pagination a, .p-a_menu li, header #h-functionList #h-function .h-search button svg, header #h-functionList #h-function .h-contact:hover, header #h-functionList #h-function .h-language:hover, header #h-functionList #h-function .h-language .h-dropdown-content, .h-device .h-search button svg, #footer-c .f-menu_wrap .f-menu a, #footer-c .f-menu_wrap .f-menu .f-menu_main a, #i-Shengyen .i-S_word .i-S_word_wrap a, #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li svg, #i-News .i-N_title a, #i-News .i-N_title a svg, #i-News .i-N_first .i-N_word h2 a, #i-News .i-N-others .i-N_others_cnt .i-N_word h2 a, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania svg, .i-Affiliates_wrap .i-A_search .i-tablink, .i-Affiliates_wrap .i-A_search .i-A_search_cnt button svg, #i-Discussion .i-N_title a, #i-Life .i-N_title a, #i-Discussion .i-N_title a svg, #i-Life .i-N_title a svg, #i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_word h2 a, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_word h2 a, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_word h2 a, #i-Life .i-Life_wrap .i-D_col .i-D_col_word h2 a, #i-Discussion .swiper-navigation svg, #i-Life .swiper-navigation svg, .p-Search_page .p-SP_contant .p-SP_title h2:hover a {
  transition: all 0.3s ease-in-out;
}

/* line 360, ../sass/extend/_extend.scss */
.p-pagination {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 2rem 0 0 0;
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 360, ../sass/extend/_extend.scss */
  .p-pagination {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 60px 0 70px 0;
    /* return the global variable to its initial value */
  }
}
/* line 373, ../sass/extend/_extend.scss */
.p-pagination a {
  display: inline-block;
  color: black;
  padding: 5px 8px;
  text-decoration: none;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 379, ../sass/extend/_extend.scss */
.p-pagination a:hover:not(.active) {
  background-color: #ddd;
}
@media (min-width: 1024px) {
  /* line 373, ../sass/extend/_extend.scss */
  .p-pagination a {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 5px 13px;
    /* return the global variable to its initial value */
  }
}
/* line 386, ../sass/extend/_extend.scss */
.p-pagination .active {
  background-color: #a07400;
  color: white;
}

/* line 393, ../sass/extend/_extend.scss */
#i-Roadmap .i-R_word h1, #i-Shengyen .i-S_word .i-S_word_wrap h1, #i-News .i-N_title h1, .i-Affiliates_wrap .i-A_maps h1, #i-Discussion .i-N_title h1, #i-Life .i-N_title h1, #i-Prescription .i-Prescription_wrap h1 {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 600;
  color: #a07400;
  margin: 0;
}

/* line 402, ../sass/extend/_extend.scss */
#i-Roadmap .i-R_word p, #i-Shengyen .i-S_word .i-S_word_wrap p, #i-News .i-N_first .i-N_word p, #i-News .i-N-others .i-N_others_cnt .i-N_word p {
  margin: 0;
  color: #1a1a1a;
  font-size: 0.875rem;
  line-height: 1.6875rem;
  letter-spacing: 0.5px;
}

/* line 412, ../sass/extend/_extend.scss */
#a-p-section #a-p-title {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 600;
  margin: 0 0 2rem 0;
  padding: 16px 0;
  border-top: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
  color: #a07400;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 412, ../sass/extend/_extend.scss */
  #a-p-section #a-p-title {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin: 0 0 60px 0;
    /* return the global variable to its initial value */
  }
}

/* line 430, ../sass/extend/_extend.scss */
.p-a_menu li {
  border-radius: 5px;
  margin-bottom: 10px;
  line-height: 1.125rem;
  background-color: #e6e6e6;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 436, ../sass/extend/_extend.scss */
.p-a_menu li .p-a_menuLink {
  font-size: 0.875rem;
  display: block;
  padding: 10px 15px;
  letter-spacing: 1px;
  color: #1a1a1a;
}
/* line 444, ../sass/extend/_extend.scss */
.p-a_menu li:hover:not(.active) .p-a_menuLink {
  color: #a07400;
}
@media (min-width: 1024px) {
  /* line 430, ../sass/extend/_extend.scss */
  .p-a_menu li {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    margin-bottom: 15px;
    /* return the global variable to its initial value */
  }
}
/* line 452, ../sass/extend/_extend.scss */
.p-a_menu .active {
  border-radius: 5px;
  background-color: #a07401 !important;
}
/* line 455, ../sass/extend/_extend.scss */
.p-a_menu .active a {
  color: #fff;
}

/* line 499, ../sass/extend/_extend.scss */
#h-rightside a, #a-footer_icon a, #go2Top, .tag li, .p-pagination a, .p-a_menu li, header #h-functionList #h-function .h-search button svg, header #h-functionList #h-function .h-contact:hover, header #h-functionList #h-function .h-language:hover, header #h-functionList #h-function .h-language .h-dropdown-content, .h-device .h-search button svg, #footer-c .f-menu_wrap .f-menu a, #footer-c .f-menu_wrap .f-menu .f-menu_main a, #i-Shengyen .i-S_word .i-S_word_wrap a, #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li svg, #i-News .i-N_title a, #i-News .i-N_title a svg, #i-News .i-N_first .i-N_word h2 a, #i-News .i-N-others .i-N_others_cnt .i-N_word h2 a, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania svg, .i-Affiliates_wrap .i-A_search .i-tablink, .i-Affiliates_wrap .i-A_search .i-A_search_cnt button svg, #i-Discussion .i-N_title a, #i-Life .i-N_title a, #i-Discussion .i-N_title a svg, #i-Life .i-N_title a svg, #i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_word h2 a, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_word h2 a, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_word h2 a, #i-Life .i-Life_wrap .i-D_col .i-D_col_word h2 a, #i-Discussion .swiper-navigation svg, #i-Life .swiper-navigation svg, .p-Search_page .p-SP_contant .p-SP_title h2:hover a {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* 選單 */
/* 頁首 */
/* line 1, ../sass/module/_header.scss */
header {
  width: 100%;
  overflow: visible;
  position: sticky;
  margin-bottom: 0;
  top: 0;
  z-index: 9999999;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 1, ../sass/module/_header.scss */
  header {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    position: relative;
    /* return the global variable to its initial value */
  }
}
/* line 12, ../sass/module/_header.scss */
header #h-functionList {
  padding: 10px 1rem;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 12, ../sass/module/_header.scss */
  header #h-functionList {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 10px 0;
    /* return the global variable to its initial value */
  }
}
/* line 23, ../sass/module/_header.scss */
header #h-functionList a {
  width: 100%;
  height: 100%;
  float: left;
}
/* line 28, ../sass/module/_header.scss */
header #h-functionList .h-functionList_wrap {
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 28, ../sass/module/_header.scss */
  header #h-functionList .h-functionList_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex-wrap: nowrap;
    /* return the global variable to its initial value */
  }
}
/* line 39, ../sass/module/_header.scss */
header #h-functionList #h-logo {
  width: calc(100% - 50px);
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 41, ../sass/module/_header.scss */
header #h-functionList #h-logo img {
  height: 50px;
}
@media (min-width: 1278px) {
  /* line 39, ../sass/module/_header.scss */
  header #h-functionList #h-logo {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 100%;
    /* return the global variable to its initial value */
  }
  /* line 46, ../sass/module/_header.scss */
  header #h-functionList #h-logo img {
    height: 70px;
  }
}
/* line 51, ../sass/module/_header.scss */
header #h-functionList #h-menuicon {
  display: block;
  position: relative;
  z-index: 3;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
/* line 60, ../sass/module/_header.scss */
header #h-functionList #h-menuicon .h-menuicon_top, header #h-functionList #h-menuicon .h-menuicon_bottom {
  background: none;
  display: block;
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
}
/* line 70, ../sass/module/_header.scss */
header #h-functionList #h-menuicon .h-menuicon_top {
  z-index: 4;
}
/* line 73, ../sass/module/_header.scss */
header #h-functionList #h-menuicon .h-menuicon_top_line, header #h-functionList #h-menuicon .h-menuicon_bottom_line {
  display: block;
  width: 24px;
  height: 2px;
  background: #1a1a1a;
  position: absolute;
  left: 3px;
  z-index: 1;
}
/* line 82, ../sass/module/_header.scss */
header #h-functionList #h-menuicon .h-menuicon_top_line {
  top: 10px;
}
/* line 85, ../sass/module/_header.scss */
header #h-functionList #h-menuicon .h-menuicon_bottom_line {
  bottom: 10px;
}
/* line 89, ../sass/module/_header.scss */
header #h-functionList #h-function {
  display: none;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding-top: 10px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 89, ../sass/module/_header.scss */
  header #h-functionList #h-function {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: flex;
    justify-content: flex-end;
    padding-top: 0;
    /* return the global variable to its initial value */
  }
}
/* line 101, ../sass/module/_header.scss */
header #h-functionList #h-function .h-search {
  position: relative;
}
/* line 103, ../sass/module/_header.scss */
header #h-functionList #h-function .h-search input {
  font-size: 0.875rem;
  width: 155px;
  float: left;
  border: 1px solid #818181;
  border-radius: 5px;
  background: #fff;
  padding: 3px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 103, ../sass/module/_header.scss */
  header #h-functionList #h-function .h-search input {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 160px;
    /* return the global variable to its initial value */
  }
}
/* line 115, ../sass/module/_header.scss */
header #h-functionList #h-function .h-search button {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 30px;
  height: 25px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 128, ../sass/module/_header.scss */
header #h-functionList #h-function .h-search button:after {
  content: "\f002";
}
/* line 132, ../sass/module/_header.scss */
header #h-functionList #h-function .h-search button svg {
  font-size: 0.875rem;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: #1a1a1a;
}
/* line 142, ../sass/module/_header.scss */
header #h-functionList #h-function .h-search button:hover svg {
  color: #a07400;
}
/* line 148, ../sass/module/_header.scss */
header #h-functionList #h-function .h-contact {
  border: 1px solid #818181;
  border-radius: 5px;
  background: #fff;
  margin: 0 10px;
}
/* line 153, ../sass/module/_header.scss */
header #h-functionList #h-function .h-contact a {
  color: #1a1a1a;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
/* line 157, ../sass/module/_header.scss */
header #h-functionList #h-function .h-contact a span {
  float: left;
  padding: 4.5px 7px;
}
/* line 162, ../sass/module/_header.scss */
header #h-functionList #h-function .h-contact:hover {
  border: 1px solid #a07400;
  background-color: #a07400;
}
/* line 166, ../sass/module/_header.scss */
header #h-functionList #h-function .h-contact:hover a {
  color: #fff;
}
/* line 171, ../sass/module/_header.scss */
header #h-functionList #h-function .h-language {
  border: 1px solid #818181;
  border-radius: 5px;
  background: #fff;
  position: relative;
}
/* line 176, ../sass/module/_header.scss */
header #h-functionList #h-function .h-language .h-dropbtn {
  color: #1a1a1a;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 4.5px 7px;
  float: left;
  border: none;
  background: none;
  cursor: pointer;
}
/* line 186, ../sass/module/_header.scss */
header #h-functionList #h-function .h-language:hover {
  border: 1px solid #a07400;
  background-color: #a07400;
}
/* line 190, ../sass/module/_header.scss */
header #h-functionList #h-function .h-language:hover .h-dropbtn {
  color: #fff;
}
/* line 194, ../sass/module/_header.scss */
header #h-functionList #h-function .h-language .h-dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  overflow: auto;
  z-index: 1;
  top: 25px;
  border-radius: 5px;
  z-index: 100;
}
/* line 204, ../sass/module/_header.scss */
header #h-functionList #h-function .h-language .h-dropdown-content a {
  color: black;
  padding: 4.5px 7px;
  text-decoration: none;
  display: block;
  font-size: 0.875rem;
}
/* line 210, ../sass/module/_header.scss */
header #h-functionList #h-function .h-language .h-dropdown-content a:hover {
  background-color: #a07400;
  color: #fff;
}
/* line 216, ../sass/module/_header.scss */
header #h-functionList #h-function .h-language .show {
  display: block;
}

/* line 225, ../sass/module/_header.scss */
#h-menu {
  display: none;
  background-color: #a07400;
  background: #a07400;
  background-color: #a07400;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 225, ../sass/module/_header.scss */
  #h-menu {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    /* return the global variable to its initial value */
  }
}
/* line 238, ../sass/module/_header.scss */
#h-menu nav {
  max-width: 1140px;
  margin: 0 auto;
  display: block;
}
/* line 242, ../sass/module/_header.scss */
#h-menu nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
/* line 250, ../sass/module/_header.scss */
#h-menu nav ul li {
  padding: 0 20px;
  transition: ease-in-out;
  position: relative;
}
/* line 254, ../sass/module/_header.scss */
#h-menu nav ul li:after {
  content: "";
  display: none;
  background: #E8AA0C;
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  animation-name: menu_hover;
  animation-duration: 400ms;
  animation-fill-mode: forwards;
}
/* line 270, ../sass/module/_header.scss */
#h-menu nav ul li:hover:after {
  display: block;
}
@keyframes menu_hover {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
/* line 282, ../sass/module/_header.scss */
#h-menu nav ul li a {
  font-size: 1rem;
  color: #fff;
  padding: 10.5px 0;
  display: block;
  position: relative;
  z-index: 1;
}

/* line 296, ../sass/module/_header.scss */
.h-device {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  z-index: 999999;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 296, ../sass/module/_header.scss */
  .h-device {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: none;
    /* return the global variable to its initial value */
  }
}
/* line 308, ../sass/module/_header.scss */
.h-device .h-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  overflow: hidden;
}
/* line 317, ../sass/module/_header.scss */
.h-device #h-burger {
  z-index: 999;
}
/* line 320, ../sass/module/_header.scss */
.h-device .h-burger {
  position: relative;
  display: block;
  width: 28px;
  height: 1px;
  margin: 0 auto;
  background: #1a1a1a;
  transition: all .275s;
}
/* line 328, ../sass/module/_header.scss */
.h-device .h-burger:before {
  content: '';
  display: block;
  height: 100%;
  background: #1a1a1a;
  transition: all .275s;
  transform: translateY(8px);
}
/* line 336, ../sass/module/_header.scss */
.h-device .h-burger:after {
  content: '';
  display: block;
  height: 100%;
  background: #1a1a1a;
  transition: all .275s;
  transform: translateY(-9px);
}
/* line 346, ../sass/module/_header.scss */
.h-device .h-is-open .h-burger {
  transform: translateY(0) rotate(-45deg);
}
/* line 348, ../sass/module/_header.scss */
.h-device .h-is-open .h-burger:before {
  transform: translateY(0px) skew(-10deg) rotate(75deg);
}
/* line 351, ../sass/module/_header.scss */
.h-device .h-is-open .h-burger:after {
  transform: translateY(-12px) translateX(10px) skew(-20deg);
  opacity: 0;
}
/* line 357, ../sass/module/_header.scss */
.h-device .h-main-nav {
  position: fixed;
  height: 100vh;
  width: 70%;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  transition: all .375s;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 767px) {
  /* line 357, ../sass/module/_header.scss */
  .h-device .h-main-nav {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 50%;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 992px) {
  /* line 357, ../sass/module/_header.scss */
  .h-device .h-main-nav {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 30%;
    /* return the global variable to its initial value */
  }
}
/* line 375, ../sass/module/_header.scss */
.h-device .h-main-nav ul {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  transform: translateY(48px);
}
/* line 383, ../sass/module/_header.scss */
.h-device .h-main-nav li {
  display: block;
  margin: 0.5rem 0;
  text-align: right;
}
/* line 388, ../sass/module/_header.scss */
.h-device .h-main-nav a {
  opacity: 0;
  transform: translateY(-10px);
  display: block;
  padding: 5px 0;
  font-size: 1em;
  text-decoration: none;
  color: #1a1a1a;
}
/* line 396, ../sass/module/_header.scss */
.h-device .h-main-nav a:hover {
  color: #a07400;
}
/* line 401, ../sass/module/_header.scss */
.h-device .h-open-main-nav {
  position: absolute;
  margin-top: 10px;
  right: 1rem;
  z-index: 1000;
  background: none;
  border: 0;
  cursor: pointer;
  height: 50px;
}
/* line 411, ../sass/module/_header.scss */
.h-device .h-is-open {
  opacity: 1;
  z-index: 100;
  visibility: visible;
}
/* line 415, ../sass/module/_header.scss */
.h-device .h-is-open:before {
  transform: skew(-14deg) translateX(0);
}
/* line 418, ../sass/module/_header.scss */
.h-device .h-is-open a {
  opacity: 1;
  transform: translateY(0);
}
/* line 424, ../sass/module/_header.scss */
.h-device .h-is-open li:nth-of-type(1) a {
  -moz-transition: all 275ms 175ms ease-out;
  -ms-transition: all 275ms 175ms ease-out;
  -webkit-transition: all 275ms 175ms ease-out;
  transition: all 275ms 175ms ease-out;
}
/* line 432, ../sass/module/_header.scss */
.h-device .h-is-open li:nth-of-type(2) a {
  -moz-transition: all 275ms 225ms ease-out;
  -ms-transition: all 275ms 225ms ease-out;
  -webkit-transition: all 275ms 225ms ease-out;
  transition: all 275ms 225ms ease-out;
}
/* line 440, ../sass/module/_header.scss */
.h-device .h-is-open li:nth-of-type(3) a {
  -moz-transition: all 275ms 275ms ease-out;
  -ms-transition: all 275ms 275ms ease-out;
  -webkit-transition: all 275ms 275ms ease-out;
  transition: all 275ms 275ms ease-out;
}
/* line 448, ../sass/module/_header.scss */
.h-device .h-is-open li:nth-of-type(4) a {
  -moz-transition: all 275ms 325ms ease-out;
  -ms-transition: all 275ms 325ms ease-out;
  -webkit-transition: all 275ms 325ms ease-out;
  transition: all 275ms 325ms ease-out;
}
/* line 456, ../sass/module/_header.scss */
.h-device .h-is-open li:nth-of-type(5) a {
  -moz-transition: all 275ms 375ms ease-out;
  -ms-transition: all 275ms 375ms ease-out;
  -webkit-transition: all 275ms 375ms ease-out;
  transition: all 275ms 375ms ease-out;
}
/* line 464, ../sass/module/_header.scss */
.h-device .h-is-open li:nth-of-type(6) a {
  -moz-transition: all 275ms 425ms ease-out;
  -ms-transition: all 275ms 425ms ease-out;
  -webkit-transition: all 275ms 425ms ease-out;
  transition: all 275ms 425ms ease-out;
}
/* line 472, ../sass/module/_header.scss */
.h-device .h-is-open li:nth-of-type(7) a {
  -moz-transition: all 275ms 475ms ease-out;
  -ms-transition: all 275ms 475ms ease-out;
  -webkit-transition: all 275ms 475ms ease-out;
  transition: all 275ms 475ms ease-out;
}
/* line 480, ../sass/module/_header.scss */
.h-device .h-is-open li:nth-of-type(8) a {
  -moz-transition: all 275ms 525ms ease-out;
  -ms-transition: all 275ms 525ms ease-out;
  -webkit-transition: all 275ms 525ms ease-out;
  transition: all 275ms 525ms ease-out;
}
/* line 489, ../sass/module/_header.scss */
.h-device .h-search {
  position: relative;
  width: 100%;
  padding: 5px 0;
  margin: 0.5rem 0;
}
/* line 494, ../sass/module/_header.scss */
.h-device .h-search input {
  font-size: 0.875rem;
  width: 100%;
  float: left;
  border: 1px solid #818181;
  border-radius: 5px;
  background: #fff;
  padding: 3px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 494, ../sass/module/_header.scss */
  .h-device .h-search input {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 160px;
    /* return the global variable to its initial value */
  }
}
/* line 506, ../sass/module/_header.scss */
.h-device .h-search button {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 30px;
  height: 25px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 519, ../sass/module/_header.scss */
.h-device .h-search button:after {
  content: "\f002";
}
/* line 523, ../sass/module/_header.scss */
.h-device .h-search button svg {
  font-size: 0.875rem;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: #1a1a1a;
}
/* line 533, ../sass/module/_header.scss */
.h-device .h-search button:hover svg {
  color: #a07400;
}
/* line 539, ../sass/module/_header.scss */
.h-device #h-burger_language {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  padding: 5px 0;
  margin: 0.5rem 0;
}
/* line 547, ../sass/module/_header.scss */
.h-device #h-burger_language a {
  padding: 0 13px;
  border-left: 1px solid #a7a7a7;
}
/* line 550, ../sass/module/_header.scss */
.h-device #h-burger_language a:first-of-type {
  border-left: none;
}

/* 頁尾 */
/* line 1, ../sass/module/_footer.scss */
#footer-c {
  background-size: initial;
  background-position: 100% 100%;
  background-repeat: repeat;
}
/* line 3, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  padding: 50px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 3, ../sass/module/_footer.scss */
  #footer-c .f-menu_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 3, ../sass/module/_footer.scss */
  #footer-c .f-menu_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 3, ../sass/module/_footer.scss */
  #footer-c .f-menu_wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  /* line 3, ../sass/module/_footer.scss */
  #footer-c .f-menu_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 100px 0 80px 0;
    flex-wrap: nowrap;
    /* return the global variable to its initial value */
  }
}
/* line 14, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap .f-menu {
  flex: 0 1 100%;
  margin-bottom: 20px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 17, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap .f-menu:last-of-type {
  margin-bottom: 0;
}
/* line 20, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap .f-menu li {
  margin-bottom: 5px;
}
/* line 23, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap .f-menu a {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  display: block;
  color: #1a1a1a;
}
/* line 29, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap .f-menu a:hover {
  color: #727272;
}
@media (min-width: 1024px) {
  /* line 14, ../sass/module/_footer.scss */
  #footer-c .f-menu_wrap .f-menu {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex: 0 1 20%;
    margin-bottom: 0;
    /* return the global variable to its initial value */
  }
  /* line 36, ../sass/module/_footer.scss */
  #footer-c .f-menu_wrap .f-menu li {
    margin-bottom: 20px;
  }
}
/* line 40, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap .f-menu .f-menu_main {
  margin-bottom: 10px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 42, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap .f-menu .f-menu_main a {
  font-size: 1rem !important;
  font-weight: 600;
  display: block;
  color: #a07400;
}
/* line 48, ../sass/module/_footer.scss */
#footer-c .f-menu_wrap .f-menu .f-menu_main a:hover {
  color: #727272;
}
@media (min-width: 1024px) {
  /* line 40, ../sass/module/_footer.scss */
  #footer-c .f-menu_wrap .f-menu .f-menu_main {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    margin-bottom: 30px;
    /* return the global variable to its initial value */
  }
}

/* line 60, ../sass/module/_footer.scss */
#footer-o {
  background-color: #1a1a1a;
  color: #fff;
  text-align: center;
  padding: 15.5px 1rem;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 65, ../sass/module/_footer.scss */
#footer-o #copyright, #footer-o #counter {
  display: inline-block;
}
/* line 67, ../sass/module/_footer.scss */
#footer-o #copyright a, #footer-o #copyright span, #footer-o #counter a, #footer-o #counter span {
  display: block;
  color: #fff;
  opacity: 0.7;
  margin-left: 0;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 1024px) {
  /* line 60, ../sass/module/_footer.scss */
  #footer-o {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 15.5px 0;
    /* return the global variable to its initial value */
  }
  /* line 79, ../sass/module/_footer.scss */
  #footer-o #copyright a, #footer-o #copyright span, #footer-o #counter a, #footer-o #counter span {
    display: inline-block;
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
  /* line 84, ../sass/module/_footer.scss */
  #footer-o #copyright a, #footer-o #counter a {
    margin-left: 5px;
  }
}

/* 首頁使用 */
/* line 3, ../sass/module/_main-index.scss */
#banner .sp-buttons {
  display: none;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 3, ../sass/module/_main-index.scss */
  #banner .sp-buttons {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: block;
    /* return the global variable to its initial value */
  }
}
/* line 10, ../sass/module/_main-index.scss */
#banner .sp-image-container img {
  width: 100%;
}

/* line 17, ../sass/module/_main-index.scss */
#i-Roadmap {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 50px 0;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 17, ../sass/module/_main-index.scss */
  #i-Roadmap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 17, ../sass/module/_main-index.scss */
  #i-Roadmap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 17, ../sass/module/_main-index.scss */
  #i-Roadmap {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  /* line 17, ../sass/module/_main-index.scss */
  #i-Roadmap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex-wrap: nowrap;
    padding: 100px 0;
    /* return the global variable to its initial value */
  }
}
/* line 28, ../sass/module/_main-index.scss */
#i-Roadmap .i-R_word {
  width: 100%;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 30, ../sass/module/_main-index.scss */
#i-Roadmap .i-R_word h1 {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  /* line 28, ../sass/module/_main-index.scss */
  #i-Roadmap .i-R_word {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 50%;
    /* return the global variable to its initial value */
  }
}
/* line 41, ../sass/module/_main-index.scss */
#i-Roadmap .i-R_img {
  width: 100%;
  margin-top: 30px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 41, ../sass/module/_main-index.scss */
  #i-Roadmap .i-R_img {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 39%;
    margin-top: 0;
    /* return the global variable to its initial value */
  }
}
/* line 48, ../sass/module/_main-index.scss */
#i-Roadmap .i-R_img a {
  position: relative;
}
/* line 50, ../sass/module/_main-index.scss */
#i-Roadmap .i-R_img a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #fff;
  font-size: 1.25rem;
  width: 100%;
  text-align: center;
  z-index: 1;
}
/* line 61, ../sass/module/_main-index.scss */
#i-Roadmap .i-R_img a img {
  max-height: 280px;
  width: 100%;
  object-fit: cover;
}
/* line 69, ../sass/module/_main-index.scss */
#i-Roadmap .swiper-slide:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
/* line 79, ../sass/module/_main-index.scss */
#i-Roadmap .swiper-pagination {
  position: relative;
  bottom: 0;
  line-height: 0;
  margin-top: 25px;
}
/* line 84, ../sass/module/_main-index.scss */
#i-Roadmap .swiper-pagination .swiper-pagination-bullet {
  margin: 0 7px;
  background: none;
  border: 2px solid #818181;
  width: 15px;
  height: 15px;
  opacity: 1;
}
/* line 92, ../sass/module/_main-index.scss */
#i-Roadmap .swiper-pagination .swiper-pagination-bullet-active {
  background: #a07400 !important;
  border: 2px solid #a07400;
}

/* line 99, ../sass/module/_main-index.scss */
#i-Shengyen {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  background-size: initial;
  background-position: 100% 100%;
  background-repeat: repeat;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 99, ../sass/module/_main-index.scss */
  #i-Shengyen {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex-wrap: nowrap;
    /* return the global variable to its initial value */
  }
}
/* line 108, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word {
  flex: 0 1 100%;
  padding: 50px 1rem;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 108, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_word {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex: 0 1 50%;
    padding: 68px 0 70px 0;
    /* return the global variable to its initial value */
  }
}
/* line 115, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word .i-S_word_wrap {
  max-width: 100%;
  float: right;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 115, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_word .i-S_word_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    max-width: 570px;
    /* return the global variable to its initial value */
  }
}
/* line 121, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word .i-S_word_wrap h1 {
  font-size: 1.75rem !important;
  line-height: initial !important;
  margin-bottom: 20px;
}
/* line 126, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word .i-S_word_wrap h1 span {
  display: block;
}
/* line 133, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word .i-S_word_wrap h2 {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 600;
  margin: 50px 0 0 0;
  color: #1a1a1a;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 767px) {
  /* line 133, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_word .i-S_word_wrap h2 {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    margin: 50px 0 20px 0;
    /* return the global variable to its initial value */
  }
}
/* line 143, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word .i-S_word_wrap a {
  margin: 0;
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-decoration: underline;
  color: #034638;
}
/* line 152, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word .i-S_word_wrap a svg {
  font-size: 1.25rem;
  vertical-align: middle;
  position: relative;
  bottom: 1px;
  margin-left: 5px;
}
/* line 159, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word .i-S_word_wrap a:hover {
  color: #a07400;
}
/* line 163, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_word .i-S_word_wrap .i-S_word_mobilenone {
  display: none;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 767px) {
  /* line 163, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_word .i-S_word_wrap .i-S_word_mobilenone {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: block;
    /* return the global variable to its initial value */
  }
}
/* line 171, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink {
  flex: 0 1 100%;
  background: #eee;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  background-size: cover;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 171, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex: 0 1 50%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    /* return the global variable to its initial value */
  }
}
/* line 186, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap {
  width: 100%;
  padding-left: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: left;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 300px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 186, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-left: 150px;
    padding-bottom: 70px;
    flex-wrap: nowrap;
    margin-top: 0;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 186, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-left: 160px;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1600px) {
  /* line 186, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-left: 210px;
    /* return the global variable to its initial value */
  }
}
/* line 207, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-playicon {
  background-color: #a07400;
}
/* line 209, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-playicon:after {
  content: "";
}
/* line 213, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-playicon svg {
  margin: 0 10px;
  color: #fff;
  font-size: 1.875rem;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/* line 223, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink {
  background: rgba(160, 116, 0, 0.8);
  width: calc(100% - 50px);
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 223, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 100%;
    /* return the global variable to its initial value */
  }
}
/* line 229, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul {
  padding: 1rem;
  width: 100%;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 229, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 338px;
    padding: 1rem 0 1rem 1rem;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 229, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 360px;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1600px) {
  /* line 229, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 310px;
    /* return the global variable to its initial value */
  }
}
/* line 242, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul a {
  color: #fff;
  font-size: 0.875rem;
}
/* line 246, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li {
  margin: 10px 0;
  color: #fff;
  line-height: 1;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 251, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li:after {
  content: "\f101";
  display: none;
}
/* line 256, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li svg {
  color: #fff;
  vertical-align: middle;
  margin-left: 5px;
  opacity: 0;
}
/* line 264, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li:hover svg {
  opacity: 1;
  margin-left: 10px;
}
/* line 268, ../sass/module/_main-index.scss */
#i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li:hover a {
  text-decoration: underline;
}
@media (min-width: 1278px) {
  /* line 246, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    margin: 0 0 0.5rem 0;
    /* return the global variable to its initial value */
  }
  /* line 274, ../sass/module/_main-index.scss */
  #i-Shengyen .i-S_videolink .i-S_videolink_wrap .i-palylink ul li:last-of-type {
    margin: 0;
  }
}

/* line 285, ../sass/module/_main-index.scss */
#i-News {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  padding: 50px 0;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 285, ../sass/module/_main-index.scss */
  #i-News {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 285, ../sass/module/_main-index.scss */
  #i-News {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 285, ../sass/module/_main-index.scss */
  #i-News {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  /* line 285, ../sass/module/_main-index.scss */
  #i-News {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 100px 0;
    /* return the global variable to its initial value */
  }
}
/* line 295, ../sass/module/_main-index.scss */
#i-News .i-N_title {
  flex: 0 1 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 295, ../sass/module/_main-index.scss */
  #i-News .i-N_title {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    margin-bottom: 40px;
    /* return the global variable to its initial value */
  }
}
/* line 304, ../sass/module/_main-index.scss */
#i-News .i-N_title h1 {
  display: inline-block;
}
/* line 308, ../sass/module/_main-index.scss */
#i-News .i-N_title a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  color: #1a1a1a;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 315, ../sass/module/_main-index.scss */
#i-News .i-N_title a:after {
  content: "\f101";
}
/* line 319, ../sass/module/_main-index.scss */
#i-News .i-N_title a svg {
  font-size: 1.125rem;
  vertical-align: middle;
  margin-left: 5px;
  color: #1a1a1a;
}
/* line 326, ../sass/module/_main-index.scss */
#i-News .i-N_title a:hover {
  color: #a07400;
}
/* line 328, ../sass/module/_main-index.scss */
#i-News .i-N_title a:hover svg {
  color: #a07400;
  margin-left: 10px;
}
@media (min-width: 1024px) {
  /* line 308, ../sass/module/_main-index.scss */
  #i-News .i-N_title a {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    position: absolute;
    top: 19%;
    /* return the global variable to its initial value */
  }
}
/* line 339, ../sass/module/_main-index.scss */
#i-News .i-N_first {
  width: 100%;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 339, ../sass/module/_main-index.scss */
  #i-News .i-N_first {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 45%;
    /* return the global variable to its initial value */
  }
}
/* line 349, ../sass/module/_main-index.scss */
#i-News .i-N_first .i-N_word {
  display: inline-block;
}
/* line 351, ../sass/module/_main-index.scss */
#i-News .i-N_first .i-N_word h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 20px 0 5px 0;
}
/* line 354, ../sass/module/_main-index.scss */
#i-News .i-N_first .i-N_word h2 a {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #034638;
}
/* line 362, ../sass/module/_main-index.scss */
#i-News .i-N_first .i-N_word h2:hover a {
  color: #a07400;
}
/* line 367, ../sass/module/_main-index.scss */
#i-News .i-N_first .i-N_word h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 500;
  color: #1a1a1a;
  margin-bottom: 5px;
}
/* line 375, ../sass/module/_main-index.scss */
#i-News .i-N_first .i-N_word p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #727272;
  line-height: 1.5rem !important;
}
/* line 383, ../sass/module/_main-index.scss */
#i-News .i-N-others {
  flex: 0 1 100%;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 383, ../sass/module/_main-index.scss */
  #i-News .i-N-others {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex: 0 1 50%;
    display: flex;
    /* return the global variable to its initial value */
  }
}
/* line 393, ../sass/module/_main-index.scss */
#i-News .i-N-others .i-N_others_cnt {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
}
/* line 398, ../sass/module/_main-index.scss */
#i-News .i-N-others .i-N_others_cnt .i-N_img {
  flex: 0 1 38% !important;
}
/* line 403, ../sass/module/_main-index.scss */
#i-News .i-N-others .i-N_others_cnt .i-N_word {
  flex: 0 1 62%;
  padding-left: 20px;
  float: left;
}
/* line 408, ../sass/module/_main-index.scss */
#i-News .i-N-others .i-N_others_cnt .i-N_word h2 a {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 500;
  margin-bottom: 10px;
  color: #034638;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/* line 418, ../sass/module/_main-index.scss */
#i-News .i-N-others .i-N_others_cnt .i-N_word h2:hover a {
  color: #a07400;
}
/* line 423, ../sass/module/_main-index.scss */
#i-News .i-N-others .i-N_others_cnt .i-N_word p {
  line-height: 1.5rem !important;
  color: #727272;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* line 435, ../sass/module/_main-index.scss */
#i-Affiliates {
  background-size: initial;
  background-position: 100% 100%;
  background-repeat: repeat;
  padding: 50px 0;
}

/* line 440, ../sass/module/_main-index.scss */
.i-Affiliates_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 440, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 440, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 440, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1278px) {
  /* line 440, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex-wrap: nowrap;
    /* return the global variable to its initial value */
  }
}
/* line 449, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps {
  flex: 0 1 100%;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 449, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_maps {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex: 0 1 52%;
    /* return the global variable to its initial value */
  }
}
/* line 454, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps h1 {
  height: 60px;
}
/* line 458, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg {
  position: relative;
  padding: 30px 0;
}
/* line 461, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania {
  position: absolute;
  font-size: 0.875rem;
}
/* line 464, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America a, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe a, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia a, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania a {
  color: #fff;
}
/* line 466, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia a:before, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania a:before {
  content: "\f3c5";
}
/* line 471, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America a:hover svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe a:hover svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia a:hover svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania a:hover svg {
  font-size: 2rem;
}
/* line 476, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia svg, .i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania svg {
  display: block;
  font-size: 1.375rem;
  margin: 0 auto;
  color: #a07400;
}
/* line 484, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .America {
  top: 33%;
  left: 12%;
}
/* line 488, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Europe {
  top: 30%;
  left: 54%;
}
/* line 492, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Asia {
  top: 40%;
  right: 22%;
}
/* line 496, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_maps .i-A_mapsImg .Oceania {
  bottom: 20%;
  right: 10%;
}
/* line 502, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search {
  width: 100%;
  background: #fff;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 502, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_search {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 42%;
    /* return the global variable to its initial value */
  }
}
/* line 510, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tablink {
  background: #fff;
  float: left;
  border: none;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  outline: none;
  cursor: pointer;
  padding: 19px 0;
  font-size: 1.125rem;
  width: 25%;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 522, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tablink:hover {
  background: #fff !important;
  color: #a07400;
}
/* line 526, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tablink:last-of-type {
  border-right: none;
}
@media (min-width: 1278px) {
  /* line 510, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_search .i-tablink {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 19px 16px;
    /* return the global variable to its initial value */
  }
}
/* line 533, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-A_search_cnt {
  width: 100%;
  display: inline-block;
  padding: 30px 1rem 0 1rem;
  position: relative;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 533, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_search .i-A_search_cnt {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 30px 25px 0 25px;
    /* return the global variable to its initial value */
  }
}
/* line 541, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-A_search_cnt input {
  font-size: 1rem;
  padding: 3.5px 3.5px 13.5px 33.5px;
  margin: 0;
  border: none;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
/* line 549, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-A_search_cnt button {
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 30px;
  height: 25px;
  top: 0;
  left: 0;
}
/* line 560, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-A_search_cnt button:after {
  content: "\f002";
}
/* line 564, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-A_search_cnt button svg {
  position: absolute;
  top: 30px;
  left: 25px;
  font-size: 1.5625rem;
  color: #959595;
}
/* line 573, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-A_search_cnt button:hover svg {
  color: #a07400;
}
/* line 579, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent {
  display: none;
  padding: 20px 1rem 30px 1rem;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 579, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_search .i-tabcontent {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 20px 25px 30px 25px;
    /* return the global variable to its initial value */
  }
}
/* line 585, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_scroll {
  max-height: 300px;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* line 591, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent ::-webkit-scrollbar {
  width: 10px;
}
/* line 594, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent ::-webkit-scrollbar-track {
  background: #e6e6e6;
}
/* line 597, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent ::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
/* line 600, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent ::-webkit-scrollbar-thumb:hover {
  background-color: #a07400;
}
/* line 603, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap {
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  justify-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 603, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    flex-wrap: nowrap;
    /* return the global variable to its initial value */
  }
}
/* line 613, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_img {
  width: 100%;
  height: 100px;
  overflow: hidden;
  position: relative;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 618, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_img img {
  height: 100%;
  width: auto;
  max-width: initial !important;
  position: relative;
  left: 0;
  transform: translateX(0);
}
@media (min-width: 1024px) {
  /* line 613, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_img {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 100px;
    /* return the global variable to its initial value */
  }
  /* line 628, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_img img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
/* line 635, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_word {
  width: 100%;
  padding-left: 0;
  margin-top: 10px;
  line-height: 1.125rem;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 640, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_word h3 {
  font-size: 0.9325rem;
}
/* line 643, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_word li {
  font-size: 0.875rem;
}
/* line 646, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_word a {
  color: #1a1a1a;
}
/* line 648, ../sass/module/_main-index.scss */
.i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_word a:hover {
  color: #a07400;
}
@media (min-width: 1024px) {
  /* line 635, ../sass/module/_main-index.scss */
  .i-Affiliates_wrap .i-A_search .i-tabcontent .i-tabcontent_wrap .i-tabcontent_word {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: calc(100% - 100px);
    padding-left: 10px;
    margin-top: 0;
    /* return the global variable to its initial value */
  }
}

/* line 663, ../sass/module/_main-index.scss */
#i-Life {
  padding-top: 0 !important;
}

/* line 667, ../sass/module/_main-index.scss */
#i-Discussion, #i-Life {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  padding: 50px 0;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1024px) {
  /* line 667, ../sass/module/_main-index.scss */
  #i-Discussion, #i-Life {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 667, ../sass/module/_main-index.scss */
  #i-Discussion, #i-Life {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 667, ../sass/module/_main-index.scss */
  #i-Discussion, #i-Life {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1278px) {
  /* line 667, ../sass/module/_main-index.scss */
  #i-Discussion, #i-Life {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding: 100px 0;
    /* return the global variable to its initial value */
  }
}
/* line 673, ../sass/module/_main-index.scss */
#i-Discussion .i-N_title, #i-Life .i-N_title {
  flex: 0 1 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 15px;
  position: relative;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 673, ../sass/module/_main-index.scss */
  #i-Discussion .i-N_title, #i-Life .i-N_title {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    margin-bottom: 40px;
    /* return the global variable to its initial value */
  }
}
/* line 682, ../sass/module/_main-index.scss */
#i-Discussion .i-N_title h1, #i-Life .i-N_title h1 {
  display: inline-block;
}
/* line 686, ../sass/module/_main-index.scss */
#i-Discussion .i-N_title a, #i-Life .i-N_title a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  color: #1a1a1a;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 693, ../sass/module/_main-index.scss */
#i-Discussion .i-N_title a:after, #i-Life .i-N_title a:after {
  content: "\f101";
}
/* line 697, ../sass/module/_main-index.scss */
#i-Discussion .i-N_title a svg, #i-Life .i-N_title a svg {
  font-size: 1.125rem;
  vertical-align: middle;
  margin-left: 5px;
  color: #1a1a1a;
}
/* line 704, ../sass/module/_main-index.scss */
#i-Discussion .i-N_title a:hover, #i-Life .i-N_title a:hover {
  color: #a07400;
}
/* line 706, ../sass/module/_main-index.scss */
#i-Discussion .i-N_title a:hover svg, #i-Life .i-N_title a:hover svg {
  color: #a07400;
  margin-left: 10px;
}
@media (min-width: 1278px) {
  /* line 686, ../sass/module/_main-index.scss */
  #i-Discussion .i-N_title a, #i-Life .i-N_title a {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    position: absolute;
    top: 19%;
    /* return the global variable to its initial value */
  }
}
/* line 722, ../sass/module/_main-index.scss */
#i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_word, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_word, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_word, #i-Life .i-Life_wrap .i-D_col .i-D_col_word {
  display: inline-block;
}
/* line 724, ../sass/module/_main-index.scss */
#i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_word h2, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_word h2, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_word h2, #i-Life .i-Life_wrap .i-D_col .i-D_col_word h2 {
  margin: 30px 0 15px 0;
}
/* line 726, ../sass/module/_main-index.scss */
#i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_word h2 a, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_word h2 a, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_word h2 a, #i-Life .i-Life_wrap .i-D_col .i-D_col_word h2 a {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #034638;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
/* line 733, ../sass/module/_main-index.scss */
#i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_word h2 a:hover, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_word h2 a:hover, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_word h2 a:hover, #i-Life .i-Life_wrap .i-D_col .i-D_col_word h2 a:hover {
  color: #a07400;
}
/* line 738, ../sass/module/_main-index.scss */
#i-Discussion .i-Discussion_wrap .i-D_col .i-D_col_word p, #i-Discussion .i-Life_wrap .i-D_col .i-D_col_word p, #i-Life .i-Discussion_wrap .i-D_col .i-D_col_word p, #i-Life .i-Life_wrap .i-D_col .i-D_col_word p {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #727272;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/* line 748, ../sass/module/_main-index.scss */
#i-Discussion .swiper-navigation, #i-Life .swiper-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 50px;
}
/* line 754, ../sass/module/_main-index.scss */
#i-Discussion .swiper-navigation .gallery-swiper-button-next, #i-Life .swiper-navigation .gallery-swiper-button-next {
  cursor: pointer;
}
/* line 756, ../sass/module/_main-index.scss */
#i-Discussion .swiper-navigation .gallery-swiper-button-next:after, #i-Life .swiper-navigation .gallery-swiper-button-next:after {
  content: "\f054";
}
/* line 761, ../sass/module/_main-index.scss */
#i-Discussion .swiper-navigation .gallery-swiper-button-prev, #i-Life .swiper-navigation .gallery-swiper-button-prev {
  cursor: pointer;
}
/* line 763, ../sass/module/_main-index.scss */
#i-Discussion .swiper-navigation .gallery-swiper-button-prev:after, #i-Life .swiper-navigation .gallery-swiper-button-prev:after {
  content: "\f053";
}
/* line 768, ../sass/module/_main-index.scss */
#i-Discussion .swiper-navigation svg, #i-Life .swiper-navigation svg {
  color: #1a1a1a;
  font-size: 1.25rem;
  margin: 0 15px;
}
/* line 773, ../sass/module/_main-index.scss */
#i-Discussion .swiper-navigation svg:hover, #i-Life .swiper-navigation svg:hover {
  color: #a07400;
}

/* line 780, ../sass/module/_main-index.scss */
#i-Prescription {
  background-size: initial;
  background-position: 100% 100%;
  background-repeat: repeat;
  padding: 50px 0;
}
/* line 783, ../sass/module/_main-index.scss */
#i-Prescription .i-Prescription_wrap {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  position: relative;
}
@media (min-width: 1024px) {
  /* line 783, ../sass/module/_main-index.scss */
  #i-Prescription .i-Prescription_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 2rem !important;
    padding-left: 2rem !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1440px) {
  /* line 783, ../sass/module/_main-index.scss */
  #i-Prescription .i-Prescription_wrap {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* return the global variable to its initial value */
  }
}
@media (min-width: 1140px) {
  /* line 783, ../sass/module/_main-index.scss */
  #i-Prescription .i-Prescription_wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 786, ../sass/module/_main-index.scss */
#i-Prescription .i-Prescription_wrap h1 {
  margin-bottom: 30px;
}
/* line 790, ../sass/module/_main-index.scss */
#i-Prescription .i-Prescription_wrap a {
  color: #1a1a1a;
  font-size: 1rem;
  line-height: 1.5rem;
}
/* line 794, ../sass/module/_main-index.scss */
#i-Prescription .i-Prescription_wrap a:hover {
  color: #a07400;
}
/* line 798, ../sass/module/_main-index.scss */
#i-Prescription .i-Prescription_wrap span {
  display: block;
}
/* line 801, ../sass/module/_main-index.scss */
#i-Prescription .i-Prescription_wrap b {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.125rem;
  display: block;
  text-align: right;
  padding-left: 0;
  margin-top: 20px;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 801, ../sass/module/_main-index.scss */
  #i-Prescription .i-Prescription_wrap b {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    text-align: center;
    padding-left: 30%;
    margin-top: 0;
    /* return the global variable to its initial value */
  }
}
/* line 817, ../sass/module/_main-index.scss */
#i-Prescription .i-Prescription_wrap .i-P_bg {
  display: none;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
@media (min-width: 1278px) {
  /* line 817, ../sass/module/_main-index.scss */
  #i-Prescription .i-Prescription_wrap .i-P_bg {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    display: block;
    /* return the global variable to its initial value */
  }
}

/* line 2, ../sass/module/_RingTheBell-page.scss */
#wrapper .container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* line 8, ../sass/module/_RingTheBell-page.scss */
#bell-page {
  /* Bell Step */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 9, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object {
  position: relative;
  margin: 0 0 1.875rem 0;
}
/* line 12, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .continue-button {
  height: 1.9375rem;
  text-align: center;
  margin: 0.5rem 0 0 0;
}
/* line 16, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .continue-button a {
  color: #fff;
  text-shadow: 0 0 8px #fff;
}
/* line 19, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .continue-button a:before {
  content: '';
  position: relative;
  display: inline-block;
  background: url(../images/bell/button-bg1.png) no-repeat;
  background-size: contain;
  width: 2.75rem;
  height: 1rem;
  left: 0.125rem;
  z-index: -1;
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 31, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .continue-button a:after {
  content: '';
  position: relative;
  display: inline-block;
  background: url(../images/bell/button-bg2.png) no-repeat;
  background-size: contain;
  width: 1.75rem;
  height: 0.9375rem;
  top: 0.375rem;
  right: 0.125rem;
  z-index: -1;
}
/* line 44, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .continue-button a:hover:before, #bell-page .bell-object .continue-button a:hover:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -moz-animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* line 52, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .continue-button a:hover:before {
  -moz-animation-name: hvr-icon-leave1;
  -webkit-animation-name: hvr-icon-leave1;
  animation-name: hvr-icon-leave1;
  -moz-animation-timing-function: cubic-bezier(0.52, 0.64, 0.37, 0.66);
  -webkit-animation-timing-function: cubic-bezier(0.52, 0.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 0.64, 0.37, 0.66);
}
/* line 56, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .continue-button a:hover:after {
  -moz-animation-name: hvr-icon-leave2;
  -webkit-animation-name: hvr-icon-leave2;
  animation-name: hvr-icon-leave2;
  -moz-animation-timing-function: cubic-bezier(0.52, 0.64, 0.37, 0.66);
  -webkit-animation-timing-function: cubic-bezier(0.52, 0.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 0.64, 0.37, 0.66);
}
/* line 64, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object > div > div {
  position: relative;
}
/* line 68, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .bell-inner {
  width: 100%;
  padding: 0 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
}
/* line 76, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .bell-inner .caption {
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 8px #fff;
  /* &:before,
  &:after {
      display: block;
      @extend %p-font4;
  }
  &:before {
      content: '“';
      margin: 0 0 0.3125rem 0;
  }
  &:after {
      content: '”';
      margin: 0.625rem 0 0 0;
  } */
}
/* line 95, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .bell-inner .caption span {
  display: block;
}
/* line 99, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .bell-inner .count {
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 8px #fff;
  margin: 1rem 0;
}
/* line 105, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .bell-inner .count span {
  margin: 0 1rem;
}
/* line 110, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .bell-img {
  position: relative;
  display: block;
  text-align: center;
  overflow: hidden;
}
/* line 115, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .bell-img span {
  display: inline-block;
  background: #000;
}
/* line 118, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .bell-img span img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  display: block;
  margin: auto;
}
/* line 126, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .already span {
  background: none;
}
/* line 128, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-object .already span img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 154, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content h2 {
  -webkit-font-smoothing: antialiased;
  font-size: 1.375rem;
  font-weight: normal;
  color: #54585a;
  line-height: normal;
  padding: 0 0 0.5rem 0;
  margin: 0 0 1.25rem 0;
  border-bottom: 1px solid #dbdbdb;
}
/* line 163, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content h2:before {
  content: '\f684';
}
/* line 167, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content h2 svg {
  margin: 0 0.625rem 0 0;
  vertical-align: -2px;
}
/* line 173, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .description {
  color: #54585a;
  padding: 0;
  border-bottom: none;
  margin: 0 0 1.875rem 0;
}
/* line 179, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list {
  position: relative;
}
/* line 181, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: calc(90% - 60px);
  background: #dbdbdb;
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 0;
}
/* line 192, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list .flex-start {
  align-items: flex-start !important;
}
/* line 195, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list .step-item {
  display: flex;
  margin-bottom: 1.875rem;
  cursor: default;
  position: relative;
  z-index: 1;
}
/* line 201, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list .step-item .step-number {
  position: relative;
  flex: 0 0 auto;
  width: 4.125rem;
  height: 4.125rem;
  background: #969a9c;
  color: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-right: 1rem;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 212, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list .step-item .step-number span {
  width: 100%;
  padding: 0 0.5rem;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* line 222, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list .step-item .step-inner {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 228, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list .step-item .step-inner span {
  display: block;
  margin: 0.625rem 0 0 0;
}
/* line 234, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list .step-item:hover .step-number {
  background: #034638;
}
/* line 237, ../sass/module/_RingTheBell-page.scss */
#bell-page .bell-content .step-list .step-item:hover .step-inner {
  color: #54585a;
}
@media (min-width: 375px) {
  /* line 8, ../sass/module/_RingTheBell-page.scss */
  #bell-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 247, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .caption {
    font-size: 1rem;
    /* &:before,
    &:after {
        font-size: 1.625rem;
    } */
  }
  /* line 254, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .count {
    font-size: 1rem;
  }
  /* line 260, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content:after {
    height: 15.375rem;
  }
}
@media (min-width: 414px) {
  /* line 8, ../sass/module/_RingTheBell-page.scss */
  #bell-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 267, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .continue-button {
    margin: 1.25rem 0 0 0;
  }
  /* line 271, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .count {
    margin: 1.875rem 0 0 0;
  }
  /* line 277, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content:after {
    height: 16.875rem;
  }
  /* line 282, ../sass/module/_RingTheBell-page.scss */
  #bell-page .step-list:after {
    height: calc(90% - 100px);
  }
}
@media (min-width: 568px) {
  /* line 8, ../sass/module/_RingTheBell-page.scss */
  #bell-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 289, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .continue-button {
    margin: 1.875rem 0 0 0;
  }
  /* line 293, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .caption {
    font-size: 1.25rem;
    /* &:before,
    &:after {
        font-size: 1.875rem;
    }
    &:before {
        margin: 0 0 1.25rem 0;
    }
    &:after {
        margin: 2.5rem 0 0 0;
    } */
  }
  /* line 306, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .count {
    font-size: 1.25rem;
    margin: 2.5rem 0 0 0;
  }
  /* line 313, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content:after {
    height: 23.375rem;
  }
  /* line 317, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content .step-list:after {
    top: 2.375rem;
    left: 2.375rem;
  }
  /* line 323, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content .step-list .step-item .step-number {
    width: 4.75rem;
    height: 4.75rem;
  }
}
@media (min-width: 992px) {
  /* line 8, ../sass/module/_RingTheBell-page.scss */
  #bell-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 335, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .caption {
    /* &:before,
    &:after {
        font-size: 2.25rem;
        line-height: normal;
    } */
  }
  /* line 344, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .count {
    font-size: 1.5rem;
    margin: 3.75rem 0 0 0;
  }
  /* line 351, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content:after {
    width: 19rem;
    height: 12.5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -9;
  }
}
@media (min-width: 1024px) {
  /* line 8, ../sass/module/_RingTheBell-page.scss */
  #bell-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 369, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object {
    /* .continue-button.hit {
        position: absolute;
        bottom: 1.875rem;
        left: 1rem;
        z-index: 9;
    } */
    /* .continue-button.again {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 9;
        @include transform(translate(-50%, -50%));
    } */
  }
  /* line 370, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .continue-button {
    height: auto;
  }
  /* line 372, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .continue-button a {
    font-size: 1.25rem;
    font-weight: normal;
    color: #fff;
    line-height: 1.5rem;
  }
  /* line 392, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner {
    padding: 0 1.875rem;
  }
  /* line 394, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .caption {
    line-height: 3rem;
  }
  /* line 397, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .continue-button {
    margin: 7.5rem 0 0 0;
  }
  /* line 402, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object #step-three .bell-inner {
    position: absolute;
    width: auto;
    padding: 0;
    z-index: 9;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* line 411, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object #step-three .bell-inner .continue-button.hit {
    margin: 0;
  }
  /* line 417, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object #step-four .bell-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  /* line 423, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object #step-four .bell-inner .continue-button.again {
    margin: 0;
  }
  /* line 430, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content:after {
    width: 24.375rem;
    height: 16.0625rem;
  }
  /* line 434, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content h2 {
    font-size: 1.625rem;
    margin: 0 0 1.875rem 0;
  }
  /* line 438, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content .description {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  /* line 443, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content .step-list:after {
    height: calc(90% - 80px);
    top: 2.5rem;
    left: 2.5rem;
  }
  /* line 449, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content .step-list .step-item .step-number {
    width: 5rem;
    height: 5rem;
    margin-right: 1.875rem;
  }
}
@media (min-width: 1278px) {
  /* line 8, ../sass/module/_RingTheBell-page.scss */
  #bell-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 460, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object > div {
    width: 58.75rem;
    margin: auto;
  }
  /* line 464, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner {
    padding: 0 2.5rem;
  }
  /* line 470, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-content .step-list .step-item {
    align-items: center;
  }
}
@media (min-width: 1366px) {
  /* line 8, ../sass/module/_RingTheBell-page.scss */
  #bell-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 482, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object > div {
    width: 100%;
  }
  /* line 486, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-img span {
    width: 100%;
  }
  /* line 488, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-img span img {
    width: 100%;
  }
  /* line 494, ../sass/module/_RingTheBell-page.scss */
  #bell-page .bell-object .bell-inner .continue-button {
    margin: 10rem 0 0 0;
  }
}

/* line 1, ../sass/module/_SignAPoem.scss */
.editor {
  display: flow-root;
}

/* line 5, ../sass/module/_SignAPoem.scss */
#fortune-page {
  position: relative;
  display: flow-root;
  width: 100%;
  float: left;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 10, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content {
  position: relative;
  width: 100%;
  padding: 2rem 1rem 5rem 1rem;
  z-index: 1;
}
/* line 15, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .description {
  color: #332500;
  padding: 0;
  border-bottom: none;
  margin: 0 0 1.875rem 0;
}
/* line 21, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .step-list {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0 0 1.25rem 0;
}
/* line 27, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .step-list .step-item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 1.875rem;
  cursor: default;
}
/* line 33, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .step-list .step-item .step-number {
  position: relative;
  flex: 0 0 auto;
  margin-right: 1.25rem;
  margin-bottom: 0;
}
/* line 38, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .step-list .step-item .step-number span {
  display: inline-block;
  color: #332500;
  border: 1px solid #59493f;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0.25rem 1rem;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 47, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .step-list .step-item .step-inner {
  display: flex;
  flex: 1 1 auto;
  color: #59493f;
  flex-direction: column;
  justify-content: center;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* line 57, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .step-list .step-item:hover .step-number span {
  color: #fff;
  background: #a07400;
  border: 1px solid #a07400;
}
/* line 66, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .input-bar {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 71, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .input-bar input[type="text"],
#fortune-page .fortune-content .input-bar input[type="number"] {
  width: 100%;
  background: #fff;
  font-size: 1rem;
  padding: 0.75rem 0.625rem;
  margin: 0  0 0.5rem 0;
  cursor: auto;
}
/* line 80, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .input-bar input[type="text"]:hover, #fortune-page .fortune-content .input-bar input[type="text"]:focus,
#fortune-page .fortune-content .input-bar input[type="number"]:hover,
#fortune-page .fortune-content .input-bar input[type="number"]:focus {
  border: 1px solid #59493f;
}
/* line 85, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .input-bar input[type="submit"] {
  width: 100%;
  background: #59493f;
  color: #fff;
  border: 1px solid #59493f;
  padding: 0.625rem 1.875rem;
  font-size: 1rem;
}
/* line 92, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-content .input-bar input[type="submit"]:hover {
  background: #695f52;
  border: 1px solid #695f52;
}
/* line 99, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-img {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 107, ../sass/module/_SignAPoem.scss */
#fortune-page .fortune-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 767px) {
  /* line 5, ../sass/module/_SignAPoem.scss */
  #fortune-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 115, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .input-bar {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 118, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .input-bar input[type="text"],
  #fortune-page .fortune-content .input-bar input[type="number"] {
    width: 18.75rem;
    margin: 0 0.5rem 0 0;
  }
  /* line 123, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .input-bar input[type="submit"] {
    width: auto;
  }
}
@media (min-width: 992px) {
  /* line 5, ../sass/module/_SignAPoem.scss */
  #fortune-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    background: none;
    /* return the global variable to its initial value */
  }
  /* line 131, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content {
    padding: 2rem;
  }
  /* line 136, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .step-list {
    margin: 0 0 1.875rem 0;
  }
  /* line 138, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .step-list .step-item {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  /* line 141, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .step-list .step-item .step-number {
    margin-bottom: 0;
  }
  /* line 148, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-img {
    display: block;
  }
}
@media (min-width: 1024px) {
  /* line 5, ../sass/module/_SignAPoem.scss */
  #fortune-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 153, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content {
    padding: 3rem 3rem 7rem 3rem;
  }
  /* line 155, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .description {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  /* line 159, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .step-list {
    margin: 0 0 5rem 0;
  }
}
@media (min-width: 1278px) {
  /* line 5, ../sass/module/_SignAPoem.scss */
  #fortune-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 165, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content {
    padding: 3.75rem 3.75rem 200px 3.75rem;
  }
}
@media (min-width: 1366px) {
  /* line 5, ../sass/module/_SignAPoem.scss */
  #fortune-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 171, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .step-list {
    margin: 0 0 6.25rem 0;
  }
}
@media (min-width: 1440px) {
  /* line 5, ../sass/module/_SignAPoem.scss */
  #fortune-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 178, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content .step-list {
    margin: 0 0 7.5rem 0;
  }
}
@media (min-width: 1600px) {
  /* line 5, ../sass/module/_SignAPoem.scss */
  #fortune-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 184, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content {
    padding: 5rem;
  }
}
@media (min-width: 1920px) {
  /* line 5, ../sass/module/_SignAPoem.scss */
  #fortune-page {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 189, ../sass/module/_SignAPoem.scss */
  #fortune-page .fortune-content {
    padding: 6.25rem;
  }
}

/* line 195, ../sass/module/_SignAPoem.scss */
.sign-poem {
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* @include susy-at($med568) {
      .sign-content {
          .sign-item {
              height: 13.75rem;
              justify-content: flex-start;
              align-items: center;
              background: url(../images/bookmark2.png) no-repeat;
              background-size: cover;
              background-position: center left;
              padding: 1.25rem 1.25rem 1.25rem 11.25rem;
              img {
                  @include opacity(0.25);
              }
              .item-inner {
                  text-align: left;
              }
          }
      }
  }
  @include susy-at($med) {
      .sign-content {
          .sign-item {
              height: 10.375rem;
              padding: 1.25rem 1.25rem 1.25rem 8.75rem;
              img {
                  height: 9.375rem;
              }
              .item-img {
                  top: 50%;
                  bottom: auto;
                  @include transform(translate(0, -50%));
              }
          }
      }
  } */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 197, ../sass/module/_SignAPoem.scss */
.sign-poem .sign-content .sign-item {
  position: relative;
  height: 30.625rem;
  display: flex;
  justify-content: center;
  align-content: center;
  background: url(../images/bookmark3.png) no-repeat;
  background-size: contain;
  background-position: center;
  padding: 11.625rem 1.25rem 1.25rem 1.25rem;
  margin-bottom: 1.25rem;
  z-index: 1;
}
/* line 209, ../sass/module/_SignAPoem.scss */
.sign-poem .sign-content .sign-item img {
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  height: 6.25rem;
  margin: auto;
  mix-blend-mode: multiply;
}
/* line 216, ../sass/module/_SignAPoem.scss */
.sign-poem .sign-content .sign-item .item-inner {
  color: #54585a;
  text-align: center;
  z-index: 1;
  font-size: 1.25rem;
}
/* line 222, ../sass/module/_SignAPoem.scss */
.sign-poem .sign-content .sign-item .item-img {
  position: absolute;
  bottom: 1rem;
  right: 0.625rem;
}
/* line 229, ../sass/module/_SignAPoem.scss */
.sign-poem .sign-content .more-button:before {
  content: '';
  display: inline-block;
  background: url(../images/guanyin.png) no-repeat;
  background-size: contain;
  /* width: 2.875rem;
  height: 4rem; */
  width: 2.5rem;
  height: 3.5rem;
  vertical-align: -0.375rem;
}
/* line 242, ../sass/module/_SignAPoem.scss */
.sign-poem .fortune-img {
  display: none !important;
}
@media (min-width: 375px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 247, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content:after {
    width: 5.625rem;
    height: 7.8125rem;
  }
  /* line 251, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 39.125rem;
    padding: 16.25rem 1.875rem 1.875rem 1.875rem;
    background-size: cover;
    background-position: center top;
  }
  /* line 256, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item img {
    height: 7.5rem;
  }
}
@media (min-width: 414px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 264, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 43.125rem;
    padding: 19.625rem 1.25rem 1.25rem 1.25rem;
  }
}
@media (min-width: 568px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    background: url(../images/fortune-bg3.jpg) no-repeat !important;
    background-size: cover !important;
    background-position: 50% !important;
    /* return the global variable to its initial value */
  }
  /* line 309, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content {
    float: right;
    width: 50%;
    margin: 1.875rem 1.25rem;
  }
  /* line 313, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: auto;
    padding: 12rem 1.25rem 1.25rem 1.25rem;
    margin-bottom: 1.875rem;
  }
  /* line 319, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .more-button:before {
    display: none;
  }
}
@media (min-width: 767px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    background-position: 45% !important;
    /* return the global variable to its initial value */
  }
  /* line 327, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content {
    width: 39%;
  }
  /* line 329, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 550px;
    background-size: 100%;
    background-position: center;
  }
  /* line 334, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item .item-inner {
    position: absolute;
    top: 40%;
    padding: 0 10%;
  }
}
@media (min-width: 992px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 364, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content {
    width: 20.625rem;
  }
  /* line 366, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 34.375rem;
  }
}
@media (min-width: 1024px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    background: none !important;
    /* return the global variable to its initial value */
  }
  /* line 373, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content {
    width: 21.625rem;
    margin: 2rem 4% 2rem 0;
    z-index: 1;
  }
  /* line 381, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 36rem;
    padding: 16.25rem 2.5rem 2.5rem 2.5rem;
  }
  /* line 385, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .more-button {
    position: relative;
    bottom: auto;
    right: auto;
  }
  /* line 391, ../sass/module/_SignAPoem.scss */
  .sign-poem .fortune-img {
    display: block !important;
  }
}
@media (min-width: 1278px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 396, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content {
    width: 20.25rem;
    margin: 2rem 6% 2rem 0;
  }
  /* line 399, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 33.75rem;
    padding: 13.75rem 2.5rem 2.5rem 2.5rem;
  }
}
@media (min-width: 1366px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 406, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content {
    width: 23.75rem;
  }
  /* line 408, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 39.625rem;
    padding: 16.25rem 2.5rem 2.5rem 2.5rem;
  }
}
@media (min-width: 1600px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 415, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content {
    width: 26.625rem;
  }
  /* line 417, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 44.375rem;
    padding: 18.75rem 3.75rem 3.75rem 3.75rem;
    margin-bottom: 3.75rem;
  }
  /* line 421, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item .item-img {
    bottom: 1rem;
  }
}
@media (min-width: 1920px) {
  /* line 195, ../sass/module/_SignAPoem.scss */
  .sign-poem {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    /* return the global variable to its initial value */
  }
  /* line 428, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content {
    width: 32.375rem;
  }
  /* line 430, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item {
    height: 54rem;
    padding: 22.5rem 5rem 5rem 5rem;
    margin-bottom: 3.75rem;
  }
  /* line 434, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item .item-inner {
    font-size: 1.25rem;
  }
  /* line 438, ../sass/module/_SignAPoem.scss */
  .sign-poem .sign-content .sign-item .item-img img {
    height: 11.25rem;
  }
}

/* line 448, ../sass/module/_SignAPoem.scss */
.more-button {
  position: relative;
  float: right;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25rem;
  color: #54585a;
  z-index: 1;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 457, ../sass/module/_SignAPoem.scss */
.more-button:after {
  content: '\f324';
}
/* line 461, ../sass/module/_SignAPoem.scss */
.more-button svg {
  width: 0.5rem !important;
  margin: 0 0 0 8px;
  vertical-align: -4px;
}
/* line 466, ../sass/module/_SignAPoem.scss */
.more-button:hover {
  color: #034638;
}
@media (min-width: 992px) {
  /* line 448, ../sass/module/_SignAPoem.scss */
  .more-button {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    font-size: 1.125rem;
    line-height: 1.5rem;
    /* return the global variable to its initial value */
  }
}

/* line 1, ../sass/module/_Search-page.scss */
.p-Search_page {
  display: inline-block;
}
/* line 3, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant {
  width: 100%;
  margin-bottom: 50px;
  float: left;
}
/* line 8, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_title h2 {
  font-weight: 500;
  font-size: 1.5rem;
}
/* line 11, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_title h2 a {
  color: #034638;
  word-break: break-all;
}
/* line 18, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_title h2:hover a:hover {
  color: #a07400;
}
/* line 25, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_title .type_css {
  margin-left: 1rem;
  color: #a07400;
}
/* line 29, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_title .url_text {
  display: block;
  margin: 0 0 1rem 0;
  font-size: 0.875rem;
}
/* line 33, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_title .url_text a {
  color: #727272;
  word-break: break-all;
}
/* line 36, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_title .url_text a:hover {
  color: #a07400;
}
/* line 42, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_wrap {
  float: left;
}
/* line 44, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_wrap .p-SP_img {
  float: left;
  width: 40%;
  padding-top: calc(40% * 3 / 4);
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 1rem 1rem 0;
  /* parse and normalize any shorthand arguments */
  /* build min-and-max queries */
  /* combine them if we need both */
  /* or fall back to the value we need */
  /* apply the results */
}
/* line 52, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_wrap .p-SP_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: auto;
  width: 100% !important;
}
@media (min-width: 992px) {
  /* line 44, ../sass/module/_Search-page.scss */
  .p-Search_page .p-SP_contant .p-SP_wrap .p-SP_img {
    /* parse and normalize any shorthand arguments */
    /* record the global settings - */
    /* and update the global variable with our new settings */
    /* any content inside this mixin */
    /* will use the local settings */
    width: 20%;
    padding-top: calc(20% * 3 / 4);
    /* return the global variable to its initial value */
  }
}
/* line 66, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_wrap .p-SP_word {
  font-size: 1rem;
  color: #1a1a1a;
}
/* line 69, ../sass/module/_Search-page.scss */
.p-Search_page .p-SP_contant .p-SP_wrap .p-SP_word p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 30px 0;
}

/* line 82, ../sass/module/_Search-page.scss */
.p-pagination {
  clear: both;
}

/* line 88, ../sass/module/_Search-page.scss */
.p-SP_h {
  margin: 0 0 1rem 0;
}