@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Manrope:wght@300;400;500;700;800&family=Montserrat:ital,wght@0,200;1,200&family=Noto+Sans+TC:wght@300;400;500;700&display=swap");
@import url("css/plugins/aos.css");
@import url("css/plugins/bootstrap.css");
@import url("css/plugins/sweetalert2.css");
@import url("css/plugins/animate.css");
@import url("fonts/css/style.css");
/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: 'lightcase';
  src: url("fonts/font/lightcase.eot");
  src: url("fonts/font/lightcase.eot#iefix") format("embedded-opentype"), url("fonts/font/lightcase.woff") format("woff"), url("fonts/font/lightcase.ttf") format("truetype"), url("fonts/font/lightcase.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
[class*='lightcase-icon-']:before {
  font-family: 'lightcase', sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/* Codes */
.lightcase-icon-play:before {
  content: '\e800'; }

.lightcase-icon-pause:before {
  content: '\e801'; }

.lightcase-icon-close:before {
  content: '\e802'; }

.lightcase-icon-prev:before {
  content: '\e803'; }

.lightcase-icon-next:before {
  content: '\e804'; }

.lightcase-icon-spin:before {
  content: '\e805'; }

/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-moz-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-o-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-ms-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg); } }
#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
  text-align: left; }
  @media screen and (max-width: 480px) {
    html[data-lc-type=inline] #lightcase-case, html[data-lc-type=ajax] #lightcase-case {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      margin: 0 !important;
      padding: 55px 0 70px 0;
      width: 100% !important;
      height: 100% !important;
      overflow: auto !important; } }

@media screen and (min-width: 481px) {
  html:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden; } }
@media screen and (min-width: 481px) {
  html[data-lc-type=image] #lightcase-content, html[data-lc-type=video] #lightcase-content {
    background-color: #333; } }
html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }
  @media screen and (max-width: 480px) {
    html[data-lc-type=inline] #lightcase-content, html[data-lc-type=ajax] #lightcase-content, html[data-lc-type=error] #lightcase-content {
      position: relative !important;
      top: auto !important;
      left: auto !important;
      width: auto !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
      background: none !important; } }
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 480px) {
      html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
        padding: 15px; }
        html[data-lc-type=inline] #lightcase-content .lightcase-contentInner, html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *, html[data-lc-type=error] #lightcase-content .lightcase-contentInner, html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
          width: 100% !important;
          max-width: none !important; }
        html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe), html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
          height: auto !important;
          max-height: none !important; } }
@media screen and (max-width: 480px) {
  #lightcase-content .lightcase-contentInner {
    max-height: 65vh; }
    html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
      overflow: auto;
      -webkit-overflow-scrolling: touch; } }
  @media screen and (max-width: 480px) and (min-width: 481px) {
    html[data-lc-type=image] #lightcase-content .lightcase-contentInner, html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
      line-height: 0.75; } }
@media screen and (max-width: 480px) {
    #lightcase-content .lightcase-contentInner img {
      display: block;
      max-height: 100% !important;
      margin: 0 auto; } }
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important; }
@media screen and (max-width: 480px) {
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap, html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important; } }
@media screen and (min-width: 481px) {
  html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; } }
@media screen and (max-width: 480px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #fff; } }
@media screen and (min-width: 481px) {
  #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
    color: #333; } }

#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa; }
  @media screen and (max-width: 480px) {
    #lightcase-case p.lightcase-error {
      padding: 30px 0; } }
  @media screen and (min-width: 481px) {
    #lightcase-case p.lightcase-error {
      padding: 0; } }

.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%; }

#lightcase-info {
  position: absolute;
  padding-top: 15px; }
  #lightcase-info #lightcase-title,
  #lightcase-info #lightcase-caption {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-weight: normal;
    text-overflow: ellipsis; }
  #lightcase-info #lightcase-title {
    font-size: 17px;
    color: #fff; }
    @media screen and (max-width: 480px) {
      #lightcase-info #lightcase-title {
        position: fixed;
        top: 10px;
        left: 0;
        max-width: 87.5%;
        padding: 5px 15px;
        background: #333; } }
  #lightcase-info #lightcase-caption {
    clear: both;
    font-size: 13px;
    color: #fff; }
  #lightcase-info #lightcase-sequenceInfo {
    font-size: 11px;
    color: #fff; }
  @media screen and (max-width: 480px) {
    .lightcase-fullScreenMode #lightcase-info {
      padding-left: 15px;
      padding-right: 15px; }
    html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
      position: static; } }

#lightcase-loading {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  -moz-animation: lightcase-spin 0.5s infinite linear;
  -o-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear; }
  #lightcase-loading, #lightcase-loading:focus {
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s; }
  #lightcase-loading > span {
    display: inline-block;
    text-indent: -9999px; }

a[class*='lightcase-icon-'] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer; }
  a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus {
    text-decoration: none;
    color: white;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: color, opacity, ease-in-out 0.25s;
    -moz-transition: color, opacity, ease-in-out 0.25s;
    -o-transition: color, opacity, ease-in-out 0.25s;
    transition: color, opacity, ease-in-out 0.25s; }
  a[class*='lightcase-icon-'] > span {
    display: inline-block;
    text-indent: -9999px; }
  a[class*='lightcase-icon-']:hover {
    color: white;
    text-shadow: 0 0 15px white; }
  .lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
    color: #aaa;
    text-shadow: none; }
  a[class*='lightcase-icon-'].lightcase-icon-close {
    position: fixed;
    top: 15px;
    right: 15px;
    bottom: auto;
    margin: 0;
    opacity: 0;
    outline: none; }
  a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 15px; }
  a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 15px; }
  a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
    left: 50%;
    margin-left: -0.5em; }
    @media screen and (min-width: 481px) {
      a[class*='lightcase-icon-'].lightcase-icon-pause, a[class*='lightcase-icon-'].lightcase-icon-play {
        opacity: 0; } }
  @media screen and (max-width: 480px) {
    a[class*='lightcase-icon-'] {
      bottom: 15px;
      font-size: 24px; } }
  @media screen and (min-width: 481px) {
    a[class*='lightcase-icon-'] {
      bottom: 50%;
      margin-bottom: -0.5em; }
      a[class*='lightcase-icon-']:hover, #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
        opacity: 1; } }

#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: #333; }
  @media screen and (max-width: 480px) {
    #lightcase-overlay {
      opacity: 0.95 !important; } }

/* -------------------------------------------
 *  reset
 * ------------------------------------------ */
* {
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline; }

header, main, footer, article, aside, details, figcaption, figure, hgroup, menu, nav, section, address, fieldset, legend {
  display: block; }

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

table {
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-backface-visibility: visible;
  -moz-backface-visibility: visible;
  backface-visibility: visible; }

a {
  color: inherit; }

a, a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
  outline: 0;
  outline-offset: 0px; }

a[role="button"] {
  user-select: none; }

b, strong {
  font-weight: 700; }

i, em {
  font-style: italic; }

s, strike {
  text-decoration: line-through; }

ul {
  margin-left: 1.15em; }

ol {
  margin-left: 1.1em; }

img {
  max-width: 100%;
  height: auto;
  border: none;
  outline: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.chrome img {
  image-rendering: -webkit-optimize-contrast; }

div, button, input, select, textarea, a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  color: inherit; }

button, input {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  border-radius: 0;
  color: inherit; }

button, select {
  text-transform: none; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none; }

textarea {
  width: 100%;
  resize: none; }

figure, address, fieldset, legend {
  margin: 0;
  padding: 0; }

* {
  min-width: 0;
  min-height: 0;
  border: none; }

*, *:focus {
  outline: 0; }

*, *::before, *::after, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

/* -------------------------------------------
 *  basic
 * ------------------------------------------ */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; }

html {
  height: 100%; }
  html.body-fixed.macintosh {
    overflow: hidden; }
  @media screen and (max-width: 991px) {
    html.body-fixed, html.menu-opened {
      overflow: hidden;
      -webkit-overflow-scrolling: touch; }
    html.body-fixed-mobile {
      position: fixed; }
    html.keyboard-fix .fixed-tools-mobile, html.keyboard-fix .fixed-tools-mobile *, html.keyboard-fix .product-fixed, html.keyboard-fix .product-fixed * {
      visibility: hidden !important; } }

body {
  background-color: #ffffff;
  overflow: visible;
  color: rgba(0, 0, 0, 0.9);
  font-family: "Manrope", "Noto Sans TC", "Heiti TC", "Microsoft JhengHei", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  font-size: 16px; }
  @media screen and (max-width: 479px) {
    body {
      font-size: 15px; } }

@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  a {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; } }

.clearfix:after {
  display: block;
  content: "";
  clear: both; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

[v-cloak] {
    display: none; }

/* -------------------------------------------
 * shown / hidden
 * ------------------------------------------ */
@media screen and (min-width: 1200px), print {
  .shown-1199 {
    display: none !important; } }

@media screen and (min-width: 992px), print {
  .shown-991 {
    display: none !important; } }

@media screen and (min-width: 768px), print {
  .shown-767 {
    display: none !important; } }

@media screen and (min-width: 480px), print {
  .shown-479 {
    display: none !important; } }

@media screen and (min-width: 340px), print {
  .shown-339 {
    display: none !important; } }

@media screen and (max-width: 1199px) {
  .hidden-1199 {
    display: none !important; } }

@media screen and (max-width: 991px) {
  .hidden-991 {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .hidden-767 {
    display: none !important; } }

@media screen and (max-width: 479px) {
  .hidden-479 {
    display: none !important; } }

/* -------------------------------------------
 * typograpy
 * ------------------------------------------ */
.ff-noto {
  font-family: "Noto Sans TC", "Heiti TC", "Microsoft JhengHei", sans-serif; }

.ff-roboto {
  font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif; }

.ff-courier {
  font-family: "Courier Prime", "Consolas", "Courier", "Heiti TC", "Microsoft JhengHei", serif; }

.f0 {
  font-size: 0; }

.f10 {
  font-size: 10px; }

.f11 {
  font-size: 11px; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f15 {
  font-size: 15px; }

.f16 {
  font-size: 16px; }
  @media screen and (max-width: 479px) {
    .f16 {
      font-size: 15px; } }

.f17 {
  font-size: 17px; }

.f18 {
  font-size: 18px; }

.f20 {
  font-size: 20px; }

.f22 {
  font-size: 22px; }
  @media screen and (max-width: 479px) {
    .f22 {
      font-size: 20px; } }

.f24 {
  font-size: 24px; }
  @media screen and (max-width: 479px) {
    .f24 {
      font-size: 22px; } }

.f25 {
  font-size: 25px; }
  @media screen and (max-width: 479px) {
    .f25 {
      font-size: 22px; } }

.f28 {
  font-size: 28px; }
  @media screen and (max-width: 767px) {
    .f28 {
      font-size: 25px; } }
  @media screen and (max-width: 479px) {
    .f28 {
      font-size: 22px; } }

.fs-1125 {
  font-size: 1.125em; }

.fs-125 {
  font-size: 1.25em; }

.fs-150 {
  font-size: 1.5em; }

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

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

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

.t-justify:lang(zh-Hant), .t-justify:lang(zh-Hans), .t-justify:lang(zh-Hans) {
  text-align: justify; }

@media screen and (max-width: 991px) {
  .t-md-left {
    text-align: left; }

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

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

  .t-md-justify:lang(zh-Hant), .t-md-justify:lang(zh-Hans), .t-md-justify:lang(zh-Hans) {
    text-align: justify; } }
@media screen and (max-width: 767px) {
  .t-sm-left {
    text-align: left; }

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

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

  .t-sm-justify:lang(zh-Hant), .t-sm-justify:lang(zh-Hans), .t-sm-justify:lang(zh-Hans) {
    text-align: justify; } }
@media screen and (max-width: 479px) {
  .t-xs-left {
    text-align: left; }

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

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

  .t-xs-justify:lang(zh-Hant), .t-xs-justify:lang(zh-Hans), .t-xs-justify:lang(zh-Hans) {
    text-align: justify; } }
.fw-900 {
  font-weight: 900; }

.fw-800 {
  font-weight: 800; }

.fw-700 {
  font-weight: 700; }

.fw-600 {
  font-weight: 600; }

.fw-500 {
  font-weight: 500; }

.fw-400 {
  font-weight: 400; }

.fw-300 {
  font-weight: 300; }

.lh-100 {
  line-height: 1; }

.lh-150 {
  line-height: 1.5; }

.lh-175 {
  line-height: 1.75; }

.lh-200 {
  line-height: 2; }

.ls-0 {
  letter-spacing: 0; }

.ls-005 {
  letter-spacing: 0.05em; }
  .ls-005:lang(en) {
    letter-spacing: 0; }

.ls-01 {
  letter-spacing: 0.1em; }
  .ls-01:lang(en) {
    letter-spacing: 0; }

.tc-mRed {
  color: #BA000C; }

.tc-dark {
  color: rgba(0, 0, 0, 0.9); }

.tc-darkGray {
  color: rgba(0, 0, 0, 0.75); }

.tc-gray {
  color: #808080; }

.tc-lightGray {
  color: rgba(0, 0, 0, 0.55); }

.tc-lighterGray {
  color: rgba(0, 0, 0, 0.4); }

.tdeco-ul, a.tdeco-ul, a.tdeco-ul:hover, a.tdeco-ul:active {
  text-decoration: underline; }

.d-block {
  display: block !important; }

.va-top {
  vertical-align: top; }

.va-bottom {
  vertical-align: bottom; }

.va-middle {
  vertical-align: middle; }

.va-tt {
  vertical-align: text-top; }

.va-tb {
  vertical-align: text-bottom; }

.basic-title-style {
  line-height: 1.15; }
  .basic-title-style > span {
    display: block; }
    .basic-title-style > span + span {
      margin-top: 15px; }
  .basic-title-style .en {
    font-family: "Courier Prime", "Consolas", "Courier", "Heiti TC", "Microsoft JhengHei", serif;
    font-size: calc(1.98vw + 12px);
    letter-spacing: -0.025em; }
  .basic-title-style .zh {
    color: #BA000C;
    font-size: calc(0.625vw + 18px);
    font-weight: 300;
    letter-spacing: 0.1em; }
    .basic-title-style .zh .ff-courier {
      font-size: 1.35em;
      line-height: 0.75; }
    @media screen and (max-width: 479px) {
      .basic-title-style .zh .ff-courier {
        font-size: 1.25em; } }
  @media screen and (max-width: 767px) {
    .basic-title-style > span + span {
      margin-top: 10px; } }
  @media screen and (max-width: 479px) {
    .basic-title-style > span + span {
      margin-top: 5px; } }

/* -------------------------------------------
 * list style
 * ------------------------------------------ */
ul.ns, ol.ns {
  margin: 0;
  padding: 0;
  list-style-type: none; }

dl.ns {
  margin: 0; }
  dl.ns dt, dl.ns dd {
    margin: 0; }

/* -------------------------------------------
 * display
 * ------------------------------------------ */
.jc-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.jc-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.jc-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.ai-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/* ------------------------------------------
 * images
 * ----------------------------------------- */
.pic img {
  display: block;
  width: 100% !important;
  height: auto !important; }

.pic-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-size: cover; }

.icon {
  display: block; }
  .icon svg, .icon img {
    display: block; }

.icon-fs svg, .icon-fs img {
  width: 1em;
  height: 1em; }

.txt-icon {
  display: inline-block; }

img.svg {
  opacity: 0; }

.replaced-svg {
  overflow: visible; }

.hoverScale {
  display: block;
  overflow: hidden; }
  .hoverScale.abs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .hoverScale .pic, .hoverScale .pic-fill {
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }
  @media (hover: hover) {
    .hoverScale:hover .pic, .hoverScale:hover .pic-fill {
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      -moz-transition-duration: 0.75s;
      -o-transition-duration: 0.75s;
      -webkit-transition-duration: 0.75s;
      transition-duration: 0.75s;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; } }

.link-mRed {
  color: #BA000C; }
  .link-mRed:active {
    text-decoration: underline; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .link-mRed:hover {
    text-decoration: underline; } }

.link-mRedHover:active {
  color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .link-mRedHover {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .link-mRedHover:hover {
      color: #BA000C; } }

.link-hoverLine:active {
  text-decoration: underline; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .link-hoverLine:hover {
    text-decoration: underline; } }

/* -------------------------------------------
 * buttons
 * ------------------------------------------ */
[role="button"] {
  cursor: pointer; }

.btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .btn .btn-inner {
    position: relative;
    display: block; }
  .btn[disabled] {
    pointer-events: none; }
  .btn:not(.no-hover) {
    cursor: pointer; }
    .btn:not(.no-hover)[class*="fill"]::before, .btn:not(.no-hover)[class*="border-"]::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      opacity: 0; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .btn:not(.no-hover)[class*="fill"]::before, .btn:not(.no-hover)[class*="border-"]::before {
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .btn:not(.no-hover)[class*="fill"]:hover::before, .btn:not(.no-hover)[class*="border-"]:hover::before {
    opacity: 1; } }

    .btn:not(.no-hover)[class*="fill"]::before {
      background-color: rgba(0, 0, 0, 0.2); }
  .btn.h35 {
    height: 35px; }
  .btn.h40 {
    height: 40px; }
  .btn.h45 {
    height: 45px; }
  .btn.h50 {
    height: 50px; }
  .btn.h55 {
    height: 55px; }
    @media screen and (max-width: 479px) {
      .btn.h55 {
        height: 45px; } }
  .btn.w80 {
    min-width: 80px; }
  .btn.w100 {
    min-width: 100px; }
  .btn.w150 {
    min-width: 150px; }
  .btn.w165 {
    min-width: 165px; }
  .btn.w200 {
    min-width: 200px; }
  .btn.btn-inline {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .btn.btn-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .btn.btn-circle {
    border-radius: 50%;
    overflow: hidden; }
  .btn.btn-rounded {
    border-radius: 3px;
    overflow: hidden; }
  .btn.fill-mRed {
    background-color: #BA000C;
    color: #ffffff; }
  .btn.fill-gray {
    background-color: #727272;
    color: #ffffff; }
  .btn.fill-light {
    background-color: #F5F5F5;
    color: rgba(0, 0, 0, 0.55); }
    .btn.fill-light:not(.no-hover):active::before {
      opacity: 0.3; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .btn.fill-light:not(.no-hover):hover::before {
    opacity: 0.3; } }

  .btn.border-mRed {
    border: 1px solid #BA000C;
    color: #BA000C; }
    .btn.border-mRed::before {
      display: none; }
    .btn.border-mRed:active {
      border-color: rgba(186, 0, 12, 0.5);
      color: rgba(186, 0, 12, 0.5); }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .btn.border-mRed {
    -moz-transition-property: color, border-color;
    -o-transition-property: color, border-color;
    -webkit-transition-property: color, border-color;
    transition-property: color, border-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .btn.border-mRed:hover {
      border-color: rgba(186, 0, 12, 0.5);
      color: rgba(186, 0, 12, 0.5); } }

  .btn.border-gray {
    border: 1px solid #727272;
    color: rgba(0, 0, 0, 0.55); }
    .btn.border-gray::before {
      background-color: rgba(0, 0, 0, 0.05); }
  .btn.border-dark {
    border: 1px solid rgba(0, 0, 0, 0.9);
    color: rgba(0, 0, 0, 0.9); }
    .btn.border-dark::before {
      background-color: rgba(0, 0, 0, 0.05); }

.more-arrow {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .more-arrow::before, .more-arrow::after {
    content: "";
    display: block; }
  .more-arrow::before {
    width: 70px;
    height: 1px;
    background-color: #000000; }
  .more-arrow::after {
    border-top: 4.5px solid transparent;
    border-bottom: 4.5px solid transparent;
    border-left: 6px solid #000000; }
  @media screen and (max-width: 479px) {
    .more-arrow::before {
      width: 50px; } }

.link-more span + span {
  margin-left: 25px; }
.link-more:not(.btn) {
  display: inline-block; }
.link-more:active .more-arrow::before {
  background-color: #BA000C; }
.link-more:active .more-arrow::after {
  border-left-color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .link-more {
    -moz-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease; }
    .link-more .more-arrow::before {
      -moz-transition: background-color 0.3s ease-in-out;
      -o-transition: background-color 0.3s ease-in-out;
      -webkit-transition: background-color 0.3s ease-in-out;
      transition: background-color 0.3s ease-in-out; }
    .link-more .more-arrow::after {
      -moz-transition: border-color 0.3s ease-in-out;
      -o-transition: border-color 0.3s ease-in-out;
      -webkit-transition: border-color 0.3s ease-in-out;
      transition: border-color 0.3s ease-in-out; }
    .link-more:hover {
      -moz-transform: translateX(15%);
      -o-transform: translateX(15%);
      -ms-transform: translateX(15%);
      -webkit-transform: translateX(15%);
      transform: translateX(15%); }
      .link-more:hover .more-arrow::before {
        background-color: #BA000C; }
      .link-more:hover .more-arrow::after {
        border-left-color: #BA000C; } }

/* -------------------------------------------
 * plugins
 * ------------------------------------------ */
[data-aos] {
  visibility: hidden; }

[data-aos].aos-animate {
  visibility: visible;
  opacity: 1; }

.mce-content-body [data-aos] {
  visibility: visible !important;
  opacity: 1 !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
  @media screen and (max-width: 991px) {
    .slick-slider {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; } }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  will-change: transform; }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto; }

.slick-arrow.slick-hidden {
  display: none; }

.slick-item {
  display: block !important; }

.slick-arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .slick-arrow.slick-prev {
    left: 0; }
  .slick-arrow.slick-next {
    right: 0; }

.slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style-type: none; }
  .slick-dots li button {
    display: block; }

.bootstrap-select {
  width: 100%; }
  .bootstrap-select > select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
    z-index: 0 !important; }
    .bootstrap-select > select.mobile-device {
      top: 0;
      left: 0;
      display: block !important;
      width: 100% !important;
      z-index: 2 !important; }
  .bootstrap-select select[readonly] {
    pointer-events: none; }
    .bootstrap-select select[readonly] + .dropdown-toggle {
      pointer-events: none;
      background-color: #F8F8F8; }
  .bootstrap-select:not(.is-selected) > .dropdown-toggle.bs-btn-light {
    color: #B6B6B6; }
  .bootstrap-select > .dropdown-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    line-height: 1.15; }
    @media screen and (max-width: 479px) {
      .bootstrap-select > .dropdown-toggle {
        padding-left: 15px;
        padding-right: 15px; } }
    .bootstrap-select > .dropdown-toggle.bs-btn-light {
      background-color: #ffffff;
      border: 1px solid #E1E1E1;
      color: rgba(0, 0, 0, 0.9); }
      .bootstrap-select > .dropdown-toggle.bs-btn-light:active {
        background-color: inherit; }
    .bootstrap-select > .dropdown-toggle::before {
      display: none; }
    .bootstrap-select > .dropdown-toggle .filter-option {
      position: static;
      padding: 0;
      width: 100%;
      height: auto;
      text-align: left; }
    .bootstrap-select > .dropdown-toggle::after {
      content: "";
      border: none;
      font-family: "icomoon";
      font-size: 16px; }
  .bootstrap-select > .dropdown-menu {
    margin: 0;
    border-radius: 0;
    border: 1px solid #E1E1E1; }
    .bootstrap-select > .dropdown-menu[x-placement^="top"] {
      top: 1px !important; }
    .bootstrap-select > .dropdown-menu[x-placement^="bottom"] {
      top: -1px !important; }
    .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item {
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none;
      transition: none;
      padding-left: 19px;
      padding-right: 19px; }
      @media screen and (max-width: 479px) {
        .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item {
          padding-left: 14px;
          padding-right: 14px; } }
      .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item.active, .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .dropdown-item:active {
        color: #ffffff !important;
        background-color: #BA000C; }
    .bootstrap-select > .dropdown-menu > .inner > .dropdown-menu .disabled {
      display: none; }
  .bootstrap-select.show > .dropdown-toggle::after {
    content: ""; }

.simple-select {
  width: 150px; }
  .simple-select .bootstrap-select {
    width: 100%; }
    .simple-select .bootstrap-select:lang(zh-Hant), .simple-select .bootstrap-select:lang(zh-Hans) {
      letter-spacing: 0.05em; }
    .simple-select .bootstrap-select .dropdown-menu {
      padding: 0; }
    .simple-select .bootstrap-select > .dropdown-menu .dropdown-item {
      padding: 5px 10px; }
  .simple-select .bootstrap-select > .dropdown-toggle {
    height: 40px;
    padding: 0 10px;
    border: none;
    border-bottom: 1px solid #cbcbcb; }
  .simple-select .bootstrap-select > .dropdown-toggle::after {
    content: "";
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 14px;
    color: rgba(0, 0, 0, 0.9); }
  @media screen and (max-width: 479px) {
    .simple-select {
      width: 100px; }
      .simple-select select.custom-select {
        height: 30px;
        padding: 0; }
      .simple-select.custom-select-wrap::after {
        right: 0; } }

.datepicker {
  padding: 15px;
  border-color: #EFEFEF; }
  .datepicker:not(.datepicker-orient-top)::before {
    border-bottom-color: #EFEFEF; }
  .datepicker.datepicker-orient-top::before {
    border-top-color: #EFEFEF; }
  .datepicker th, .datepicker td {
    width: 35px;
    height: 30px;
    vertical-align: middle; }
  .datepicker th.prev, .datepicker th.next {
    color: #BA000C; }
  .datepicker th:not(.dow) {
    height: 35px; }
  .datepicker table tr td {
    border: none !important;
    text-shadow: none !important; }
    .datepicker table tr td.old, .datepicker table tr td.new, .datepicker table tr td.disabled {
      color: rgba(0, 0, 0, 0.35); }
      .datepicker table tr td.old:hover, .datepicker table tr td.new:hover, .datepicker table tr td.disabled:hover {
        color: rgba(0, 0, 0, 0.35); }
    .datepicker table tr td.today {
      background-color: #EFEFEF; }
    .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active:active {
      background-color: #BA000C;
      background-image: none; }

.qtt-spinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .qtt-spinner > div {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .qtt-spinner.disabled {
    opacity: 0.7; }
    .qtt-spinner.disabled .btn, .qtt-spinner.disabled .form-control {
      pointer-events: none; }
  .qtt-spinner .btn {
    width: 36px;
    height: 36px;
    border: 1px solid #E2E2E2;
    min-width: unset !important;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.55); }
    .qtt-spinner .btn.disabled {
      pointer-events: none;
      color: rgba(0, 0, 0, 0.35); }
    .qtt-spinner .btn:active {
      color: #ffffff;
      background-color: #BA000C;
      border-color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .qtt-spinner .btn {
    -moz-transition-property: color, background-color, border-color;
    -o-transition-property: color, background-color, border-color;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .qtt-spinner .btn:hover {
      color: #ffffff;
      background-color: #BA000C;
      border-color: #BA000C; } }

  .qtt-spinner .qtt {
    text-align: center;
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none; }

/* ------------------------------------------
 * editor
 * ----------------------------------------- */
.editor {
  font-size: 16px; }
  .editor iframe {
    max-width: 100%; }
  @media screen and (max-width: 479px) {
    .editor {
      font-size: 15px; } }

.iframe-wrapper {
  position: relative; }
  .iframe-wrapper::before {
    content: "";
    display: block;
    padding-bottom: 56.25%; }
  .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }

.editor-style h1, .editor-style h2, .editor-style h3, .editor-style h4, .editor-style h5, .editor-style h6, .editor-style p, .editor-style img, .editor-style figure, .editor-style ul, .editor-style ol, .editor-style table, .editor-style video, .editor-style audio, .editor-style iframe {
  margin-top: 1rem;
  margin-bottom: 1rem; }
.editor-style *:first-child {
  margin-top: 0 !important; }
.editor-style *:last-child {
  margin-bottom: 0 !important; }
.editor-style ul:not(.ns) {
  margin-left: 1.5em; }
.editor-style ol:not(.ns) {
  margin-left: 1.5em; }
.editor-style ol ul {
  list-style-type: disc; }
.editor-style ol.custom-ol {
  list-style-type: none;
  counter-reset: ol-custom;
  margin-left: 2em; }
  .editor-style ol.custom-ol > li {
    counter-increment: ol-custom; }
    .editor-style ol.custom-ol > li::before {
      content: "(" counter(ol-custom) ")";
      display: inline-block;
      width: 2em;
      letter-spacing: 0;
      margin-left: -2em;
      padding-right: 0.25em; }
.editor-style img {
  display: inline-block;
  vertical-align: top; }

/* ------------------------------------------
 * form
 * ----------------------------------------- */
.datepicker-style {
  position: relative; }
  .datepicker-style .datepicker-toggle {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
    display: block;
    font-family: "icomoon";
    font-size: 20px;
    line-height: 1;
    color: rgba(0, 0, 0, 0.55); }
    .datepicker-style .datepicker-toggle.no-hover {
      cursor: auto; }
    .datepicker-style .datepicker-toggle:not(.no-hover):active {
      color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .datepicker-style .datepicker-toggle:not(.no-hover) {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .datepicker-style .datepicker-toggle:not(.no-hover):hover {
      color: #BA000C; } }

.form-field.for-tel {
  position: relative; }
  .form-field.for-tel .custom-select-wrapper {
    position: relative; }
  .form-field.for-tel input.mobile-toggle {
    display: none !important; }
  .form-field.for-tel > .bootstrap-select.bs-container {
    margin: 0; }
    @media screen and (min-width: 768px), print {
      .form-field.for-tel > .bootstrap-select.bs-container {
        min-width: 400px; } }
    .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu {
      min-width: 100% !important;
      max-height: 287px !important;
      border-color: #E2E2E2;
      margin: 0 !important;
      padding: 0; }
      .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .bs-searchbox {
        position: relative;
        padding: 12.5px; }
        .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .bs-searchbox::before {
          content: "";
          position: absolute;
          top: calc(50% - 10px);
          right: 25px;
          display: block;
          font-family: "icomoon";
          font-size: 20px;
          line-height: 1;
          pointer-events: none; }
        .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .bs-searchbox .form-control {
          background-color: #f8f8f8;
          padding: 10px 15px;
          height: 40px; }
      .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu > .inner {
        max-height: 220px !important; }
      .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .dropdown-menu > li + li {
        border-top: 1px solid #E2E2E2; }
      .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .dropdown-menu > li > a {
        padding: 10px 15px;
        color: rgba(0, 0, 0, 0.55); }
        .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .dropdown-menu > li > a.selected, .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .dropdown-menu > li > a:active {
          color: #ffffff; }
        .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .dropdown-menu > li > a span.text {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .dropdown-menu > li > a span.text .text-muted {
            font-size: inherit;
            padding: 0;
            color: inherit !important; }

.form-control {
  font-size: 16px; }
  .form-control::-webkit-input-placeholder {
    color: #B6B6B6;
    opacity: 1; }
  .form-control:-moz-placeholder {
    color: #B6B6B6;
    opacity: 1; }
  .form-control::-moz-placeholder {
    color: #B6B6B6;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #B6B6B6;
    opacity: 1; }
  .form-control::placeholder {
    color: #B6B6B6;
    opacity: 1; }
  @media screen and (max-width: 479px) {
    .form-control {
      font-size: 15px; } }
  .form-control:not(.qtt) {
    border: 1px solid #E2E2E2;
    border-radius: 0;
    height: 40px;
    padding: 10px 20px;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media screen and (max-width: 479px) {
      .form-control:not(.qtt) {
        padding: 10px 15px; } }

textarea.form-control:not(.qtt) {
  height: auto; }

.checkbox-style {
  display: inline-block;
  margin-right: 0.35em;
  /*&.gray-fill
   * label
   * 	border-color: color(light-gray)
   * 	&::before
   * 		color: #ffffff
   * input[type="checkbox"]
   * 	&:checked
   * 		+ label
   * 			background-color: color(light-gray) */ }
  @media screen and (max-width: 479px) {
    .checkbox-style {
      margin-right: 0.25em; } }
  .checkbox-style label {
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    cursor: pointer; }
    .checkbox-style label::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0.5px;
      display: block;
      font-family: "icomoon";
      font-size: 12px;
      line-height: 1;
      opacity: 0; }
  .checkbox-style input[type="checkbox"] {
    display: none; }
    .checkbox-style input[type="checkbox"]:checked + label::before {
      opacity: 1; }
  .checkbox-style label {
    border-color: rgba(0, 0, 0, 0.55); }
    .checkbox-style label::before {
      color: rgba(0, 0, 0, 0.55); }

.form-radio {
  display: inline-block;
  /*&.red
   * label
   * 	span
   * 		border-color: #BCBCBC
   * 		&::before
   * 			top: 3px
   * 			left: 3px
   * 			right: 3px
   * 			bottom: 3px
   * 			background-color: color(main-red) */ }
  .form-radio label {
    display: block;
    cursor: pointer; }
    .form-radio label span {
      position: relative;
      display: inline-block;
      vertical-align: -2px;
      width: 0.9375em;
      height: 0.9375em;
      margin-right: 5px;
      color: rgba(0, 0, 0, 0.55);
      border: 1px solid currentColor;
      border-radius: 50%; }
      .form-radio label span::before {
        content: "";
        position: absolute;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        display: block;
        border-radius: 50%;
        background-color: currentColor;
        opacity: 0; }
  .form-radio input[type="radio"] {
    display: none; }
    .form-radio input[type="radio"]:checked + label span::before {
      opacity: 1; }

.form-style .form-row + .form-row {
  margin-top: 15px; }
.form-style .form-row .form-label {
  color: rgba(0, 0, 0, 0.9); }
.form-style .form-row .form-field .col-1 {
  width: calc(25% - 10px); }
.form-style .form-row .form-field .col-2 {
  width: calc(50% - 10px); }
.form-style .form-row .form-field .col-3 {
  width: calc(75% - 10px); }
.form-style .form-row .form-field .col-4 {
  width: 100%; }
.form-style .form-row .form-field .form-control {
  display: block; }
.form-style .form-row .form-field .form-control,
.form-style .form-row .form-field .bootstrap-select > .dropdown-toggle,
.form-style .form-row .form-field .custom-select-wrap select.custom-select,
.form-style .form-row .form-field .custom-select-wrap .mobile-toggle {
  height: 47px;
  padding: 10px 15px; }
  @media screen and (max-width: 479px) {
    .form-style .form-row .form-field .form-control,
    .form-style .form-row .form-field .bootstrap-select > .dropdown-toggle,
    .form-style .form-row .form-field .custom-select-wrap select.custom-select,
    .form-style .form-row .form-field .custom-select-wrap .mobile-toggle {
      height: 42px;
      padding: 10px 12.5px; } }
.form-style .form-row .form-field .bootstrap-select .dropdown-item {
  padding-left: 15px;
  padding-right: 15px; }
.form-style .form-row .form-field .form-element .form-control,
.form-style .form-row .form-field .form-element .bootstrap-select > .dropdown-toggle,
.form-style .form-row .form-field .form-element .custom-select-wrap select.custom-select,
.form-style .form-row .form-field .form-element .custom-select-wrap .mobile-toggle {
  width: 100%; }
  .form-style .form-row .form-field .form-element .form-control:lang(zh-Hant), .form-style .form-row .form-field .form-element .form-control:lang(zh-Hans),
  .form-style .form-row .form-field .form-element .bootstrap-select > .dropdown-toggle:lang(zh-Hant),
  .form-style .form-row .form-field .form-element .bootstrap-select > .dropdown-toggle:lang(zh-Hans),
  .form-style .form-row .form-field .form-element .custom-select-wrap select.custom-select:lang(zh-Hant),
  .form-style .form-row .form-field .form-element .custom-select-wrap select.custom-select:lang(zh-Hans),
  .form-style .form-row .form-field .form-element .custom-select-wrap .mobile-toggle:lang(zh-Hant),
  .form-style .form-row .form-field .form-element .custom-select-wrap .mobile-toggle:lang(zh-Hans) {
    letter-spacing: 0.05em; }
.form-style .form-row .form-field .form-control {
  color: rgba(0, 0, 0, 0.9); }
.form-style .form-row .form-field .for-code {
  position: relative; }
  .form-style .form-row .form-field .for-code .code {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    display: block; }
@media screen and (min-width: 768px), print {
  .form-style .form-row .form-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -5px 0; }
    .form-style .form-row .form-field [class*="col-"] {
      margin: 5px; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .form-style .form-row .form-field .col-1 {
    width: calc(50% - 10px); }
  .form-style .form-row .form-field .col-3 {
    width: calc(50% - 10px); } }
@media screen and (max-width: 767px) {
  .form-style .form-row .form-label {
    margin-bottom: 10px; }
  .form-style .form-row .form-field [class*="col-"] {
    width: 100%; }
    .form-style .form-row .form-field [class*="col-"] + [class*="col-"] {
      margin-top: 10px; } }
@media screen and (min-width: 480px), print {
  .form-style.label-left .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .form-style.label-left .form-row + .form-row {
      margin-top: 5px; }
    .form-style.label-left .form-row .form-label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 145px;
      min-height: 45px;
      margin: 5px 0;
      padding-right: 15px; }
    .form-style.label-left .form-row .form-field {
      width: calc(100% - 135px);
      margin-top: 0; } }

/* ------------------------------------------
 * table
 * ----------------------------------------- */
.basic-table-style {
  width: 100%;
  color: rgba(0, 0, 0, 0.9); }
  .basic-table-style th, .basic-table-style td {
    padding: 15px;
    border-bottom: 1px solid #E1E1E1;
    text-align: center;
    line-height: 1.35;
    vertical-align: middle;
    font-size: 16px; }
    .basic-table-style th:lang(zh-Hant), .basic-table-style th:lang(zh-Hans), .basic-table-style td:lang(zh-Hant), .basic-table-style td:lang(zh-Hans) {
      letter-spacing: 0.05em; }
    @media screen and (max-width: 479px) {
      .basic-table-style th, .basic-table-style td {
        font-size: 15px; } }
    .basic-table-style th:first-child, .basic-table-style td:first-child {
      text-align: left; }
  .basic-table-style thead th {
    background-color: #F8F8F8;
    border-top: 1px solid #000000;
    font-weight: 500; }
  @media screen and (max-width: 767px) {
    .basic-table-style.responsive-table, .basic-table-style.responsive-table tbody, .basic-table-style.responsive-table tr {
      display: block; }
    .basic-table-style.responsive-table thead {
      display: none; }
    .basic-table-style.responsive-table tr + tr {
      margin-top: 35px; }
    .basic-table-style.responsive-table td {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      border: none; }
      .basic-table-style.responsive-table td::before {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        content: attr(data-title);
        display: block;
        width: 90px;
        padding: 7.5px 10px;
        text-align: left;
        background-color: #F8F8F8; }
        .basic-table-style.responsive-table td::before:lang(en) {
          width: 125px; }
      .basic-table-style.responsive-table td .td-inner {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 7.5px 10px;
        text-align: left;
        font-size: 16px; } }
    @media screen and (max-width: 767px) and (max-width: 479px) {
      .basic-table-style.responsive-table td .td-inner {
        font-size: 15px; } }

/* ------------------------------------------
 * shared
 * ----------------------------------------- */
.header-spacer {
  -moz-transition: height 0.3s ease;
  -o-transition: height 0.3s ease;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease; }

.breadcrumb {
  padding: 25px 0 35px;
  font-size: 15px; }
  .breadcrumb:lang(zh-Hant), .breadcrumb:lang(zh-Hans) {
    letter-spacing: 0.05em; }
  .breadcrumb ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .breadcrumb ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: rgba(0, 0, 0, 0.5); }
      .breadcrumb ul li::after {
        content: "";
        margin: 0 2px;
        font-family: "icomoon";
        color: rgba(0, 0, 0, 0.9); }
      .breadcrumb ul li:last-child {
        color: rgba(0, 0, 0, 0.9); }
        .breadcrumb ul li:last-child::after {
          display: none; }
    .breadcrumb ul a {
      display: block; }
      .breadcrumb ul a:hover {
        color: #BA000C; }

.sidebar .sidebar-category .category-menu {
  display: none; }
@media screen and (min-width: 1200px), print {
  .sidebar {
    float: left;
    width: 300px;
    /*+max($max-lg)
     * width: 200px
     * + div
     * 	width: calc(100% - 245px)
     * 	margin-left: 45px */ }
    .sidebar + div {
      float: left;
      width: calc(100% - 345px);
      margin-left: 45px; }
    .sidebar.member-sidebar .sidebar-category .category-menu {
      display: block; }
    .sidebar.edm-sidebar {
      width: 295px; }
      .sidebar.edm-sidebar + div {
        width: calc(100% - 340px); } }
    @media screen and (min-width: 1200px) and (max-width: 1399px) {
      .sidebar.edm-sidebar {
        width: 200px; }
        .sidebar.edm-sidebar + div {
          width: calc(100% - 245px); } }
@media screen and (min-width: 1200px), print {
    .sidebar .sidebar-category {
      border-bottom: 1px solid #E5E5E5; }
      .sidebar .sidebar-category .current-level .category-title .category-title-txt {
        color: #BA000C; }
      .sidebar .sidebar-category .category-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -moz-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease; }
        .sidebar .sidebar-category .category-title .category-title-txt {
          width: 100%;
          overflow: hidden; }
          .sidebar .sidebar-category .category-title .category-title-txt:lang(zh-Hant), .sidebar .sidebar-category .category-title .category-title-txt:lang(zh-Hans) {
            letter-spacing: 0.05em; }
          .sidebar .sidebar-category .category-title .category-title-txt:hover {
            color: #BA000C; }
      .sidebar .sidebar-category > .category-title {
        min-height: 50px;
        padding: 0 15px 0 5px; }
        .sidebar .sidebar-category > .category-title:lang(en) {
          padding: 15px 15px 15px 5px; }
        .sidebar .sidebar-category > .category-title .category-title-txt {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 16px;
          font-weight: 500;
          cursor: pointer;
          -moz-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          -webkit-transition: color 0.3s ease;
          transition: color 0.3s ease; }
          .sidebar .sidebar-category > .category-title .category-title-txt:lang(en) {
            line-height: 1.25; }
          .sidebar .sidebar-category > .category-title .category-title-txt::after {
            content: "";
            font-family: "icomoon";
            font-size: 1.175em;
            -moz-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            -webkit-transition: transform 0.3s ease;
            transition: transform 0.3s ease; }
          .sidebar .sidebar-category > .category-title .category-title-txt:hover {
            color: #BA000C; }
        .sidebar .sidebar-category > .category-title.no-sm .category-title-txt::after {
          display: none; }
      .sidebar .sidebar-category > .category-menu {
        font-size: 15px;
        color: #616161; }
        .sidebar .sidebar-category > .category-menu a:hover {
          color: #BA000C; }
        .sidebar .sidebar-category > .category-menu > ul {
          padding-bottom: 20px; }
          .sidebar .sidebar-category > .category-menu > ul li {
            position: relative;
            padding-left: 20px; }
            .sidebar .sidebar-category > .category-menu > ul li + li {
              margin-top: 15px; }
          .sidebar .sidebar-category > .category-menu > ul > li > .category-title::before {
            content: "";
            position: absolute;
            top: 0.2rem;
            left: 0.275rem;
            display: block;
            font-family: "icomoon";
            font-size: 0.75em;
            -moz-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            -webkit-transition: transform 0.3s ease;
            transition: transform 0.3s ease; }
          .sidebar .sidebar-category > .category-menu > ul > li > .category-menu {
            display: none;
            padding-top: 15px; }
          .sidebar .sidebar-category > .category-menu > ul > li.current > .category-menu {
            display: block; }
      .sidebar .sidebar-category.active > .category-title .category-title-txt::after {
        content: "";
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .sidebar .sidebar-category.current > .category-title.no-sm {
        color: #BA000C; }
      .sidebar .sidebar-category.current > .category-menu {
        display: block; } }
@media screen and (min-width: 1400px), print {
  .sidebar.edm-sidebar .sidebar-category > .category-title {
    height: 60px;
    padding: 0 25px; } }
@media screen and (max-width: 1199px) {
  .sidebar {
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;
    top: 0;
    background-color: #F5F5F5; }
    .sidebar .sidebar-category {
      text-align: center; }
      .sidebar .sidebar-category > .category-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0; }
      .sidebar .sidebar-category > .category-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #E5E5E5;
        font-size: 16px;
        cursor: pointer;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        /*&::after
         * content: '\e901'
         * display: block
         * margin-left: 1em
         * font-family: font(icons) */ }
        .sidebar .sidebar-category > .category-title .category-title-txt {
          white-space: nowrap;
          line-height: 1.15;
          overflow: hidden;
          text-overflow: ellipsis; } }
      @media screen and (max-width: 1199px) and (min-width: 768px) {
        .sidebar .sidebar-category > .category-title {
          height: 55px;
          padding: 0 20px; } }
      @media screen and (max-width: 1199px) and (max-width: 767px) {
        .sidebar .sidebar-category > .category-title {
          height: 45px;
          padding: 0 15px;
          font-size: 15px; } }
      @media screen and (max-width: 1199px) and (max-width: 479px) {
        .sidebar .sidebar-category > .category-title {
          height: 40px;
          padding: 0 5px;
          /*&::after
           * margin-left: 0
           * font-size: 0.85em */ } }
@media screen and (max-width: 1199px) {
      .sidebar .sidebar-category > .category-menu {
        background-color: #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        font-size: 15px;
        max-height: calc(80vh - 40px);
        overflow: auto; }
        .sidebar .sidebar-category > .category-menu a:active {
          font-weight: 700; }
        .sidebar .sidebar-category > .category-menu > ul li + li {
          border-top: 1px solid #CCCCCC; }
        .sidebar .sidebar-category > .category-menu > ul li.current > .category-title .category-title-txt {
          font-weight: 600; }
        .sidebar .sidebar-category > .category-menu > ul > li .category-title .category-title-txt {
          display: block;
          padding: 15px; }
        .sidebar .sidebar-category > .category-menu > ul > li .category-menu {
          background-color: #D9D9D9; }
        .sidebar .sidebar-category > .category-menu > ul > li.current > .category-menu {
          display: block; } }
      @media screen and (max-width: 1199px) and (max-width: 479px) {
        .sidebar .sidebar-category > .category-menu > ul > li .category-title .category-title-txt {
          padding: 10px; } }
@media screen and (max-width: 1199px) {
      .sidebar .sidebar-category.current > .category-title {
        font-weight: 700; }
      .sidebar .sidebar-category.active > .category-title {
        background-color: #E5E5E5; }
      .sidebar .sidebar-category + .sidebar-category .category-title {
        border-left: 1px solid #E5E5E5; }
    .sidebar.basic-sidebar .sidebar-inner {
      overflow: auto;
      text-align: center; }
      .sidebar.basic-sidebar .sidebar-inner.scroll-fixed {
        overflow: hidden; }
      .sidebar.basic-sidebar .sidebar-inner .sidebar-inner-scroll {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
      @media screen and (max-width: 1199px) and (min-width: 600px) {
        .sidebar.basic-sidebar .sidebar-inner .sidebar-inner-scroll {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .sidebar.basic-sidebar .sidebar-inner .sidebar-inner-scroll .sidebar-category {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1; } }
      @media screen and (max-width: 1199px) and (max-width: 599px) {
        .sidebar.basic-sidebar .sidebar-inner .sidebar-inner-scroll {
          width: fit-content; } }
@media screen and (max-width: 1199px) {
      .sidebar.basic-sidebar .sidebar-inner::-webkit-scrollbar {
        display: none; }
    .sidebar.basic-sidebar .sidebar-category > .category-title {
      padding: 0 15px; } }
    @media screen and (max-width: 1199px) and (max-width: 767px) and (min-width: 600px) {
      .sidebar.basic-sidebar .sidebar-category > .category-title {
        padding: 0 10px; } }
@media screen and (max-width: 1199px) {
      .sidebar.basic-sidebar .sidebar-category > .category-title .category-title-txt {
        white-space: nowrap; } }
  @media screen and (max-width: 1199px) and (max-width: 599px) {
    .sidebar.basic-sidebar .sidebar-category {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; } }
  @media screen and (max-width: 1199px) and (max-width: 599px) {
    .sidebar.basic-sidebar.layout-fix .sidebar-inner .sidebar-inner-scroll {
      width: auto; }
    .sidebar.basic-sidebar.layout-fix .sidebar-category {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; } }
@media screen and (max-width: 1199px) {
    .sidebar.products-sidebar {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
    @media screen and (max-width: 1199px) and (min-width: 480px) {
      .sidebar.products-sidebar {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
@media screen and (max-width: 1199px) {
      .sidebar.products-sidebar .sidebar-category:not(.sort) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .sidebar.products-sidebar .sidebar-category.sort {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        .sidebar.products-sidebar .sidebar-category.sort .btn {
          width: 100%; } }
      @media screen and (max-width: 1199px) and (min-width: 480px) {
        .sidebar.products-sidebar .sidebar-category.sort {
          width: 50px; }
          .sidebar.products-sidebar .sidebar-category.sort .btn {
            padding: 15px; } }
      @media screen and (max-width: 1199px) and (max-width: 479px) {
        .sidebar.products-sidebar .sidebar-category.sort {
          width: 35px; }
          .sidebar.products-sidebar .sidebar-category.sort .btn {
            padding: 10px; } }
@media screen and (max-width: 1199px) {
    .sidebar.scroll-lg .sidebar-inner .sidebar-inner-scroll {
      width: fit-content; }
      .sidebar.scroll-lg .sidebar-inner .sidebar-inner-scroll .sidebar-category {
        -webkit-box-flex: auto;
        -ms-flex: auto;
        flex: auto; } }

@media screen and (max-width: 479px) {
  .page-group-style {
    padding: 35px 0;
    background-color: #ffffff;
    border-bottom: 1px solid #E1E1E1; }
    .page-group-style:not(:first-child) {
      margin-top: 7.5px; } }

.like-button svg, .notice-button svg {
  stroke: currentColor;
  fill: transparent;
  -moz-transition: fill 0.15s ease-in-out;
  -o-transition: fill 0.15s ease-in-out;
  -webkit-transition: fill 0.15s ease-in-out;
  transition: fill 0.15s ease-in-out; }
.like-button.active svg, .notice-button.active svg {
  fill: currentColor; }

.like-button {
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out; }
  .like-button svg {
    stroke-width: 1.5px;
    -moz-transition: fill 0.15s ease-in-out;
    -o-transition: fill 0.15s ease-in-out;
    -webkit-transition: fill 0.15s ease-in-out;
    transition: fill 0.15s ease-in-out; }

[data-stars]::before {
  font-family: "icomoon";
  color: #BA000C; }
  [data-stars]::before:lang(zh-Hant), [data-stars]::before:lang(zh-Hans) {
    letter-spacing: 0.05em; }
[data-stars][data-stars="0"]::before {
  content: ""; }
[data-stars][data-stars="1"]::before {
  content: ""; }
[data-stars][data-stars="1.5"]::before {
  content: ""; }
[data-stars][data-stars="2"]::before {
  content: ""; }
[data-stars][data-stars="2.5"]::before {
  content: ""; }
[data-stars][data-stars="3"]::before {
  content: ""; }
[data-stars][data-stars="3.5"]::before {
  content: ""; }
[data-stars][data-stars="4"]::before {
  content: ""; }
[data-stars][data-stars="4.5"]::before {
  content: ""; }
[data-stars][data-stars="5"]::before {
  content: ""; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .pagination ul li + li {
      margin-left: 10px; }
    .pagination ul li .btn {
      min-width: 40px;
      height: 40px; }
    @media screen and (max-width: 479px) {
      .pagination ul li + li {
        margin-left: 5px; }
      .pagination ul li .btn {
        min-width: 35px;
        height: 35px; } }
    .pagination ul li:not(.arrow) .btn {
      padding: 0 0.875em;
      border: 1px solid #E5E5E5;
      font-size: 15px;
      line-height: 1;
      -moz-transition-property: color, background-color, border-color;
      -o-transition-property: color, background-color, border-color;
      -webkit-transition-property: color, background-color, border-color;
      transition-property: color, background-color, border-color; }
      .pagination ul li:not(.arrow) .btn:hover {
        background-color: #BA000C;
        border-color: #BA000C;
        color: #ffffff; }
    .pagination ul li.current .btn {
      background-color: #BA000C;
      border-color: #BA000C;
      color: #ffffff; }
    .pagination ul li.arrow {
      display: block; }
      .pagination ul li.arrow .btn {
        color: #BA000C;
        font-size: 18px; }
        @media screen and (max-width: 479px) {
          .pagination ul li.arrow .btn {
            font-size: 16px; } }
        .pagination ul li.arrow .btn svg {
          width: 1em;
          height: 1em; }
      .pagination ul li.arrow.arrow-prev span {
        margin-left: 0.25em; }
      .pagination ul li.arrow.arrow-next span {
        margin-right: 0.25em; }
    @media screen and (max-width: 479px) {
      .pagination ul li.overflow, .pagination ul li.last, .pagination ul li.arrow span {
        display: none; } }

.anchor {
  display: block; }

.coupon-ticket {
  overflow: hidden; }
  .coupon-ticket + .coupon-ticket {
    margin-top: 25px; }
  .coupon-ticket > div {
    background-color: #ffffff; }
  .coupon-ticket .coupon-ticket-display {
    position: relative;
    min-height: 120px;
    border: 1px solid #E5E5E5;
    border-bottom: 1px dashed #E5E5E5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .coupon-ticket .coupon-ticket-display::before, .coupon-ticket .coupon-ticket-display::after {
      content: "";
      position: absolute;
      bottom: -6px;
      display: block;
      width: 12px;
      height: 12px;
      border: 1px solid #E5E5E5;
      border-radius: 50%;
      background-color: #ffffff; }
    .coupon-ticket .coupon-ticket-display::before {
      left: -6px; }
    .coupon-ticket .coupon-ticket-display::after {
      right: -6px; }
    .coupon-ticket .coupon-ticket-display > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .coupon-ticket .coupon-ticket-display > div > div {
        max-width: 100%; }
    .coupon-ticket .coupon-ticket-display .display-cover {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 15px;
      color: #BA000C;
      text-align: center;
      font-weight: 700;
      line-height: 1.15; }
      .coupon-ticket .coupon-ticket-display .display-cover span {
        display: inline-block; }
      .coupon-ticket .coupon-ticket-display .display-cover .num {
        font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
        font-size: 45px;
        letter-spacing: -0.05em; }
        .coupon-ticket .coupon-ticket-display .display-cover .num small {
          font-size: 30px; }
      .coupon-ticket .coupon-ticket-display .display-cover .txt {
        font-size: 24px; }
      @media screen and (max-width: 479px) {
        .coupon-ticket .coupon-ticket-display .display-cover .num {
          font-size: 28px; }
          .coupon-ticket .coupon-ticket-display .display-cover .num small {
            font-size: 20px; }
        .coupon-ticket .coupon-ticket-display .display-cover .txt {
          font-size: 18px; } }
    .coupon-ticket .coupon-ticket-display .display-content {
      position: relative;
      padding: 20px 25px; }
      .coupon-ticket .coupon-ticket-display .display-content:lang(zh-Hant), .coupon-ticket .coupon-ticket-display .display-content:lang(zh-Hans) {
        letter-spacing: 0.05em; }
      @media screen and (min-width: 480px), print {
        .coupon-ticket .coupon-ticket-display .display-content:not(.no-status) {
          padding-right: 130px; } }
      .coupon-ticket .coupon-ticket-display .display-content .name {
        font-size: 18px;
        color: rgba(0, 0, 0, 0.9); }
      .coupon-ticket .coupon-ticket-display .display-content .txt {
        margin-top: 5px;
        color: rgba(0, 0, 0, 0.55);
        line-height: 1.5; }
        .coupon-ticket .coupon-ticket-display .display-content .txt .txt-icon {
          font-size: 1.25em; }
      .coupon-ticket .coupon-ticket-display .display-content .display-content-availability {
        line-height: 1; }
  .coupon-ticket .coupon-ticket-info {
    border: 1px solid #E5E5E5;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #F8F8F8; }
    .coupon-ticket .coupon-ticket-info .info-head {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      line-height: 1;
      padding: 15px 30px;
      color: rgba(0, 0, 0, 0.55);
      -moz-transition: padding 0.3s ease;
      -o-transition: padding 0.3s ease;
      -webkit-transition: padding 0.3s ease;
      transition: padding 0.3s ease; }
      .coupon-ticket .coupon-ticket-info .info-head::after {
        content: "";
        display: block;
        font-family: "icomoon";
        -moz-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        transition: transform 0.3s ease; }
    .coupon-ticket .coupon-ticket-info .info-content {
      padding: 0 30px 25px;
      font-size: 16px;
      line-height: 1.75;
      color: rgba(0, 0, 0, 0.9); }
      @media screen and (max-width: 479px) {
        .coupon-ticket .coupon-ticket-info .info-content {
          font-size: 15px; } }
      .coupon-ticket .coupon-ticket-info .info-content.for-bonus {
        text-align: center;
        color: rgba(0, 0, 0, 0.55);
        line-height: 1; }
        .coupon-ticket .coupon-ticket-info .info-content.for-bonus .num {
          font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
          font-size: 24px;
          font-weight: 700;
          color: #BA000C; }
        .coupon-ticket .coupon-ticket-info .info-content.for-bonus ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          margin-top: 15px; }
          .coupon-ticket .coupon-ticket-info .info-content.for-bonus ul .qtt {
            width: 190px;
            background-color: #ffffff; }
          .coupon-ticket .coupon-ticket-info .info-content.for-bonus ul .add .btn {
            width: 80px;
            height: 36px;
            margin-left: 10px;
            border-radius: 3px; }
            .coupon-ticket .coupon-ticket-info .info-content.for-bonus ul .add .btn.fill-light {
              border: 1px solid #E5E5E5; }
            .coupon-ticket .coupon-ticket-info .info-content.for-bonus ul .add .btn.selected {
              background-color: #BA000C !important;
              color: #ffffff;
              -moz-transition-property: background-color, color;
              -o-transition-property: background-color, color;
              -webkit-transition-property: background-color, color;
              transition-property: background-color, color;
              -moz-transition-duration: 0.3s;
              -o-transition-duration: 0.3s;
              -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
              -moz-transition-timing-function: ease;
              -o-transition-timing-function: ease;
              -webkit-transition-timing-function: ease;
              transition-timing-function: ease; }
  .coupon-ticket .coupon-ticket-popup {
    display: none; }
  .coupon-ticket:not(.is-opened) .coupon-ticket-info .info-head {
    cursor: pointer; }
  .coupon-ticket:not(.is-opened) .coupon-ticket-info .info-content {
    display: none; }
  .coupon-ticket.content-only .coupon-ticket-info .info-content {
    padding: 25px 30px; }
    .coupon-ticket.content-only .coupon-ticket-info .info-content.for-bonus {
      padding: 20px 20px 25px; }
  .coupon-ticket.active .coupon-ticket-info .info-head {
    padding-top: 25px; }
    .coupon-ticket.active .coupon-ticket-info .info-head::after {
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .coupon-ticket.expired .coupon-ticket-display .display-cover {
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    color: rgba(0, 0, 0, 0.55); }
  .coupon-ticket .coupon-ticket-display {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .coupon-ticket .coupon-ticket-display .display-cover {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 150px;
      min-height: 125px;
      border-right: 1px dashed #E5E5E5; }
    .coupon-ticket .coupon-ticket-display .display-content {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .coupon-ticket .coupon-ticket-display .display-content .display-content-availability {
        position: absolute;
        top: 25px;
        right: 25px;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .coupon-ticket .coupon-ticket-display .display-content .display-content-availability {
            font-size: 14px; } }
        .coupon-ticket .coupon-ticket-display .display-content .display-content-availability a {
          display: inline-block; }
        .coupon-ticket .coupon-ticket-display .display-content .display-content-availability .btn {
          width: 80px;
          height: 30px;
          padding: 0 10px; }
          .coupon-ticket .coupon-ticket-display .display-content .display-content-availability .btn:lang(en) {
            width: 120px;
            height: auto;
            min-height: 30px;
            line-height: 1.25; }
          @media screen and (min-width: 480px), print {
            .coupon-ticket .coupon-ticket-display .display-content .display-content-availability .btn {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex; }
              .coupon-ticket .coupon-ticket-display .display-content .display-content-availability .btn + a {
                margin-top: 10px; } }
          @media screen and (max-width: 767px) {
            .coupon-ticket .coupon-ticket-display .display-content .display-content-availability .btn {
              width: 65px;
              height: 25px;
              padding: 0;
              font-size: 14px; }
              .coupon-ticket .coupon-ticket-display .display-content .display-content-availability .btn:lang(en) {
                height: auto;
                min-height: 25px;
                padding: 5px; } }
          @media screen and (max-width: 479px) {
            .coupon-ticket .coupon-ticket-display .display-content .display-content-availability .btn + a {
              margin-left: 5px; } }
  @media screen and (max-width: 479px) {
    .coupon-ticket .coupon-ticket-display .display-cover {
      width: 100px;
      padding: 10px; }
    .coupon-ticket .coupon-ticket-display .display-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 15px; }
      .coupon-ticket .coupon-ticket-display .display-content .name {
        font-size: 15px;
        line-height: 1.5; }
      .coupon-ticket .coupon-ticket-display .display-content .txt {
        font-size: 14px; } }
    @media screen and (max-width: 479px) and (max-width: 339px) {
      .coupon-ticket .coupon-ticket-display .display-content .txt {
        font-size: 13px; } }
  @media screen and (max-width: 479px) {
      .coupon-ticket .coupon-ticket-display .display-content .display-content-inner,
      .coupon-ticket .coupon-ticket-display .display-content .display-content-availability {
        width: 100%; }
      .coupon-ticket .coupon-ticket-display .display-content .display-content-availability {
        position: static;
        margin-top: 10px;
        font-size: 14px;
        text-align: right; } }
    @media screen and (max-width: 479px) and (max-width: 339px) {
      .coupon-ticket .coupon-ticket-display .display-content .display-content-availability {
        font-size: 13px; } }
  @media screen and (max-width: 479px) {
    .coupon-ticket .coupon-ticket-info .info-head {
      padding: 15px 20px; }
    .coupon-ticket .coupon-ticket-info .info-content {
      padding: 0 20px 20px; } }
@media screen and (max-width: 479px) and (max-width: 413px) {
  .coupon-ticket .coupon-ticket-info .info-head {
    padding: 15px; }
  .coupon-ticket .coupon-ticket-info .info-content {
    padding: 0 15px 15px; } }
  @media screen and (max-width: 479px) {
    .coupon-ticket.content-only .coupon-ticket-info .info-content {
      padding: 20px; } }
  @media screen and (max-width: 479px) and (max-width: 413px) {
    .coupon-ticket.content-only .coupon-ticket-info .info-content {
      padding: 15px; } }

.usage-list ul {
  counter-reset: list-item; }
  @media screen and (min-width: 768px), print {
    .usage-list ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
.usage-list .list-item {
  counter-increment: list-item; }
  .usage-list .list-item .caption {
    color: #333333; }
    .usage-list .list-item .caption::before {
      content: counter(list-item) ".";
      display: inline-block;
      margin: 15px 0 10px;
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 22px;
      font-weight: 600; }
    .usage-list .list-item .caption * {
      letter-spacing: 0; }
  @media screen and (min-width: 1200px), print {
    .usage-list .list-item {
      width: calc(25% - 75px/4); }
      .usage-list .list-item:not(:nth-child(-n+4)) {
        margin-top: 75px; }
      .usage-list .list-item:not(:nth-child(4n+0)) {
        margin-right: 25px; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) {
    .usage-list .list-item {
      width: calc(100%/3 - 50px/3); }
      .usage-list .list-item:not(:nth-child(-n+3)) {
        margin-top: 50px; }
      .usage-list .list-item:not(:nth-child(3n+0)) {
        margin-right: 25px; }
      .edge .usage-list .list-item, .msie .usage-list .list-item {
        width: calc(100%/3 - 50px/3 - 0.01px); } }
  @media screen and (min-width: 768px), print {
    .usage-list .list-item:first-child {
      margin-left: auto; }
    .usage-list .list-item:last-child {
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .usage-list .list-item + .list-item {
      margin-top: 50px; } }

.step-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1170px;
  margin: 0 auto; }
.step-list .list-item {
  position: relative;
  /*.list-item-head
   * position: relative
   * +flexbox
   * +align-items-center
   * height: 50px
   * padding: 0 8px
   * +max($max-xs)
   * 	height: 40px
   * 	padding: 0 5px
   * &::before, &::after
   * 	content: ''
   * 	display: block
   * 	width: 50%
   * 	height: 1px
   * 	margin-top: 1px
   * 	border-top: 1px dashed color(main-red)
   * .icon
   * 	position: absolute
   * 	top: 0
   * 	left: calc(50% - 25px)
   * 	+max($max-xs)
   * 		left: calc(50% - 20px)
   * 		width: 40px */ }
  .step-list .list-item a {
    display: block; }
  .step-list .list-item .icon, .step-list .list-item .pic, .step-list .list-item .caption {
    display: block; }
  .step-list .list-item::after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -8px;
    display: block;
    content: "";
    font-family: "icomoon";
    font-size: 16px;
    line-height: 1;
    color: #BA000C;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (max-width: 479px) {
      .step-list .list-item::after {
        right: -5px;
        font-size: 10px; } }
  .step-list .list-item .list-item-head {
    display: none; }
  .step-list .list-item .list-item-primary {
    display: block;
    margin-top: 35px;
    cursor: pointer; }
    .step-list .list-item .list-item-primary .caption {
      margin-top: 35px;
      padding: 0 15px;
      line-height: 1.15;
      color: #333333;
      -moz-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease; }
      .step-list .list-item .list-item-primary .caption span {
        display: block; }
        .step-list .list-item .list-item-primary .caption span + span {
          margin-top: 0.35em; }
      .step-list .list-item .list-item-primary .caption .zh {
        font-size: 16px; }
      .step-list .list-item .list-item-primary .caption .en {
        font-size: 15px; }
      @media screen and (max-width: 479px) {
        .step-list .list-item .list-item-primary .caption {
          margin-top: 20px;
          padding: 0 5px; }
          .step-list .list-item .list-item-primary .caption .zh {
            font-size: 14px; }
          .step-list .list-item .list-item-primary .caption .en {
            font-size: 14px; } }
    .step-list .list-item .list-item-primary:hover .caption {
      color: #BA000C; }
  @media screen and (min-width: 992px), print {
    .step-list .list-item {
      width: calc(100%/6); }
      .msie .step-list .list-item, .edge .step-list .list-item {
        width: calc(100%/6 - 0.01px); }
      .step-list .list-item .list-item-primary {
        padding: 0 15px; }
      .step-list .list-item:not(:nth-child(-n+6)) {
        margin-top: 40px; }
      .step-list .list-item:nth-child(6n+1) .list-item-head::before {
        visibility: hidden; }
      .step-list .list-item:nth-child(6n+0)::after, .step-list .list-item:last-child::after {
        display: none; }
      .step-list .list-item:nth-child(6n+0) .list-item-head::after, .step-list .list-item:last-child .list-item-head::after {
        display: none; } }
  @media screen and (max-width: 991px) {
    .step-list .list-item {
      width: calc(100%/3); }
      .msie .step-list .list-item, .edge .step-list .list-item {
        width: calc(100%/3 - 0.01px); }
      .step-list .list-item:not(:nth-child(-n+3)) {
        margin-top: 40px; }
      .step-list .list-item:nth-child(3n+1) .list-item-head::before {
        visibility: hidden; }
      .step-list .list-item:nth-child(3n+0)::after, .step-list .list-item:last-child::after {
        display: none; }
      .step-list .list-item:nth-child(3n+0) .list-item-head::after, .step-list .list-item:last-child .list-item-head::after {
        display: none; } }

/* -------------------------------------------
 *  container
 * ------------------------------------------ */
.container {
  width: calc(100% - 180px);
  max-width: 1500px;
  margin: 0 auto; }
  .container.c-xs {
    max-width: 1080px; }
  .container.c-sm {
    max-width: 1440px; }
  .container.c-sm2 {
    max-width: 1450px; }
  .container.c-sm3 {
    max-width: 1415px; }
  .container.c-sm4 {
    max-width: 1395px; }
  .container.c-lg {
    max-width: 1600px; }
  .container.c-bg {
    max-width: 1700px; }
  .container.c-full {
    max-width: none; }
  @media screen and (max-width: 1199px) {
    .container {
      width: calc(100% - 100px); } }
  @media screen and (max-width: 767px) {
    .container {
      width: calc(100% - 50px); } }
  @media screen and (max-width: 479px) {
    .container {
      width: calc(100% - 40px); } }
  @media screen and (max-width: 413px) {
    .container {
      width: calc(100% - 30px); } }

.wp {
  overflow: hidden; }
  .wp.has-sticky {
    overflow: visible; }

@media screen and (min-width: 992px), print {
  .wp, #main {
    min-height: 100vh; } }

/* -------------------------------------------
 *  header
 * ------------------------------------------ */
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; }
  .menu-opened .header, .search-opened .header {
    z-index: 1002; }
  .header.fading-header .header-main {
    -moz-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  .header.fading-header.hide-header {
    visibility: hidden; }
    .header.fading-header.hide-header .header-main {
      visibility: hidden;
      opacity: 0; }
    .search-opened .header.fading-header.hide-header .header-main {
      visibility: visible;
      opacity: 1; }
  .header.sticky {
    position: fixed; }
    @media screen and (min-width: 992px), print {
      .header.sticky .menu .menu-wrapper {
        padding-top: 75px !important; }
      .header.sticky .menu .menu-track {
        top: 75px !important; } }
    @media screen and (max-width: 991px) {
      .header.sticky .menu .menu-wrapper {
        padding-top: 55px !important; }
      .header.sticky .menu .menu-track {
        top: 55px !important; } }
  @media screen and (min-width: 1200px), print {
    .header.sticky:not(.hide-header) {
      -moz-transform: translateY(75px);
      -o-transform: translateY(75px);
      -ms-transform: translateY(75px);
      -webkit-transform: translateY(75px);
      transform: translateY(75px);
      -moz-transition: transform 0.5s ease-in-out;
      -o-transition: transform 0.5s ease-in-out;
      -webkit-transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out; } }
  .header .header-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
    @media screen and (min-width: 1600px), print {
      .header .header-inner {
        width: calc(100% - 120px); } }
    @media screen and (max-width: 1599px) and (min-width: 768px) {
      .header .header-inner {
        width: calc(100% - 50px); } }
  .header .header-cookie, .header .header-spotlight {
    position: relative;
    z-index: 2; }
  .header .header-cookie {
    background-color: #ffffff;
    padding: 12.5px 0;
    font-size: 15px; }
    .header .header-cookie a:hover, .header .header-cookie a:active, .header .header-cookie a:focus {
      color: #BA000C; }
    .header .header-cookie .btn {
      width: 125px;
      height: 2.25em; }
    @media screen and (min-width: 768px), print {
      .header .header-cookie .btn {
        margin-left: 0.5em; } }
    @media screen and (max-width: 767px) {
      .header .header-cookie .header-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
      .header .header-cookie .btn {
        margin-top: 0.5em; } }
    @media screen and (max-width: 479px) {
      .header .header-cookie {
        font-size: 13px; } }
  .header .header-spotlight {
    background-color: #222222;
    padding: 5px 0;
    font-size: 14px;
    color: #ffffff; }
    .header .header-spotlight a {
      -moz-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
      .header .header-spotlight a:hover {
        opacity: 0.75; }
    .header .header-spotlight .spotlight-content {
      width: 100%;
      height: 1.5em;
      overflow: hidden; }
      .header .header-spotlight .spotlight-content .slider:not(.slick-initialized) {
        visibility: hidden; }
    .header .header-spotlight .spotlight-close {
      position: absolute;
      top: calc(50% - 0.5em);
      right: 0; }
      .header .header-spotlight .spotlight-close .btn {
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease; }
        .header .header-spotlight .spotlight-close .btn:hover {
          opacity: 0.75; }
    .header .header-spotlight .slick-list, .header .header-spotlight .slick-track {
      height: 100%; }
    .header .header-spotlight .slick-track {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .header .header-spotlight .slick-slide {
      height: auto;
      float: none; }
      .header .header-spotlight .slick-slide > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%; }
    .header .header-spotlight .slick-item .slick-item-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%; }
      .header .header-spotlight .slick-item .slick-item-inner p {
        width: 100%; }
    @media screen and (max-width: 479px) {
      .header .header-spotlight .header-inner {
        width: calc(100% - 20px); }
      .header .header-spotlight .spotlight-content {
        padding-right: 15px; } }
    @media screen and (max-width: 339px) {
      .header .header-spotlight {
        font-size: 12px; } }
  .header .mainlinks [data-level="1"] .ml-ad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .header .mainlinks [data-level="1"] .ml-ad .ml-ad-content span {
      display: block; }
    .header .mainlinks [data-level="1"] .ml-ad.for-pd {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .header .mainlinks [data-level="1"] .ml-ad.for-pd .ml-ad-pic img {
        display: block;
        width: 100%; }
      .header .mainlinks [data-level="1"] .ml-ad.for-pd .ml-ad-pic + .ml-ad-content {
        margin-left: 25px; }
      .header .mainlinks [data-level="1"] .ml-ad.for-pd .ml-ad-content .title {
        font-size: 22px; }
      .header .mainlinks [data-level="1"] .ml-ad.for-pd .ml-ad-content .subtitle {
        margin-top: 0.5em;
        font-size: 16px; }
      .header .mainlinks [data-level="1"] .ml-ad.for-pd .ml-ad-content .link {
        margin-top: 1em;
        font-size: 15px;
        color: rgba(0, 0, 0, 0.55); }
        .header .mainlinks [data-level="1"] .ml-ad.for-pd .ml-ad-content .link a:hover {
          color: #BA000C; }
      @media screen and (max-width: 1599px) {
        .header .mainlinks [data-level="1"] .ml-ad.for-pd .ml-ad-content .title {
          font-size: 18px; } }
  .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-tt + .ml-ad-pic {
    margin-top: 1em; }
  .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad + .ml-ad {
      margin-top: 55px; }
    .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-icon {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 85px; }
      .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-icon img {
        display: block; }
      .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-icon + .ml-ad-content {
        margin-right: 20px; }
    .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-content {
      font-size: 16px; }
      .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-content .title {
        font-size: 17px;
        font-weight: 700; }
        .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-content .title a:hover {
          color: #BA000C; }
      .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-content .txt {
        margin-top: 0.5em;
        line-height: 1.75;
        letter-spacing: 0.05em;
        color: rgba(0, 0, 0, 0.55); }
      @media screen and (max-width: 1599px) and (min-width: 1200px) {
        .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-content {
          font-size: 14px; }
          .header .mainlinks [data-level="1"] .ml-dd-side:not(.alt) .ml-ad .ml-ad-content .title {
            font-size: 15px; } }
  .header .mainlinks [data-level="1"] .ml-dd-side.alt .ml-ad {
    display: block; }
    .header .mainlinks [data-level="1"] .ml-dd-side.alt .ml-ad .ml-ad-pic img {
      display: block;
      width: 100%; }
    .header .mainlinks [data-level="1"] .ml-dd-side.alt .ml-ad .ml-ad-content {
      margin-top: 15px;
      margin-left: 0; }
      .header .mainlinks [data-level="1"] .ml-dd-side.alt .ml-ad .ml-ad-content .title {
        font-size: 17px;
        font-weight: 500; }
      .header .mainlinks [data-level="1"] .ml-dd-side.alt .ml-ad .ml-ad-content .subtitle {
        margin-top: 0.25em; }
      .header .mainlinks [data-level="1"] .ml-dd-side.alt .ml-ad .ml-ad-content .link {
        margin-top: 0.5em; }
  .header .header-topbar {
    position: relative;
    z-index: 10;
    background-color: #BA000C;
    color: #ffffff; }
    @media screen and (max-width: 413px) {
      .header .header-topbar .header-inner {
        width: calc(100% - 40px); } }
    .header .header-topbar .logo {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 75px; }
      .header .header-topbar .logo a, .header .header-topbar .logo img {
        display: block;
        max-height: 75px; }
      .header .header-topbar .logo img {
        width: auto; }
      @media screen and (max-width: 1399px) and (min-width: 1200px) {
        .header .header-topbar .logo {
          max-width: 200px; } }
      @media screen and (max-width: 991px) {
        .header .header-topbar .logo {
          height: 55px; }
          .header .header-topbar .logo a, .header .header-topbar .logo img {
            max-height: 45px; } }
      @media screen and (max-width: 479px) {
        .header .header-topbar .logo {
          max-width: calc(100% - 150px); } }
      @media screen and (max-width: 339px) {
        .header .header-topbar .logo a, .header .header-topbar .logo img {
          max-height: 40px; } }
    .header .header-topbar .tools {
      position: absolute;
      top: 0;
      right: 0; }
      .header .header-topbar .tools > ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 75px; }
        @media screen and (max-width: 991px) {
          .header .header-topbar .tools > ul {
            height: 55px; } }
      .header .header-topbar .tools [data-num] {
        position: relative; }
        .header .header-topbar .tools [data-num]::before {
          position: absolute;
          content: attr(data-num);
          display: block;
          border-radius: 50%;
          font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
          font-size: 13px;
          text-align: center; }
      .header .header-topbar .tools [data-tool] {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .header .header-topbar .tools [data-tool] > div:not(.tool-toggle) {
          position: absolute;
          z-index: 10;
          top: calc(100%);
          visibility: hidden;
          opacity: 0;
          -moz-transition-property: visibility, opacity;
          -o-transition-property: visibility, opacity;
          -webkit-transition-property: visibility, opacity;
          transition-property: visibility, opacity;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -moz-transition-timing-function: ease;
          -o-transition-timing-function: ease;
          -webkit-transition-timing-function: ease;
          transition-timing-function: ease; }
          .header .header-topbar .tools [data-tool] > div:not(.tool-toggle).tool-dropdown {
            -moz-transition-property: margin, visibility, opacity;
            -o-transition-property: margin, visibility, opacity;
            -webkit-transition-property: margin, visibility, opacity;
            transition-property: margin, visibility, opacity; }
        .header .header-topbar .tools [data-tool] + [data-tool] {
          margin-left: 35px;
          /*+max($max-bg)
           * margin-left: 25px */ }
          @media screen and (max-width: 767px) {
            .header .header-topbar .tools [data-tool] + [data-tool] {
              margin-left: 15px; } }
        .header .header-topbar .tools [data-tool].active > div:not(.tool-toggle) {
          visibility: visible;
          opacity: 1; }
        .header .header-topbar .tools [data-tool].active .tool-dropdown {
          margin-top: 0; }
        .header .header-topbar .tools [data-tool] .tool-toggle {
          position: relative; }
          .header .header-topbar .tools [data-tool] .tool-toggle .icon {
            font-size: 26px; }
            .header .header-topbar .tools [data-tool] .tool-toggle .icon + span {
              margin-left: 0.5em; }
          .header .header-topbar .tools [data-tool] .tool-toggle [data-num] {
            position: relative; }
            .header .header-topbar .tools [data-tool] .tool-toggle [data-num]::before {
              right: -3px;
              bottom: -3px;
              width: 18px;
              height: 18px;
              background-color: #ffffff;
              color: #BA000C; }
              @media screen and (max-width: 479px) {
                .header .header-topbar .tools [data-tool] .tool-toggle [data-num]::before {
                  width: 15px;
                  height: 15px;
                  font-size: 11px; } }
        .header .header-topbar .tools [data-tool] .tool-dropdown {
          left: 50%;
          margin-top: -20px;
          padding-top: 12.5px;
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
          .header .header-topbar .tools [data-tool] .tool-dropdown .tool-dropdown-box {
            position: relative;
            background-color: #ffffff;
            border-radius: 5px;
            -webkit-box-shadow: 0 0 9.5px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0 9.5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 9.5px rgba(0, 0, 0, 0.2); }
          .header .header-topbar .tools [data-tool] .tool-dropdown .tool-dropdown-inner {
            letter-spacing: 0.05em;
            color: rgba(0, 0, 0, 0.9); }
            .header .header-topbar .tools [data-tool] .tool-dropdown .tool-dropdown-inner + .tool-dropdown-inner {
              border-top: 1px solid #E1E1E1; }
          .header .header-topbar .tools [data-tool] .tool-dropdown::before, .header .header-topbar .tools [data-tool] .tool-dropdown::after {
            content: "";
            position: absolute;
            top: 12.5px;
            left: calc(50% - 5px);
            display: block;
            width: 10px;
            height: 10px;
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -moz-transform-origin: top left;
            -o-transform-origin: top left;
            -ms-transform-origin: top left;
            -webkit-transform-origin: top left;
            transform-origin: top left; }
          .header .header-topbar .tools [data-tool] .tool-dropdown::before {
            -webkit-box-shadow: 0 0 9.5px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0 9.5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 9.5px rgba(0, 0, 0, 0.2); }
          .header .header-topbar .tools [data-tool] .tool-dropdown::after {
            background-color: #ffffff; }
      .header .header-topbar .tools [data-tool="lang"] .tool-dropdown {
        width: 175px; }
        .header .header-topbar .tools [data-tool="lang"] .tool-dropdown .tool-dropdown-inner {
          max-height: 325px;
          overflow: auto;
          padding: 25px 15px;
          font-size: 15px;
          color: rgba(0, 0, 0, 0.55); }
          .header .header-topbar .tools [data-tool="lang"] .tool-dropdown .tool-dropdown-inner li + li {
            margin-top: 0.5em; }
          .header .header-topbar .tools [data-tool="lang"] .tool-dropdown .tool-dropdown-inner li.current {
            color: rgba(0, 0, 0, 0.9);
            font-weight: 700; }
          .header .header-topbar .tools [data-tool="lang"] .tool-dropdown .tool-dropdown-inner li:not(.current) a:hover, .header .header-topbar .tools [data-tool="lang"] .tool-dropdown .tool-dropdown-inner li:not(.current) a:active {
            color: #BA000C; }
      .header .header-topbar .tools [data-tool="member"] .tool-dropdown {
        min-width: 230px; }
        .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner {
          padding: 20px; }
          .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner:lang(en) {
            font-size: 14px; }
          .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner.for-logout {
            padding: 15px 20px; }
          .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner li {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner li + li {
              margin-top: 15px; }
            .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner li a:hover {
              color: #BA000C; }
            .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner li .tt {
              white-space: nowrap;
              margin-right: 1em; }
              .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner li .tt .icon {
                display: inline-block;
                margin-right: 0.35em;
                vertical-align: -2px;
                font-size: 1.5em; }
            .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner li .txt {
              white-space: nowrap; }
              .header .header-topbar .tools [data-tool="member"] .tool-dropdown .tool-dropdown-inner li .txt em {
                font-style: normal;
                margin-right: 0.25em; }
      .header .header-topbar .tools [data-tool="cart"] .tool-dropdown {
        left: auto;
        right: -5px;
        width: 360px;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none; }
        .header .header-topbar .tools [data-tool="cart"] .tool-dropdown::before, .header .header-topbar .tools [data-tool="cart"] .tool-dropdown::after {
          left: auto;
          right: 15px; }
        .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .nicescroll-rails {
          margin-left: -7.5px; }
        @media screen and (max-width: 1199px) {
          .header .header-topbar .tools [data-tool="cart"] .tool-dropdown {
            right: 0;
            max-width: calc(100vw - 100px); }
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown::before, .header .header-topbar .tools [data-tool="cart"] .tool-dropdown::after {
              right: 10px; } }
        .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-dropdown-inner {
          padding: 20px 0 27.5px;
          text-align: left; }
          .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-dropdown-inner > div {
            position: relative;
            padding-left: 25px;
            padding-right: 25px; }
          @media screen and (max-width: 479px) {
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-dropdown-inner {
              padding: 20px 0; }
              .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-dropdown-inner > div {
                padding-left: 20px;
                padding-right: 20px; } }
        .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-head {
          font-size: 15px;
          line-height: 1.15;
          padding-bottom: 10px; }
          .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-head::after {
            content: "";
            position: absolute;
            left: 25px;
            right: 25px;
            bottom: 0;
            display: block;
            height: 1px;
            background-color: #E1E1E1; }
          @media screen and (max-width: 479px) {
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-head {
              left: 20px;
              right: 20px; } }
        .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list {
          max-height: 335px;
          overflow: auto; }
          @media screen and (max-width: 479px) {
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list {
              max-height: calc(100vh - 350px); } }
          .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 15px 0; }
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item > div + div {
              margin-left: 15px; }
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item + .list-item {
              border-top: 1px solid #E1E1E1; }
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-pic {
              -webkit-flex-shrink: 0;
              -moz-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              width: 80px; }
              .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-pic .pic {
                display: block;
                background-size: contain !important;
                background-repeat: no-repeat; }
                .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-pic .pic::before {
                  content: "";
                  display: block;
                  padding-bottom: 100%; }
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-info {
              line-height: 1.25; }
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-remove {
              -webkit-flex-shrink: 0;
              -moz-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0; }
              .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-remove .btn {
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease; }
                .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-remove .btn:hover {
                  color: #BA000C; }
            @media screen and (max-width: 479px) {
              .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-pic {
                width: 50px; }
              .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-list .list-item .item-info {
                font-size: 15px; } }
        .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-foot {
          padding-top: 27.5px; }
          .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-foot::before {
            content: "";
            position: absolute;
            top: 0;
            left: 25px;
            right: 25px;
            display: block;
            height: 1px;
            background-color: #E1E1E1; }
          @media screen and (max-width: 479px) {
            .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-foot {
              padding-top: 20px; }
              .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-foot::before {
                left: 20px;
                right: 20px; } }
          .header .header-topbar .tools [data-tool="cart"] .tool-dropdown .tool-cart-foot .btn {
            height: 40px; }
      .header .header-topbar .tools [data-tool="widget"].lock-transition::before, .header .header-topbar .tools [data-tool="widget"].lock-transition *, .header .header-topbar .tools [data-tool="widget"].lock-transition *::before, .header .header-topbar .tools [data-tool="widget"].lock-transition *::after {
        -moz-transition: none !important;
        -o-transition: none !important;
        -webkit-transition: none !important;
        transition: none !important; }
      .header .header-topbar .tools [data-tool="widget"]::before {
        content: "";
        position: absolute;
        top: 0;
        left: -25px;
        right: -25px;
        bottom: 0;
        display: block;
        background-color: #ffffff;
        opacity: 0;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease; }
      .header .header-topbar .tools [data-tool="widget"] .tool-toggle .btn::before, .header .header-topbar .tools [data-tool="widget"] .tool-toggle .btn::after, .header .header-topbar .tools [data-tool="widget"] .tool-toggle .btn span {
        display: block;
        width: 22px;
        height: 3px;
        background-color: #ffffff;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease; }
      .header .header-topbar .tools [data-tool="widget"] .tool-toggle .btn::before, .header .header-topbar .tools [data-tool="widget"] .tool-toggle .btn::after {
        content: "";
        position: absolute;
        left: 0;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        -ms-transform-origin: left center;
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -moz-transition-property: background-color, transform;
        -o-transition-property: background-color, transform;
        -webkit-transition-property: background-color, transform;
        transition-property: background-color, transform; }
      .header .header-topbar .tools [data-tool="widget"] .tool-toggle .btn::before {
        top: 0; }
      .header .header-topbar .tools [data-tool="widget"] .tool-toggle .btn::after {
        bottom: 0; }
      .header .header-topbar .tools [data-tool="widget"] .tool-toggle .btn span {
        margin: 9px 0;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -webkit-transition-property: opacity;
        transition-property: opacity; }
      .header .header-topbar .tools [data-tool="widget"] .tool-widget {
        z-index: 10;
        left: -25px;
        right: -25px;
        background-color: #ffffff;
        padding: 10px 5px 35px;
        color: rgba(0, 0, 0, 0.9);
        text-align: center; }
        @media screen and (max-height: 800px) {
          .header .header-topbar .tools [data-tool="widget"] .tool-widget {
            padding-bottom: 15px; } }
        .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item + .widget-item {
          margin-top: 30px; }
          @media screen and (max-height: 800px) {
            .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item + .widget-item {
              margin-top: 20px; } }
          @media screen and (max-height: 700px) {
            .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item + .widget-item {
              margin-top: 15px; } }
          @media screen and (max-height: 650px) {
            .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item + .widget-item {
              margin-top: 10px; } }
        .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .btn {
          -moz-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          -webkit-transition: color 0.3s ease;
          transition: color 0.3s ease; }
          .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .btn > span {
            display: block; }
          .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .btn:hover {
            color: #BA000C; }
        .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .widget-item-icon .icon {
          font-size: 30px; }
          @media screen and (max-height: 800px) {
            .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .widget-item-icon .icon {
              font-size: 25px; } }
        .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .widget-item-icon svg {
          width: 30px;
          height: 30px; }
          @media screen and (max-height: 800px) {
            .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .widget-item-icon svg {
              width: 25px;
              height: 25px; } }
        .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .widget-item-icon[data-num] {
          position: relative; }
          .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .widget-item-icon[data-num]::before {
            right: -5px;
            bottom: 0px;
            width: 20px;
            height: 20px;
            background-color: #BA000C;
            border: 2px solid #ffffff;
            color: #ffffff;
            font-size: 12px; }
        .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .widget-item-tt {
          margin-top: 0.35em;
          font-size: 13px; }
          @media screen and (max-height: 650px) {
            .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-toggle .widget-item-tt {
              font-size: 12px; } }
        .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-records {
          margin-top: 12.5px;
          padding-top: 12.5px;
          border-top: 1px solid #D0D0D0; }
          .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-records .records-display .display-item .display-item-inner {
            display: block; }
          .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-records .records-display .display-item + .display-item {
            margin-top: 10px; }
          .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-records .records-display .display-item .item-content {
            display: none; }
          .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-records .records-nav {
            margin-top: 20px;
            font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
            font-size: 13px;
            letter-spacing: 0.1em; }
            .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-records .records-nav ul {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
            .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-records .records-nav .arrow .btn {
              -moz-transition: color 0.3s ease;
              -o-transition: color 0.3s ease;
              -webkit-transition: color 0.3s ease;
              transition: color 0.3s ease; }
              .header .header-topbar .tools [data-tool="widget"] .tool-widget .widget-item .widget-item-records .records-nav .arrow .btn:hover {
                color: #BA000C; }
      .header .header-topbar .tools [data-tool="widget"].active::before {
        opacity: 1; }
      .header .header-topbar .tools [data-tool="widget"].active .tool-toggle .btn::before, .header .header-topbar .tools [data-tool="widget"].active .tool-toggle .btn::after, .header .header-topbar .tools [data-tool="widget"].active .tool-toggle .btn span {
        background-color: #BA000C; }
      .header .header-topbar .tools [data-tool="widget"].active .tool-toggle .btn::before, .header .header-topbar .tools [data-tool="widget"].active .tool-toggle .btn::after {
        margin-left: 3px; }
      .header .header-topbar .tools [data-tool="widget"].active .tool-toggle .btn::before {
        top: 1px;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .header .header-topbar .tools [data-tool="widget"].active .tool-toggle .btn::after {
        bottom: 1px;
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .header .header-topbar .tools [data-tool="widget"].active .tool-toggle .btn span {
        opacity: 0; }
      .header .header-topbar .tools [data-tool="widget"].active .tool-widget {
        visibility: visible;
        opacity: 1; }
    @media screen and (min-width: 992px), print {
      .header .header-topbar .logo {
        position: absolute;
        top: 0;
        left: 0; }
      .header .header-topbar .mainlinks {
        display: block !important; } }
  @media screen and (min-width: 992px) and (max-width: 1399px) {
    .header .header-topbar .mainlinks {
      margin-right: 100px; } }
    @media screen and (min-width: 992px), print {
        .header .header-topbar .mainlinks > ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          .header .header-topbar .mainlinks > ul li.mobile-only {
            display: none; }
        .header .header-topbar .mainlinks .ml-dd-tt {
          display: none !important; }
        .header .header-topbar .mainlinks [data-level="0"] > li + li {
          margin-left: 50px; } }
    @media screen and (min-width: 992px) and (max-width: 1599px) {
      .header .header-topbar .mainlinks [data-level="0"] > li + li {
        margin-left: 25px; } }
    @media screen and (min-width: 992px), print {
        .header .header-topbar .mainlinks [data-level="0"] > li > .ml-tt {
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 75px;
          font-size: 17px;
          letter-spacing: 0.1em; } }
    @media screen and (min-width: 992px) and (max-width: 991px) {
      .header .header-topbar .mainlinks [data-level="0"] > li > .ml-tt {
        height: 55px; } }
    @media screen and (min-width: 992px), print {
          .header .header-topbar .mainlinks [data-level="0"] > li > .ml-tt.has-dd::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: calc(50% - 7px);
            display: block;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ffffff;
            opacity: 0;
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }
          .header .header-topbar .mainlinks [data-level="0"] > li > .ml-tt > .ml-tt-txt {
            display: block; } }
    @media screen and (min-width: 992px) and (max-width: 1599px) {
      .header .header-topbar .mainlinks [data-level="0"] > li > .ml-tt {
        font-size: 16px; } }
    @media screen and (min-width: 992px) and (max-width: 1399px) {
      .header .header-topbar .mainlinks [data-level="0"] > li > .ml-tt {
        font-size: 15px; } }
    @media screen and (min-width: 992px), print {
        .header .header-topbar .mainlinks [data-level="0"] > li > .ml-dd {
          position: absolute;
          z-index: 10;
          top: 75px;
          left: -60px;
          right: -60px;
          background-color: #ffffff;
          color: rgba(0, 0, 0, 0.9);
          text-align: left;
          visibility: hidden;
          opacity: 0;
          -moz-transition-property: opacity, visibility;
          -o-transition-property: opacity, visibility;
          -webkit-transition-property: opacity, visibility;
          transition-property: opacity, visibility;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -moz-transition-timing-function: ease-in-out;
          -o-transition-timing-function: ease-in-out;
          -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; } }
    @media screen and (min-width: 992px) and (max-width: 1599px) {
      .header .header-topbar .mainlinks [data-level="0"] > li > .ml-dd {
        left: -25px;
        right: -25px; } }
    @media screen and (min-width: 992px), print {
        .header .header-topbar .mainlinks [data-level="0"] > li.active > .ml-tt.has-dd::before {
          opacity: 1; }
        .header .header-topbar .mainlinks [data-level="0"] > li.active > .ml-dd {
          visibility: visible;
          opacity: 1; }
        .header .header-topbar .mainlinks [data-level="0"] > li.for-about > .ml-dd [data-level="1"] > li + li {
          margin-left: 225px; }
        .header .header-topbar .mainlinks [data-level="1"] {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
          .header .header-topbar .mainlinks [data-level="1"] > li {
            padding: 40px 0;
            line-height: 1.25;
            letter-spacing: 0.05em; }
            .header .header-topbar .mainlinks [data-level="1"] > li > .ml-tt {
              font-size: 17px;
              font-weight: 700; }
              .header .header-topbar .mainlinks [data-level="1"] > li > .ml-tt + .ml-dd {
                margin-top: 1em; }
            .header .header-topbar .mainlinks [data-level="1"] > li + li:not(.ml-dd-bottom) {
              margin-left: 100px; } }
        @media screen and (min-width: 992px) and (max-width: 1599px) {
          .header .header-topbar .mainlinks [data-level="1"] > li + li:not(.ml-dd-bottom) {
            margin-left: 75px; } }
        @media screen and (min-width: 992px) and (max-width: 1399px) {
          .header .header-topbar .mainlinks [data-level="1"] > li + li:not(.ml-dd-bottom) {
            margin-left: 50px; } }
      @media screen and (min-width: 992px) and (max-width: 1599px) {
        .header .header-topbar .mainlinks [data-level="1"] > li > .ml-tt {
          font-size: 15px; }
        .header .header-topbar .mainlinks [data-level="1"] > li > .ml-dd {
          font-size: 14px; } }
    @media screen and (min-width: 992px), print {
            .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-side:not(.alt) .ml-ad .ml-ad-content {
              max-width: 170px; }
            .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-side.alt .ml-ads {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex; }
              .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-side.alt .ml-ads .ml-ad {
                -webkit-flex-shrink: 0;
                -moz-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0; }
                .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-side.alt .ml-ads .ml-ad + .ml-ad {
                  margin-left: 35px; }
            .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom {
              width: 100%;
              padding: 0;
              border-top: 1px solid #E8E8E8; }
              .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ads {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin: 0 auto; } }
          @media screen and (min-width: 992px) and (max-width: 1399px) {
            .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ads {
              width: calc(100% - 60px); } }
    @media screen and (min-width: 992px), print {
              .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ad {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                min-width: 50%;
                padding: 40px 0; }
                .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ad:nth-child(2n+1) {
                  padding-right: 50px; }
                .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ad:nth-child(2n+0) {
                  padding-left: 50px;
                  border-left: 1px solid #E8E8E8;
                  /*+min($min-xl2)
                   * +justify-content-end */ } }
          @media screen and (min-width: 992px) and (max-width: 1399px) {
            .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ad {
              padding: 30px 0; }
              .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ad:nth-child(2n+1) {
                padding-right: 30px; }
              .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ad:nth-child(2n+0) {
                padding-left: 30px; }
              .header .header-topbar .mainlinks [data-level="1"] > li.ml-dd-bottom .ml-ad .ml-ad-content .title {
                font-size: 18px; } }
    @media screen and (min-width: 992px), print {
        .header .header-topbar .mainlinks [data-level="2"] {
          display: -ms-grid;
          display: grid;
          grid-auto-flow: column;
          grid-column-gap: 80px;
          grid-row-gap: 0;
          /*+max($max-bg)
           * grid-column-gap: 15px */ } }
    @media screen and (min-width: 992px) and (max-width: 1599px) {
      .header .header-topbar .mainlinks [data-level="2"] {
        grid-column-gap: 25px; } }
    @media screen and (min-width: 992px), print {
          .header .header-topbar .mainlinks [data-level="2"] > li > .ml-tt a {
            position: relative;
            display: inline-block;
            /*+max($max-bg)
             * max-width: 150px */ }
            .header .header-topbar .mainlinks [data-level="2"] > li > .ml-tt a::before {
              content: "";
              position: absolute;
              left: 0;
              right: 0;
              bottom: 0;
              display: block;
              height: 1px;
              background-color: #BA000C;
              opacity: 0;
              -moz-transition-property: opacity, bottom;
              -o-transition-property: opacity, bottom;
              -webkit-transition-property: opacity, bottom;
              transition-property: opacity, bottom;
              -moz-transition-duration: 0.15s;
              -o-transition-duration: 0.15s;
              -webkit-transition-duration: 0.15s;
              transition-duration: 0.15s;
              -moz-transition-timing-function: ease;
              -o-transition-timing-function: ease;
              -webkit-transition-timing-function: ease;
              transition-timing-function: ease; }
            .header .header-topbar .mainlinks [data-level="2"] > li > .ml-tt a:hover {
              color: #BA000C; }
              .header .header-topbar .mainlinks [data-level="2"] > li > .ml-tt a:hover::before {
                opacity: 1;
                bottom: -2px; }
          .msie .header .header-topbar .mainlinks [data-level="2"] > li {
            margin-left: 75px;
            /*+max($max-bg)
             * margin-left: 15px */ } }
      @media screen and (min-width: 992px) and (max-width: 1599px) {
        .msie .header .header-topbar .mainlinks [data-level="2"] > li {
          margin-left: 25px; } }
    @media screen and (min-width: 992px), print {
          .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) {
            grid-template-rows: repeat(6, auto); }
            .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:not(:nth-child(6n+1)) {
              margin-top: 0.9em; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(6n+1) {
              -ms-grid-row: 1;
              margin-top: 0; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(6n+2) {
              -ms-grid-row: 2; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(6n+3) {
              -ms-grid-row: 3; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(6n+4) {
              -ms-grid-row: 4; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(6n+5) {
              -ms-grid-row: 5; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(6n) {
              -ms-grid-row: 6; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(-n+6) {
              -ms-grid-column: 1;
              margin-left: 0; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(n+7):nth-child(-n+12) {
              -ms-grid-column: 2; }
            .msie .header .header-topbar .mainlinks [data-level="2"]:not([data-row]) > li:nth-child(n+13):nth-child(-n+18) {
              -ms-grid-column: 3; }
          .header .header-topbar .mainlinks [data-level="2"][data-row="10"] {
            grid-template-rows: repeat(10, auto); }
            .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:not(:nth-child(10n+1)) {
              margin-top: 0.9em; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+1) {
              -ms-grid-row: 1;
              margin-top: 0; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+2) {
              -ms-grid-row: 2; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+3) {
              -ms-grid-row: 3; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+4) {
              -ms-grid-row: 4; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+5) {
              -ms-grid-row: 5; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+6) {
              -ms-grid-row: 6; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+7) {
              -ms-grid-row: 7; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+8) {
              -ms-grid-row: 8; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n+9) {
              -ms-grid-row: 9; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(10n) {
              -ms-grid-row: 10; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(-n+10) {
              -ms-grid-column: 1;
              margin-left: 0; }
            .msie .header .header-topbar .mainlinks [data-level="2"][data-row="10"] > li:nth-child(n+11):nth-child(-n+20) {
              -ms-grid-column: 2; } }
    @media screen and (max-width: 1199px) {
      .header .header-topbar .toggle {
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 75px; } }
  @media screen and (max-width: 1199px) and (max-width: 991px) {
    .header .header-topbar .toggle {
      height: 55px; } }
    @media screen and (max-width: 1199px) {
        .header .header-topbar .toggle .btn {
          position: relative; }
          .header .header-topbar .toggle .btn::before, .header .header-topbar .toggle .btn::after, .header .header-topbar .toggle .btn span {
            display: block;
            width: 25.5px;
            height: 2px;
            background-color: #ffffff;
            -moz-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -moz-transition-timing-function: ease;
            -o-transition-timing-function: ease;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease; }
          .header .header-topbar .toggle .btn::before, .header .header-topbar .toggle .btn::after {
            content: "";
            position: absolute;
            left: 0;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            -ms-transform-origin: left center;
            -webkit-transform-origin: left center;
            transform-origin: left center;
            -moz-transition-property: transform;
            -o-transition-property: transform;
            -webkit-transition-property: transform;
            transition-property: transform; }
          .header .header-topbar .toggle .btn::before {
            top: 0; }
          .header .header-topbar .toggle .btn::after {
            bottom: 0; }
          .header .header-topbar .toggle .btn span {
            margin: 9px 0;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            -webkit-transition-property: opacity;
            transition-property: opacity; }
          .menu-opened .header .header-topbar .toggle .btn::before {
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
          .menu-opened .header .header-topbar .toggle .btn::after {
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          .menu-opened .header .header-topbar .toggle .btn span {
            opacity: 0; } }
    @media screen and (max-width: 1199px) and (max-width: 479px) {
      .header .header-topbar .toggle .btn::before, .header .header-topbar .toggle .btn::after, .header .header-topbar .toggle .btn span {
        width: 22.5px; }
      .header .header-topbar .toggle .btn span {
        margin: 8px 0; } }
    @media screen and (max-width: 1199px) {
      .header .header-topbar .logo {
        position: static; }
      .header .header-topbar .mainlinks {
        display: none; }
      .header .header-topbar .tools [data-tool="lang"], .header .header-topbar .tools [data-tool="member"], .header .header-topbar .tools [data-tool="widget"] {
        display: none; }
      .header .header-topbar .tools [data-tool] .tool-toggle .icon {
        font-size: 24px; } }
  .header .header-search {
    display: none;
    background-color: #ffffff;
    padding: 15px 0 65px; }
    .header .header-search .search-bar {
      position: relative;
      border-bottom: 1px solid #E2E2E2; }
      .header .header-search .search-bar .search-textfield {
        display: block;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        padding: 20px 0;
        font-size: 20px;
        line-height: 1; }
        .header .header-search .search-bar .search-textfield::-webkit-input-placeholder {
          color: inherit;
          opacity: 1; }
        .header .header-search .search-bar .search-textfield:-moz-placeholder {
          color: inherit;
          opacity: 1; }
        .header .header-search .search-bar .search-textfield::-moz-placeholder {
          color: inherit;
          opacity: 1; }
        .header .header-search .search-bar .search-textfield:-ms-input-placeholder {
          color: inherit;
          opacity: 1; }
        .header .header-search .search-bar .search-textfield::placeholder {
          color: inherit;
          opacity: 1; }
      .header .header-search .search-bar .search-submit {
        position: absolute;
        top: calc(50% - 11px);
        right: 0;
        font-size: 25px;
        -moz-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease; }
        .header .header-search .search-bar .search-submit:hover {
          color: #BA000C; }
    .header .header-search .search-trending {
      margin-top: 15px;
      font-size: 14.5px; }
      .header .header-search .search-trending ul li {
        display: inline-block;
        margin: 5px 3px 0 0; }
        .header .header-search .search-trending ul li .btn {
          height: 24px;
          border-radius: 24px;
          white-space: nowrap;
          padding: 0 10px;
          letter-spacing: 0.05em; }
        .header .header-search .search-trending ul li:not(.tt) .btn {
          color: rgba(0, 0, 0, 0.55);
          -moz-transition-property: color, background-color;
          -o-transition-property: color, background-color;
          -webkit-transition-property: color, background-color;
          transition-property: color, background-color; }
          .header .header-search .search-trending ul li:not(.tt) .btn:hover, .header .header-search .search-trending ul li:not(.tt) .btn:active, .header .header-search .search-trending ul li:not(.tt) .btn:focus {
            background-color: #EBEBEB;
            color: rgba(0, 0, 0, 0.9); }
    @media screen and (max-width: 991px) {
      .header .header-search {
        padding: 15px 0 50px; } }
    @media screen and (max-width: 767px) {
      .header .header-search {
        padding: 15px 0 35px; }
        .header .header-search .search-bar .search-textfield {
          font-size: 18px; }
        .header .header-search .search-bar .search-submit {
          font-size: 22px; }
        .header .header-search .search-trending ul li {
          display: block;
          margin-right: 0; }
          .header .header-search .search-trending ul li.tt {
            display: none; }
          .header .header-search .search-trending ul li:not(.tt) .btn {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            text-align: left; } }
    @media screen and (max-width: 479px) {
      .header .header-search {
        padding: 15px 0 25px; }
        .header .header-search .search-bar .search-textfield {
          padding: 15px 0;
          font-size: 16px; }
        .header .header-search .search-bar .search-submit {
          font-size: 20px; }
        .header .header-search .search-trending {
          font-size: 14px; } }
  @media screen and (max-width: 1199px) {
    .header .menu {
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      bottom: 0;
      width: 85vw;
      max-width: 500px;
      overflow: hidden;
      background-color: #F5F5F5;
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      -moz-transition-property: padding-top, transform;
      -o-transition-property: padding-top, transform;
      -webkit-transition-property: padding-top, transform;
      transition-property: padding-top, transform;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
      .header .menu .menu-wrapper {
        height: 100%;
        overflow: auto;
        overflow-x: hidden;
        touch-action: pan-y; }
        .header .menu .menu-wrapper::-webkit-scrollbar {
          display: none; }
      .menu-opened .header .menu {
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0); }
      .header .menu .menu-inner {
        overflow: hidden; }
      .header .menu .menu-track {
        position: fixed;
        z-index: 2;
        top: 75px;
        left: 0;
        right: 0;
        width: 85vw;
        max-width: 500px;
        overflow: hidden; }
        .menu-opened .header .menu .menu-track {
          overflow: visible; } }
    @media screen and (max-width: 1199px) and (max-width: 991px) {
      .header .menu .menu-track {
        top: 55px; } }
  @media screen and (max-width: 1199px) {
        .header .menu .menu-track [data-level] {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          will-change: transform;
          -moz-transition: transform 0.3s ease-in-out;
          -o-transition: transform 0.3s ease-in-out;
          -webkit-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out; }
          .header .menu .menu-track [data-level]:not(.active) {
            -moz-transform: translateX(100vw);
            -o-transform: translateX(100vw);
            -ms-transform: translateX(100vw);
            -webkit-transform: translateX(100vw);
            transform: translateX(100vw); }
          .header .menu .menu-track [data-level] .menu-track-tt {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 58px;
            padding: 0 30px;
            background-color: #282828;
            font-size: 18px;
            color: #ffffff; }
            .header .menu .menu-track [data-level] .menu-track-tt::before {
              content: "";
              position: absolute;
              top: calc(50% - 0.5em);
              left: 30px;
              display: block;
              font-family: "icomoon";
              line-height: 1; }
            .header .menu .menu-track [data-level] .menu-track-tt .menu-track-tt-txt {
              display: block; }
      .header .menu .mainlinks {
        position: relative;
        background-color: #ffffff;
        -moz-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        -webkit-transition: height 0.3s ease-in-out;
        transition: height 0.3s ease-in-out; }
        .header .menu .mainlinks .ml-tt {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 15px 30px; }
          .header .menu .mainlinks .ml-tt.has-dd::after {
            content: "";
            display: block;
            font-family: "icomoon";
            color: #858585; }
          .header .menu .mainlinks .ml-tt .ml-tt-txt {
            font-size: 17px;
            font-weight: 500;
            line-height: 1.15; }
          .header .menu .mainlinks .ml-tt:hover .ml-tt-txt, .header .menu .mainlinks .ml-tt:active .ml-tt-txt, .header .menu .mainlinks .ml-tt:focus .ml-tt-txt {
            font-weight: 700; }
        .header .menu .mainlinks .ml-dd {
          background-color: #ffffff; }
        .header .menu .mainlinks [data-level]:not([data-level="0"]) {
          padding-top: 58px; }
        .header .menu .mainlinks [data-level] > li {
          border-bottom: 1px solid #E1E1E1; }
          .header .menu .mainlinks [data-level] > li:not(.accordion) > .ml-dd {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            will-change: transform;
            -moz-transition: transform 0.3s ease-in-out;
            -o-transition: transform 0.3s ease-in-out;
            -webkit-transition: transform 0.3s ease-in-out;
            transition: transform 0.3s ease-in-out; }
            .header .menu .mainlinks [data-level] > li:not(.accordion) > .ml-dd:not(.active) {
              -moz-transform: translateX(100vw);
              -o-transform: translateX(100vw);
              -ms-transform: translateX(100vw);
              -webkit-transform: translateX(100vw);
              transform: translateX(100vw); }
          .header .menu .mainlinks [data-level] > li.accordion .ml-tt::after {
            display: none; }
          .header .menu .mainlinks [data-level] > li.accordion > .ml-tt {
            pointer-events: none; }
          .header .menu .mainlinks [data-level] > li.accordion > .ml-dd > [data-level] {
            padding-top: 0; }
          .header .menu .mainlinks [data-level] > li.accordion:not(.accordion-alt) {
            padding: 30px 0; }
            .header .menu .mainlinks [data-level] > li.accordion:not(.accordion-alt) .ml-tt {
              padding-top: 0;
              padding-bottom: 0; }
            .header .menu .mainlinks [data-level] > li.accordion:not(.accordion-alt) > .ml-dd > [data-level] > li {
              border-bottom: none;
              margin-top: 15px; }
              .header .menu .mainlinks [data-level] > li.accordion:not(.accordion-alt) > .ml-dd > [data-level] > li .ml-tt .ml-tt-txt {
                font-size: 16px; }
          .header .menu .mainlinks [data-level] > li.accordion.accordion-alt {
            border-bottom: none; }
            .header .menu .mainlinks [data-level] > li.accordion.accordion-alt > .ml-tt {
              display: none; }
        .header .menu .mainlinks [data-level="1"] .ml-dd {
          z-index: 2; }
        .header .menu .mainlinks [data-level="1"] .ml-dd-side, .header .menu .mainlinks [data-level="1"] .ml-dd-bottom {
          padding: 30px; }
        .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad + .ml-ad {
          margin-top: 30px; } }
    @media screen and (max-width: 1199px) and (max-width: 991px) and (min-width: 480px) {
      .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd .ml-ad-pic {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: calc(50% - 30px); } }
    @media screen and (max-width: 1199px) and (max-width: 767px) {
      .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd .ml-ad-content .title {
        font-weight: 500;
        font-size: 18px; }
      .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd .ml-ad-content .subtitle {
        margin-top: 0; }
      .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd .ml-ad-content .links {
        margin-top: 0.5em; } }
    @media screen and (max-width: 1199px) and (max-width: 479px) {
      .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd {
        display: block; }
        .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd .ml-ad-content {
          margin-top: 10px;
          margin-left: 0; }
          .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd .ml-ad-content .title {
            font-size: 16px; }
          .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd .ml-ad-content .subtitle {
            display: none; }
          .header .menu .mainlinks [data-level="1"] .ml-ads .ml-ad.for-pd .ml-ad-content .link {
            margin-top: 0;
            font-size: 14px; } }
  @media screen and (max-width: 1199px) {
        .header .menu .mainlinks [data-level="1"] .ml-dd-side .ml-tt {
          padding: 0; }
        .header .menu .mainlinks [data-level="1"] .ml-dd-bottom .ml-ads {
          width: 100%; }
      .header .menu .menu-foot {
        position: relative;
        z-index: 2;
        background-color: #F5F5F5;
        text-align: center; }
      .header .menu .lang {
        border-bottom: 1px solid #E1E1E1; }
        .header .menu .lang .tool-toggle .btn {
          width: 100%;
          height: 50px; }
          .header .menu .lang .tool-toggle .btn::after {
            content: "";
            font-family: "icomoon";
            margin-left: 5px;
            -moz-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            -webkit-transition: transform 0.3s ease;
            transition: transform 0.3s ease; }
          .header .menu .lang .tool-toggle .btn .icon + span {
            margin-left: 0.5em; }
        .header .menu .lang .tool-toggle.active .btn::after {
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        .header .menu .lang .tool-dropdown {
          display: none;
          padding: 20px 30px;
          background-color: #ffffff;
          border-top: 1px solid #E1E1E1;
          color: rgba(0, 0, 0, 0.55); }
          .header .menu .lang .tool-dropdown a:active {
            color: #BA000C; }
          .header .menu .lang .tool-dropdown .tool-dropdown-inner li + li {
            margin-top: 0.5em; }
          .header .menu .lang .tool-dropdown .tool-dropdown-inner li.current {
            font-weight: 700;
            color: rgba(0, 0, 0, 0.9); }
      .header .menu .siteinfo {
        padding: 25px 30px; } }
    @media screen and (max-width: 1199px) and (max-width: 479px) {
      .header .menu .siteinfo {
        padding: 25px 15px; } }
  @media screen and (max-width: 1199px) {
        .header .menu .siteinfo > div + div {
          margin-top: 20px; }
        .header .menu .siteinfo .tel {
          line-height: 1.75; }
          .header .menu .siteinfo .tel .tt {
            font-size: 16px;
            letter-spacing: 0.05em; }
            .header .menu .siteinfo .tel .tt .f22 {
              font-size: inherit; }
          .header .menu .siteinfo .tel .txt {
            font-size: 15px;
            letter-spacing: 0.05em;
            color: #A4A4A4; } }
        @media screen and (max-width: 1199px) and (max-width: 479px) {
          .header .menu .siteinfo .tel .txt {
            letter-spacing: 0; } }
        @media screen and (max-width: 1199px) and (max-width: 339px) {
          .header .menu .siteinfo .tel .txt {
            font-size: 14px; } }
  @media screen and (max-width: 1199px) {
        .header .menu .siteinfo .social .tt {
          display: none; }
        .header .menu .siteinfo .social ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .header .menu .siteinfo .social ul li {
            font-size: 18px; }
            .header .menu .siteinfo .social ul li + li {
              margin-left: 10px; }
            .header .menu .siteinfo .social ul li .btn {
              width: 40px;
              height: 40px;
              background-color: #434343;
              color: #ffffff; }
            .header .menu .siteinfo .social ul li.facebook .btn:hover, .header .menu .siteinfo .social ul li.facebook .btn:focus {
              background-color: #3b5998; }
            .header .menu .siteinfo .social ul li.instagram .btn:hover, .header .menu .siteinfo .social ul li.instagram .btn:focus {
              background-color: #C13584; }
            .header .menu .siteinfo .social ul li.youtube .btn:hover, .header .menu .siteinfo .social ul li.youtube .btn:focus {
              background-color: #c4302b; }
            .header .menu .siteinfo .social ul li.line {
              font-size: 22px; }
              .header .menu .siteinfo .social ul li.line .btn:hover, .header .menu .siteinfo .social ul li.line .btn:focus {
                background-color: #00b900; } }

.header-fade {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.6); }

.popup {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .popup.for-ad {
    display: none; }
  .popup .popup-fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6); }
  .popup .popup-box {
    position: relative;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-height: 80vh; }
    .popup .popup-box::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.3);
      -webkit-filter: blur(20px);
      -ms-filter: blur(20px);
      filter: blur(20px); }
      .msie .popup .popup-box::before {
        display: none; }
    .popup .popup-box .popup-content {
      position: relative; }
    .popup .popup-box .popup-close {
      position: absolute;
      top: 10px;
      right: 10px; }
      .popup .popup-box .popup-close .btn {
        width: 20px;
        height: 20px;
        background-color: #333333;
        color: #ffffff;
        font-size: 8px; }

/* -------------------------------------------
 *  footer
 * ------------------------------------------ */
.fixed-tools > div {
  position: fixed; }
@media screen and (min-width: 992px), print {
  .fixed-tools .fixed-tools-mobile, .fixed-tools .fixed-tools-records {
    display: none; }
  .fixed-tools .fixed-tools-desktop {
    position: fixed;
    z-index: 1000;
    right: 35px;
    bottom: 35px; } }
  @media screen and (min-width: 992px) and (max-height: 800px) {
    .fixed-tools .fixed-tools-desktop {
      right: 15px;
      bottom: 15px; } }
  @media screen and (min-width: 992px) and (max-width: 1399px) {
    .fixed-tools .fixed-tools-desktop {
      right: 15px;
      bottom: 15px; } }
@media screen and (min-width: 992px), print {
    .fixed-tools .fixed-tools-desktop .tool-item + .tool-item {
      margin-top: 5px; }
    .fixed-tools .fixed-tools-desktop .tool-item .btn {
      width: 50px;
      height: 50px;
      background-color: rgba(255, 255, 255, 0.6);
      -moz-transition-property: background-color, color;
      -o-transition-property: background-color, color;
      -webkit-transition-property: background-color, color;
      transition-property: background-color, color;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
      .fixed-tools .fixed-tools-desktop .tool-item .btn:hover {
        background-color: #ffffff; }
    .fixed-tools .fixed-tools-desktop .tool-item.scroll-top {
      font-size: 35px;
      color: #333333; }
      .fixed-tools .fixed-tools-desktop .tool-item.scroll-top .btn:hover {
        color: #BA000C; } }
@media screen and (max-width: 991px) {
  .fixed-tools .fixed-tools-desktop {
    display: none; }
  .fixed-tools .fixed-tools-mobile {
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;
    /*&.scrolltop-fix
     * .scroll-top
     *   bottom: 120px */ }
    .fixed-tools .fixed-tools-mobile > ul {
      position: relative; }
    .fixed-tools .fixed-tools-mobile.inactive {
      visibility: hidden; }
      .fixed-tools .fixed-tools-mobile.inactive > ul {
        z-index: -1;
        visibility: hidden; }
    .for-activity .fixed-tools .fixed-tools-mobile .scroll-top {
      bottom: 115px; }
    .fixed-tools .fixed-tools-mobile .scroll-top {
      position: absolute;
      right: 5px;
      bottom: 80px;
      font-size: 35px;
      color: #888888;
      visibility: hidden;
      opacity: 0;
      -moz-transition-property: visibility, opacity;
      -o-transition-property: visibility, opacity;
      -webkit-transition-property: visibility, opacity;
      transition-property: visibility, opacity;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
      .fixed-tools .fixed-tools-mobile .scroll-top.active {
        visibility: visible;
        opacity: 1; }
      .fixed-tools .fixed-tools-mobile .scroll-top .btn {
        -moz-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease; }
        .fixed-tools .fixed-tools-mobile .scroll-top .btn.active {
          color: #BA000C; }
    .fixed-tools .fixed-tools-mobile ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #ffffff;
      border-top: 1px solid #E1E1E1;
      margin: 0 auto;
      height: 74px;
      padding: 0 15px; } }
    @media screen and (max-width: 991px) and (max-width: 479px) {
      .fixed-tools .fixed-tools-mobile ul {
        height: 59px;
        padding: 0 5px; } }
@media screen and (max-width: 991px) {
    .fixed-tools .fixed-tools-mobile .tool-item {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .fixed-tools .fixed-tools-mobile .tool-item .btn {
        width: 100%;
        text-align: center; }
        .fixed-tools .fixed-tools-mobile .tool-item .btn span {
          display: block; }
        .fixed-tools .fixed-tools-mobile .tool-item .btn .icon {
          font-size: 28px;
          color: #333333; }
          .fixed-tools .fixed-tools-mobile .tool-item .btn .icon[data-num] {
            position: relative; }
            .fixed-tools .fixed-tools-mobile .tool-item .btn .icon[data-num]::before {
              position: absolute;
              right: -3px;
              bottom: 2px;
              content: attr(data-num);
              display: block;
              width: 18px;
              height: 18px;
              background-color: #BA000C;
              border: 1px solid #ffffff;
              border-radius: 50%;
              font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
              font-size: 12px;
              text-align: center;
              line-height: 15px;
              color: #ffffff; } }
        @media screen and (max-width: 991px) and (max-width: 479px) {
          .fixed-tools .fixed-tools-mobile .tool-item .btn .icon {
            font-size: 25px; }
            .fixed-tools .fixed-tools-mobile .tool-item .btn .icon[data-num]::before {
              bottom: -1px;
              width: 16px;
              height: 16px;
              font-size: 10px;
              line-height: 14px; } }
@media screen and (max-width: 991px) {
        .fixed-tools .fixed-tools-mobile .tool-item .btn .tt {
          margin-top: 5px;
          font-size: 14px;
          letter-spacing: 0.05em; } }
  @media screen and (max-width: 991px) and (max-width: 479px) {
    .fixed-tools .fixed-tools-mobile .tool-item .btn .tt {
      font-size: 12px; }
      .fixed-tools .fixed-tools-mobile .tool-item .btn .tt:lang(en) {
        width: min-content;
        font-size: 10px; } }
@media screen and (max-width: 991px) {
  .fixed-tools .fixed-tools-records {
    z-index: 998;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    -moz-transition-property: transform, top;
    -o-transition-property: transform, top;
    -webkit-transition-property: transform, top;
    transition-property: transform, top;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .fixed-tools .fixed-tools-records:not(.active) {
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
    .fixed-tools .fixed-tools-records .records-bar {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 40px;
      padding: 0 20px;
      background-color: #F5F5F5;
      border-bottom: 1px solid #E3E3E3;
      color: #2C2C2C; }
      .fixed-tools .fixed-tools-records .records-bar::before, .fixed-tools .fixed-tools-records .records-bar::after {
        content: "";
        display: block;
        font-family: "icomoon"; }
      .fixed-tools .fixed-tools-records .records-bar::after {
        opacity: 0; }
      .fixed-tools .fixed-tools-records .records-bar .records-bar-txt {
        letter-spacing: 0.05em; }
    .fixed-tools .fixed-tools-records .records-inner {
      height: calc(100% - 40px);
      overflow: auto; }
    .fixed-tools .fixed-tools-records .display-item + .display-item {
      border-top: 1px solid #E3E3E3; }
    .fixed-tools .fixed-tools-records .display-item.out-of-stock .item-pic {
      position: relative; }
      .fixed-tools .fixed-tools-records .display-item.out-of-stock .item-pic::after {
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 60px;
        height: 60px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        content: "缺貨中";
        font-size: 14px;
        line-height: 1.15;
        letter-spacing: 0.05em;
        color: #ffffff; }
      .fixed-tools .fixed-tools-records .display-item.out-of-stock .item-pic:lang(zh-Hans)::after {
        content: "缺货中"; }
      .fixed-tools .fixed-tools-records .display-item.out-of-stock .item-pic:lang(en)::after {
        content: "Out of Stock"; }
    .fixed-tools .fixed-tools-records .display-item .display-item-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding: 20px; }
    .fixed-tools .fixed-tools-records .display-item .item-pic {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 80px; }
    .fixed-tools .fixed-tools-records .display-item .item-content {
      width: calc(100% - 95px); }
      .fixed-tools .fixed-tools-records .display-item .item-content .item-info {
        font-size: 16px; }
        .fixed-tools .fixed-tools-records .display-item .item-content .item-info span {
          display: block;
          line-height: 1; }
        .fixed-tools .fixed-tools-records .display-item .item-content .item-info .price {
          margin-top: 10px;
          font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
          color: #BA000C; }
          .fixed-tools .fixed-tools-records .display-item .item-content .item-info .price s {
            margin-left: 0.5em;
            font-size: 0.85em;
            color: rgba(0, 0, 0, 0.55); }
      .fixed-tools .fixed-tools-records .display-item .item-content .item-buttons {
        position: relative;
        margin-top: 10px;
        font-size: 14px; }
        .fixed-tools .fixed-tools-records .display-item .item-content .item-buttons ul {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          .fixed-tools .fixed-tools-records .display-item .item-content .item-buttons ul li {
            width: calc(50% - 5px); } }
          @media screen and (max-width: 991px) and (max-width: 339px) {
            .fixed-tools .fixed-tools-records .display-item .item-content .item-buttons ul li {
              width: calc(50% - 2.5px); } }
@media screen and (max-width: 991px) {
            .fixed-tools .fixed-tools-records .display-item .item-content .item-buttons ul li .btn {
              width: 100%;
              height: 28px;
              border-radius: 3px; }
              .fixed-tools .fixed-tools-records .display-item .item-content .item-buttons ul li .btn svg {
                display: block;
                width: 1.15em;
                height: 1.15em;
                margin-right: 5px; }
              .fixed-tools .fixed-tools-records .display-item .item-content .item-buttons ul li .btn.active {
                background-color: rgba(0, 0, 0, 0.55);
                color: #ffffff; } }

.footer {
  position: relative;
  z-index: 5; }
  .footer .footer-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 1199px) {
      .footer .footer-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }

.footer .footer-top {
  background-color: #ffffff;
  border-top: 1px solid #BA000C;
  padding: 35px 0 45px; }
  @media screen and (max-width: 1199px) and (min-width: 480px) {
    .footer .footer-top {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (min-width: 1200px), print {
    .footer .footer-top .footer-inner {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (max-width: 1199px) {
    .footer .footer-top .footer-inner {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (max-width: 1199px) and (min-width: 480px) {
    .footer .footer-top .footer-inner {
      width: max-content;
      max-width: calc(100% - 100px); } }
  @media screen and (max-width: 767px) {
    .footer .footer-top .footer-inner {
      max-width: calc(100% - 50px); } }
  .footer .footer-top .list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 1600px), print {
      .footer .footer-top .list-item {
        max-width: calc(100%/3 - 80px/3 - 0.01px); } }
    @media screen and (min-width: 1400px), print {
      .footer .footer-top .list-item:last-child {
        margin-left: -50px; } }
    @media screen and (max-width: 1199px) {
      .footer .footer-top .list-item + .list-item {
        margin-top: 50px; } }
    .footer .footer-top .list-item .icon + .content {
      margin-left: 20px; }
    .footer .footer-top .list-item .icon img, .footer .footer-top .list-item .icon svg {
      max-width: 100%;
      margin: 0 auto; }
    @media screen and (max-width: 1199px) {
      .footer .footer-top .list-item .icon {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100px; } }
    @media screen and (max-width: 479px) {
      .footer .footer-top .list-item .icon {
        width: 70px; }
        .footer .footer-top .list-item .icon + .content {
          margin-left: 20px; }
        .footer .footer-top .list-item .icon img, .footer .footer-top .list-item .icon svg {
          max-height: 55px; } }
    .footer .footer-top .list-item .content {
      letter-spacing: 0.05em; }
      .footer .footer-top .list-item .content .title {
        font-size: 22px;
        font-weight: 700; }
        @media screen and (max-width: 479px) {
          .footer .footer-top .list-item .content .title {
            font-size: 20px; } }
        @media screen and (max-width: 1399px) {
          .footer .footer-top .list-item .content .title {
            font-size: 17px; } }
      .footer .footer-top .list-item .content .txt {
        font-size: 14px; }
        .footer .footer-top .list-item .content .txt .for-link a {
          color: rgba(0, 0, 0, 0.55); }
          .footer .footer-top .list-item .content .txt .for-link a:hover {
            color: #BA000C; }
        @media screen and (max-width: 1599px) {
          .footer .footer-top .list-item .content .txt .for-link {
            display: block; } }

.footer .footer-main {
  background-color: #222222;
  color: #ffffff; }
  @media screen and (max-width: 991px) {
    .footer .footer-main {
      padding-bottom: 75px; } }
  .footer .footer-main .footer-main-sitemap {
    padding: 45px 0; }
    @media screen and (max-width: 1199px) {
      .footer .footer-main .footer-main-sitemap {
        display: none; } }
    .footer .footer-main .footer-main-sitemap .footer-inner {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .footer .footer-main .footer-main-sitemap .category .title {
      font-size: 18px;
      font-weight: 500;
      line-height: 1.15;
      letter-spacing: 0.05em; }
      .footer .footer-main .footer-main-sitemap .category .title + * {
        margin-top: 20px; }
      .footer .footer-main .footer-main-sitemap .category .title a:hover {
        color: #A4A4A4; }
    .footer .footer-main .footer-main-sitemap .category .links {
      font-size: 16px;
      letter-spacing: 0.05em;
      color: #A4A4A4; }
      .footer .footer-main .footer-main-sitemap .category .links li + li {
        margin-top: 5px; }
      .footer .footer-main .footer-main-sitemap .category .links a:hover {
        color: #ffffff; }
  @media screen and (min-width: 1200px), print {
    .footer .footer-main .footer-main-info {
      padding: 45px 0;
      background-color: #1F1F1F; } }
  @media screen and (max-width: 1199px) {
    .footer .footer-main .footer-main-info {
      padding: 35px 0; } }
  .footer .footer-main .footer-main-info .footer-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 1199px) and (min-width: 480px) {
      .footer .footer-main .footer-main-info .footer-inner > div + div {
        margin-top: 35px; } }
    @media screen and (max-width: 479px) {
      .footer .footer-main .footer-main-info .footer-inner > div {
        padding-left: 12.5px;
        padding-right: 12.5px; } }
  .footer .footer-main .footer-main-info .tt {
    font-size: 18px;
    letter-spacing: 0.05em; }
  .footer .footer-main .footer-main-info .txt {
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #A4A4A4; }
  @media screen and (max-width: 1199px) {
    .footer .footer-main .footer-main-info .tel {
      text-align: center; } }
  @media screen and (min-width: 480px), print {
    .footer .footer-main .footer-main-info .social, .footer .footer-main .footer-main-info .newsletter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media screen and (min-width: 480px) and (max-width: 1199px) {
    .footer .footer-main .footer-main-info .social, .footer .footer-main .footer-main-info .newsletter {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }

  .footer .footer-main .footer-main-info .social ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .footer .footer-main .footer-main-info .social ul li {
      font-size: 18px; }
      .footer .footer-main .footer-main-info .social ul li + li {
        margin-left: 10px; }
      .footer .footer-main .footer-main-info .social ul li .btn {
        width: 40px;
        height: 40px;
        background-color: #434343;
        -moz-transition-property: background-color;
        -o-transition-property: background-color;
        -webkit-transition-property: background-color;
        transition-property: background-color; }
      .footer .footer-main .footer-main-info .social ul li.facebook {
        font-size: 16px; }
        .footer .footer-main .footer-main-info .social ul li.facebook .btn:hover {
          background-color: #3b5998; }
      .footer .footer-main .footer-main-info .social ul li.instagram .btn:hover {
        background-color: #C13584; }
      .footer .footer-main .footer-main-info .social ul li.youtube .btn:hover {
        background-color: #c4302b; }
      .footer .footer-main .footer-main-info .social ul li.line {
        font-size: 22px; }
        .footer .footer-main .footer-main-info .social ul li.line .btn:hover {
          background-color: #00b900; }
  @media screen and (min-width: 480px), print {
    .footer .footer-main .footer-main-info .social ul {
      margin-left: 25px; } }
  @media screen and (max-width: 991px) {
    .footer .footer-main .footer-main-info .social ul {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 479px) {
    .footer .footer-main .footer-main-info .social {
      margin-top: 20px; }
      .footer .footer-main .footer-main-info .social ul li + li {
        margin-left: 25px; }
      .footer .footer-main .footer-main-info .social ul li .btn {
        width: 50px;
        height: 50px; }
      .footer .footer-main .footer-main-info .social .tt {
        display: none; } }
  .footer .footer-main .footer-main-info .newsletter .subscribe {
    position: relative; }
    @media screen and (min-width: 480px), print {
      .footer .footer-main .footer-main-info .newsletter .subscribe {
        margin-left: 25px; } }
    @media screen and (max-width: 479px) {
      .footer .footer-main .footer-main-info .newsletter .subscribe {
        margin-top: 15px; } }
    .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-textfield {
      display: block;
      width: 240px;
      height: 50px;
      border-radius: 50px;
      padding: 0 65px 0 20px;
      background-color: #0D0D0D;
      line-height: 1;
      color: #ffffff; }
      .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-textfield::-webkit-input-placeholder {
        color: inherit;
        opacity: 1; }
      .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-textfield:-moz-placeholder {
        color: inherit;
        opacity: 1; }
      .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-textfield::-moz-placeholder {
        color: inherit;
        opacity: 1; }
      .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-textfield:-ms-input-placeholder {
        color: inherit;
        opacity: 1; }
      .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-textfield::placeholder {
        color: inherit;
        opacity: 1; }
      @media screen and (max-width: 479px) {
        .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-textfield {
          width: 100%; } }
    .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-submit {
      position: absolute;
      top: -3px;
      right: 0;
      bottom: -3px;
      width: 56px;
      height: 56px;
      background-color: #434343;
      font-size: 20px;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
      .footer .footer-main .footer-main-info .newsletter .subscribe .subscribe-submit:hover {
        background-color: #BA000C; }
  @media screen and (max-width: 1199px) {
    .footer .footer-main .footer-main-info .newsletter {
      border-top: 1px solid rgba(223, 223, 223, 0.1);
      padding-top: 35px; } }
  @media screen and (max-width: 479px) {
    .footer .footer-main .footer-main-info .newsletter {
      margin-top: 30px;
      padding-top: 30px; } }
  .footer .footer-main .footer-main-legal {
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #A4A4A4; }
    .footer .footer-main .footer-main-legal > .footer-inner {
      padding: 20px 0 75px; }
    @media screen and (min-width: 1200px), print {
      .footer .footer-main .footer-main-legal .copyright + .terms {
        margin-left: 1em; } }
    @media screen and (max-width: 1199px) {
      .footer .footer-main .footer-main-legal > .footer-inner {
        border-top: 1px solid rgba(223, 223, 223, 0.1); } }
    @media screen and (max-width: 1199px) and (min-width: 480px) {
      .footer .footer-main .footer-main-legal {
        text-align: center; } }
    @media screen and (max-width: 991px) {
      .footer .footer-main .footer-main-legal > .footer-inner {
        padding-bottom: 35px; } }
    @media screen and (max-width: 479px) {
      .footer .footer-main .footer-main-legal > .footer-inner {
        padding-left: 12.5px;
        padding-right: 12.5px; } }
    .footer .footer-main .footer-main-legal .terms {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .footer .footer-main .footer-main-legal .terms li + li::before {
        content: "";
        display: inline-block;
        vertical-align: -2px;
        width: 1px;
        height: 1em;
        margin: 0 0.75em;
        background-color: #A4A4A4;
        opacity: 0.5; }
      .footer .footer-main .footer-main-legal .terms a:hover {
        color: #ffffff; }
      @media screen and (max-width: 1199px) and (min-width: 480px) {
        .footer .footer-main .footer-main-legal .terms {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
      @media screen and (max-width: 479px) {
        .footer .footer-main .footer-main-legal .terms {
          margin-top: 10px;
          font-size: 14px; }
          .footer .footer-main .footer-main-legal .terms li + li::before {
            margin: 0 0.5em; } }

/* -------------------------------------------
 *  primary
 * ------------------------------------------ */
[data-section] {
  position: relative; }
  [data-section] .section-bg {
    position: absolute; }
  [data-section] .section-inner {
    position: relative;
    z-index: 2; }

[data-section="primary"] {
  overflow: hidden; }
  @media screen and (max-width: 479px) {
    [data-section="primary"] {
      padding: 0 0 7.5px;
      background-color: #F5F5F5; } }
  @media screen and (max-width: 1199px) {
    [data-section="primary"].has-sidebar {
      padding-top: 55px; }
    [data-section="primary"] .primary-inner:not(.sticky) {
      z-index: 999; }
      [data-section="primary"] .primary-inner:not(.sticky) .primary-sidebar {
        position: absolute;
        top: 0;
        left: 0;
        right: 0; }
    [data-section="primary"] .primary-inner.sticky .primary-sidebar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0; }
    .menu-opened [data-section="primary"] .primary-inner .primary-sidebar {
      z-index: 998; } }
  @media screen and (max-width: 767px) {
    [data-section="primary"].has-sidebar {
      padding-top: 45px; } }
  @media screen and (max-width: 479px) {
    [data-section="primary"].has-sidebar {
      padding-top: 40px; }
    [data-section="primary"] .primary-bread {
      display: none; } }

.wp {
  position: relative; }

.wp.has-sidebar [data-section="primary"] {
  overflow: visible; }

.basic-hero-style {
  position: relative; }
  .basic-hero-style .hero-front {
    text-align: center; }
    .basic-hero-style .hero-front .hero-main .title {
      line-height: 1.15;
      /*+max($max-sm)
       * .en
       *   font-size: 40px
       * .zh
       *   font-size: 22px */
      /*+max($max-xs)
       * .en
       *   font-size: calc(1.5vw + 16px)
       *   + .zh
       *     margin-top: 3px
       * .zh
       *   font-size: calc(0.5vw + 22px) */ }
      .basic-hero-style .hero-front .hero-main .title.single {
        font-size: 36px;
        font-weight: 500;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 991px) {
          .basic-hero-style .hero-front .hero-main .title.single {
            font-size: 30px; } }
        @media screen and (max-width: 767px) {
          .basic-hero-style .hero-front .hero-main .title.single {
            font-size: 25px; } }
        @media screen and (max-width: 479px) {
          .basic-hero-style .hero-front .hero-main .title.single {
            font-size: calc(1.5vw + 16px); } }
      .basic-hero-style .hero-front .hero-main .title span {
        display: block; }
        .basic-hero-style .hero-front .hero-main .title span + span {
          margin-top: 5px; }
      .basic-hero-style .hero-front .hero-main .title .en {
        font-family: "Courier Prime", "Consolas", "Courier", "Heiti TC", "Microsoft JhengHei", serif;
        font-size: 54px;
        letter-spacing: -0.025em; }
      .basic-hero-style .hero-front .hero-main .title .zh {
        font-size: 30px;
        font-weight: 300;
        letter-spacing: 0.05em; }
      @media screen and (max-width: 991px) {
        .basic-hero-style .hero-front .hero-main .title .en {
          font-size: calc(1.98vw + 12px); }
        .basic-hero-style .hero-front .hero-main .title .zh {
          font-size: calc(0.625vw + 18px); } }
    .basic-hero-style .hero-front .hero-main .txt {
      margin-top: 35px;
      font-size: 18px;
      line-height: 2.25;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 1399px) {
        .basic-hero-style .hero-front .hero-main .txt {
          line-height: 2; } }
      @media screen and (max-width: 991px) {
        .basic-hero-style .hero-front .hero-main .txt {
          margin-top: 25px;
          font-size: 17px; }
          .basic-hero-style .hero-front .hero-main .txt br {
            display: none; } }
      @media screen and (max-width: 767px) {
        .basic-hero-style .hero-front .hero-main .txt {
          font-size: 16px;
          line-height: 1.5; } }
      @media screen and (max-width: 479px) {
        .basic-hero-style .hero-front .hero-main .txt {
          font-size: 15px;
          line-height: 1.5; } }
    .basic-hero-style .hero-front .hero-main .dropmenu {
      position: relative;
      z-index: 5;
      margin-top: 55px; }
      .basic-hero-style .hero-front .hero-main .dropmenu .desc {
        font-size: 16px; }
      .basic-hero-style .hero-front .hero-main .dropmenu .custom-select-wrap .bootstrap-select > .dropdown-toggle, .basic-hero-style .hero-front .hero-main .dropmenu .custom-select-wrap select.custom-select {
        border: 1px solid #b9b9b9; }
      .basic-hero-style .hero-front .hero-main .dropmenu .custom-select-wrap .bootstrap-select > .dropdown-menu .dropdown-item {
        padding: 7.5px 15px; }
      @media screen and (min-width: 1200px), print {
        .basic-hero-style .hero-front .hero-main .dropmenu .custom-select-wrap {
          position: absolute;
          top: 50%;
          right: 0;
          -moz-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 230px; } }
      @media screen and (max-width: 1199px) {
        .basic-hero-style .hero-front .hero-main .dropmenu {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; } }
      @media screen and (max-width: 1199px) and (min-width: 992px) {
        .basic-hero-style .hero-front .hero-main .dropmenu {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      @media screen and (max-width: 991px) {
        .basic-hero-style .hero-front .hero-main .dropmenu {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 35px; }
          .basic-hero-style .hero-front .hero-main .dropmenu .custom-select-wrap {
            margin-top: 20px; } }
      @media screen and (min-width: 768px), print {
        .basic-hero-style .hero-front .hero-main .dropmenu .custom-select-wrap .bootstrap-select > .dropdown-toggle, .basic-hero-style .hero-front .hero-main .dropmenu .custom-select-wrap select.custom-select {
          height: 45px;
          padding: 0 10px 0 15px; } }
      @media screen and (max-width: 479px) {
        .basic-hero-style .hero-front .hero-main .dropmenu .desc {
          text-align: left;
          font-size: 15px; }
        .basic-hero-style .hero-front .hero-main .dropmenu .simple-select {
          width: 100%; }
          .basic-hero-style .hero-front .hero-main .dropmenu .simple-select select.custom-select {
            height: 35px;
            padding: 0 10px; }
          .basic-hero-style .hero-front .hero-main .dropmenu .simple-select.custom-select-wrap::after {
            right: 10px; } }
  .basic-hero-style .hero-nav {
    position: absolute;
    left: 0;
    right: 0; }
    .basic-hero-style .hero-nav .nav-main {
      position: relative;
      /*&[data-aos]
       * +transition(none) */ }
      .basic-hero-style .hero-nav .nav-main .nav-menu > ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt {
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
            display: block;
            line-height: 1.15;
            letter-spacing: 0.05em;
            color: rgba(0, 0, 0, 0.75); }
            .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt:active {
              color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt:hover {
      color: #BA000C; } }

@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li:hover .nm-tt .nm-tt-txt::after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); } }

        .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd {
          position: absolute;
          z-index: 5;
          top: 100%;
          left: 0;
          right: 0;
          display: none;
          background-color: #ffffff;
          text-align: left; }
          @media screen and (min-width: 1200px), print {
            .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul {
              width: fit-content;
              display: -ms-grid;
              display: grid;
              grid-auto-flow: column;
              grid-template-columns: fit-content auto;
              grid-template-rows: repeat(3, auto);
              grid-row-gap: 20px; }
              .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li a {
                display: inline-block; }
                .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li a:active {
                  color: #BA000C; } }
@media screen and (min-width: 1200px) and (hover: hover) and (min-width: 768px), screen and (min-width: 1200px) and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li a:hover {
    color: #BA000C; } }

          @media screen and (min-width: 1200px), print {
              .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li.for-all {
                grid-row: span 3; }
              .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li {
                margin-top: 20px;
                margin-left: 45px; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(3n+1) {
                  -ms-grid-row: 1;
                  margin-top: 0; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(3n+2) {
                  -ms-grid-row: 2; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(3n+3) {
                  -ms-grid-row: 3; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(-n+3) {
                  -ms-grid-column: 1;
                  margin-left: 0; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(n+4):nth-child(-n+6) {
                  -ms-grid-column: 2; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(n+7):nth-child(-n+9) {
                  -ms-grid-column: 3; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(n+10):nth-child(-n+12) {
                  -ms-grid-column: 4; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(n+13):nth-child(-n+15) {
                  -ms-grid-column: 5; }
                .msie .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li:nth-child(n+16):nth-child(-n+18) {
                  -ms-grid-column: 6; } }
          @media screen and (min-width: 1400px), print {
            .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul {
              grid-column-gap: 100px; } }
          @media screen and (max-width: 1399px) and (min-width: 1200px) {
            .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul {
              grid-column-gap: 50px; } }
          @media screen and (max-width: 1199px) {
            .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul {
              margin: -10px; }
              .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li {
                display: inline-block;
                margin: 10px; } }
          @media screen and (max-width: 767px) {
            .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul {
              margin: -5px; }
              .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd ul li {
                margin: 5px; } }
        .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li.has-dd .nm-tt .nm-tt-txt {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li.has-dd .nm-tt .nm-tt-txt::after {
            content: "";
            font-family: "icomoon";
            margin-left: 10px;
            -moz-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            -webkit-transition: transform 0.3s ease;
            transition: transform 0.3s ease; }
          @media screen and (max-width: 479px) {
            .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li.has-dd .nm-tt .nm-tt-txt::after {
              font-size: 10px;
              margin-left: 3px; } }
        .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li.current .nm-tt::before {
          content: "";
          position: absolute;
          z-index: 2;
          left: 0;
          right: 0;
          bottom: 0;
          display: block;
          height: 3px;
          background-color: #BA000C; }
        @media screen and (max-width: 1199px) {
          .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li.active .nm-tt .nm-tt-txt::after {
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); } }
        @media screen and (max-width: 479px) {
          .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
            letter-spacing: 0; } }
      .basic-hero-style .hero-nav .nav-main .nav-toggle {
        position: absolute;
        top: calc(50% - 11px);
        right: 15px; }
        @media screen and (max-width: 767px) {
          .basic-hero-style .hero-nav .nav-main .nav-toggle {
            top: calc(50% - 9px); } }
        @media screen and (max-width: 479px) {
          .basic-hero-style .hero-nav .nav-main .nav-toggle {
            top: calc(50% - 8px);
            right: 10px; } }
        .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon {
          font-size: 25px; }
          .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon::before, .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon svg {
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }
          .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon::before {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            display: block;
            opacity: 0;
            font-family: "icomoon";
            font-size: 18px; }
        .nav-search-opened .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon {
          position: relative; }
          .nav-search-opened .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon::before {
            opacity: 1; }
          .nav-search-opened .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon svg {
            opacity: 0; }
        @media screen and (max-width: 767px) {
          .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon {
            font-size: 18px; }
            .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon::before {
              top: 2px;
              left: 2px;
              font-size: 14px; } }
        @media screen and (max-width: 479px) {
          .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon {
            font-size: 16px; }
            .basic-hero-style .hero-nav .nav-main .nav-toggle .btn .icon::before {
              top: 2px;
              left: 2px;
              font-size: 12px; } }
    .basic-hero-style .hero-nav .nav-search {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      display: none;
      background-color: #ffffff;
      padding: 15px 0 65px; }
      .basic-hero-style .hero-nav .nav-search .search-bar {
        position: relative;
        border-bottom: 1px solid #E2E2E2; }
        .basic-hero-style .hero-nav .nav-search .search-bar .search-textfield {
          display: block;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          width: 100%;
          padding: 20px 0;
          font-size: 20px;
          line-height: 1; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-textfield::-webkit-input-placeholder {
            color: inherit;
            opacity: 1; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-textfield:-moz-placeholder {
            color: inherit;
            opacity: 1; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-textfield::-moz-placeholder {
            color: inherit;
            opacity: 1; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-textfield:-ms-input-placeholder {
            color: inherit;
            opacity: 1; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-textfield::placeholder {
            color: inherit;
            opacity: 1; }
        .basic-hero-style .hero-nav .nav-search .search-bar .search-submit {
          position: absolute;
          top: calc(50% - 11px);
          right: 0;
          font-size: 25px;
          -moz-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          -webkit-transition: color 0.3s ease;
          transition: color 0.3s ease; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-submit:hover {
            color: #BA000C; }
      .basic-hero-style .hero-nav .nav-search .search-trending {
        margin-top: 15px;
        font-size: 14.5px;
        text-align: left; }
        .basic-hero-style .hero-nav .nav-search .search-trending ul li {
          display: inline-block;
          margin: 5px 3px 0 0; }
          .basic-hero-style .hero-nav .nav-search .search-trending ul li .btn {
            height: 24px;
            border-radius: 24px;
            white-space: nowrap;
            padding: 0 10px;
            letter-spacing: 0.05em; }
          .basic-hero-style .hero-nav .nav-search .search-trending ul li:not(.tt) .btn {
            color: rgba(0, 0, 0, 0.55);
            -moz-transition-property: color, background-color;
            -o-transition-property: color, background-color;
            -webkit-transition-property: color, background-color;
            transition-property: color, background-color; }
            .basic-hero-style .hero-nav .nav-search .search-trending ul li:not(.tt) .btn:hover, .basic-hero-style .hero-nav .nav-search .search-trending ul li:not(.tt) .btn:active, .basic-hero-style .hero-nav .nav-search .search-trending ul li:not(.tt) .btn:focus {
              background-color: #EBEBEB;
              color: rgba(0, 0, 0, 0.9); }
      @media screen and (max-width: 991px) {
        .basic-hero-style .hero-nav .nav-search {
          padding: 15px 0 50px; } }
      @media screen and (max-width: 767px) {
        .basic-hero-style .hero-nav .nav-search {
          padding: 15px 0 35px; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-textfield {
            font-size: 18px; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-submit {
            font-size: 22px; }
          .basic-hero-style .hero-nav .nav-search .search-trending ul li {
            display: block;
            margin-right: 0; }
            .basic-hero-style .hero-nav .nav-search .search-trending ul li.tt {
              display: none; }
            .basic-hero-style .hero-nav .nav-search .search-trending ul li:not(.tt) .btn {
              display: -webkit-inline-box;
              display: -webkit-inline-flex;
              display: -ms-inline-flexbox;
              display: inline-flex;
              text-align: left; } }
      @media screen and (max-width: 479px) {
        .basic-hero-style .hero-nav .nav-search {
          padding: 5px 0 20px; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-textfield {
            padding: 10px 0;
            font-size: 16px; }
          .basic-hero-style .hero-nav .nav-search .search-bar .search-submit {
            font-size: 20px; }
          .basic-hero-style .hero-nav .nav-search .search-trending {
            font-size: 14px; } }
    .basic-hero-style .hero-nav:not(.sticky) {
      z-index: 998; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main::before, .basic-hero-style .hero-nav:not(.sticky) .nav-main::after {
        content: "";
        position: absolute;
        z-index: 0;
        left: 0;
        right: 0;
        display: block;
        height: 1px;
        background-color: #d9d9d9;
        -moz-transition: transform 1s ease-in-out 0.35s;
        -o-transition: transform 1s ease-in-out 0.35s;
        -webkit-transition: transform 1s ease-in-out 0.35s;
        transition: transform 1s ease-in-out 0.35s; }
        @media screen and (max-width: 479px) {
          .basic-hero-style .hero-nav:not(.sticky) .nav-main::before, .basic-hero-style .hero-nav:not(.sticky) .nav-main::after {
            -moz-transition-duration: 0.75s;
            -o-transition-duration: 0.75s;
            -webkit-transition-duration: 0.75s;
            transition-duration: 0.75s;
            -moz-transition-delay: 0.15s;
            -o-transition-delay: 0.15s;
            -webkit-transition-delay: 0.15s;
            transition-delay: 0.15s; } }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main::before {
        top: 0; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main::after {
        bottom: 0; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main:not(.aos-animate)::before, .basic-hero-style .hero-nav:not(.sticky) .nav-main:not(.aos-animate)::after {
        -moz-transform: scaleX(0);
        -o-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0); }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-main-inner {
        width: 100%;
        padding: 0 10px; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu.container {
        width: 100%;
        max-width: 100%; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li.current .nm-tt .nm-tt-txt {
          font-weight: 700;
          color: rgba(0, 0, 0, 0.9); }
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-dd {
          border: 1px solid #d9d9d9;
          border-top: none; }
          .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-dd .nm-dd-inner {
            width: 100%; }
      @media screen and (min-width: 1600px), print {
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-dd {
          padding: 40px 125px; } }
      @media screen and (max-width: 1599px) and (min-width: 1200px) {
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-dd {
          padding: 40px 75px; } }
      @media screen and (max-width: 1199px) and (min-width: 768px) {
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-dd {
          padding: 40px 50px; } }
      @media screen and (max-width: 767px) {
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-dd {
          padding: 25px; } }
      @media screen and (max-width: 479px) {
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-dd {
          padding: 15px; } }
      @media screen and (max-width: 339px) {
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-main-inner {
          padding: 0; } }
      .basic-hero-style .hero-nav:not(.sticky) .nav-search {
        z-index: 3; }
        .basic-hero-style .hero-nav:not(.sticky) .nav-search .nav-search-inner {
          width: 100%; }
        .basic-hero-style .hero-nav:not(.sticky) .nav-search .search-bar {
          border: none; }
          .basic-hero-style .hero-nav:not(.sticky) .nav-search .search-bar .search-textfield {
            background-color: #f8f8f8; }
          .basic-hero-style .hero-nav:not(.sticky) .nav-search .search-bar .search-submit {
            right: 15px;
            color: #9e9e9e; }
    .basic-hero-style .hero-nav.sticky {
      position: fixed;
      z-index: 999; }
      .nav-search-opened .basic-hero-style .hero-nav.sticky {
        z-index: 1002; }
      .menu-opened .basic-hero-style .hero-nav.sticky {
        z-index: 998;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none; }
      .basic-hero-style .hero-nav.sticky .nav-main {
        background-color: #222222; }
        .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
            color: #ffffff;
            font-weight: 300;
            text-align: center; }
            .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt:active {
              color: rgba(255, 255, 255, 0.5); }
          .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-dd {
            padding: 35px 0; }
          .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li.current .nm-tt::before {
            bottom: 0; }
          .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li.current .nm-tt .nm-tt-txt {
            color: #ffffff;
            font-weight: 500; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt:hover {
      color: rgba(255, 255, 255, 0.5); } }

        .basic-hero-style .hero-nav.sticky .nav-main .nav-toggle {
          color: #ffffff; }
          .basic-hero-style .hero-nav.sticky .nav-main .nav-toggle .btn:active {
            color: rgba(255, 255, 255, 0.5); }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .basic-hero-style .hero-nav.sticky .nav-main .nav-toggle .btn {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .basic-hero-style .hero-nav.sticky .nav-main .nav-toggle .btn:hover {
      color: rgba(255, 255, 255, 0.5); } }

          @media screen and (min-width: 1630px), print {
            .basic-hero-style .hero-nav.sticky .nav-main .nav-toggle {
              right: calc(50% - 725px); } }
          @media screen and (max-width: 1629px) and (min-width: 1200px) {
            .basic-hero-style .hero-nav.sticky .nav-main .nav-toggle {
              right: 90px; } }
          @media screen and (max-width: 1199px) and (min-width: 768px) {
            .basic-hero-style .hero-nav.sticky .nav-main .nav-toggle {
              right: 50px; } }
          @media screen and (max-width: 767px) and (min-width: 480px) {
            .basic-hero-style .hero-nav.sticky .nav-main .nav-toggle {
              right: 25px; } }
      .basic-hero-style .hero-nav.sticky.has-search .nav-main .nav-main-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    @media screen and (min-width: 992px), print {
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li + li {
        margin-left: 50px; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-tt {
        height: 70px; }
        .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
          font-size: 18px; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-search {
        padding-top: 35px; }
        .basic-hero-style .hero-nav:not(.sticky) .nav-search .search-bar .search-textfield {
          height: 60px;
          padding: 15px 25px;
          font-size: 18px; }
      .basic-hero-style .hero-nav.sticky {
        top: -60px; }
        .basic-hero-style .hero-nav.sticky, .basic-hero-style .hero-nav.sticky[data-aos^=fade], .basic-hero-style .hero-nav.sticky[data-aos^=fade].aos-animate {
          -moz-transform: translateY(60px);
          -o-transform: translateY(60px);
          -ms-transform: translateY(60px);
          -webkit-transform: translateY(60px);
          transform: translateY(60px);
          -moz-transition: transform 0.5s ease-in-out;
          -o-transition: transform 0.5s ease-in-out;
          -webkit-transition: transform 0.5s ease-in-out;
          transition: transform 0.5s ease-in-out; }
        .basic-hero-style .hero-nav.sticky .nav-main {
          border: none; }
          .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li + li {
            margin-left: 85px; } }
      @media screen and (min-width: 992px) and (max-width: 1399px) {
        .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li + li {
          margin-left: 50px; } }
    @media screen and (min-width: 992px), print {
          .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-tt {
            height: 60px; }
            .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
              font-size: 16px; } }
    @media screen and (max-width: 991px) {
      .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt {
        height: 50px; }
        .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
          font-size: 16px; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li + li {
        margin-left: 35px; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-search {
        padding-top: 25px; }
        .basic-hero-style .hero-nav:not(.sticky) .nav-search .search-bar .search-textfield {
          height: 55px;
          padding: 15px 25px; }
      .basic-hero-style .hero-nav.sticky {
        top: 0; }
        .basic-hero-style .hero-nav.sticky.scroll-up {
          top: 55px; }
        .basic-hero-style .hero-nav.sticky .nav-main {
          -moz-transition: background-color 0.3s ease;
          -o-transition: background-color 0.3s ease;
          -webkit-transition: background-color 0.3s ease;
          transition: background-color 0.3s ease; }
          .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li + li {
            margin-left: 50px; }
        .basic-hero-style .hero-nav.sticky:not(.has-search) .nav-main .nav-menu > ul {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
    @media screen and (max-width: 767px) {
      .basic-hero-style .hero-nav .nav-main .nav-menu {
        overflow: auto; }
        .basic-hero-style .hero-nav .nav-main .nav-menu > ul {
          width: max-content; }
          .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li {
            -webkit-flex-shrink: 0;
            -moz-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0; }
            .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
              white-space: nowrap;
              font-size: 15px; }
      .basic-hero-style .hero-nav:not(.has-search) .nav-main .nav-menu > ul {
        margin: 0 auto; }
      .basic-hero-style .hero-nav.has-search .nav-main .nav-menu {
        max-width: calc(100% - 25px); }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li + li {
        margin-left: 30px; }
      .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li + li {
        margin-left: 35px; }
      .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-dd {
        padding: 25px 0; } }
    @media screen and (max-width: 479px) {
      .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt {
        height: 40px; }
        .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
          font-size: 14px; }
      .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-dd {
        font-size: 14px; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li + li {
        margin-left: 15px; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-search {
        padding-top: 15px; }
        .basic-hero-style .hero-nav:not(.sticky) .nav-search .search-bar .search-textfield {
          height: 45px;
          padding: 5px 15px; }
      .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li + li {
        margin-left: 20px; }
      .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li .nm-dd {
        padding: 15px 0; } }
    @media screen and (max-width: 374px) {
      .basic-hero-style .hero-nav:not(.sticky) .nav-main .nav-menu > ul > li + li {
        margin-left: 10px; }
      .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li + li {
        margin-left: 15px; } }
    @media screen and (max-width: 339px) {
      .basic-hero-style .hero-nav .nav-main .nav-main-inner {
        width: calc(100% - 20px); }
      .basic-hero-style .hero-nav .nav-main .nav-menu > ul > li .nm-tt .nm-tt-txt {
        font-size: 13px; }
      .basic-hero-style .hero-nav:not(.sticky) .nav-toggle {
        right: 0; }
      .basic-hero-style .hero-nav.sticky .nav-main .nav-menu > ul > li + li {
        margin-left: 12.5px; } }
  .basic-hero-style:not(.has-bg) .hero-front .hero-bread {
    padding-top: 30px; }
  .basic-hero-style:not(.has-bg) .hero-front .hero-main .title .zh {
    color: #BA000C; }
  .basic-hero-style:not(.has-bg) .hero-front .hero-main .txt {
    color: rgba(0, 0, 0, 0.75); }
  @media screen and (max-width: 479px) {
    .basic-hero-style:not(.has-bg) .hero-front .hero-bread {
      display: none; }
    .basic-hero-style:not(.has-bg) .hero-front .hero-main .txt {
      text-align: left; } }
  .basic-hero-style:not(.has-bg):not(.has-nav) .hero-front .hero-main {
    padding: 50px 0 85px; }
  @media screen and (max-width: 1599px) {
    .basic-hero-style:not(.has-bg):not(.has-nav) .hero-front .hero-main {
      padding: 50px 0 65px; } }
  @media screen and (max-width: 1399px) {
    .basic-hero-style:not(.has-bg):not(.has-nav) .hero-front .hero-main {
      padding: 35px 0; } }
  @media screen and (max-width: 991px) {
    .basic-hero-style:not(.has-bg):not(.has-nav) .hero-front .hero-main {
      padding: 25px 0 35px; } }
  @media screen and (max-width: 479px) {
    .basic-hero-style:not(.has-bg):not(.has-nav) .hero-front .hero-main {
      padding: 35px 0; } }
  .basic-hero-style:not(.has-bg).has-nav .hero-front {
    position: relative;
    padding-bottom: 70px; }
    .basic-hero-style:not(.has-bg).has-nav .hero-front .hero-main {
      padding: 25px 0 40px; }
  @media screen and (max-width: 991px) {
    .basic-hero-style:not(.has-bg).has-nav .hero-front {
      padding-bottom: 50px; } }
  @media screen and (max-width: 479px) {
    .basic-hero-style:not(.has-bg).has-nav .hero-front {
      padding-bottom: 40px; }
      .basic-hero-style:not(.has-bg).has-nav .hero-front .hero-main {
        padding: 10vw 0; } }
  .basic-hero-style.has-bg {
    overflow: hidden; }
    .basic-hero-style.has-bg .hero-front {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 350px;
      color: #ffffff; }
      @media screen and (max-width: 1399px) {
        .basic-hero-style.has-bg .hero-front {
          height: 300px; } }
      @media screen and (max-width: 991px) {
        .basic-hero-style.has-bg .hero-front {
          height: 30vw; } }
      @media screen and (max-width: 767px) {
        .basic-hero-style.has-bg .hero-front {
          height: 35vw; } }
  .basic-hero-style.fullscreen .hero-slider {
    position: relative; }
    .basic-hero-style.fullscreen .hero-slider .slick-item {
      position: relative; }
      .basic-hero-style.fullscreen .hero-slider .slick-item .slick-item-inner {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        height: calc(75000vw/1920);
        padding: 95px 0; }
      .basic-hero-style.fullscreen .hero-slider .slick-item .content {
        max-width: 50%; }
        .basic-hero-style.fullscreen .hero-slider .slick-item .content .btn + .title {
          margin-top: 20px; }
        .basic-hero-style.fullscreen .hero-slider .slick-item .content .title {
          font-size: calc(0.9375vw + 16px);
          font-weight: 500;
          line-height: 1.5;
          letter-spacing: 0.05em; }
          .basic-hero-style.fullscreen .hero-slider .slick-item .content .title + .more {
            margin-top: 35px; }
    .basic-hero-style.fullscreen .hero-slider .slick-arrows {
      position: absolute;
      bottom: 55px;
      text-align: right; }
      @media screen and (min-width: 1630px), print {
        .basic-hero-style.fullscreen .hero-slider .slick-arrows {
          right: calc(50% - 725px); } }
      @media screen and (max-width: 1629px) and (min-width: 1200px) {
        .basic-hero-style.fullscreen .hero-slider .slick-arrows {
          right: 90px; } }
      @media screen and (max-width: 1199px) and (min-width: 768px) {
        .basic-hero-style.fullscreen .hero-slider .slick-arrows {
          right: 50px; } }
      @media screen and (max-width: 767px) and (min-width: 480px) {
        .basic-hero-style.fullscreen .hero-slider .slick-arrows {
          right: 25px; } }
      @media screen and (max-width: 479px) and (min-width: 414px) {
        .basic-hero-style.fullscreen .hero-slider .slick-arrows {
          right: 20px; } }
      @media screen and (max-width: 413px) {
        .basic-hero-style.fullscreen .hero-slider .slick-arrows {
          right: 15px; } }
      .basic-hero-style.fullscreen .hero-slider .slick-arrows .slick-arrow {
        position: static;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.65);
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        color: rgba(0, 0, 0, 0.25);
        font-size: 28px; }
        .basic-hero-style.fullscreen .hero-slider .slick-arrows .slick-arrow + .slick-arrow {
          margin-left: 10px; }
        .basic-hero-style.fullscreen .hero-slider .slick-arrows .slick-arrow:active {
          color: #BA000C;
          background-color: #ffffff; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .basic-hero-style.fullscreen .hero-slider .slick-arrows .slick-arrow {
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .basic-hero-style.fullscreen .hero-slider .slick-arrows .slick-arrow:hover {
      color: #BA000C;
      background-color: #ffffff; } }

  .basic-hero-style.fullscreen .hero-nav:not(.sticky) {
    visibility: hidden;
    bottom: 0; }
  @media screen and (max-width: 991px) {
    .basic-hero-style.fullscreen .hero-slider .slick-item .slick-item-inner {
      height: 50vw;
      padding: 50px 0; }
    .basic-hero-style.fullscreen .hero-slider .slick-arrows {
      bottom: 35px; } }
  @media screen and (max-width: 767px) {
    .basic-hero-style.fullscreen .hero-slider .slick-item .slick-item-inner {
      height: 65vw;
      padding: 25px 0; } }
  @media screen and (max-width: 599px) {
    .basic-hero-style.fullscreen .hero-slider .slick-item .content .title + .more {
      margin-top: 20px; }
    .basic-hero-style.fullscreen .hero-slider .slick-arrows {
      bottom: 20px; }
      .basic-hero-style.fullscreen .hero-slider .slick-arrows .slick-arrow {
        width: 45px;
        height: 45px;
        font-size: 25px; } }
  @media screen and (max-width: 479px) {
    .basic-hero-style.fullscreen .hero-slider .slick-item .slick-item-inner {
      height: 75vw; }
    .basic-hero-style.fullscreen .hero-slider .slick-item .content .title {
      font-size: 17px; }
      .basic-hero-style.fullscreen .hero-slider .slick-item .content .title + .more {
        margin-top: 15px; }
    .basic-hero-style.fullscreen .hero-slider .slick-arrows {
      bottom: 15px; }
      .basic-hero-style.fullscreen .hero-slider .slick-arrows .slick-arrow {
        width: 35px;
        height: 35px;
        font-size: 16px; }
        .basic-hero-style.fullscreen .hero-slider .slick-arrows .slick-arrow + .slick-arrow {
          margin-left: 5px; } }

/* -------------------------------------------
 *  home
 * ------------------------------------------ */
.home-section {
  position: relative;
  z-index: 1;
  background-color: #ffffff; }
  .home-section.loading {
    opacity: 0;
    visibility: hidden; }
  .home-section .section-title .en, .home-section .section-title .zh {
    display: block; }
  .home-section .section-title .en {
    font-family: "Courier Prime", "Consolas", "Courier", "Heiti TC", "Microsoft JhengHei", serif;
    font-size: calc(25px + 2.225vw);
    letter-spacing: -0.05em;
    line-height: 1.1; }
    .home-section .section-title .en.smaller {
      font-size: calc(28px + 1.35vw); }
    @media screen and (max-width: 479px) {
      .home-section .section-title .en {
        font-size: 27.5px; }
        .home-section .section-title .en.smaller {
          font-size: 25px; } }
    @media screen and (max-width: 339px) {
      .home-section .section-title .en {
        font-size: 22px; }
        .home-section .section-title .en.smaller {
          font-size: 18px; } }
  .home-section .section-title .zh {
    font-family: "Noto Sans TC", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: calc(20px + 1.035vw);
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #BA000C; }
    @media screen and (max-width: 479px) {
      .home-section .section-title .zh {
        font-size: 22px; } }
    @media screen and (max-width: 339px) {
      .home-section .section-title .zh {
        font-size: 18px; } }
  .home-section .txt-box .head {
    font-size: 16px;
    color: #BA000C; }
  .home-section .txt-box .head, .home-section .txt-box .foot {
    line-height: 1;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 479px) {
      .home-section .txt-box .head, .home-section .txt-box .foot {
        font-size: 15px; } }
  .home-section .txt-box .content .title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-overflow: ellipsis; }
    @media screen and (max-width: 1599px) {
      .home-section .txt-box .content .title {
        font-size: 22px; } }
    @media screen and (max-width: 1299px) {
      .home-section .txt-box .content .title {
        font-size: 20px; } }
    @media screen and (max-width: 479px) {
      .home-section .txt-box .content .title {
        font-size: 18px; } }
    @media screen and (max-width: 339px) {
      .home-section .txt-box .content .title {
        font-size: 17px; } }
  .home-section .txt-box .foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
    font-size: 15px;
    color: #727272; }
    @media screen and (max-width: 339px) {
      .home-section .txt-box .foot {
        font-size: 14px; } }
    .home-section .txt-box .foot span {
      display: block; }
      .home-section .txt-box .foot span + span {
        margin-left: 1em; }
    .home-section .txt-box .foot::before {
      content: "";
      display: block;
      width: 50px;
      height: 1px;
      margin-right: 1em;
      background-color: rgba(0, 0, 0, 0.3); }
  .home-section .slick-dots {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .home-section .slick-dots li + li {
      margin-left: 12.5px; }
      @media screen and (max-width: 991px) {
        .home-section .slick-dots li + li {
          margin-left: 15px; } }
    .home-section .slick-dots li button {
      display: block;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      background-color: #BCBCBC;
      -moz-transition-property: background-color, border-color;
      -o-transition-property: background-color, border-color;
      -webkit-transition-property: background-color, border-color;
      transition-property: background-color, border-color;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
    .home-section .slick-dots li.slick-active button {
      width: 8px;
      height: 8px;
      background-color: #ffffff;
      border: 4px solid #BA000C;
      pointer-events: none; }

.home-section[data-section="banner"] {
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  .home-section[data-section="banner"] .banner-block .banner-block-inner {
    height: 100vh; }
  .home-section[data-section="banner"] .banner-dots {
    z-index: 1; }
    .home-section[data-section="banner"] .banner-dots ul li .btn {
      width: 10px;
      height: 10px;
      background-color: #BA000C;
      -moz-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      -webkit-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
    .home-section[data-section="banner"] .banner-dots ul li:not(.active) .btn {
      opacity: 0.3; }
      @media screen and (min-width: 992px), print {
        .home-section[data-section="banner"] .banner-dots ul li:not(.active) .btn:hover {
          opacity: 1; } }
  .home-section[data-section="banner"] .banner-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh; }
    .home-section[data-section="banner"] .banner-slider .banner-slide {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      visibility: hidden;
      opacity: 0;
      -moz-transition-property: opacity, visibility;
      -o-transition-property: opacity, visibility;
      -webkit-transition-property: opacity, visibility;
      transition-property: opacity, visibility;
      -moz-transition-duration: 0.75s;
      -o-transition-duration: 0.75s;
      -webkit-transition-duration: 0.75s;
      transition-duration: 0.75s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out; }
      .home-section[data-section="banner"] .banner-slider .banner-slide [data-aos]:not(.aos-animate) {
        -moz-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important; }
      .home-section[data-section="banner"] .banner-slider .banner-slide.active {
        visibility: visible;
        opacity: 1; }
  .home-section[data-section="banner"] .has-spacer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .home-section[data-section="banner"] .has-spacer > div {
      width: 100%; }
      .home-section[data-section="banner"] .has-spacer > div:not(.banner-spacer) {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 100%; }
    .home-section[data-section="banner"] .has-spacer .banner-spacer {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -moz-transition: height 0.3s ease-in-out;
      -o-transition: height 0.3s ease-in-out;
      -webkit-transition: height 0.3s ease-in-out;
      transition: height 0.3s ease-in-out; }
  .home-section[data-section="banner"] .banner-bg {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .home-section[data-section="banner"] .banner-block::after {
    content: "";
    position: relative;
    z-index: 1;
    display: block;
    height: 185px;
    background-color: #ffffff; }
    @media screen and (max-width: 1199px) {
      .home-section[data-section="banner"] .banner-block::after {
        height: 15vh; } }
  .home-section[data-section="banner"] .banner-front {
    position: relative;
    z-index: 2;
    height: 100%; }
    .home-section[data-section="banner"] .banner-front .banner-front-wp {
      position: relative; }
    .home-section[data-section="banner"] .banner-front .banner-obj img {
      display: block; }
    .home-section[data-section="banner"] .banner-front .banner-inner {
      position: relative;
      height: 100%; }
  .home-section[data-section="banner"] .content .tlt {
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    .home-section[data-section="banner"] .content .tlt:not(.tlt-revealed) {
      opacity: 0; }
    .home-section[data-section="banner"] .content .tlt [class^="line"] {
      display: block; }
  .home-section[data-section="banner"] [data-banner-style="01"] .banner-bg .pic {
    position: relative;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .home-section[data-section="banner"] [data-banner-style="01"] .banner-bg .pic::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      height: 100%;
      background-color: #ffffff;
      -moz-transition-duration: 1s;
      -o-transition-duration: 1s;
      -webkit-transition-duration: 1s;
      transition-duration: 1s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
  .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-obj [data-obj] {
    position: absolute;
    display: block; }
  .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .home-section[data-section="banner"] [data-banner-style="01"]:not(.active) .banner-bg .pic {
    opacity: 0;
    -moz-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s; }
  .home-section[data-section="banner"] [data-banner-style="01"].active .banner-bg .pic {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-delay: 0.55s;
    -o-transition-delay: 0.55s;
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s; }
    .home-section[data-section="banner"] [data-banner-style="01"].active .banner-bg .pic::before {
      height: 0;
      -moz-transition-property: height;
      -o-transition-property: height;
      -webkit-transition-property: height;
      transition-property: height;
      -moz-transition-delay: 0.55s;
      -o-transition-delay: 0.55s;
      -webkit-transition-delay: 0.55s;
      transition-delay: 0.55s; }
  .home-section[data-section="banner"] [data-banner-style="02"] .banner-bg .banner-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .home-section[data-section="banner"] [data-banner-style="02"] .banner-bg .banner-inner .banner-inner-inner {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-top: 8vh; }
    .home-section[data-section="banner"] [data-banner-style="02"] .banner-bg .banner-inner .content .section-title .en {
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      color: #ffffff;
      letter-spacing: 0; }
      .home-section[data-section="banner"] [data-banner-style="02"] .banner-bg .banner-inner .content .section-title .en + .zh {
        margin-top: 1em; }
    .home-section[data-section="banner"] [data-banner-style="02"] .banner-bg .banner-inner .content .section-title .zh {
      color: rgba(0, 0, 0, 0.9);
      font-size: 20px;
      font-weight: 500; }
  .home-section[data-section="banner"] [data-banner-style="02"] .banner-front .banner-obj {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -moz-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }
    .home-section[data-section="banner"] [data-banner-style="02"] .banner-front .banner-obj img {
      -moz-transform: translateY(17.5%);
      -o-transform: translateY(17.5%);
      -ms-transform: translateY(17.5%);
      -webkit-transform: translateY(17.5%);
      transform: translateY(17.5%); }
  @media screen and (orientation: landscape) {
    .home-section[data-section="banner"] .banner-dots {
      position: fixed;
      z-index: 2;
      top: 50%;
      right: 15px;
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
      .home-section[data-section="banner"] .banner-dots ul li + li {
        margin-top: 30px;
        margin-left: 0; } }
  @media screen and (orientation: landscape) and (max-width: 1599px) {
    .home-section[data-section="banner"] .banner-dots {
      right: 80px; } }
  @media screen and (orientation: landscape) and (max-width: 1199px) {
    .home-section[data-section="banner"] .banner-dots {
      right: 25px; } }
  @media screen and (orientation: landscape) {
    .home-section[data-section="banner"] [data-banner-style="01"] .banner-bg .pic {
      background-position: center right !important;
      background-size: auto 100% !important; }
    .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner {
      height: 100%; }
      .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner .content .section-title .en + .zh {
        margin-top: 1em; } }
  @media screen and (orientation: landscape) and (max-width: 1599px) {
    .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner .content .section-title .en {
      font-size: calc(18px + 1.8625vw); } }
  @media screen and (orientation: landscape) {
      .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner .content .sign {
        margin-top: 9.5vh;
        margin-left: 35%; } }
@media screen and (orientation: portrait) and (max-width: 479px) {
  .home-section[data-section="banner"] .banner-slider, .home-section[data-section="banner"] .banner-block-inner {
    min-height: 155vw; } }
  @media screen and (orientation: portrait) {
    .home-section[data-section="banner"] .banner-block::after {
      height: 10vh; }
    .home-section[data-section="banner"] .banner-dots {
      position: absolute;
      z-index: 5;
      left: 0;
      right: 0;
      bottom: calc(10vh + 25px); } }
  @media screen and (orientation: portrait) and (max-width: 479px) {
    .home-section[data-section="banner"] .banner-dots {
      bottom: calc(10vh + 15px); } }
  @media screen and (orientation: portrait) {
      .home-section[data-section="banner"] .banner-dots ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .home-section[data-section="banner"] .banner-dots ul li + li {
          margin-left: 20px; }
    .home-section[data-section="banner"] .banner-bg {
      position: absolute; }
    .home-section[data-section="banner"] .banner-inner .content {
      text-align: center; }
    .home-section[data-section="banner"] [data-banner-style="01"] .banner-bg .pic {
      background-position: center bottom !important;
      background-size: 100% auto !important; }
    .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-obj [data-obj="02"] {
      background-size: 3.5vw; }
    .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 35vh;
      min-height: 200px; }
      .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner .content .section-title .en + .zh {
        margin-top: 0.5em; }
      .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner .content .sign {
        margin-top: 2vh; }
        .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner .content .sign img {
          max-width: 10em;
          margin-left: 25%; } }
      @media screen and (orientation: portrait) and (max-width: 479px) {
        .home-section[data-section="banner"] [data-banner-style="01"] .banner-front .banner-inner .content .sign img {
          max-width: 6em; } }
  @media screen and (orientation: portrait) {
    .home-section[data-section="banner"] [data-banner-style="01"]:not(.active) .banner-front .banner-inner .content {
      -moz-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%); } }

.home-section[data-section="videos"][data-aos] {
  visibility: visible; }
.home-section[data-section="videos"]::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  -moz-transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
  display: block;
  width: 100%;
  background-color: #ffffff; }
.home-section[data-section="videos"].aos-animate::before {
  width: 0;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
.home-section[data-section="videos"].aos-animate .videos-player {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s; }
@media screen and (min-width: 1200px), print {
  .home-section[data-section="videos"] {
    padding-bottom: 145px; } }
@media screen and (max-width: 1199px) and (orientation: landscape) {
  .home-section[data-section="videos"] {
    padding-bottom: 15vh; } }
@media screen and (max-width: 1199px) and (orientation: portrait) {
  .home-section[data-section="videos"] {
    padding-bottom: 7.5vh; } }

@media screen and (max-width: 991px) {
  .home-section[data-section="videos"] {
    padding-bottom: 50px; } }
.home-section[data-section="videos"] .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1360px; }
  @media screen and (min-width: 992px), print {
    .home-section[data-section="videos"] .container {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="videos"] .container {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
.home-section[data-section="videos"] .videos-list {
  display: none; }
.home-section[data-section="videos"] .videos-banner {
  position: relative; }
  .home-section[data-section="videos"] .videos-banner .slick-item {
    position: relative;
    overflow: hidden;
    cursor: pointer; }
  .home-section[data-section="videos"] .videos-banner .slick-item-bg {
    background-size: cover;
    background-position: center center; }
    @media screen and (max-width: 991px) {
      .home-section[data-section="videos"] .videos-banner .slick-item-bg {
        position: static;
        height: 80vw; } }
  .home-section[data-section="videos"] .videos-banner .slick-item-inner {
    position: relative;
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 1600px), print {
      .home-section[data-section="videos"] .videos-banner .slick-item-inner {
        min-height: 635px; } }
    @media screen and (max-width: 1599px) and (min-width: 1400px) {
      .home-section[data-section="videos"] .videos-banner .slick-item-inner {
        min-height: 33vw; } }
    @media screen and (min-width: 1400px), print {
      .home-section[data-section="videos"] .videos-banner .slick-item-inner {
        padding-bottom: calc(185px/2); } }
    @media screen and (max-width: 1399px) and (min-width: 992px) {
      .home-section[data-section="videos"] .videos-banner .slick-item-inner {
        min-height: 27.5vw;
        padding-bottom: calc(7.5vw/2); } }
    @media screen and (max-width: 1199px) {
      .home-section[data-section="videos"] .videos-banner .slick-item-inner {
        padding-bottom: 50px; } }
    @media screen and (max-width: 991px) {
      .home-section[data-section="videos"] .videos-banner .slick-item-inner {
        text-align: center; } }
    @media screen and (max-width: 479px) {
      .home-section[data-section="videos"] .videos-banner .slick-item-inner {
        padding-bottom: 25px; } }
    .home-section[data-section="videos"] .videos-banner .slick-item-inner::after {
      content: "";
      min-height: inherit; }
    .home-section[data-section="videos"] .videos-banner .slick-item-inner .content {
      width: 510px; }
      .home-section[data-section="videos"] .videos-banner .slick-item-inner .content .section-title .en + .zh {
        margin-top: 0.5em; }
      .home-section[data-section="videos"] .videos-banner .slick-item-inner .content .txt {
        margin-top: 0.5em;
        font-family: "Noto Sans TC", "Heiti TC", "Microsoft JhengHei", sans-serif;
        font-size: 26px;
        letter-spacing: 0.05em; }
      @media screen and (max-width: 1199px) {
        .home-section[data-section="videos"] .videos-banner .slick-item-inner .content .txt {
          font-size: 20px; } }
      @media screen and (max-width: 479px) {
        .home-section[data-section="videos"] .videos-banner .slick-item-inner .content .section-title .en + .zh {
          margin-top: 0.25em; }
        .home-section[data-section="videos"] .videos-banner .slick-item-inner .content .txt {
          font-size: 17px; } }
      @media screen and (max-width: 339px) {
        .home-section[data-section="videos"] .videos-banner .slick-item-inner .content .txt {
          font-size: 15px; } }
  @media screen and (min-width: 992px), print {
    .home-section[data-section="videos"] .videos-banner .slick-slide {
      -moz-transition-duration: 0s !important;
      -o-transition-duration: 0s !important;
      -webkit-transition-duration: 0s !important;
      transition-duration: 0s !important;
      -moz-transition-delay: 0.5s !important;
      -o-transition-delay: 0.5s !important;
      -webkit-transition-delay: 0.5s !important;
      transition-delay: 0.5s !important; }
    .home-section[data-section="videos"] .videos-banner .slick-item-bg {
      -moz-transition: transform 5s ease-in-out 0.15s;
      -o-transition: transform 5s ease-in-out 0.15s;
      -webkit-transition: transform 5s ease-in-out 0.15s;
      transition: transform 5s ease-in-out 0.15s;
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
    .home-section[data-section="videos"] .videos-banner .slick-item-inner .content {
      -moz-transition-property: opacity, transform;
      -o-transition-property: opacity, transform;
      -webkit-transition-property: opacity, transform;
      transition-property: opacity, transform;
      -moz-transition-duration: 1.5s;
      -o-transition-duration: 1.5s;
      -webkit-transition-duration: 1.5s;
      transition-duration: 1.5s;
      -moz-transition-timing-function: ease-in-out;
      -o-transition-timing-function: ease-in-out;
      -webkit-transition-timing-function: ease-in-out;
      transition-timing-function: ease-in-out;
      opacity: 0;
      -moz-transform: translateY(100px);
      -o-transform: translateY(100px);
      -ms-transform: translateY(100px);
      -webkit-transform: translateY(100px);
      transform: translateY(100px); }
    .home-section[data-section="videos"] .videos-banner .slick-item-next {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-size: cover;
      background-position: center center;
      -moz-transform: scale(1.2) translateX(0);
      -o-transform: scale(1.2) translateX(0);
      -ms-transform: scale(1.2) translateX(0);
      -webkit-transform: scale(1.2) translateX(0);
      transform: scale(1.2) translateX(0);
      -moz-transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1);
      -o-transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1);
      -webkit-transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1);
      transition: transform 0.75s cubic-bezier(0.77, 0, 0.175, 1); }
    .home-section[data-section="videos"] .videos-banner .slick-active .slick-item .slick-item-bg {
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none; }
    .home-section[data-section="videos"] .videos-banner .slick-active .slick-item .slick-item-inner .content {
      opacity: 1;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none;
      -moz-transition-delay: 0.35s;
      -o-transition-delay: 0.35s;
      -webkit-transition-delay: 0.35s;
      transition-delay: 0.35s; }
    .home-section[data-section="videos"] .videos-banner .slick-active .slick-item .slick-item-next {
      -moz-transform: translateX(100%);
      -o-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%); } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="videos"] .videos-banner .slick-item-next {
      display: none; } }
.home-section[data-section="videos"] .videos-player {
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  -moz-transition-property: opacity, transform;
  -o-transition-property: opacity, transform;
  -webkit-transition-property: opacity, transform;
  transition-property: opacity, transform;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }
  @media screen and (min-width: 1200px), print {
    .home-section[data-section="videos"] .videos-player {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; } }
  @media screen and (max-width: 1199px) {
    .home-section[data-section="videos"] .videos-player {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="videos"] .videos-player {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: -5%; } }
  @media screen and (min-width: 992px), print {
    .home-section[data-section="videos"] .videos-player .videos-player-dots {
      margin-right: 100px;
      padding-bottom: 75px; } }
  @media screen and (max-width: 1199px) {
    .home-section[data-section="videos"] .videos-player .videos-player-dots {
      margin-top: 50px; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="videos"] .videos-player .videos-player-dots {
      margin-top: 25px; } }
  .home-section[data-section="videos"] .videos-player .videos-player-box {
    position: relative;
    width: 510px; }
    .home-section[data-section="videos"] .videos-player .videos-player-box .slider {
      background-color: #000000; }
    @media screen and (min-width: 1400px), print {
      .home-section[data-section="videos"] .videos-player .videos-player-box {
        margin-top: -185px; } }
    @media screen and (max-width: 1599px) and (min-width: 1200px) {
      .home-section[data-section="videos"] .videos-player .videos-player-box {
        margin-top: -7.5vw; }
        .home-section[data-section="videos"] .videos-player .videos-player-box .slider {
          max-width: 25vw; } }
    @media screen and (max-width: 1199px) and (min-width: 992px) {
      .home-section[data-section="videos"] .videos-player .videos-player-box {
        margin-top: -7.5vw; }
        .home-section[data-section="videos"] .videos-player .videos-player-box .slider {
          max-width: 35vw; } }
    @media screen and (max-width: 767px) {
      .home-section[data-section="videos"] .videos-player .videos-player-box {
        max-width: 75vw; } }
    .home-section[data-section="videos"] .videos-player .videos-player-box .slick-item {
      position: relative;
      cursor: pointer;
      background-size: cover;
      background-position: center center; }
      .home-section[data-section="videos"] .videos-player .videos-player-box .slick-item::before {
        content: "";
        display: block;
        padding-bottom: 65%; }
      .home-section[data-section="videos"] .videos-player .videos-player-box .slick-item::after {
        content: "";
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 60px;
        height: 60px;
        background-color: #BA000C;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6);
        -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6);
        font-family: "icomoon";
        color: #ffffff; }
        @media screen and (max-width: 479px) {
          .home-section[data-section="videos"] .videos-player .videos-player-box .slick-item::after {
            top: calc(50% - 25px);
            left: calc(50% - 25px);
            width: 50px;
            height: 50px; } }

.home-section[data-section="products"][data-aos] {
  visibility: visible; }
.home-section[data-section="products"]::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  background-color: #ffffff;
  -moz-transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: width 1s cubic-bezier(0.77, 0, 0.175, 1); }
.home-section[data-section="products"].aos-animate::before {
  width: 0;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }
.home-section[data-section="products"] .section-bg {
  top: 0;
  right: 0;
  display: block; }
  .home-section[data-section="products"] .section-bg .slider {
    position: relative;
    width: 100%; }
    .home-section[data-section="products"] .section-bg .slider, .home-section[data-section="products"] .section-bg .slider .slick-list, .home-section[data-section="products"] .section-bg .slider .slick-track, .home-section[data-section="products"] .section-bg .slider .slick-slide, .home-section[data-section="products"] .section-bg .slider .slick-slide > div {
      height: 100%; }
    .home-section[data-section="products"] .section-bg .slider .slick-slide {
      position: relative; }
  @media screen and (min-width: 1721px), print {
    .home-section[data-section="products"] .section-bg {
      left: calc(50% - 800px);
      bottom: 210px; } }
  @media screen and (max-width: 1720px) and (min-width: 1200px) {
    .home-section[data-section="products"] .section-bg {
      left: 90px;
      bottom: 15vh; } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .home-section[data-section="products"] .section-bg {
      left: 50px; } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .home-section[data-section="products"] .section-bg {
      bottom: 150px; } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="products"] .section-bg {
      left: 0;
      bottom: 0; } }
@media screen and (min-width: 992px), print {
  .home-section[data-section="products"] .section-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .home-section[data-section="products"] .section-inner > div {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; } }
@media screen and (min-width: 992px), print {
  .home-section[data-section="products"] .section-inner {
    padding: 75px 0 75px 75px; } }
  @media screen and (min-width: 992px) and (max-height: 750px), print and (max-height: 750px) {
    .home-section[data-section="products"] .section-inner {
      padding: 55px 0 55px 55px; } }

@media screen and (max-width: 991px) {
  .home-section[data-section="products"] .section-inner {
    padding: 75px 0;
    text-align: center; }
    .home-section[data-section="products"] .section-inner > div:not(.aos-animate) {
      -moz-transform: translate3d(0, 100px, 0);
      -o-transform: translate3d(0, 100px, 0);
      -ms-transform: translate3d(0, 100px, 0);
      -webkit-transform: translate3d(0, 100px, 0);
      transform: translate3d(0, 100px, 0); } }
@media screen and (max-width: 767px) {
  .home-section[data-section="products"] .section-inner {
    padding: 50px 25px; } }
@media screen and (max-width: 479px) {
  .home-section[data-section="products"] .section-inner {
    padding: 35px 15px; } }
.home-section[data-section="products"] .products-gallery {
  -webkit-box-shadow: 35px 35px 25px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 35px 35px 25px rgba(0, 0, 0, 0.3);
  box-shadow: 35px 35px 25px rgba(0, 0, 0, 0.3); }
  @media screen and (min-width: 1200px), print {
    .home-section[data-section="products"] .products-gallery {
      width: 535px;
      max-width: 30vw; } }
  @media screen and (min-width: 1200px) and (max-height: 750px), print and (max-height: 750px) {
    .home-section[data-section="products"] .products-gallery {
      max-width: 25vw; } }

  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .home-section[data-section="products"] .products-gallery {
      width: 35vw; } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="products"] .products-gallery {
      max-width: 535px;
      margin: 0 auto; } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="products"] .products-gallery {
      max-width: 50vw;
      -webkit-box-shadow: 25px 25px 20px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 25px 25px 20px rgba(0, 0, 0, 0.2);
      box-shadow: 25px 25px 20px rgba(0, 0, 0, 0.2); } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="products"] .products-gallery {
      -webkit-box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.15);
      box-shadow: 15px 15px 10px rgba(0, 0, 0, 0.15); } }
  .home-section[data-section="products"] .products-gallery .slider .slick-item {
    position: relative;
    overflow: hidden; }
    .home-section[data-section="products"] .products-gallery .slider .slick-item .pic {
      position: relative;
      display: block;
      padding-bottom: 137.383%;
      -moz-transition: transform 0.75s ease;
      -o-transition: transform 0.75s ease;
      -webkit-transition: transform 0.75s ease;
      transition: transform 0.75s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .home-section[data-section="products"] .products-gallery .slider .slick-item .pic .pic-fill {
        -moz-transform: scale(1.25);
        -o-transform: scale(1.25);
        -ms-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        -moz-transition: transform 5s ease 0.15s;
        -o-transition: transform 5s ease 0.15s;
        -webkit-transition: transform 5s ease 0.15s;
        transition: transform 5s ease 0.15s; }
    .home-section[data-section="products"] .products-gallery .slider .slick-item .slick-item-block {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-size: cover;
      background-position: center center;
      width: 100%;
      -moz-transition: width 0.75s ease;
      -o-transition: width 0.75s ease;
      -webkit-transition: width 0.75s ease;
      transition: width 0.75s ease; }
  .home-section[data-section="products"] .products-gallery .slider .slick-slide {
    -moz-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important; }
    .home-section[data-section="products"] .products-gallery .slider .slick-slide.prev-slide .slick-item .pic {
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .home-section[data-section="products"] .products-gallery .slider .slick-slide.next-slide .slick-item .pic {
      -moz-transform: translateX(50%);
      -o-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -webkit-transform: translateX(50%);
      transform: translateX(50%); }
    .home-section[data-section="products"] .products-gallery .slider .slick-slide.slick-active .slick-item .pic {
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0); }
      .home-section[data-section="products"] .products-gallery .slider .slick-slide.slick-active .slick-item .pic .pic-fill {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1); }
    .home-section[data-section="products"] .products-gallery .slider .slick-slide.slick-active .slick-item .slick-item-block {
      width: 0; }
    .home-section[data-section="products"] .products-gallery .slider .slick-slide.slick-active.go-left .slick-item .slick-item-block {
      right: auto; }
    .home-section[data-section="products"] .products-gallery .slider .slick-slide.slick-active.go-right .slick-item .slick-item-block {
      left: auto; }
.home-section[data-section="products"] .products-info {
  color: #ffffff; }
  @media screen and (min-width: 992px), print {
    .home-section[data-section="products"] .products-info {
      width: 375px; } }
  @media screen and (min-width: 1400px), print {
    .home-section[data-section="products"] .products-info {
      margin: 65px 0 0 110px; } }
  @media screen and (max-width: 1399px) and (min-width: 1200px) {
    .home-section[data-section="products"] .products-info {
      margin: 0 0 0 65px; } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .home-section[data-section="products"] .products-info {
      margin: 0 0 0 75px; } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="products"] .products-info {
      margin-top: 50px;
      -moz-transition-delay: 0.15s !important;
      -o-transition-delay: 0.15s !important;
      -webkit-transition-delay: 0.15s !important;
      transition-delay: 0.15s !important; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="products"] .products-info {
      margin-top: 35px; } }
  .home-section[data-section="products"] .products-info .slider .slick-item .section-title span {
    color: #ffffff; }
  .home-section[data-section="products"] .products-info .slider .slick-item .section-title .en + .zh {
    margin-top: 1em; }
  .home-section[data-section="products"] .products-info .slider .slick-item .section-title .zh {
    line-height: 1.35; }
    .home-section[data-section="products"] .products-info .slider .slick-item .section-title .zh .sub {
      font-size: calc(18px + 0.95vw); }
  @media screen and (max-width: 479px) {
    .home-section[data-section="products"] .products-info .slider .slick-item .section-title .en + .zh {
      margin-top: 0.5em; } }
  .home-section[data-section="products"] .products-info .arrows {
    margin: 40px 0; }
    @media screen and (max-width: 991px) {
      .home-section[data-section="products"] .products-info .arrows {
        margin-bottom: 0; } }
    @media screen and (max-width: 479px) {
      .home-section[data-section="products"] .products-info .arrows {
        margin-top: 20px; } }
    .home-section[data-section="products"] .products-info .arrows .slick-arrow {
      position: static;
      width: 60px;
      height: 60px;
      border: 2px solid #ffffff;
      font-size: 18px;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      -webkit-transition-property: opacity;
      transition-property: opacity;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
      .home-section[data-section="products"] .products-info .arrows .slick-arrow + .slick-arrow {
        margin-left: 20px; }
      @media screen and (max-width: 479px) {
        .home-section[data-section="products"] .products-info .arrows .slick-arrow {
          width: 35px;
          height: 35px;
          border-width: 1px; }
          .home-section[data-section="products"] .products-info .arrows .slick-arrow + .slick-arrow {
            margin-left: 10px; } }
      .home-section[data-section="products"] .products-info .arrows .slick-arrow:active {
        opacity: 0.5; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .home-section[data-section="products"] .products-info .arrows .slick-arrow:hover {
    opacity: 0.5; } }

      .home-section[data-section="products"] .products-info .arrows .slick-arrow.slick-disabled {
        opacity: 0.3;
        mix-blend-mode: overlay;
        background: none;
        color: #ffffff;
        pointer-events: none; }

.home-section[data-section="news"][data-aos] {
  visibility: visible; }
.home-section[data-section="news"] + .home-section::before {
  content: "";
  display: block;
  height: 140px;
  background-color: #ffffff;
  clear: both; }
.home-section[data-section="news"] .section-inner {
  max-width: 1604px; }
@media screen and (min-width: 1200px), print {
  .home-section[data-section="news"] {
    padding: 50px 0 140px; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .home-section[data-section="news"] {
    padding: 50px 0 75px; } }
@media screen and (max-width: 1199px) {
  .home-section[data-section="news"] + .home-section::before {
    height: 15vh; }
  .home-section[data-section="news"] + .home-section[data-section="column"]::before {
    display: none; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .home-section[data-section="news"] {
    padding: 50px 0; } }
@media screen and (min-width: 480px), print {
  .home-section[data-section="news"]::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 565px;
    background-color: #F0F0F0;
    -moz-transition: width 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: width 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: width 1.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: width 1.5s cubic-bezier(0.77, 0, 0.175, 1); }
  .home-section[data-section="news"].aos-animate::before {
    -moz-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s; } }
@media screen and (min-width: 1721px), print {
  .home-section[data-section="news"].aos-animate::before {
    width: calc(50% + 800px); } }
@media screen and (max-width: 1720px) {
  .home-section[data-section="news"].aos-animate::before {
    width: calc(100% - 90px); } }
@media screen and (max-width: 991px) {
  .home-section[data-section="news"].aos-animate::before {
    width: 100%; } }
.home-section[data-section="news"] .section-head {
  text-align: center; }
  .home-section[data-section="news"] .section-head .section-title .en + .zh {
    margin-top: 0.35em; }
  @media screen and (max-width: 479px) {
    .home-section[data-section="news"] .section-head {
      padding: 35px 0; } }
.home-section[data-section="news"] .news-slider {
  overflow: hidden; }
  @media screen and (min-width: 1200px), print {
    .home-section[data-section="news"] .news-slider {
      margin-top: 60px; } }
  @media screen and (max-width: 1199px) and (min-width: 480px) {
    .home-section[data-section="news"] .news-slider {
      margin-top: 50px; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="news"] .news-slider {
      position: relative;
      padding: 0 20px 35px;
      margin: 0 -20px; }
      .home-section[data-section="news"] .news-slider::before {
        content: "";
        position: absolute;
        top: 25%;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background-color: #F0F0F0; } }
  @media screen and (max-width: 413px) {
    .home-section[data-section="news"] .news-slider {
      padding: 0 15px 35px;
      margin: 0 -15px; } }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .home-section[data-section="news"] .news-slider .slick-list:hover {
    overflow: visible; }
    .home-section[data-section="news"] .news-slider .slick-list:hover .slick-slide:not(.slick-active) {
      visibility: hidden; } }

  .home-section[data-section="news"] .news-slider .slick-slide {
    position: relative; }
    .home-section[data-section="news"] .news-slider .slick-slide:hover {
      z-index: 5; }
  .home-section[data-section="news"] .news-slider .slick-dots {
    position: static;
    margin-top: 50px; }
    @media screen and (max-width: 479px) {
      .home-section[data-section="news"] .news-slider .slick-dots {
        margin-top: 35px; } }
  .home-section[data-section="news"] .news-slider .slick-item .pic-wrapper {
    overflow: hidden; }
  .home-section[data-section="news"] .news-slider .slick-item .pic {
    padding-bottom: 71.9626%; }
  .home-section[data-section="news"] .news-slider .slick-item .txt-box {
    background-color: #ffffff;
    padding: 40px 30px 60px; }
    .home-section[data-section="news"] .news-slider .slick-item .txt-box .content {
      margin-top: 20px; }
      .home-section[data-section="news"] .news-slider .slick-item .txt-box .content .title {
        line-height: 1.5;
        white-space: nowrap;
        overflow: hidden; }
      .home-section[data-section="news"] .news-slider .slick-item .txt-box .content .summary {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 15px;
        height: 3.5em;
        font-size: 16px;
        line-height: 1.75;
        letter-spacing: 0.05em;
        color: rgba(0, 0, 0, 0.55); }
    .home-section[data-section="news"] .news-slider .slick-item .txt-box .foot {
      margin-top: 35px; }
  .home-section[data-section="news"] .news-slider .slick-item a {
    display: block; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .home-section[data-section="news"] .news-slider .slick-item a {
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
    .home-section[data-section="news"] .news-slider .slick-item a .txt-box .foot::before {
      -moz-transition: width 0.3s ease-in-out;
      -o-transition: width 0.3s ease-in-out;
      -webkit-transition: width 0.3s ease-in-out;
      transition: width 0.3s ease-in-out; }
    .home-section[data-section="news"] .news-slider .slick-item a:hover {
      -webkit-box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.27);
      -moz-box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.27);
      box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.27); }
      .home-section[data-section="news"] .news-slider .slick-item a:hover .txt-box .foot::before {
        width: 100px; } }

  @media screen and (max-width: 767px) {
    .home-section[data-section="news"] .news-slider .slick-item .txt-box {
      padding: 30px 20px; }
      .home-section[data-section="news"] .news-slider .slick-item .txt-box .head, .home-section[data-section="news"] .news-slider .slick-item .txt-box .foot {
        font-size: 15px; }
      .home-section[data-section="news"] .news-slider .slick-item .txt-box .content {
        margin-top: 10px; }
        .home-section[data-section="news"] .news-slider .slick-item .txt-box .content .title {
          font-size: 18px; }
        .home-section[data-section="news"] .news-slider .slick-item .txt-box .content .summary {
          margin-top: 5px; }
      .home-section[data-section="news"] .news-slider .slick-item .txt-box .foot {
        margin-top: 25px; }
        .home-section[data-section="news"] .news-slider .slick-item .txt-box .foot::before {
          width: 35px; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="news"] .news-slider .slick-item .txt-box {
      padding: 25px 20px; }
      .home-section[data-section="news"] .news-slider .slick-item .txt-box .head, .home-section[data-section="news"] .news-slider .slick-item .txt-box .foot {
        font-size: 14px; }
      .home-section[data-section="news"] .news-slider .slick-item .txt-box .content {
        margin-top: 10px; }
        .home-section[data-section="news"] .news-slider .slick-item .txt-box .content .title {
          font-size: 17px; }
        .home-section[data-section="news"] .news-slider .slick-item .txt-box .content .summary {
          margin-top: 5px;
          font-size: 15px;
          line-height: 1.5;
          max-height: 3em; }
      .home-section[data-section="news"] .news-slider .slick-item .txt-box .foot {
        margin-top: 20px; } }
.home-section[data-section="news"] .news-arrows {
  position: relative;
  float: right;
  padding: 0 100px;
  background-color: #ffffff; }
  .home-section[data-section="news"] .news-arrows ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px; }
  @media screen and (max-width: 1199px) {
    .home-section[data-section="news"] .news-arrows ul {
      height: 75px; } }
  .home-section[data-section="news"] .news-arrows .arrow {
    position: relative; }
    .home-section[data-section="news"] .news-arrows .arrow + .arrow::before {
      content: "";
      position: absolute;
      top: calc(50% - 4.5px);
      left: 0;
      display: block;
      width: 2px;
      height: 9px;
      background-color: #000000; }
    .home-section[data-section="news"] .news-arrows .arrow .btn {
      width: 80px;
      height: 35px;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .home-section[data-section="news"] .news-arrows .arrow .btn::before, .home-section[data-section="news"] .news-arrows .arrow .btn::after {
        content: "";
        display: block; }
      .home-section[data-section="news"] .news-arrows .arrow .btn::before {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent; }
      .home-section[data-section="news"] .news-arrows .arrow .btn::after {
        width: 0;
        height: 1px;
        background-color: #000000;
        -moz-transition: width 0.3s ease-in-out;
        -o-transition: width 0.3s ease-in-out;
        -webkit-transition: width 0.3s ease-in-out;
        transition: width 0.3s ease-in-out; }
      .home-section[data-section="news"] .news-arrows .arrow .btn:hover::after {
        width: 70px; }
    .home-section[data-section="news"] .news-arrows .arrow.arrow-prev {
      padding-right: 40px; }
      .home-section[data-section="news"] .news-arrows .arrow.arrow-prev .btn::before {
        border-right: 6px solid #000000; }
    .home-section[data-section="news"] .news-arrows .arrow.arrow-next {
      padding-left: 40px; }
      .home-section[data-section="news"] .news-arrows .arrow.arrow-next .btn {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        .home-section[data-section="news"] .news-arrows .arrow.arrow-next .btn::before {
          border-left: 6px solid #000000; }

.home-section[data-section="column"] {
  z-index: 2; }
  .home-section[data-section="column"] .section-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
    @media screen and (max-width: 479px) {
      .home-section[data-section="column"] .section-head .section-title {
        width: calc(100% - 40px); } }
    .home-section[data-section="column"] .section-head .section-title .en + .zh::before {
      content: "";
      display: block;
      width: 380px;
      height: 1px;
      margin: 2.75vmin auto 2.5vmin;
      background-color: rgba(0, 0, 0, 0.2); }
      @media screen and (max-width: 1599px) {
        .home-section[data-section="column"] .section-head .section-title .en + .zh::before {
          margin: 2vmin auto 1.5vmin; } }
      @media screen and (max-width: 991px) {
        .home-section[data-section="column"] .section-head .section-title .en + .zh::before {
          margin: 15px 0 20px; } }
      @media screen and (max-width: 479px) {
        .home-section[data-section="column"] .section-head .section-title .en + .zh::before {
          width: 100%;
          margin: 7.5px 0 10px; } }
    .home-section[data-section="column"] .section-head .section-title .zh {
      line-height: 1; }
    .home-section[data-section="column"] .section-head .more {
      margin-top: 35px; }
      .home-section[data-section="column"] .section-head .more .btn {
        font-size: 15px; }
        .home-section[data-section="column"] .section-head .more .btn [class^="icon-"] {
          display: block;
          font-size: 1.25em;
          margin-left: 0.5em; }
        .home-section[data-section="column"] .section-head .more .btn::before {
          content: "";
          display: block;
          width: 0;
          height: 1px;
          background-color: rgba(0, 0, 0, 0.3);
          -moz-transition-property: width, background-color, margin;
          -o-transition-property: width, background-color, margin;
          -webkit-transition-property: width, background-color, margin;
          transition-property: width, background-color, margin;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -moz-transition-timing-function: ease-in-out;
          -o-transition-timing-function: ease-in-out;
          -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }
        .home-section[data-section="column"] .section-head .more .btn:hover::before {
          width: 50px;
          margin-right: 1em; }
      @media screen and (max-width: 479px) {
        .home-section[data-section="column"] .section-head .more {
          margin-top: 20px; }
          .home-section[data-section="column"] .section-head .more .btn {
            font-size: 13px; } }
  .home-section[data-section="column"] .list-item .list-item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    .home-section[data-section="column"] .list-item .list-item-inner > div {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 50%; }
    .home-section[data-section="column"] .list-item .list-item-inner .pic {
      position: relative;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .home-section[data-section="column"] .list-item .list-item-inner .pic {
          padding-bottom: 50%; } }
      @media screen and (max-width: 479px) {
        .home-section[data-section="column"] .list-item .list-item-inner .pic {
          padding-bottom: 65%; } }
    .home-section[data-section="column"] .list-item .list-item-inner .txt-box {
      background-color: rgba(230, 237, 247, 0.35);
      padding: 5% 7.25%; }
      @media screen and (max-width: 1599px) and (min-width: 1400px) {
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box {
          padding: 6.25% 7.25%; } }
      @media screen and (max-width: 1399px) and (min-width: 1200px) {
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box {
          padding: 5%; } }
      @media screen and (max-width: 1199px) {
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
      .home-section[data-section="column"] .list-item .list-item-inner .txt-box .content {
        margin-top: calc(1.5vw + 5px); }
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box .content .title {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
          line-height: 1.5; }
          @media screen and (min-width: 992px), print {
            .home-section[data-section="column"] .list-item .list-item-inner .txt-box .content .title {
              -webkit-line-clamp: 2;
              height: 3em; } }
          @media screen and (max-width: 991px) {
            .home-section[data-section="column"] .list-item .list-item-inner .txt-box .content .title {
              -webkit-line-clamp: 4;
              max-height: 6em; } }
      .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot {
        margin-top: calc(2vw + 5px); }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .home-section[data-section="column"] .list-item .list-item-inner .pic .pic-fill {
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }
  .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot::before {
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out; }
  .home-section[data-section="column"] .list-item .list-item-inner:hover .pic .pic-fill {
    -moz-transition-duration: 0.75s;
    -o-transition-duration: 0.75s;
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  .home-section[data-section="column"] .list-item .list-item-inner:hover .txt-box .foot::before {
    width: 100px; } }

    @media screen and (max-width: 1599px) and (min-width: 1200px) {
      .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot::before {
        width: 35px;
        margin-right: 0.75em; } }
@media screen and (max-width: 1599px) and (min-width: 1200px) and (hover: hover), screen and (max-width: 1599px) and (min-width: 1200px) and (-ms-high-contrast: none) {
  .home-section[data-section="column"] .list-item .list-item-inner:hover .txt-box .foot::before {
    width: 50px; } }

    @media screen and (max-width: 767px) {
      .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot::before {
          display: none; }
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot span + span {
          margin-left: 0;
          margin-top: 0.5em; }
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot .date {
          font-size: 13px; } }
    @media screen and (max-width: 479px) {
      .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot::before {
          display: none; }
        .home-section[data-section="column"] .list-item .list-item-inner .txt-box .foot .date {
          font-size: 13px; } }
    @media screen and (max-width: 339px) {
      .home-section[data-section="column"] .list-item .list-item-inner .txt-box .content .title {
        line-height: 1.35; } }
  @media screen and (min-width: 1200px), print {
    .home-section[data-section="column"] .section-inner > div {
      float: left;
      height: 15.25vw; } }
  @media screen and (min-width: 1200px) and (max-width: 1599px) {
    .home-section[data-section="column"] .section-inner > div {
      height: 17vw; } }
  @media screen and (min-width: 1200px), print {
    .home-section[data-section="column"] .section-inner .section-head {
      width: 50%; }
    .home-section[data-section="column"] .section-inner .section-head-side {
      width: 25%;
      background-size: cover;
      background-position: center center; }
    .home-section[data-section="column"] .section-inner .list-item {
      width: 50%; }
      .home-section[data-section="column"] .section-inner .list-item:nth-child(-n+2) .list-item-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; } }
  @media screen and (max-width: 1199px) {
    .home-section[data-section="column"] .section-head {
      padding: 50px 0; }
    .home-section[data-section="column"] .column-list .list-item:nth-child(even) .list-item-inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) {
    .home-section[data-section="column"] .column-list .list-item .list-item-inner {
      min-height: 30vw; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="column"] .section-head {
      padding: 35px 0 30px; }
      .home-section[data-section="column"] .section-head .more {
        margin-top: 25px; } }
  @media screen and (max-width: 413px) {
    .home-section[data-section="column"] .section-head {
      padding: 25px 0 20px; }
      .home-section[data-section="column"] .section-head .more {
        margin-top: 20px; } }

.home-section[data-section="article"] .content .section-title .en + .zh {
  margin-top: 0.35em; }
  @media screen and (max-width: 479px) {
    .home-section[data-section="article"] .content .section-title .en + .zh {
      margin-top: 5px; } }
.home-section[data-section="article"] .content .txt {
  margin-top: 35px;
  line-height: 1.75;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 479px) {
    .home-section[data-section="article"] .content .txt {
      margin-top: 20px;
      line-height: 1.5; } }
.home-section[data-section="article"] .content .more {
  margin-top: 55px; }
  @media screen and (max-width: 1199px) {
    .home-section[data-section="article"] .content .more {
      margin-top: 35px; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="article"] .content .more {
      margin-top: 10px; } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .home-section[data-section="article"] .section-pics .pic {
    max-width: 35vw; } }
.home-section[data-section="article"][data-article-style="origin"] {
  padding: 135px 0; }
  @media screen and (max-width: 1199px) {
    .home-section[data-section="article"][data-article-style="origin"] {
      padding: 75px 0; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="article"][data-article-style="origin"] {
      padding: 35px 0; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .home-section[data-section="article"][data-article-style="origin"] .section-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media screen and (min-width: 992px), print {
    .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic {
      position: absolute; }
      .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic[data-pic="01"] {
        z-index: 1;
        top: 0;
        left: 0;
        max-width: 60vw; }
      .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic[data-pic="02"] {
        top: 14vw;
        left: 2.5vw;
        max-width: 35vw; }
      .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic[data-pic="03"] {
        top: 0;
        right: 0;
        max-width: 22vw; }
      .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic[data-pic="04"] {
        right: 20px;
        bottom: 0; } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic + .pic {
      margin-top: 35px; } }
  @media screen and (max-width: 767px) {
    .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic[data-pic="01"], .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic[data-pic="04"] {
      max-width: 100vw; }
    .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic[data-pic="02"], .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic[data-pic="03"] {
      max-width: 65vw; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="article"][data-article-style="origin"] .section-pics .pic + .pic {
      margin-top: 10px; } }
  .home-section[data-section="article"][data-article-style="origin"] .section-primary {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 1600px), print {
      .home-section[data-section="article"][data-article-style="origin"] .section-primary {
        min-height: 1040px; } }
    @media screen and (max-width: 1599px) and (min-width: 992px) {
      .home-section[data-section="article"][data-article-style="origin"] .section-primary {
        min-height: 55vw; } }
    @media screen and (min-width: 992px), print {
      .home-section[data-section="article"][data-article-style="origin"] .section-primary .content {
        width: 360px;
        max-width: 25vw; } }
  @media screen and (min-width: 992px) and (orientation: landscape), print and (orientation: landscape) {
    .home-section[data-section="article"][data-article-style="origin"] .section-primary .content {
      margin: -15vh 0 0 15vh; } }
  @media screen and (min-width: 992px) and (orientation: portrait), print and (orientation: portrait) {
    .home-section[data-section="article"][data-article-style="origin"] .section-primary .content {
      margin: -7.5vh 0 0 10vh; } }
    @media screen and (min-width: 992px), print {
        .msie .home-section[data-section="article"][data-article-style="origin"] .section-primary .content {
          margin-top: 15vh; } }
    @media screen and (max-width: 991px) {
      .home-section[data-section="article"][data-article-style="origin"] .section-primary {
        margin: 0 25px 25px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    @media screen and (max-width: 991px) and (min-width: 768px) {
      .home-section[data-section="article"][data-article-style="origin"] .section-primary {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 32.5vw; } }
    @media screen and (max-width: 767px) {
      .home-section[data-section="article"][data-article-style="origin"] .section-primary {
        margin: 0 0 25px; }
        .home-section[data-section="article"][data-article-style="origin"] .section-primary + .section-pics .pic {
          margin-left: auto; } }
.home-section[data-section="article"][data-article-style="wucare"] {
  padding: 85px 0 225px; }
  @media screen and (max-width: 1680px) {
    .home-section[data-section="article"][data-article-style="wucare"] {
      padding-bottom: 100px; } }
  @media screen and (max-width: 1199px) {
    .home-section[data-section="article"][data-article-style="wucare"] {
      padding: 50px 0 75px; } }
  @media screen and (max-width: 991px) {
    .home-section[data-section="article"][data-article-style="wucare"] {
      padding-top: 0; } }
  @media screen and (max-width: 479px) {
    .home-section[data-section="article"][data-article-style="wucare"] {
      padding-bottom: 70px; } }
  @media screen and (min-width: 768px), print {
    .home-section[data-section="article"][data-article-style="wucare"] .section-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content {
    position: relative;
    margin-top: 3vw; }
    @media screen and (min-width: 992px), print {
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content {
        max-width: 465px; } }
    @media screen and (min-width: 1400px), print {
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content {
        margin-right: 7.5vw; } }
    @media screen and (max-width: 1399px) and (min-width: 992px) {
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content {
        margin-right: 50px; } }
    @media screen and (max-width: 991px) and (min-width: 768px) {
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 45vw;
        margin-right: 25px; } }
    .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content .dew > div {
      position: absolute; }
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content .dew > div img {
        display: block; }
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content .dew > div[data-index="01"] {
        top: -180px;
        right: 45px; }
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content .dew > div[data-index="02"] {
        left: -125px;
        bottom: 15px; }
      @media screen and (max-width: 1199px) {
        .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content .dew > div[data-index="01"] {
          top: -100px; } }
    @media screen and (max-width: 991px) {
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .content .dew {
        display: none; } }
  .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic {
    position: relative; }
    .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic img {
      position: relative; }
    .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic::before {
      content: "";
      position: absolute;
      left: 27%;
      right: calc(750px - 50vw);
      bottom: -80px;
      display: block;
      height: 143px;
      background-image: url("images/static/home/banner-obj02.png"); }
      @media screen and (max-width: 1620px) {
        .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic::before {
          right: -60px; } }
      @media screen and (max-width: 1399px) {
        .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic::before {
          right: -50px; } }
      @media screen and (max-width: 991px) {
        .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic::before {
          background-size: 3.5vw;
          bottom: -50px;
          height: 40%; } }
      @media screen and (max-width: 767px) {
        .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic::before {
          right: -25px; } }
      @media screen and (max-width: 479px) {
        .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic::before {
          right: -20px;
          bottom: -35px; } }
    @media screen and (max-width: 767px) {
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic {
        margin-top: 50px; } }
    @media screen and (max-width: 479px) {
      .home-section[data-section="article"][data-article-style="wucare"] .section-inner .pic {
        margin-top: 25px; } }

/* -------------------------------------------
 *  about
 * ------------------------------------------ */
@-webkit-keyframes zoomOut {
  0% {
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes zoomOut {
  0% {
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes zoomOut {
  0% {
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-ms-keyframes zoomOut {
  0% {
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes zoomOut {
  0% {
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
.about-hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100vh; }
  .about-hero .hero-spacer {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -moz-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease; }
  .about-hero .hero-inner {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    overflow: hidden; }
  .about-hero .hero-bg {
    -webkit-animation: zoomOut 5s ease-in-out 0.05s;
    -moz-animation: zoomOut 5s ease-in-out 0.05s;
    -o-animation: zoomOut 5s ease-in-out 0.05s;
    -ms-animation: zoomOut 5s ease-in-out 0.05s;
    animation: zoomOut 5s ease-in-out 0.05s; }
  .about-hero .hero-front {
    position: relative;
    height: 100%; }
    .about-hero .hero-front .hero-bread {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      right: 0;
      padding-top: 30px; }
    .about-hero .hero-front .hero-main {
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .about-hero .hero-front .hero-main .hero-main-box {
        width: 400px;
        padding: 75px 32.5px;
        border: 1px solid #929090;
        border-bottom: 25px solid #231F20; }
        .about-hero .hero-front .hero-main .hero-main-box.wider {
          width: 450px; }
        .about-hero .hero-front .hero-main .hero-main-box .title {
          line-height: 1.15; }
          .about-hero .hero-front .hero-main .hero-main-box .title span {
            display: block; }
            .about-hero .hero-front .hero-main .hero-main-box .title span + span {
              margin-top: 10px; }
          .about-hero .hero-front .hero-main .hero-main-box .title .en {
            font-family: "Courier Prime", "Consolas", "Courier", "Heiti TC", "Microsoft JhengHei", serif;
            font-size: calc(1.98vw + 12px);
            letter-spacing: -0.025em; }
          .about-hero .hero-front .hero-main .hero-main-box .title .zh {
            color: #BA000C;
            font-size: calc(0.625vw + 18px);
            font-weight: 300;
            letter-spacing: 0.1em; }
        .about-hero .hero-front .hero-main .hero-main-box .content {
          margin-top: 30px;
          color: rgba(0, 0, 0, 0.75);
          font-size: 16px;
          line-height: 1.75; }
          .about-hero .hero-front .hero-main .hero-main-box .content:lang(zh-Hant), .about-hero .hero-front .hero-main .hero-main-box .content:lang(zh-Hans) {
            letter-spacing: 0.05em; }
          .about-hero .hero-front .hero-main .hero-main-box .content:lang(zh-Hant), .about-hero .hero-front .hero-main .hero-main-box .content:lang(zh-Hans) {
            text-align: justify; }
  @media screen and (max-width: 1399px) {
    .about-hero .hero-front .hero-main .hero-main-box {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 1199px) {
    .about-hero .hero-front .hero-main .hero-main-box {
      padding-top: 35px;
      padding-bottom: 35px; } }
  @media screen and (orientation: portrait) {
    .about-hero {
      height: auto; }
      .about-hero .hero-front .hero-main {
        height: 35vw; }
        .about-hero .hero-front .hero-main .hero-main-box {
          max-width: 50%;
          padding: 0;
          border: none; }
          .about-hero .hero-front .hero-main .hero-main-box .content {
            display: none; } }
  @media screen and (max-width: 991px) {
    .about-hero {
      height: auto; }
      .about-hero .hero-front .hero-main {
        height: 35vw; }
        .about-hero .hero-front .hero-main .hero-main-box {
          max-width: 50%;
          padding: 0;
          border: none; }
          .about-hero .hero-front .hero-main .hero-main-box .content {
            display: none; } }
  @media screen and (max-width: 767px) {
    .about-hero .hero-front .hero-main {
      height: 50vw; } }
  @media screen and (max-width: 479px) {
    .about-hero .hero-front .hero-bread {
      display: none; }
    .about-hero .hero-front .hero-main {
      height: 200px; }
      .about-hero .hero-front .hero-main .hero-main-box .title span + span {
        margin-top: 5px; } }

@media screen and (max-width: 767px) {
  .about-wrapper > .breadcrumb {
    padding-bottom: 25px; } }
@media screen and (max-width: 479px) {
  .about-wrapper > .breadcrumb {
    display: none; } }
.about-wrapper .about-page-desc {
  padding: 0 0 50px; }
  .about-wrapper .about-page-desc .desc-inner {
    padding: 35px;
    border: 1px solid #929090;
    border-bottom: 15px solid #231F20;
    font-size: 16px;
    line-height: 2;
    color: rgba(0, 0, 0, 0.75); }
    .about-wrapper .about-page-desc .desc-inner:lang(zh-Hant), .about-wrapper .about-page-desc .desc-inner:lang(zh-Hans), .about-wrapper .about-page-desc .desc-inner:lang(zh-Hans) {
      text-align: justify; }
  @media screen and (min-width: 992px), print {
    .about-wrapper .about-page-desc {
      display: none; } }
  @media screen and (orientation: portrait) {
    .about-wrapper .about-page-desc {
      display: block; } }
  @media screen and (max-width: 767px) {
    .about-wrapper .about-page-desc {
      padding: 0 0 25px; }
      .about-wrapper .about-page-desc .desc-inner {
        padding: 25px;
        line-height: 1.75; } }
  @media screen and (max-width: 479px) {
    .about-wrapper .about-page-desc {
      padding: 20px 0; }
      .about-wrapper .about-page-desc .desc-inner {
        padding: 15px;
        font-size: 15px;
        line-height: 1.5; } }

@media screen and (min-width: 1200px), print {
  .about-editor .about-txt-style .basic-title-style > span + span {
    margin-top: 25px; } }
.about-editor .about-txt-style .txt {
  margin-top: 40px;
  color: rgba(0, 0, 0, 0.75);
  line-height: 2;
  letter-spacing: 0.05em; }
.about-editor .pic[data-rel="lightcase"] {
  position: relative;
  display: block;
  background-color: #000000; }
  .about-editor .pic[data-rel="lightcase"]::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #BA000C;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.6);
    font-family: "icomoon";
    color: #ffffff; }
  .about-editor .pic[data-rel="lightcase"]:active img {
    opacity: 0.75; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .about-editor .pic[data-rel="lightcase"] img {
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .about-editor .pic[data-rel="lightcase"]:hover img {
    opacity: 0.75; } }

@media screen and (max-width: 1199px) {
  .about-editor .basic-section-style {
    padding: 75px 0; } }
  @media screen and (max-width: 1199px) and (orientation: portrait) {
    .about-editor .basic-section-style:first-child {
      padding-top: 0; } }

@media screen and (max-width: 991px) {
  .about-editor .basic-section-style {
    padding: 50px 0; }
    .about-editor .basic-section-style:first-child {
      padding-top: 0; } }
@media screen and (max-width: 767px) {
  .about-editor .basic-section-style .pic-wrapper {
    margin-top: 35px; } }
@media screen and (max-width: 479px) {
  .about-editor .basic-section-style {
    padding: 35px 0; } }
@media screen and (max-width: 767px) {
  .about-editor .about-txt-style .txt {
    margin-top: 25px; } }
@media screen and (max-width: 479px) {
  .about-editor .about-txt-style .txt {
    line-height: 1.75; } }

.about-brand-editor {
  /*.container.c-sm
   * max-width: 1395px */ }
  .about-brand-editor .about-txt-style:not(.no-redbar)::after {
    content: "";
    display: block;
    width: 75%;
    max-width: 400px;
    height: 25px;
    margin-top: 35px;
    background-color: #BA000C; }
  @media screen and (max-width: 479px) {
    .about-brand-editor .about-txt-style:not(.no-redbar)::after {
      height: 15px;
      margin-top: 30px; } }
  .about-brand-editor .pattern {
    position: relative;
    height: 97px;
    background-size: auto 100%; }
    .about-brand-editor .pattern.bgpos-right {
      background-position: center right;
      background-image: url("images/static/about/brand/pattern-right.png"); }
    .about-brand-editor .pattern.bgpos-left {
      background-position: center left;
      background-image: url("images/static/about/brand/pattern-left.png"); }
    @media screen and (max-width: 1399px) {
      .about-brand-editor .pattern {
        height: 75px; } }
    @media screen and (max-width: 479px) {
      .about-brand-editor .pattern {
        height: 50px; } }
  .about-brand-editor .head-img, .about-brand-editor .head-img img {
    display: block; }
  .about-brand-editor .caret-list .list-head {
    padding-bottom: 10px;
    border-bottom: 1px solid #cacaca;
    font-size: 20px;
    font-weight: 600;
    color: #BA000C; }
    .about-brand-editor .caret-list .list-head + ul {
      margin-top: 25px; }
  .about-brand-editor .caret-list ul {
    color: rgba(0, 0, 0, 0.75);
    letter-spacing: 0.05em; }
    .about-brand-editor .caret-list ul li {
      padding-left: 1em; }
      .about-brand-editor .caret-list ul li + li {
        margin-top: 7.5px; }
      .about-brand-editor .caret-list ul li::before {
        content: "";
        display: inline-block;
        vertical-align: 2px;
        width: 1rem;
        margin-left: -1rem;
        font-family: "icomoon";
        font-size: 0.75em; }
  @media screen and (max-width: 479px) {
    .about-brand-editor .caret-list .list-head {
      font-size: 16px;
      padding-bottom: 7.5px; }
      .about-brand-editor .caret-list .list-head + ul {
        margin-top: 15px; } }
  .about-brand-editor .brand-section[data-section="01"] {
    padding: 75px 0; }
    .about-brand-editor .brand-section[data-section="01"] .section-inner {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .about-brand-editor .brand-section[data-section="01"] .txt-wrapper .head-img + .title {
      margin-top: 30px; }
    .about-brand-editor .brand-section[data-section="01"] .pic-wrapper {
      margin-top: 50px; }
      .about-brand-editor .brand-section[data-section="01"] .pic-wrapper .pic {
        border: 1px solid #cac9c9; }
  .about-brand-editor .brand-section[data-section="02"] .section-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .about-brand-editor .brand-section[data-section="02"] .txt-wrapper .about-txt-style .txt {
    max-width: 530px; }
  .about-brand-editor .brand-section[data-section="03"] {
    padding: 125px 0 0; }
    .about-brand-editor .brand-section[data-section="03"] > div {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .about-brand-editor .brand-section[data-section="03"] .txt-wrapper .txt {
      max-width: 535px; }
  .about-brand-editor .brand-section[data-section="04"]::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(top, #f7f7f7, #f5f5f5);
    background-image: -moz-linear-gradient(top, #f7f7f7, #f5f5f5);
    background-image: -o-linear-gradient(top, #f7f7f7, #f5f5f5);
    background-image: -ms-linear-gradient(top, #f7f7f7, #f5f5f5);
    background-image: linear-gradient(to bottom, #f7f7f7, #f5f5f5); }
  .about-brand-editor .brand-section[data-section="04"] .section-inner {
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .txt-wrapper-inner {
    margin-top: 45px; }
  .about-brand-editor .brand-section[data-section="04"] .caret-list-wrapper {
    margin-top: 60px; }
    .about-brand-editor .brand-section[data-section="04"] .caret-list-wrapper .caret-list {
      float: left; }
  @media screen and (min-width: 1200px), print {
    .about-brand-editor .brand-section .section-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    .about-brand-editor .brand-section:nth-child(odd) .txt-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(-100px, 0, 0);
      -o-transform: translate3d(-100px, 0, 0);
      -ms-transform: translate3d(-100px, 0, 0);
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0); }
    .about-brand-editor .brand-section:nth-child(odd) .pic-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(100px, 0, 0);
      -o-transform: translate3d(100px, 0, 0);
      -ms-transform: translate3d(100px, 0, 0);
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0); }
    .about-brand-editor .brand-section:nth-child(even) .section-inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .about-brand-editor .brand-section:nth-child(even) .txt-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(100px, 0, 0);
      -o-transform: translate3d(100px, 0, 0);
      -ms-transform: translate3d(100px, 0, 0);
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0); }
    .about-brand-editor .brand-section:nth-child(even) .pic-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(-100px, 0, 0);
      -o-transform: translate3d(-100px, 0, 0);
      -ms-transform: translate3d(-100px, 0, 0);
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0); }
    .about-brand-editor .brand-section[data-section="02"] .pic-wrapper .pattern {
      width: 100%;
      margin-top: 40px; }
    .about-brand-editor .brand-section[data-section="04"]::before {
      top: 22.5%; }
    .about-brand-editor .brand-section[data-section="04"] .txt-wrapper {
      width: calc(50% - 20px);
      padding-bottom: 50px; } }
  @media screen and (min-width: 1576px), print {
    .about-brand-editor .caret-list {
      min-width: 285px; }
    .about-brand-editor .brand-section[data-section="01"] .txt-wrapper {
      width: 635px; }
    .about-brand-editor .brand-section[data-section="02"] .txt-wrapper {
      width: calc(50% + 120.5px); }
      .about-brand-editor .brand-section[data-section="02"] .txt-wrapper .txt-wrapper-inner {
        width: 792.5px; }
        .about-brand-editor .brand-section[data-section="02"] .txt-wrapper .txt-wrapper-inner .head-img {
          margin-right: -145.5px; }
      .about-brand-editor .brand-section[data-section="02"] .txt-wrapper .about-txt-style {
        padding-left: 100px; }
    .about-brand-editor .brand-section[data-section="02"] .pic-wrapper {
      width: calc(50% - 167.5px);
      margin-top: 105px;
      margin-right: 95px; }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper > div {
        float: right; }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper .pic {
        width: 510px; }
    .about-brand-editor .brand-section[data-section="03"] .txt-wrapper {
      width: calc(50% - 97.5px);
      margin-top: 45px; }
      .about-brand-editor .brand-section[data-section="03"] .txt-wrapper .txt-wrapper-inner {
        float: right;
        width: 600px; }
    .about-brand-editor .brand-section[data-section="03"] .pic-wrapper {
      width: calc(50% + 97.5px);
      margin-left: 20px; }
    .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .txt-wrapper-inner {
      width: 677.5px; }
    .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list + .caret-list {
      margin-left: 45px; }
    .about-brand-editor .brand-section[data-section="04"] .pic-wrapper {
      margin-right: 100px; } }
  @media screen and (max-width: 1575px) and (min-width: 1200px) {
    .about-brand-editor .brand-section[data-section="01"] .txt-wrapper {
      width: calc(50% - 75px); }
    .about-brand-editor .brand-section[data-section="01"] .pic-wrapper {
      width: 50%; }
    .about-brand-editor .brand-section[data-section="02"] .txt-wrapper {
      width: calc(100% - 675px);
      padding-right: 90px; }
      .about-brand-editor .brand-section[data-section="02"] .txt-wrapper .txt-wrapper-inner .head-img {
        margin-right: -75px; }
    .about-brand-editor .brand-section[data-section="02"] .pic-wrapper {
      width: 600px; }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper .pic {
        width: calc(100% - 90px);
        margin-left: 90px; }
    .about-brand-editor .brand-section[data-section="03"] .section-inner {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .about-brand-editor .brand-section[data-section="03"] .section-inner > div {
        width: 50%; }
    .about-brand-editor .brand-section[data-section="03"] .txt-wrapper {
      padding: 0 75px 0 90px; }
    .about-brand-editor .brand-section[data-section="04"] {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-top: 75px; }
      .about-brand-editor .brand-section[data-section="04"] .section-inner > div {
        width: 50%; }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper {
        width: 50%; }
        .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .txt-wrapper-inner {
          padding-right: 90px; }
      .about-brand-editor .brand-section[data-section="04"] .caret-list-wrapper .caret-list {
        max-width: calc(50% - 25px/2); }
        .about-brand-editor .brand-section[data-section="04"] .caret-list-wrapper .caret-list + .caret-list {
          margin-left: 25px; }
      .about-brand-editor .brand-section[data-section="04"] .pic-wrapper {
        padding: 0 50px; } }
  @media screen and (max-width: 1199px) {
    .about-brand-editor .brand-section .txt-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(0, 100px, 0);
      -o-transform: translate3d(0, 100px, 0);
      -ms-transform: translate3d(0, 100px, 0);
      -webkit-transform: translate3d(0, 100px, 0);
      transform: translate3d(0, 100px, 0); }
    .about-brand-editor .brand-section[data-section="01"] .txt-wrapper .head-img {
      max-width: 65%; }
    .about-brand-editor .brand-section[data-section="02"] .txt-wrapper {
      padding: 0 50px; }
    .about-brand-editor .brand-section[data-section="02"] .pic-wrapper {
      margin-top: 50px; }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper > div {
        width: calc(100% - 100px); }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper .pic {
        margin-right: 100px; }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper .pattern {
        margin-top: -48.5px;
        margin-left: 100px; }
    .about-brand-editor .brand-section[data-section="03"] .txt-wrapper {
      padding: 0 50px; }
    .about-brand-editor .brand-section[data-section="03"] .pic-wrapper {
      margin-top: 50px; }
    .about-brand-editor .brand-section[data-section="04"] {
      margin-top: 75px; }
      .about-brand-editor .brand-section[data-section="04"]::before {
        top: 48.5px; }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .pattern {
        width: calc(100% - 50px);
        margin-left: 50px; }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .txt-wrapper-inner {
        padding: 0 50px 50px; }
      .about-brand-editor .brand-section[data-section="04"] .pic-wrapper {
        padding: 0 50px; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) {
    .about-brand-editor .brand-section[data-section="01"] {
      padding-top: 0; }
    .about-brand-editor .brand-section[data-section="04"] .section-inner {
      overflow: hidden; }
    .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper {
      width: 45%;
      float: right; }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list {
        float: none; }
        .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list + .caret-list {
          margin-top: 25px; }
    .about-brand-editor .brand-section[data-section="04"] .pic-wrapper {
      max-width: 55%;
      padding: 0 50px; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
    .about-brand-editor .brand-section[data-section="04"] .pic-wrapper {
      padding: 0 25px; } }

  @media screen and (max-width: 767px) {
    .about-brand-editor .brand-section[data-section="02"] .txt-wrapper {
      padding: 0 25px; }
    .about-brand-editor .brand-section[data-section="03"] .txt-wrapper {
      padding: 0 25px; }
    .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .txt-wrapper-inner {
      padding: 0 25px 50px; }
    .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list {
      max-width: calc(50% - 25px/2); }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list + .caret-list {
        margin-left: 25px; } }
  @media screen and (max-width: 479px) {
    .about-brand-editor .brand-section[data-section="01"] {
      padding: 35px 0 50px; }
      .about-brand-editor .brand-section[data-section="01"] .pic-wrapper {
        margin-top: 35px; }
    .about-brand-editor .brand-section[data-section="02"] .txt-wrapper {
      padding: 0 20px; }
    .about-brand-editor .brand-section[data-section="02"] .pic-wrapper {
      margin-top: 35px; }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper > div {
        width: calc(100% - 50px); }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper .pic {
        margin-right: 50px; }
      .about-brand-editor .brand-section[data-section="02"] .pic-wrapper .pattern {
        margin-top: -25px;
        margin-left: 50px; }
    .about-brand-editor .brand-section[data-section="03"] {
      padding-top: 50px; }
      .about-brand-editor .brand-section[data-section="03"] .txt-wrapper {
        padding: 0 20px; }
    .about-brand-editor .brand-section[data-section="04"] {
      margin-top: 50px; }
      .about-brand-editor .brand-section[data-section="04"]::before {
        top: 25px; }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .txt-wrapper-inner {
        margin-top: 35px;
        padding: 0 20px 35px; }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper {
        margin-top: 25px; }
        .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list {
          max-width: calc(50% - 15px/2); }
          .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list + .caret-list {
            margin-left: 15px; }
      .about-brand-editor .brand-section[data-section="04"] .pic-wrapper {
        padding: 0 25px; } }
  @media screen and (max-width: 413px) {
    .about-brand-editor .brand-section[data-section="02"] .txt-wrapper {
      padding: 0 15px; }
    .about-brand-editor .brand-section[data-section="03"] .txt-wrapper {
      padding: 0 15px; }
    .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .txt-wrapper-inner {
      padding: 0 15px 35px; } }
  @media screen and (max-width: 339px) {
    .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list {
      max-width: calc(50% - 5px); }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list ul {
        font-size: 14px; }
      .about-brand-editor .brand-section[data-section="04"] .txt-wrapper .caret-list-wrapper .caret-list + .caret-list {
        margin-left: 10px; } }

.about-history {
  padding: 120px 0 50px; }
  @media screen and (max-width: 991px) {
    .about-history {
      padding: 75px 0 50px; } }
  @media screen and (max-width: 479px) {
    .about-history {
      padding: 35px 0; } }
  .about-history .container {
    max-width: 1230px; }
  .about-history .history-head {
    position: relative;
    padding-bottom: 100px; }
    @media screen and (max-width: 767px) {
      .about-history .history-head {
        padding-bottom: 80px; } }
    .about-history .history-head .history-nav {
      position: absolute;
      z-index: 10;
      left: 0;
      right: 0;
      background-color: #ffffff;
      border-bottom: 1px solid #ffffff;
      -moz-transition: border-color 0.3s ease;
      -o-transition: border-color 0.3s ease;
      -webkit-transition: border-color 0.3s ease;
      transition: border-color 0.3s ease; }
      .about-history .history-head .history-nav .nav-menu ul {
        font-size: 16px;
        letter-spacing: 0.05em;
        color: #4b4b4b; }
        .about-history .history-head .history-nav .nav-menu ul li a {
          white-space: nowrap; }
          .about-history .history-head .history-nav .nav-menu ul li a:active {
            color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .about-history .history-head .history-nav .nav-menu ul li a:hover {
    color: #BA000C; } }

      .about-history .history-head .history-nav.sticky {
        position: fixed; }
      @media screen and (min-width: 768px), print {
        .about-history .history-head .history-nav {
          text-align: center; }
          .about-history .history-head .history-nav .nav-toggle {
            display: none; }
          .about-history .history-head .history-nav .nav-menu {
            display: block !important; }
            .about-history .history-head .history-nav .nav-menu ul {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center; }
              .about-history .history-head .history-nav .nav-menu ul li {
                position: relative;
                padding: 5px 0; }
                .about-history .history-head .history-nav .nav-menu ul li a {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-pack: center;
                  -ms-flex-pack: center;
                  justify-content: center;
                  -webkit-box-align: center;
                  -ms-flex-align: center;
                  align-items: center;
                  height: 35px; }
                  .about-history .history-head .history-nav .nav-menu ul li a::before, .about-history .history-head .history-nav .nav-menu ul li a::after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    display: block;
                    height: 2px;
                    background-color: rgba(0, 0, 0, 0.9);
                    opacity: 0;
                    -moz-transition: opacity 0.3s ease;
                    -o-transition: opacity 0.3s ease;
                    -webkit-transition: opacity 0.3s ease;
                    transition: opacity 0.3s ease; }
                .about-history .history-head .history-nav .nav-menu ul li.active a {
                  color: #000000; }
                  .about-history .history-head .history-nav .nav-menu ul li.active a::before, .about-history .history-head .history-nav .nav-menu ul li.active a::after {
                    opacity: 1; }
                .about-history .history-head .history-nav .nav-menu ul li + li {
                  margin-left: 55px; } }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          .about-history .history-head .history-nav .nav-menu ul li + li {
            margin-left: 35px; } }
        @media screen and (min-width: 768px) and (max-width: 991px) {
          .about-history .history-head .history-nav .nav-menu ul li + li {
            margin-left: 25px; } }
      @media screen and (min-width: 768px), print {
          .about-history .history-head .history-nav:not(.sticky) {
            margin-top: 50px; }
            .about-history .history-head .history-nav:not(.sticky) .nav-menu ul li a::before {
              top: 5px; }
            .about-history .history-head .history-nav:not(.sticky) .nav-menu ul li a::after {
              bottom: 5px; }
          .about-history .history-head .history-nav.sticky {
            top: 75px;
            border-bottom-color: #d9d9d9; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .about-history .history-head .history-nav.sticky {
        top: 55px; } }
      @media screen and (min-width: 768px), print {
            .about-history .history-head .history-nav.sticky .nav-menu ul li a::before {
              display: none; }
            .about-history .history-head .history-nav.sticky .nav-menu ul li a::after {
              bottom: -1px; } }
      @media screen and (max-width: 767px) {
        .about-history .history-head .history-nav {
          -moz-transition-property: margin-left, margin-right, border;
          -o-transition-property: margin-left, margin-right, border;
          -webkit-transition-property: margin-left, margin-right, border;
          transition-property: margin-left, margin-right, border;
          text-align: left; }
          .about-history .history-head .history-nav .nav-toggle {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 45px;
            padding: 0 25px; }
            .about-history .history-head .history-nav .nav-toggle .nav-toggle-inner {
              letter-spacing: 0.05em; }
            .about-history .history-head .history-nav .nav-toggle::after {
              content: "";
              display: block;
              font-family: "icomoon"; }
          .about-history .history-head .history-nav .nav-menu {
            display: none; }
            .about-history .history-head .history-nav .nav-menu ul li a {
              display: block;
              padding: 15px 25px; }
            .about-history .history-head .history-nav .nav-menu ul li.active {
              background-color: #BA000C;
              color: #ffffff; }
          .about-history .history-head .history-nav:not(.sticky) {
            margin: 35px 25px 0;
            border: 1px solid #d9d9d9; }
          .about-history .history-head .history-nav.sticky {
            top: 55px;
            border-bottom: 1px solid #d9d9d9; } }
      @media screen and (max-width: 479px) {
        .about-history .history-head .history-nav .nav-toggle {
          padding: 0 20px; }
        .about-history .history-head .history-nav .nav-menu {
          display: none; }
          .about-history .history-head .history-nav .nav-menu ul {
            font-size: 15px; }
            .about-history .history-head .history-nav .nav-menu ul li a {
              padding: 15px 20px; }
        .about-history .history-head .history-nav:not(.sticky) {
          margin: 35px 20px 0; } }
      @media screen and (max-width: 413px) {
        .about-history .history-head .history-nav .nav-toggle {
          padding: 0 15px; }
        .about-history .history-head .history-nav .nav-menu {
          display: none; }
          .about-history .history-head .history-nav .nav-menu ul li a {
            padding: 15px; }
        .about-history .history-head .history-nav:not(.sticky) {
          margin: 35px 15px 0; } }
  .about-history .history-timeline {
    position: relative;
    margin-top: 75px; }
    .about-history .history-timeline::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: calc(50% - 0.5px);
      width: 1px;
      background-color: #d9d9d9; }
    .about-history .history-timeline::after {
      content: "";
      position: -webkit-sticky;
      position: sticky;
      left: calc(50% - 4px);
      bottom: 45%;
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #BA000C; }
    @media screen and (max-width: 767px) {
      .about-history .history-timeline {
        padding-left: 25px; }
        .about-history .history-timeline::before {
          left: 0; }
        .about-history .history-timeline::after {
          left: 0;
          margin-left: -29px; } }
    @media screen and (max-width: 479px) {
      .about-history .history-timeline {
        margin-top: 50px;
        padding-left: 20px; }
        .about-history .history-timeline::after {
          margin-left: -24px; } }
    @media screen and (max-width: 413px) {
      .about-history .history-timeline {
        padding-left: 15px; }
        .about-history .history-timeline::after {
          margin-left: -19px; } }
    @media screen and (min-width: 768px), print {
      .about-history .history-timeline .timeline-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .about-history .history-timeline .timeline-item .timeline-item-inner {
          width: 50%; } }
    @media screen and (max-width: 767px) {
      .about-history .history-timeline .timeline-item + .timeline-item {
        margin-top: 35px; } }
    .about-history .history-timeline .timeline-item .timeline-item-inner {
      position: relative; }
    .about-history .history-timeline .timeline-item .year {
      position: absolute;
      font-size: 24px;
      font-weight: 700;
      line-height: 1;
      -moz-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
      /*&::before
       * content: ''
       * position: absolute
       * top: calc(50% - 4px)
       * display: block
       * width: 8px
       * height: 8px
       * border-radius: 50%
       * background-color: color(main-red)
       * +box-shadow(0 0 0 6px rgba(color(main-red), .17))
       * +animation(yearPoint infinite 1s ease-in-out)
       * opacity: 0
       * +transition(opacity .3s ease) */
      /*+max($max-sm)
       * &::before
       *   left: -29px */
      /*+max(413px)
       * &::before
       *   left: -19px */ }
      @media screen and (max-width: 991px) {
        .about-history .history-timeline .timeline-item .year {
          position: relative; }
          .about-history .history-timeline .timeline-item .year + .info {
            margin-top: 15px; } }
      @media screen and (max-width: 479px) {
        .about-history .history-timeline .timeline-item .year {
          font-size: 18px;
          /*&::before
           * left: -24px */ } }
    .about-history .history-timeline .timeline-item .info .pic + .content {
      margin-top: 20px; }
    .about-history .history-timeline .timeline-item .info .content {
      line-height: 1.75;
      letter-spacing: 0.05em;
      color: rgba(0, 0, 0, 0.75); }
      .about-history .history-timeline .timeline-item .info .content ul li {
        position: relative; }
        .about-history .history-timeline .timeline-item .info .content ul li::before {
          content: "";
          position: absolute;
          display: inline-block;
          width: 30px;
          height: 1em;
          font-family: "icomoon";
          color: #BA000C; }
        @media screen and (max-width: 767px) {
          .about-history .history-timeline .timeline-item .info .content ul li {
            padding-left: 30px; }
            .about-history .history-timeline .timeline-item .info .content ul li::before {
              left: 0; } }
    @media screen and (min-width: 992px), print {
      .about-history .history-timeline .timeline-item:not(.no-pic) .year {
        top: calc(150px - 12px); } }
  @media screen and (min-width: 992px) and (max-width: 1410px) {
    .about-history .history-timeline .timeline-item:not(.no-pic) .year {
      top: calc(15vw - 205px * 0.3 - 12px); } }

    @media screen and (min-width: 992px), print {
      .about-history .history-timeline .timeline-item.no-pic .year {
        top: 2px; } }
    @media screen and (min-width: 768px), print {
      .about-history .history-timeline .timeline-item.no-pic + .timeline-item.no-pic {
        margin-top: 50px; } }
    @media screen and (min-width: 768px), print {
      .about-history .history-timeline .timeline-item:nth-child(odd) .info .content {
        text-align: right; }
        .about-history .history-timeline .timeline-item:nth-child(odd) .info .content ul li {
          padding-right: 30px; }
          .about-history .history-timeline .timeline-item:nth-child(odd) .info .content ul li::before {
            right: 0; } }
    @media screen and (min-width: 992px), print {
      .about-history .history-timeline .timeline-item:nth-child(odd) .timeline-item-inner {
        padding-right: 115px; }
      .about-history .history-timeline .timeline-item:nth-child(odd) .year {
        right: 0;
        padding-right: 20px; }
        .about-history .history-timeline .timeline-item:nth-child(odd) .year::before {
          right: -4px; } }
    @media screen and (max-width: 991px) and (min-width: 768px) {
      .about-history .history-timeline .timeline-item:nth-child(odd) .timeline-item-inner {
        padding-right: 35px; }
      .about-history .history-timeline .timeline-item:nth-child(odd) .year {
        text-align: right; }
        .about-history .history-timeline .timeline-item:nth-child(odd) .year::before {
          right: -39px; } }
    .about-history .history-timeline .timeline-item:nth-child(even) .info .content ul li {
      padding-left: 30px; }
      .about-history .history-timeline .timeline-item:nth-child(even) .info .content ul li::before {
        left: 0; }
    @media screen and (min-width: 768px), print {
      .about-history .history-timeline .timeline-item:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; } }
    @media screen and (min-width: 992px), print {
      .about-history .history-timeline .timeline-item:nth-child(even) .timeline-item-inner {
        padding-left: 115px; }
      .about-history .history-timeline .timeline-item:nth-child(even) .year {
        left: 0;
        padding-left: 20px; }
        .about-history .history-timeline .timeline-item:nth-child(even) .year::before {
          left: -4px; } }
    @media screen and (max-width: 991px) and (min-width: 768px) {
      .about-history .history-timeline .timeline-item:nth-child(even) .timeline-item-inner {
        padding-left: 35px; }
      .about-history .history-timeline .timeline-item:nth-child(even) .year::before {
        left: -39px; } }

@-webkit-keyframes yearPoint {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 0 rgba(186, 0, 12, 0); }
  50% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17); }
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0); } }
@-moz-keyframes yearPoint {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 0 rgba(186, 0, 12, 0); }
  50% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17); }
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0); } }
@-o-keyframes yearPoint {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 0 rgba(186, 0, 12, 0); }
  50% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17); }
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0); } }
@-ms-keyframes yearPoint {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 0 rgba(186, 0, 12, 0); }
  50% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17); }
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0); } }
@keyframes yearPoint {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 0 rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 0 rgba(186, 0, 12, 0); }
  50% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17); }
  100% {
    -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0);
    box-shadow: 0 0 0 6px rgba(186, 0, 12, 0); } }
.about-top5-editor {
  counter-reset: section; }
  .about-top5-editor.container {
    max-width: 1450px; }
  @media screen and (min-width: 1600px), print {
    .about-top5-editor {
      padding: 150px 0 255px; } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .about-top5-editor {
      padding: 100px 0 125px; } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .about-top5-editor {
      padding: 75px 0; } }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .about-top5-editor {
      padding: 50px 0 75px; } }
  @media screen and (max-width: 479px) {
    .about-top5-editor {
      padding: 35px 0; } }
  .about-top5-editor .top5-section {
    counter-increment: section; }
    .about-top5-editor .top5-section .txt-wrapper {
      position: relative; }
      .about-top5-editor .top5-section .txt-wrapper::before {
        position: absolute;
        content: counter(section);
        display: block;
        font-family: "Montserrat", sans-serif;
        font-weight: 200;
        font-size: calc(6vw + 28px);
        font-style: italic;
        line-height: 1; }
      .about-top5-editor .top5-section .txt-wrapper .title {
        font-size: 38px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.15em; }
      .about-top5-editor .top5-section .txt-wrapper .txt {
        margin-top: 25px;
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0.05em;
        color: rgba(0, 0, 0, 0.9); }
      .about-top5-editor .top5-section .txt-wrapper .name {
        margin-top: 40px;
        font-size: 30px;
        line-height: 1.15;
        letter-spacing: 0.05em;
        color: #BA000C; }
      .about-top5-editor .top5-section .txt-wrapper .buttons {
        margin-top: 40px; }
        .about-top5-editor .top5-section .txt-wrapper .buttons .btn {
          min-width: 130px;
          height: 40px;
          padding: 0 15px; }
          .about-top5-editor .top5-section .txt-wrapper .buttons .btn + .btn {
            margin-left: 10px; }
    .about-top5-editor .top5-section .pic-wrapper {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    @media screen and (min-width: 992px), print {
      .about-top5-editor .top5-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .about-top5-editor .top5-section:nth-child(odd) {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
          .about-top5-editor .top5-section:nth-child(odd) .txt-wrapper:not(.aos-animate) {
            -moz-transform: translate3d(-100px, 0, 0);
            -o-transform: translate3d(-100px, 0, 0);
            -ms-transform: translate3d(-100px, 0, 0);
            -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0); }
          .about-top5-editor .top5-section:nth-child(odd) .pic-wrapper:not(.aos-animate) {
            -moz-transform: translate3d(100px, 0, 0);
            -o-transform: translate3d(100px, 0, 0);
            -ms-transform: translate3d(100px, 0, 0);
            -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0); }
        .about-top5-editor .top5-section:nth-child(even) .txt-wrapper:not(.aos-animate) {
          -moz-transform: translate3d(100px, 0, 0);
          -o-transform: translate3d(100px, 0, 0);
          -ms-transform: translate3d(100px, 0, 0);
          -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0); }
        .about-top5-editor .top5-section:nth-child(even) .pic-wrapper:not(.aos-animate) {
          -moz-transform: translate3d(-100px, 0, 0);
          -o-transform: translate3d(-100px, 0, 0);
          -ms-transform: translate3d(-100px, 0, 0);
          -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0); } }
    @media screen and (min-width: 1600px), print {
      .about-top5-editor .top5-section + .top5-section {
        margin-top: 215px; }
      .about-top5-editor .top5-section .txt-wrapper {
        width: calc(100% - 780px);
        padding-top: 50px; }
        .about-top5-editor .top5-section .txt-wrapper::before {
          top: -50px; }
      .about-top5-editor .top5-section .pic-wrapper {
        width: 780px; }
      .about-top5-editor .top5-section:nth-child(odd) .txt-wrapper {
        padding-left: 90px;
        padding-right: 90px; }
        .about-top5-editor .top5-section:nth-child(odd) .txt-wrapper::before {
          right: 25px; }
      .about-top5-editor .top5-section:nth-child(even) .txt-wrapper {
        padding-right: 170px; }
        .about-top5-editor .top5-section:nth-child(even) .txt-wrapper::before {
          right: 50px; } }
    @media screen and (max-width: 1599px) and (min-width: 992px) {
      .about-top5-editor .top5-section + .top5-section {
        margin-top: 125px; }
      .about-top5-editor .top5-section .txt-wrapper, .about-top5-editor .top5-section .pic-wrapper {
        width: 50%; }
      .about-top5-editor .top5-section .txt-wrapper {
        padding-top: 25px; }
        .about-top5-editor .top5-section .txt-wrapper::before {
          top: -25px; }
        .about-top5-editor .top5-section .txt-wrapper .title {
          font-size: 30px; }
        .about-top5-editor .top5-section .txt-wrapper .name {
          font-size: 25px; }
      .about-top5-editor .top5-section:nth-child(odd) .txt-wrapper {
        padding-left: 50px;
        padding-right: 50px; }
        .about-top5-editor .top5-section:nth-child(odd) .txt-wrapper::before {
          right: 15px; }
      .about-top5-editor .top5-section:nth-child(even) .txt-wrapper {
        padding-right: 75px; }
        .about-top5-editor .top5-section:nth-child(even) .txt-wrapper::before {
          right: 35px; } }
    @media screen and (max-width: 991px) {
      .about-top5-editor .top5-section + .top5-section {
        margin-top: 100px; }
      .about-top5-editor .top5-section .txt-wrapper:not(.aos-animate) {
        -moz-transform: translate3d(0, 100px, 0);
        -o-transform: translate3d(0, 100px, 0);
        -ms-transform: translate3d(0, 100px, 0);
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0); }
      .about-top5-editor .top5-section .txt-wrapper::before {
        top: -15px;
        right: 15px; }
      .about-top5-editor .top5-section .pic-wrapper {
        margin-top: 50px; } }
    @media screen and (max-width: 767px) {
      .about-top5-editor .top5-section .txt-wrapper .title {
        font-size: 30px; }
      .about-top5-editor .top5-section .txt-wrapper .name {
        font-size: 25px; } }
    @media screen and (max-width: 479px) {
      .about-top5-editor .top5-section + .top5-section {
        margin-top: 75px; }
      .about-top5-editor .top5-section .txt-wrapper .title {
        padding-right: 15vw;
        font-size: 22px;
        line-height: 1.35;
        letter-spacing: 0.05em; }
      .about-top5-editor .top5-section .txt-wrapper .txt {
        margin-top: 15px;
        line-height: 1.75; }
      .about-top5-editor .top5-section .txt-wrapper .name {
        margin-top: 25px;
        font-size: 18px; }
      .about-top5-editor .top5-section .txt-wrapper .buttons {
        margin-top: 25px; }
      .about-top5-editor .top5-section .pic-wrapper {
        margin-top: 25px; } }

.about-award-list {
  padding: 40px 0 75px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .about-award-list {
      padding: 35px 0 50px; } }
  @media screen and (max-width: 479px) {
    .about-award-list {
      padding: 25px 0; } }
  @media screen and (min-width: 1600px), print {
    .about-award-list section + section {
      margin-top: 115px; } }
  @media screen and (max-width: 1599px) {
    .about-award-list section + section {
      margin-top: 75px; } }
  @media screen and (max-width: 479px) {
    .about-award-list section + section {
      margin-top: 50px; } }
  @media screen and (min-width: 1600px), print {
    .about-award-list .title + .list {
      margin-top: 70px; } }
  @media screen and (max-width: 1599px) {
    .about-award-list .title + .list {
      margin-top: 50px; } }
  @media screen and (max-width: 767px) {
    .about-award-list .title + .list {
      margin-top: 35px; } }
  @media screen and (max-width: 479px) {
    .about-award-list .title + .list {
      margin-top: 15px; } }
  .about-award-list .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .about-award-list .list .list-item {
      position: relative;
      border: 1px solid #d9d9d9; }
      .about-award-list .list .list-item::before {
        content: "";
        display: block;
        padding-bottom: 100%; }
      .about-award-list .list .list-item .list-item-inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 35px 10px 15px; }
      .about-award-list .list .list-item .pic {
        width: 165px; }
      .about-award-list .list .list-item .caption {
        width: 100%;
        height: 3em;
        margin-top: 25px;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.05em; }
    @media screen and (min-width: 1600px), print {
      .about-award-list .list .list-item {
        width: calc(25% - 90px/4); }
        .about-award-list .list .list-item:not(:nth-child(-n+4)) {
          margin-top: 40px; }
        .about-award-list .list .list-item:not(:nth-child(4n+0)) {
          margin-right: 30px; } }
    @media screen and (max-width: 1599px) and (min-width: 1200px) {
      .about-award-list .list .list-item {
        width: calc(25% - 45px/4); }
        .about-award-list .list .list-item:not(:nth-child(-n+4)) {
          margin-top: 25px; }
        .about-award-list .list .list-item:not(:nth-child(4n+0)) {
          margin-right: 15px; }
        .about-award-list .list .list-item .list-item-inner {
          padding: 15px 5px; }
        .about-award-list .list .list-item .pic {
          width: 55%;
          max-width: 165px; }
        .about-award-list .list .list-item .caption {
          margin-top: 15px;
          font-size: 17px; } }
    @media screen and (max-width: 1399px) and (min-width: 1200px) {
      .about-award-list .list .list-item .caption {
        font-size: 16px; } }
    @media screen and (max-width: 1199px) and (min-width: 768px) {
      .about-award-list .list {
        max-width: 710px;
        margin-left: auto;
        margin-right: auto; }
        .about-award-list .list .list-item {
          width: calc(50% - 15px); }
          .about-award-list .list .list-item:not(:nth-child(-n+2)) {
            margin-top: 40px; }
          .about-award-list .list .list-item:not(:nth-child(2n+0)) {
            margin-right: 30px; } }
    @media screen and (max-width: 991px) and (min-width: 768px) {
      .about-award-list .list .list-item .caption {
        font-size: 18px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .about-award-list .list .list-item {
        width: calc(50% - 15px/2); }
        .about-award-list .list .list-item:not(:nth-child(-n+2)) {
          margin-top: 25px; }
        .about-award-list .list .list-item:not(:nth-child(2n+0)) {
          margin-right: 15px; }
        .about-award-list .list .list-item .list-item-inner {
          padding: 15px 5px; }
        .about-award-list .list .list-item .pic {
          width: 55%;
          max-width: 165px; }
        .about-award-list .list .list-item .caption {
          margin-top: 15px;
          font-size: 17px; } }
    @media screen and (max-width: 599px) and (min-width: 480px) {
      .about-award-list .list .list-item .caption {
        font-size: 15px;
        line-height: 1.25; } }
    @media screen and (max-width: 479px) {
      .about-award-list .list .list-item {
        width: calc(50% - 5px); }
        .about-award-list .list .list-item:not(:nth-child(-n+2)) {
          margin-top: 10px; }
        .about-award-list .list .list-item:not(:nth-child(2n+0)) {
          margin-right: 10px; }
        .about-award-list .list .list-item .list-item-inner {
          padding: 10px 5px; }
        .about-award-list .list .list-item .pic {
          width: 55%;
          max-width: 165px; }
        .about-award-list .list .list-item .caption {
          margin-top: 5px;
          font-size: 14px;
          line-height: 1.25;
          letter-spacing: 0; } }
    @media screen and (max-width: 479px) and (max-width: 339px) {
      .about-award-list .list .list-item .caption {
        font-size: 13px; } }

.about-award-list + .about-award-timeline {
  margin-top: 100px; }
@media screen and (max-width: 1399px) {
  .about-award-list + .about-award-timeline {
    margin-top: 50px; } }
@media screen and (max-width: 991px) {
  .about-award-list + .about-award-timeline {
    margin-top: 35px; } }

.about-award-timeline {
  padding-bottom: 120px; }
  .about-award-timeline .title + .timeline-list {
    margin-top: 45px; }
  @media screen and (max-width: 1399px) {
    .about-award-timeline {
      padding-bottom: 75px; } }
  @media screen and (max-width: 991px) {
    .about-award-timeline {
      padding-bottom: 50px; }
      .about-award-timeline .title + .timeline-list {
        margin-top: 25px; } }
  @media screen and (max-width: 479px) {
    .about-award-timeline {
      padding-bottom: 25px; }
      .about-award-timeline .title + .timeline-list {
        margin-top: 15px; } }
  .about-award-timeline .timeline-list {
    position: relative;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0 25px; }
    .about-award-timeline .timeline-list::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 1px;
      background-color: #d9d9d9; }
    @media screen and (min-width: 480px), print {
      .about-award-timeline .timeline-list .timeline-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; } }
    .about-award-timeline .timeline-list .timeline-item + .timeline-item {
      margin-top: 125px; }
    .about-award-timeline .timeline-list .timeline-item .year {
      position: relative;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 160px;
      padding-left: 45px;
      font-size: 48px;
      font-weight: 500;
      white-space: nowrap;
      line-height: 1;
      color: #BA000C; }
      .about-award-timeline .timeline-list .timeline-item .year::before {
        content: "";
        position: absolute;
        top: calc(50% - 4px);
        left: -4px;
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #BA000C;
        -webkit-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
        -moz-box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
        box-shadow: 0 0 0 6px rgba(186, 0, 12, 0.17);
        -webkit-animation: yearPoint infinite 1s ease-in-out;
        -moz-animation: yearPoint infinite 1s ease-in-out;
        -o-animation: yearPoint infinite 1s ease-in-out;
        -ms-animation: yearPoint infinite 1s ease-in-out;
        animation: yearPoint infinite 1s ease-in-out; }
    .about-award-timeline .timeline-list .timeline-item .info {
      margin-left: 70px;
      font-size: 16px;
      letter-spacing: 0.05em;
      color: rgba(0, 0, 0, 0.75); }
      .about-award-timeline .timeline-list .timeline-item .info ul li + li {
        margin-top: 15px; }
    @media screen and (max-width: 991px) {
      .about-award-timeline .timeline-list {
        padding: 25px 0 0; }
        .about-award-timeline .timeline-list .timeline-item + .timeline-item {
          margin-top: 75px; }
        .about-award-timeline .timeline-list .timeline-item .year {
          width: 110px;
          padding-left: 25px;
          font-size: 35px; }
        .about-award-timeline .timeline-list .timeline-item .info {
          margin-left: 25px; }
          .about-award-timeline .timeline-list .timeline-item .info ul li + li {
            margin-top: 10px; } }
    @media screen and (max-width: 479px) {
      .about-award-timeline .timeline-list {
        padding: 10px 0 0; }
        .about-award-timeline .timeline-list .timeline-item + .timeline-item {
          margin-top: 35px; }
        .about-award-timeline .timeline-list .timeline-item .year {
          width: auto;
          padding-left: 15px;
          font-size: 20px; }
        .about-award-timeline .timeline-list .timeline-item .info {
          margin: 15px 0 0;
          padding-left: 15px;
          font-size: 15px; }
          .about-award-timeline .timeline-list .timeline-item .info ul li + li {
            margin-top: 5px; } }

.about-dev-editor .dev-section + .dev-section {
  border-top: 1px solid #d9d9d9; }
@media screen and (min-width: 1600px), print {
  .about-dev-editor .dev-section {
    padding-left: 17.5px;
    padding-right: 17.5px; } }
@media screen and (max-width: 1199px) {
  .about-dev-editor .dev-section .pic-wrapper {
    text-align: center;
    margin-top: 50px; }
    .about-dev-editor .dev-section .pic-wrapper .pic:not([data-rel="lightcase"]) {
      display: inline-block;
      max-width: 100%; } }
@media screen and (max-width: 767px) {
  .about-dev-editor .dev-section .pic-wrapper {
    margin-top: 35px; } }
@media screen and (max-width: 479px) {
  .about-dev-editor .dev-section .pic-wrapper {
    margin-top: 25px; } }
@media screen and (min-width: 1200px), print {
  .about-dev-editor .dev-section.d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .about-dev-editor .dev-section.d-flex.reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .about-dev-editor .dev-section.d-flex.reverse .txt-wrapper:not(.aos-animate) {
        -moz-transform: translate3d(100px, 0, 0);
        -o-transform: translate3d(100px, 0, 0);
        -ms-transform: translate3d(100px, 0, 0);
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0); }
      .about-dev-editor .dev-section.d-flex.reverse .pic-wrapper:not(.aos-animate) {
        -moz-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0); }
    .about-dev-editor .dev-section.d-flex:not(.reverse) .txt-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(-100px, 0, 0);
      -o-transform: translate3d(-100px, 0, 0);
      -ms-transform: translate3d(-100px, 0, 0);
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0); }
    .about-dev-editor .dev-section.d-flex:not(.reverse) .pic-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(100px, 0, 0);
      -o-transform: translate3d(100px, 0, 0);
      -ms-transform: translate3d(100px, 0, 0);
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0); } }
@media screen and (max-width: 1199px) {
  .about-dev-editor .dev-section.d-flex .txt-wrapper:not(.aos-animate) {
    -moz-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  .about-dev-editor .dev-section.d-flex .about-txt-style .basic-title-style {
    text-align: center; } }
.about-dev-editor .dev-section .expert-list {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto; }
  .about-dev-editor .dev-section .expert-list .list-item .pic {
    width: calc(50% - 35px);
    max-width: 280px; }
  .about-dev-editor .dev-section .expert-list .list-item .info p + p {
    margin-top: 15px; }
  .about-dev-editor .dev-section .expert-list .list-item .info .tt {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.05em; }
  .about-dev-editor .dev-section .expert-list .list-item .info .name {
    font-size: 24px;
    line-height: 1.25;
    color: #BA000C;
    letter-spacing: -0.025em; }
  .about-dev-editor .dev-section .expert-list .list-item .info .txt {
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.75); }
  @media screen and (min-width: 480px), print {
    .about-dev-editor .dev-section .expert-list .list-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .about-dev-editor .dev-section .expert-list .list-item .pic {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
  @media screen and (min-width: 1600px), print {
    .about-dev-editor .dev-section .expert-list .list-item {
      width: calc(50% - 30px); }
      .about-dev-editor .dev-section .expert-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 75px; }
      .about-dev-editor .dev-section .expert-list .list-item .info {
        width: calc(50% - 20px);
        padding-top: 15px; } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .about-dev-editor .dev-section .expert-list .list-item {
      width: calc(50% - 15px); }
      .about-dev-editor .dev-section .expert-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 50px; }
      .about-dev-editor .dev-section .expert-list .list-item .info {
        width: calc(50% + 10px); } }
  @media screen and (max-width: 1399px) and (min-width: 1200px) {
    .about-dev-editor .dev-section .expert-list .list-item .info .tt {
      font-size: 18px; }
    .about-dev-editor .dev-section .expert-list .list-item .info .name {
      font-size: 20px; }
    .about-dev-editor .dev-section .expert-list .list-item .info .txt {
      line-height: 1.75; } }
  @media screen and (min-width: 992px), print {
    .about-dev-editor .dev-section .expert-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (max-width: 1199px) {
    .about-dev-editor .dev-section .expert-list .list-item + .list-item {
      margin-top: 50px; }
    .about-dev-editor .dev-section .expert-list .list-item .pic {
      margin-right: 35px; }
    .about-dev-editor .dev-section .expert-list .list-item .info {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; } }
  @media screen and (max-width: 767px) {
    .about-dev-editor .dev-section .expert-list .list-item + .list-item {
      margin-top: 35px; }
    .about-dev-editor .dev-section .expert-list .list-item .pic {
      margin-right: 25px; }
    .about-dev-editor .dev-section .expert-list .list-item .info .tt {
      font-size: 18px; }
    .about-dev-editor .dev-section .expert-list .list-item .info .name {
      font-size: 20px; }
    .about-dev-editor .dev-section .expert-list .list-item .info .txt {
      line-height: 1.75; } }
  @media screen and (max-width: 479px) {
    .about-dev-editor .dev-section .expert-list .list-item .pic {
      float: left;
      width: 140px;
      margin-right: 15px; }
    .about-dev-editor .dev-section .expert-list .list-item .info p + p {
      margin-top: 10px; }
    .about-dev-editor .dev-section .expert-list .list-item .info .name {
      font-size: 17px; } }
  @media screen and (max-width: 339px) {
    .about-dev-editor .dev-section .expert-list .list-item .pic {
      width: 110px; }
    .about-dev-editor .dev-section .expert-list .list-item .info .name {
      font-size: 16px; } }
.about-dev-editor .dev-section .txt-wrapper .txt + .tech-list {
  margin-top: 45px; }
.about-dev-editor .dev-section .txt-wrapper .tech-list .list-item {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.75); }
  .about-dev-editor .dev-section .txt-wrapper .tech-list .list-item .tt {
    margin-bottom: 10px;
    padding-left: 10px;
    border-left: 3px solid #BA000C;
    font-size: 20px;
    line-height: 1.15;
    letter-spacing: 0.05em;
    color: #BA000C; }
  .about-dev-editor .dev-section .txt-wrapper .tech-list .list-item + .list-item {
    margin-top: 20px; }
@media screen and (max-width: 479px) {
  .about-dev-editor .dev-section .txt-wrapper .txt + .tech-list {
    margin-top: 25px; }
  .about-dev-editor .dev-section .txt-wrapper .tech-list .list-item {
    font-size: 15px;
    line-height: 1.75; }
    .about-dev-editor .dev-section .txt-wrapper .tech-list .list-item .tt {
      font-size: 16px; } }
.about-dev-editor [data-section="01"] .dev-section-group .txt-wrapper {
  padding-top: 5px; }
.about-dev-editor [data-section="01"] .dev-section-group .pic-wrapper {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
.about-dev-editor [data-section="01"] .dev-section-group + .dev-section-group {
  margin-top: 150px; }
.about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .txt-wrapper::after {
    content: "";
    display: block;
    width: 75%;
    max-width: 400px;
    height: 25px;
    margin-top: 50px;
    background-color: #BA000C; }
  @media screen and (max-width: 479px) {
    .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .txt-wrapper::after {
      height: 15px;
      margin-top: 30px; } }
.about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .pic-wrapper .pic {
  text-align: right; }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .pic-wrapper .pic::after {
    content: "";
    display: inline-block;
    width: 50%;
    max-width: 400px;
    height: 25px;
    margin-top: 30px;
    background-color: #BA000C; }
  @media screen and (max-width: 479px) {
    .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .pic-wrapper .pic::after {
      height: 15px;
      margin-top: 30px; } }
@media screen and (min-width: 1600px), print {
  .about-dev-editor [data-section="01"] .dev-section-group + .dev-section-group {
    margin-top: 150px; }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .txt-wrapper {
    width: calc(100% - 805px);
    padding-right: 45px; }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .pic-wrapper {
    width: 600px; }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .txt-wrapper {
    width: calc(100% - 845px); }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .pic-wrapper {
    width: 775px; } }
@media screen and (max-width: 1599px) and (min-width: 1200px) {
  .about-dev-editor [data-section="01"] .dev-section-group + .dev-section-group {
    margin-top: 75px; } }
@media screen and (max-width: 1599px) and (min-width: 1400px) {
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .txt-wrapper {
    width: calc(60% - 75px); }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .pic-wrapper {
    width: 40%; }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .txt-wrapper {
    width: calc(50% - 75px); }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .pic-wrapper {
    width: 50%; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .txt-wrapper {
    width: calc(60% - 50px); }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .pic-wrapper {
    width: 40%; }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .txt-wrapper {
    width: calc(50% - 50px); }
  .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .pic-wrapper {
    width: 50%; } }
@media screen and (min-width: 1200px), print {
  .about-dev-editor [data-section="01"] {
    padding-top: 110px;
    padding-bottom: 90px; }
    .about-dev-editor [data-section="01"] .dev-section-group {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .txt-wrapper:not(.aos-animate) {
          -moz-transform: translate3d(100px, 0, 0);
          -o-transform: translate3d(100px, 0, 0);
          -ms-transform: translate3d(100px, 0, 0);
          -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0); }
        .about-dev-editor [data-section="01"] .dev-section-group:nth-child(odd) .pic-wrapper:not(.aos-animate) {
          -moz-transform: translate3d(-100px, 0, 0);
          -o-transform: translate3d(-100px, 0, 0);
          -ms-transform: translate3d(-100px, 0, 0);
          -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0); }
      .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .txt-wrapper:not(.aos-animate) {
        -moz-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0); }
      .about-dev-editor [data-section="01"] .dev-section-group:nth-child(even) .pic-wrapper:not(.aos-animate) {
        -moz-transform: translate3d(100px, 0, 0);
        -o-transform: translate3d(100px, 0, 0);
        -ms-transform: translate3d(100px, 0, 0);
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0); } }
@media screen and (max-width: 1199px) {
  .about-dev-editor [data-section="01"] .dev-section-group + .dev-section-group {
    margin-top: 75px; }
  .about-dev-editor [data-section="01"] .dev-section-group .txt-wrapper:not(.aos-animate) {
    -moz-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); } }
@media screen and (max-width: 767px) {
  .about-dev-editor [data-section="01"] .dev-section-group + .dev-section-group {
    margin-top: 50px; } }
.about-dev-editor [data-section="02"] .title + .expert-list {
  margin-top: 75px; }
@media screen and (min-width: 1200px), print {
  .about-dev-editor [data-section="02"] {
    padding-top: 95px;
    padding-bottom: 110px; } }
@media screen and (max-width: 991px) {
  .about-dev-editor [data-section="02"] .title + .expert-list {
    margin-top: 50px; } }
.about-dev-editor [data-section="03"] > .dev-section + .dev-section {
  border: none; }
.about-dev-editor [data-section="03"] .txt-wrapper .txt {
  margin-top: 0; }
.about-dev-editor [data-section="03"] .txt-wrapper .subtitle {
  margin-bottom: 30px;
  line-height: 1.15; }
  .about-dev-editor [data-section="03"] .txt-wrapper .subtitle > span {
    display: block; }
    .about-dev-editor [data-section="03"] .txt-wrapper .subtitle > span + span {
      margin-top: 10px; }
  .about-dev-editor [data-section="03"] .txt-wrapper .subtitle .en {
    font-family: "Courier Prime", "Consolas", "Courier", "Heiti TC", "Microsoft JhengHei", serif;
    font-size: calc(1.25vw + 12px);
    color: rgba(0, 0, 0, 0.9);
    letter-spacing: -0.05em; }
  .about-dev-editor [data-section="03"] .txt-wrapper .subtitle .zh {
    color: #BA000C;
    font-size: calc(0.575vw + 16px);
    font-weight: 300; }
@media screen and (min-width: 1600px), print {
  .about-dev-editor [data-section="03"] {
    padding-top: 135px; } }
@media screen and (max-width: 1599px) and (min-width: 1200px) {
  .about-dev-editor [data-section="03"] {
    padding-top: 5vw; } }
@media screen and (max-width: 1199px) {
  .about-dev-editor [data-section="03"] {
    padding-top: 75px; }
    .about-dev-editor [data-section="03"] .txt-wrapper .subtitle .en {
      font-size: 22px; }
    .about-dev-editor [data-section="03"] .txt-wrapper .subtitle .zh {
      font-size: 20px; } }
@media screen and (max-width: 767px) {
  .about-dev-editor [data-section="03"] {
    padding-top: 50px; } }
@media screen and (max-width: 479px) {
  .about-dev-editor [data-section="03"] {
    padding-top: 35px; }
    .about-dev-editor [data-section="03"] .txt-wrapper .subtitle {
      margin-bottom: 20px; }
      .about-dev-editor [data-section="03"] .txt-wrapper .subtitle > span + span {
        margin-top: 5px; }
      .about-dev-editor [data-section="03"] .txt-wrapper .subtitle .en {
        font-size: 17px; }
      .about-dev-editor [data-section="03"] .txt-wrapper .subtitle .zh {
        font-size: 18px; } }
@media screen and (min-width: 1200px), print {
  .about-dev-editor [data-sub-section="01"] {
    margin-top: 75px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .about-dev-editor [data-sub-section="01"] .txt-wrapper {
      width: calc(50% - 55px); }
      .about-dev-editor [data-sub-section="01"] .txt-wrapper .txt {
        max-width: 540px; }
    .about-dev-editor [data-sub-section="01"] .pic-wrapper {
      width: calc(50% - 40px); } }
@media screen and (min-width: 1200px), print {
  .about-dev-editor [data-sub-section="02"] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 75px 35px; }
    .about-dev-editor [data-sub-section="02"] .txt-wrapper {
      width: calc(50% - 130px); }
    .about-dev-editor [data-sub-section="02"] .pic-wrapper {
      width: calc(50% + 100px); } }
.about-dev-editor [data-sub-section="03"] .txt-wrapper .txt {
  margin-top: 25px; }
@media screen and (min-width: 1200px), print {
  .about-dev-editor [data-sub-section="03"] {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 75px 75px 75px 45px; }
    .about-dev-editor [data-sub-section="03"] .txt-wrapper {
      width: 50%;
      max-width: 600px; }
      .about-dev-editor [data-sub-section="03"] .txt-wrapper .txt {
        margin-top: 25px; }
    .about-dev-editor [data-sub-section="03"] .pic-wrapper {
      width: calc(50% - 85px);
      max-width: 580px; } }
    @media screen and (min-width: 1200px) and (max-width: 1599px) {
      .about-dev-editor [data-sub-section="03"] .pic-wrapper {
        width: calc(50% - 25px); } }

@media screen and (min-width: 1200px), print {
  .about-dev-editor [data-sub-section="04"] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 75px;
    padding-bottom: 150px; }
    .about-dev-editor [data-sub-section="04"] .txt-wrapper {
      width: calc(50% - 100px);
      padding-right: 45px; }
    .about-dev-editor [data-sub-section="04"] .pic-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 50%; }
      .about-dev-editor [data-sub-section="04"] .pic-wrapper .pic {
        max-width: 100%; } }

@media screen and (max-width: 767px) {
  .about-dsms-editor .dsms-section .pic-wrapper {
    margin-top: 35px; } }
@media screen and (min-width: 1400px), print {
  .about-dsms-editor .dsms-quality-intro + .dsms-quality-features {
    margin-top: 110px; } }
@media screen and (max-width: 1399px) {
  .about-dsms-editor .dsms-quality-intro + .dsms-quality-features {
    margin-top: 75px; } }
@media screen and (max-width: 767px) {
  .about-dsms-editor .dsms-quality-intro + .dsms-quality-features {
    margin-top: 50px; } }
@media screen and (max-width: 479px) {
  .about-dsms-editor .dsms-quality-intro + .dsms-quality-features {
    margin-top: 35px; } }
.about-dsms-editor .dsms-quality-intro .txt-wrapper::after {
  content: "";
  display: block;
  width: 75%;
  max-width: 400px;
  height: 25px;
  margin-top: 50px;
  background-color: #BA000C; }
@media screen and (max-width: 479px) {
  .about-dsms-editor .dsms-quality-intro .txt-wrapper::after {
    height: 15px;
    margin-top: 30px; } }
@media screen and (min-width: 1600px), print {
  .about-dsms-editor .dsms-quality-intro .txt-wrapper {
    width: calc(100% - 805px);
    padding-right: 70px; }
  .about-dsms-editor .dsms-quality-intro .pic-wrapper {
    width: 600px; } }
@media screen and (max-width: 1599px) and (min-width: 1400px) {
  .about-dsms-editor .dsms-quality-intro .txt-wrapper {
    width: calc(60% - 75px); }
  .about-dsms-editor .dsms-quality-intro .pic-wrapper {
    width: 40%; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .about-dsms-editor .dsms-quality-intro .txt-wrapper {
    width: calc(60% - 50px); }
  .about-dsms-editor .dsms-quality-intro .pic-wrapper {
    width: 40%; } }
@media screen and (min-width: 1200px), print {
  .about-dsms-editor .dsms-quality-intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .about-dsms-editor .dsms-quality-intro .txt-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(100px, 0, 0);
      -o-transform: translate3d(100px, 0, 0);
      -ms-transform: translate3d(100px, 0, 0);
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0); }
    .about-dsms-editor .dsms-quality-intro .pic-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(-100px, 0, 0);
      -o-transform: translate3d(-100px, 0, 0);
      -ms-transform: translate3d(-100px, 0, 0);
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0); } }
@media screen and (max-width: 1199px) {
  .about-dsms-editor .dsms-quality-intro .txt-wrapper:not(.aos-animate) {
    -moz-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  .about-dsms-editor .dsms-quality-intro .pic-wrapper {
    margin-top: 50px; } }
@media screen and (max-width: 767px) {
  .about-dsms-editor .dsms-quality-intro .pic-wrapper {
    margin-top: 35px; } }
@media screen and (max-width: 479px) {
  .about-dsms-editor .dsms-quality-intro .pic-wrapper {
    margin-top: 25px; } }
.about-dsms-editor .dsms-quality-features ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.about-dsms-editor .dsms-quality-features .list-item {
  position: relative;
  width: 210px;
  border-radius: 50%;
  border: 1px solid #d9d9d9; }
  .about-dsms-editor .dsms-quality-features .list-item.aos-animate {
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }
  .about-dsms-editor .dsms-quality-features .list-item::before {
    content: "";
    display: block;
    padding-bottom: 100%; }
  .about-dsms-editor .dsms-quality-features .list-item .list-item-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .about-dsms-editor .dsms-quality-features .list-item .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 75px;
    height: 75px; }
    .about-dsms-editor .dsms-quality-features .list-item .icon img {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      display: block;
      max-height: 100%; }
  .about-dsms-editor .dsms-quality-features .list-item .caption {
    margin-top: 10px;
    text-align: center;
    line-height: 1.15; }
    .about-dsms-editor .dsms-quality-features .list-item .caption > span {
      display: block; }
      .about-dsms-editor .dsms-quality-features .list-item .caption > span + span {
        margin-top: 5px; }
    .about-dsms-editor .dsms-quality-features .list-item .caption .zh {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.05em; }
    .about-dsms-editor .dsms-quality-features .list-item .caption .en {
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 15px;
      color: #959595; }
@media screen and (min-width: 1400px), print {
  .about-dsms-editor .dsms-quality-features .list-item + .list-item {
    margin-left: 50px; } }
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .about-dsms-editor .dsms-quality-features ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .about-dsms-editor .dsms-quality-features .list-item {
    width: 195px; }
    .about-dsms-editor .dsms-quality-features .list-item .caption .en {
      font-size: 14px; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .about-dsms-editor .dsms-quality-features .list-item {
    width: calc(20% - 12px); }
    .about-dsms-editor .dsms-quality-features .list-item .icon {
      width: 35%;
      height: 35%; }
    .about-dsms-editor .dsms-quality-features .list-item .caption .zh {
      font-size: 16px; }
    .about-dsms-editor .dsms-quality-features .list-item .caption .en {
      font-size: 12px; } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .about-dsms-editor .dsms-quality-features .list-item {
    margin: 0 5px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .about-dsms-editor .dsms-quality-features .list-item {
    width: 130px;
    margin: 0 5px; }
    .about-dsms-editor .dsms-quality-features .list-item .icon {
      width: 45px;
      height: 45px; }
    .about-dsms-editor .dsms-quality-features .list-item .caption {
      margin-top: 5px; }
      .about-dsms-editor .dsms-quality-features .list-item .caption span + span {
        margin-top: 3px; }
      .about-dsms-editor .dsms-quality-features .list-item .caption .zh {
        font-size: 16px; }
      .about-dsms-editor .dsms-quality-features .list-item .caption .en {
        font-size: 10px; } }
@media screen and (max-width: 479px) {
  .about-dsms-editor .dsms-quality-features ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .about-dsms-editor .dsms-quality-features .list-item {
    width: calc(100%/3 - 20px/3);
    margin-right: 10px; }
    .about-dsms-editor .dsms-quality-features .list-item:nth-child(3n+0), .about-dsms-editor .dsms-quality-features .list-item:last-child {
      margin-right: 0; }
    .about-dsms-editor .dsms-quality-features .list-item .icon {
      width: 12.5vw;
      height: 12.5vw; }
    .about-dsms-editor .dsms-quality-features .list-item .caption .zh {
      font-size: 15px; }
    .about-dsms-editor .dsms-quality-features .list-item .caption .en {
      display: none; } }
@media screen and (max-width: 339px) {
  .about-dsms-editor .dsms-quality-features .list-item .caption {
    margin-top: 5px; }
    .about-dsms-editor .dsms-quality-features .list-item .caption .zh {
      font-size: 13px; } }
.about-dsms-editor .dsms-mgmt-list .list-item .content {
  border: 1px solid #D9D9D9;
  border-top: none;
  background-color: #ffffff;
  padding: 25px 20px; }
  .about-dsms-editor .dsms-mgmt-list .list-item .content .tt {
    border-bottom: 1px solid #C1C1C1;
    padding-bottom: 15px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0.05em; }
  .about-dsms-editor .dsms-mgmt-list .list-item .content .txt {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.75); }
@media screen and (min-width: 480px), print {
  .about-dsms-editor .dsms-mgmt-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .about-dsms-editor .dsms-mgmt-list .list-item {
      width: calc(50% - 10px); } }
@media screen and (max-width: 1399px) {
  .about-dsms-editor .dsms-mgmt-list .list-item .content .tt {
    font-size: 20px; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .about-dsms-editor .dsms-mgmt-list .list-item .content .txt br {
    display: none; } }
@media screen and (max-width: 767px) {
  .about-dsms-editor .dsms-mgmt-list .list-item .content .txt br {
    display: none; } }
@media screen and (max-width: 479px) {
  .about-dsms-editor .dsms-mgmt-list .list-item + .list-item {
    margin-top: 25px; }
  .about-dsms-editor .dsms-mgmt-list .list-item .content {
    padding: 20px 15px; }
    .about-dsms-editor .dsms-mgmt-list .list-item .content .tt {
      font-size: 18px; }
    .about-dsms-editor .dsms-mgmt-list .list-item .content .txt {
      font-size: 15px; } }
@media screen and (min-width: 1200px), print {
  .about-dsms-editor [data-section="01"] {
    padding-top: 110px;
    padding-bottom: 90px; } }
.about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper {
  position: relative; }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-bg::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 720px;
    background-image: -webkit-linear-gradient(top, #ffffff, #edf2f6);
    background-image: -moz-linear-gradient(top, #ffffff, #edf2f6);
    background-image: -o-linear-gradient(top, #ffffff, #edf2f6);
    background-image: -ms-linear-gradient(top, #ffffff, #edf2f6);
    background-image: linear-gradient(to bottom, #ffffff, #edf2f6); }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-bg .pic {
    position: absolute; }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-inner {
    position: relative;
    z-index: 1; }
@media screen and (min-width: 1200px), print {
  .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper {
    padding: 65px 0 120px; }
    .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-list {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .about-dsms-editor [data-section="02"] .dsms-mgmt-list .list-item:not(.aos-animate) {
      -moz-transform: translate3d(-100px, 0, 0);
      -o-transform: translate3d(-100px, 0, 0);
      -ms-transform: translate3d(-100px, 0, 0);
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0); }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-pic {
    margin: 25px 0 0 25px; } }
@media screen and (min-width: 1400px), print {
  .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-bg .pic {
    left: 835px;
    bottom: 80px; }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-list {
    width: 700px; }
    .about-dsms-editor [data-section="02"] .dsms-mgmt-list .list-item:not(:nth-child(-n+2)) {
      margin-top: 70px; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-bg .pic {
    max-width: 50%; }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-list {
    width: 50%; } }
@media screen and (max-width: 1399px) {
  .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-bg .pic {
    right: 0;
    bottom: 0; }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-list .list-item:not(:nth-child(-n+2)) {
    margin-top: 25px; } }
@media screen and (max-width: 1199px) {
  .about-dsms-editor [data-section="02"] {
    padding-bottom: 0; }
    .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper {
      padding: 50px 0 75px; }
      .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-bg::before {
        height: 100vw; }
      .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper .dsms-mgmt-bg .pic {
        left: 0; }
    .about-dsms-editor [data-section="02"] .dsms-mgmt-list .list-item:not(.aos-animate) {
      -moz-transform: translate3d(0, 100px, 0);
      -o-transform: translate3d(0, 100px, 0);
      -ms-transform: translate3d(0, 100px, 0);
      -webkit-transform: translate3d(0, 100px, 0);
      transform: translate3d(0, 100px, 0); }
    .about-dsms-editor [data-section="02"] .dsms-mgmt-pic {
      margin-top: 50px; } }
@media screen and (max-width: 479px) {
  .about-dsms-editor [data-section="02"] .dsms-mgmt-wrapper {
    padding: 25px 0 35px; }
  .about-dsms-editor [data-section="02"] .dsms-mgmt-pic {
    margin-top: 25px; } }

@media screen and (min-width: 1400px), print {
  .about-sgs-list {
    padding: 100px 0; } }
@media screen and (max-width: 1399px) {
  .about-sgs-list {
    padding: 75px 0; } }
@media screen and (orientation: portrait) {
  .about-sgs-list {
    padding-top: 0; } }
@media screen and (max-width: 991px) {
  .about-sgs-list {
    padding-bottom: 50px; } }
@media screen and (max-width: 767px) {
  .about-sgs-list {
    padding-bottom: 25px; } }
@media screen and (min-width: 600px), print {
  .about-sgs-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }
.about-sgs-list .list-item {
  position: relative; }
  .about-sgs-list .list-item::before {
    content: "";
    display: block;
    padding-bottom: calc(29700%/450); }
  .about-sgs-list .list-item::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border: 1px solid #D9D9D9; }
  .about-sgs-list .list-item .list-item-bg {
    z-index: 0; }
  .about-sgs-list .list-item .list-item-inner {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .about-sgs-list .list-item .title.basic-title-style .en {
    line-height: 0.8; }
  .about-sgs-list .list-item .title.basic-title-style .zh {
    letter-spacing: 0; }
  .about-sgs-list .list-item .title::after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    margin-top: 17.5px;
    background-color: #BA000C; }
  .about-sgs-list .list-item .link {
    margin-top: 20px;
    line-height: 1.15;
    letter-spacing: 0.1em;
    color: #54555A; }
  .about-sgs-list .list-item:active::after {
    border: 2px solid #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .about-sgs-list .list-item::after {
    -moz-transition: border 0.5s ease;
    -o-transition: border 0.5s ease;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease; }
  .about-sgs-list .list-item:hover::after {
    border: 2px solid #BA000C; } }

  @media screen and (min-width: 1600px), print {
    .about-sgs-list .list-item {
      width: calc(100%/3 - 30px - 0.01px); }
      .about-sgs-list .list-item:not(:nth-child(-n+3)) {
        margin-top: 65px; }
      .about-sgs-list .list-item:not(:nth-child(3n+0)) {
        margin-right: 45px; }
      .about-sgs-list .list-item .list-item-inner {
        padding: 30px 30px 65px; }
      .about-sgs-list .list-item .title.basic-title-style span + span {
        margin-top: 10px; }
      .about-sgs-list .list-item .title.basic-title-style .en {
        font-size: 35px; }
      .about-sgs-list .list-item .title.basic-title-style .zh {
        font-size: 24px; }
      .about-sgs-list .list-item .link {
        font-size: 18px; } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .about-sgs-list .list-item {
      width: calc(100%/3 - 50px/3 - 0.01px); }
      .about-sgs-list .list-item:not(:nth-child(-n+3)) {
        margin-top: 35px; }
      .about-sgs-list .list-item:not(:nth-child(3n+0)) {
        margin-right: 25px; } }
  @media screen and (max-width: 1599px) {
    .about-sgs-list .list-item .list-item-inner {
      padding: 20px 20px 50px; }
    .about-sgs-list .list-item .title.basic-title-style span + span {
      margin-top: 5px; }
    .about-sgs-list .list-item .title.basic-title-style .en {
      font-size: 30px; }
    .about-sgs-list .list-item .title.basic-title-style .zh {
      font-size: 18px; }
    .about-sgs-list .list-item .link {
      font-size: 16px; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) {
    .about-sgs-list .list-item {
      width: calc(50% - 15px); }
      .about-sgs-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 35px; }
      .about-sgs-list .list-item:not(:nth-child(2n+0)) {
        margin-right: 30px; } }
  @media screen and (max-width: 767px) and (min-width: 600px) {
    .about-sgs-list .list-item {
      width: calc(50% - 7.5px); }
      .about-sgs-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 15px; }
      .about-sgs-list .list-item:not(:nth-child(2n+0)) {
        margin-right: 15px; }
      .about-sgs-list .list-item .list-item-inner {
        padding: 20px 20px 35px; }
      .about-sgs-list .list-item .title.basic-title-style span + span {
        margin-top: 5px; }
      .about-sgs-list .list-item .title.basic-title-style .en {
        font-size: 22px; }
      .about-sgs-list .list-item .title.basic-title-style .zh {
        font-size: 17px; }
      .about-sgs-list .list-item .link {
        font-size: 14px;
        letter-spacing: 0.05em; } }
  @media screen and (max-width: 479px) {
    .about-sgs-list .list-item + .list-item {
      margin-top: 25px; }
    .about-sgs-list .list-item .title.basic-title-style .en {
      font-size: 22px; } }

.about-wucare-editor .wucare-section .about-txt-style .title .zh-large {
  font-size: calc(0.835vw + 20px);
  font-weight: 500;
  letter-spacing: 0.1em; }
  @media screen and (min-width: 768px), print {
    .about-wucare-editor .wucare-section .about-txt-style .title .zh-large + span {
      margin-top: 17.5px; } }
.about-wucare-editor .wucare-section .about-txt-style .subtitle {
  margin-top: 20px;
  font-size: calc(0.65vw + 13px);
  letter-spacing: 0.05em;
  line-height: 1.25; }
.about-wucare-editor .wucare-section .about-txt-style .more {
  margin-top: 55px; }
  @media screen and (max-width: 1199px) {
    .about-wucare-editor .wucare-section .about-txt-style .more {
      margin-top: 35px; } }
  @media screen and (max-width: 479px) {
    .about-wucare-editor .wucare-section .about-txt-style .more {
      margin-top: 20px; } }
.about-wucare-editor .wucare-section .pic-wrapper {
  position: relative; }
  .about-wucare-editor .wucare-section .pic-wrapper img {
    position: relative;
    z-index: 1; }
  .about-wucare-editor .wucare-section .pic-wrapper .pattern {
    background-image: url("images/static/about/wucare/pattern.png");
    background-size: auto 100%;
    height: 144px;
    margin-top: -65px; }
    @media screen and (max-width: 1399px) {
      .about-wucare-editor .wucare-section .pic-wrapper .pattern {
        height: 100px;
        margin-top: -50px; } }
    @media screen and (max-width: 479px) {
      .about-wucare-editor .wucare-section .pic-wrapper .pattern {
        height: 50px;
        margin-top: -25px; } }
@media screen and (min-width: 1200px), print {
  .about-wucare-editor .wucare-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .about-wucare-editor .wucare-section:nth-child(odd) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .about-wucare-editor .wucare-section:nth-child(odd) .txt-wrapper:not(.aos-animate) {
        -moz-transform: translate3d(100px, 0, 0);
        -o-transform: translate3d(100px, 0, 0);
        -ms-transform: translate3d(100px, 0, 0);
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0); }
      .about-wucare-editor .wucare-section:nth-child(odd) .pic-wrapper:not(.aos-animate) {
        -moz-transform: translate3d(-100px, 0, 0);
        -o-transform: translate3d(-100px, 0, 0);
        -ms-transform: translate3d(-100px, 0, 0);
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0); }
    .about-wucare-editor .wucare-section:nth-child(even) .section-inner {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .about-wucare-editor .wucare-section:nth-child(even) .txt-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(-100px, 0, 0);
      -o-transform: translate3d(-100px, 0, 0);
      -ms-transform: translate3d(-100px, 0, 0);
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0); }
    .about-wucare-editor .wucare-section:nth-child(even) .pic-wrapper:not(.aos-animate) {
      -moz-transform: translate3d(100px, 0, 0);
      -o-transform: translate3d(100px, 0, 0);
      -ms-transform: translate3d(100px, 0, 0);
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0); } }
@media screen and (max-width: 1199px) {
  .about-wucare-editor .wucare-section .txt-wrapper:not(.aos-animate) {
    -moz-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0); }
  .about-wucare-editor .wucare-section .pic-wrapper {
    text-align: center;
    margin-top: 50px; }
    .about-wucare-editor .wucare-section .pic-wrapper .pic:not([data-rel="lightcase"]) {
      display: inline-block;
      max-width: 100%; } }
@media screen and (max-width: 767px) {
  .about-wucare-editor .wucare-section .pic-wrapper {
    margin-top: 35px; } }
@media screen and (max-width: 479px) {
  .about-wucare-editor .wucare-section:first-child {
    padding-top: 35px; }
  .about-wucare-editor .wucare-section .about-txt-style .subtitle {
    margin-top: 10px; }
  .about-wucare-editor .wucare-section .pic-wrapper {
    margin-top: 25px; } }
.about-wucare-editor [data-section="01"] {
  border-bottom: 1px solid #d9d9d9; }
  @media screen and (min-width: 1600px), print {
    .about-wucare-editor [data-section="01"] {
      padding-left: 45px; } }
  @media screen and (min-width: 1200px), print {
    .about-wucare-editor [data-section="01"] {
      padding-top: 110px;
      padding-bottom: 120px; }
      .about-wucare-editor [data-section="01"] .txt-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
      .about-wucare-editor [data-section="01"] .pic-wrapper {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
  @media screen and (min-width: 1600px), print {
    .about-wucare-editor [data-section="01"] .pic-wrapper {
      width: 600px;
      margin-right: 200px; } }
  @media screen and (max-width: 1599px) and (min-width: 1400px) {
    .about-wucare-editor [data-section="01"] .pic-wrapper {
      width: 40%;
      margin-right: 100px; } }
  @media screen and (max-width: 1399px) and (min-width: 1200px) {
    .about-wucare-editor [data-section="01"] .pic-wrapper {
      width: 40%;
      margin-right: 75px; } }
@media screen and (min-width: 1200px), print {
  .about-wucare-editor [data-section="02"] .txt-wrapper, .about-wucare-editor [data-section="03"] .txt-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .about-wucare-editor [data-section="02"] .pic-wrapper, .about-wucare-editor [data-section="03"] .pic-wrapper {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(50% - 27.5px); } }
@media screen and (min-width: 1631px), print {
  .about-wucare-editor [data-section="02"] .pic-wrapper .pattern {
    margin-right: calc(725px - 50vw);
    margin-left: 190px; } }
@media screen and (max-width: 1630px) {
  .about-wucare-editor [data-section="02"] .pic-wrapper .pattern {
    margin-right: -90px;
    margin-left: 25%; } }
@media screen and (max-width: 1199px) {
  .about-wucare-editor [data-section="02"] .pic-wrapper .pattern {
    margin-right: -50px; } }
@media screen and (max-width: 767px) {
  .about-wucare-editor [data-section="02"] .pic-wrapper .pattern {
    margin-right: -25px; } }
@media screen and (max-width: 479px) {
  .about-wucare-editor [data-section="02"] .pic-wrapper .pattern {
    margin-right: -20px;
    background-image: url("images/static/about/brand/pattern-left.png"); } }
@media screen and (max-width: 413px) {
  .about-wucare-editor [data-section="02"] .pic-wrapper .pattern {
    margin-right: -15px; } }
@media screen and (min-width: 1400px), print {
  .about-wucare-editor [data-section="02"] {
    padding-left: 45px; } }
@media screen and (min-width: 1600px), print {
  .about-wucare-editor [data-section="02"] .pic-wrapper {
    margin-left: 160px; } }
@media screen and (max-width: 1599px) and (min-width: 1400px) {
  .about-wucare-editor [data-section="02"] .pic-wrapper {
    margin-left: 100px; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .about-wucare-editor [data-section="02"] .pic-wrapper {
    margin-left: 75px; } }
@media screen and (min-width: 1200px), print {
  .about-wucare-editor [data-section="02"] {
    padding-top: 110px;
    padding-bottom: 50px; } }
@media screen and (min-width: 1631px), print {
  .about-wucare-editor [data-section="03"] .pic-wrapper .pattern {
    margin-left: calc(680px - 50vw);
    margin-right: 260px; } }
@media screen and (max-width: 1630px) {
  .about-wucare-editor [data-section="03"] .pic-wrapper .pattern {
    margin-left: -90px;
    margin-right: 40%; } }
@media screen and (max-width: 1199px) {
  .about-wucare-editor [data-section="03"] .pic-wrapper .pattern {
    margin-left: -50px; } }
@media screen and (max-width: 767px) {
  .about-wucare-editor [data-section="03"] .pic-wrapper .pattern {
    margin-left: -25px; } }
@media screen and (max-width: 479px) {
  .about-wucare-editor [data-section="03"] .pic-wrapper .pattern {
    margin-left: -20px;
    background-image: url("images/static/about/brand/pattern-right.png"); } }
@media screen and (max-width: 413px) {
  .about-wucare-editor [data-section="03"] .pic-wrapper .pattern {
    margin-left: -15px; } }
@media screen and (min-width: 1400px), print {
  .about-wucare-editor [data-section="03"] {
    padding-left: 45px;
    padding-right: 45px; } }
@media screen and (min-width: 1600px), print {
  .about-wucare-editor [data-section="03"] .pic-wrapper {
    margin-right: 120px; } }
@media screen and (max-width: 1599px) and (min-width: 1400px) {
  .about-wucare-editor [data-section="03"] .pic-wrapper {
    margin-right: 100px; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .about-wucare-editor [data-section="03"] .pic-wrapper {
    margin-right: 75px; } }
@media screen and (min-width: 1200px), print {
  .about-wucare-editor [data-section="03"] {
    padding-top: 50px;
    padding-bottom: 200px; } }

.about-wucare-list {
  padding: 90px 0 55px;
  border-top: 1px solid #d9d9d9; }
  .about-wucare-list .title + .article-list {
    margin-top: 55px; }
  .about-wucare-list .more {
    margin-top: 25px;
    text-align: right; }
  @media screen and (max-width: 1199px) {
    .about-wucare-list {
      padding: 75px 0 55px; } }
  @media screen and (max-width: 991px) {
    .about-wucare-list {
      padding: 50px 0; }
      .about-wucare-list .title + .article-list {
        margin-top: 35px; } }
  @media screen and (max-width: 767px) {
    .about-wucare-list .more {
      text-align: center; } }
  @media screen and (max-width: 479px) {
    .about-wucare-list {
      padding: 35px 0; }
      .about-wucare-list .title + .article-list {
        margin-top: 25px; } }

/* -------------------------------------------
 *  investor
 * ------------------------------------------ */
.investor-categories {
  max-width: 1435px;
  margin: 0 auto; }
  @media screen and (min-width: 576px), print {
    .investor-categories {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  @media screen and (min-width: 1600px), print {
    .investor-categories {
      padding: 80px 0 140px; } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .investor-categories {
      padding: 80px 0 100px; } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .investor-categories {
      padding: 75px 0; } }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .investor-categories {
      padding: 50px 0; } }
  @media screen and (max-width: 479px) {
    .investor-categories {
      padding: 25px 0; } }
  @media screen and (max-width: 413px) {
    .investor-categories {
      padding: 20px 0; } }
  .investor-categories .category-box {
    position: relative;
    border: 1px solid #D9D9D9;
    overflow: hidden; }
    .investor-categories .category-box .category-box-pic {
      cursor: pointer; }
      .investor-categories .category-box .category-box-pic::before {
        content: "";
        display: block;
        padding-bottom: calc(27000%/450); }
    .investor-categories .category-box .category-box-content {
      position: absolute;
      background-color: #ffffff;
      left: -1px;
      right: -1px;
      bottom: 0;
      -moz-transition: transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      -webkit-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out; }
      .investor-categories .category-box .category-box-content .box-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .investor-categories .category-box .category-box-content .box-title .title {
          width: 100%;
          font-size: 22px;
          letter-spacing: 0.05em; }
          .investor-categories .category-box .category-box-content .box-title .title a {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            .investor-categories .category-box .category-box-content .box-title .title a::after {
              content: "";
              font-family: "icomoon";
              font-size: 25px;
              color: #BA000C; }
            .investor-categories .category-box .category-box-content .box-title .title a:active {
              color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .investor-categories .category-box .category-box-content .box-title .title a:hover {
    color: #BA000C; } }

      .investor-categories .category-box .category-box-content .box-menu {
        border-top: 1px solid #D9D9D9;
        line-height: 1.25;
        letter-spacing: 0.05em; }
        .investor-categories .category-box .category-box-content .box-menu ul {
          display: -ms-grid;
          display: grid;
          grid-auto-flow: column;
          grid-template-rows: repeat(4, auto);
          grid-row-gap: 0; }
          .investor-categories .category-box .category-box-content .box-menu ul li a {
            color: rgba(0, 0, 0, 0.65); }
            .investor-categories .category-box .category-box-content .box-menu ul li a:active {
              color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .investor-categories .category-box .category-box-content .box-menu ul li a:hover {
    color: #BA000C; } }

          .msie .investor-categories .category-box .category-box-content .box-menu ul li:nth-child(4n+1) {
            -ms-grid-row: 1;
            margin-top: 0; }
          .msie .investor-categories .category-box .category-box-content .box-menu ul li:nth-child(4n+2) {
            -ms-grid-row: 2; }
          .msie .investor-categories .category-box .category-box-content .box-menu ul li:nth-child(4n+3) {
            -ms-grid-row: 3; }
          .msie .investor-categories .category-box .category-box-content .box-menu ul li:nth-child(4n) {
            -ms-grid-row: 4; }
          .msie .investor-categories .category-box .category-box-content .box-menu ul li:nth-child(-n+4) {
            -ms-grid-column: 1;
            margin-left: 0; }
          .msie .investor-categories .category-box .category-box-content .box-menu ul li:nth-child(n+5):nth-child(-n+8) {
            -ms-grid-column: 2; }
    .investor-categories .category-box:hover .category-box-content {
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    @media screen and (min-width: 1400px), print {
      .investor-categories .category-box {
        width: calc(100%/3 - 30px);
        padding-bottom: 70px; }
        .investor-categories .category-box:not(:nth-child(-n+3)) {
          margin-top: 60px; }
        .investor-categories .category-box:not(:nth-child(3n+0)) {
          margin-right: 45px; }
        .investor-categories .category-box .category-box-content {
          padding: 0 40px;
          -moz-transform: translateY(100%) translateY(-70px);
          -o-transform: translateY(100%) translateY(-70px);
          -ms-transform: translateY(100%) translateY(-70px);
          -webkit-transform: translateY(100%) translateY(-70px);
          transform: translateY(100%) translateY(-70px); }
          .investor-categories .category-box .category-box-content .box-title {
            height: 70px; }
          .investor-categories .category-box .category-box-content .box-menu {
            padding: 20px 0 30px; }
            .investor-categories .category-box .category-box-content .box-menu ul {
              grid-column-gap: 60px; }
              .investor-categories .category-box .category-box-content .box-menu ul li:not(:nth-child(4n+1)) {
                margin-top: 15px; }
              .msie .investor-categories .category-box .category-box-content .box-menu ul li:nth-child(n+5):nth-child(-n+8) {
                margin-left: 60px; } }
    @media screen and (max-width: 1399px) and (min-width: 1200px) {
      .investor-categories .category-box {
        width: calc(100%/3 - 50px/3);
        padding-bottom: 55px; }
        .investor-categories .category-box:not(:nth-child(-n+3)) {
          margin-top: 50px; }
        .investor-categories .category-box:not(:nth-child(3n+0)) {
          margin-right: 25px; }
        .edge .investor-categories .category-box, .msie .investor-categories .category-box {
          width: calc(100%/3 - 50px/3 - 0.01px); }
        .investor-categories .category-box .category-box-content {
          -moz-transform: translateY(100%) translateY(-55px);
          -o-transform: translateY(100%) translateY(-55px);
          -ms-transform: translateY(100%) translateY(-55px);
          -webkit-transform: translateY(100%) translateY(-55px);
          transform: translateY(100%) translateY(-55px); } }
    @media screen and (max-width: 1399px) {
      .investor-categories .category-box .category-box-content {
        padding: 0 25px; }
        .investor-categories .category-box .category-box-content .box-title {
          height: 55px; }
          .investor-categories .category-box .category-box-content .box-title .title {
            font-size: 20px; }
          .investor-categories .category-box .category-box-content .box-title::after {
            font-size: 20px; }
        .investor-categories .category-box .category-box-content .box-menu {
          padding: 20px 0; } }
    @media screen and (max-width: 1399px) and (min-width: 992px) {
      .investor-categories .category-box .category-box-content .box-menu ul {
        grid-column-gap: 35px; }
        .investor-categories .category-box .category-box-content .box-menu ul li:not(:nth-child(4n+1)) {
          margin-top: 10px; }
        .msie .investor-categories .category-box .category-box-content .box-menu ul li:nth-child(n+5):nth-child(-n+8) {
          margin-left: 35px; } }
    @media screen and (max-width: 1199px) {
      .investor-categories .category-box .category-box-content {
        position: static; } }
    @media screen and (max-width: 1199px) and (min-width: 480px) {
      .investor-categories .category-box .category-box-title {
        border-bottom: 1px solid #D9D9D9; }
      .investor-categories .category-box .category-box-content {
        position: static;
        border: none; } }
    @media screen and (max-width: 1199px) and (min-width: 768px) {
      .investor-categories .category-box {
        width: calc(50% - 25px/2); }
        .investor-categories .category-box:not(:nth-child(-n+2)) {
          margin-top: 50px; }
        .investor-categories .category-box:not(:nth-child(2n+0)) {
          margin-right: 25px; } }
    @media screen and (max-width: 991px) {
      .investor-categories .category-box .category-box-content .box-menu ul {
        display: block; }
        .investor-categories .category-box .category-box-content .box-menu ul li + li {
          margin-top: 10px; } }
    @media screen and (max-width: 767px) and (min-width: 576px) {
      .investor-categories .category-box {
        width: calc(50% - 15px/2); }
        .investor-categories .category-box:not(:nth-child(-n+2)) {
          margin-top: 25px; }
        .investor-categories .category-box:not(:nth-child(2n+0)) {
          margin-right: 15px; } }
    @media screen and (max-width: 575px) and (min-width: 480px) {
      .investor-categories .category-box + .category-box {
        margin-top: 35px; } }
    @media screen and (max-width: 479px) {
      .investor-categories .category-box + .category-box {
        margin-top: 25px; }
      .investor-categories .category-box .category-box-content {
        padding: 0 20px; }
        .investor-categories .category-box .category-box-content .box-title {
          height: 50px; }
          .investor-categories .category-box .category-box-content .box-title .title {
            font-size: 18px; } }
    @media screen and (max-width: 413px) {
      .investor-categories .category-box + .category-box {
        margin-top: 20px; }
      .investor-categories .category-box .category-box-content {
        padding: 0 15px; } }

.investor-wrapper[data-section="primary"] {
  overflow: visible; }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .investor-wrapper[data-section="primary"] .primary-sidebar {
      width: 200px; } }
  .investor-wrapper[data-section="primary"] .primary-main {
    position: relative; }
    @media screen and (min-width: 1600px), print {
      .investor-wrapper[data-section="primary"] .primary-main {
        width: calc(100% - 400px);
        margin-left: 100px; } }
    @media screen and (max-width: 1599px) and (min-width: 1200px) {
      .investor-wrapper[data-section="primary"] .primary-main {
        width: calc(100% - 245px); } }
    @media screen and (max-width: 1199px) and (min-width: 480px) {
      .investor-wrapper[data-section="primary"] .primary-main {
        padding-top: 95px; } }
    @media screen and (max-width: 479px) {
      .investor-wrapper[data-section="primary"] .primary-main {
        padding: 70px 20px 35px; } }
    @media screen and (max-width: 413px) {
      .investor-wrapper[data-section="primary"] .primary-main {
        padding: 70px 15px 25px; } }
  @media screen and (min-width: 1200px), print {
    .investor-wrapper[data-section="primary"] {
      padding-bottom: 150px; }
      .investor-wrapper[data-section="primary"] .primary-bread {
        padding: 35px 0 65px; } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .investor-wrapper[data-section="primary"] {
      padding-bottom: 75px; } }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .investor-wrapper[data-section="primary"] {
      padding-bottom: 50px; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .investor-wrapper[data-section="primary"] .primary-bread {
      padding: 25px 0; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .investor-wrapper[data-section="primary"] .primary-bread {
      padding: 15px 0; } }
  @media screen and (max-width: 479px) {
    .investor-wrapper[data-section="primary"] .primary-bread {
      display: none; }
    .investor-wrapper[data-section="primary"] .primary-inner {
      width: 100%; }
    .investor-wrapper[data-section="primary"] .primary-main {
      background-color: #ffffff;
      border-bottom: 1px solid #E1E1E1; } }
  .investor-wrapper[data-section="primary"] .primary-inner:not(.sticky) .investor-head {
    top: 0; }
    @media screen and (max-width: 1199px) and (min-width: 480px) {
      .investor-wrapper[data-section="primary"] .primary-inner:not(.sticky) .investor-head {
        padding: 50px 0 25px; } }
    @media screen and (max-width: 479px) {
      .investor-wrapper[data-section="primary"] .primary-inner:not(.sticky) .investor-head {
        padding: 25px 0; } }
  .investor-wrapper[data-section="primary"] .primary-inner.sticky .investor-head {
    padding: 15px 20px;
    border-bottom: 1px solid #E3E3E3; }
    .investor-wrapper[data-section="primary"] .primary-inner.sticky .investor-head .title {
      font-size: 18px;
      visibility: visible; }
    .investor-wrapper[data-section="primary"] .primary-inner.sticky .investor-head:not(.no-sticky) {
      position: fixed;
      top: 55px; }
    @media screen and (max-width: 767px) {
      .investor-wrapper[data-section="primary"] .primary-inner.sticky .investor-head:not(.no-sticky) {
        top: 45px; } }
    @media screen and (max-width: 479px) {
      .investor-wrapper[data-section="primary"] .primary-inner.sticky .investor-head {
        padding: 10px 15px; }
        .investor-wrapper[data-section="primary"] .primary-inner.sticky .investor-head:not(.no-sticky) {
          top: 40px; }
        .investor-wrapper[data-section="primary"] .primary-inner.sticky .investor-head .title {
          font-size: 16px; } }
  @media screen and (max-width: 1199px) {
    .investor-wrapper[data-section="primary"] .primary-inner.sticky.scroll-up .investor-head {
      top: 130px; } }
  @media screen and (max-width: 991px) {
    .investor-wrapper[data-section="primary"] .primary-inner.sticky.scroll-up .investor-head {
      top: 110px; } }
  @media screen and (max-width: 767px) {
    .investor-wrapper[data-section="primary"] .primary-inner.sticky.scroll-up .investor-head {
      top: 100px; } }
  @media screen and (max-width: 479px) {
    .investor-wrapper[data-section="primary"] .primary-inner.sticky.scroll-up .investor-head {
      top: 95px; } }
  @media screen and (min-width: 1200px), print {
    .investor-wrapper[data-section="primary"] .primary-inner.hide-sidebar .primary-sidebar {
      display: none; }
    .investor-wrapper[data-section="primary"] .primary-inner.hide-sidebar .primary-main {
      width: 100%;
      margin: 0; } }
  .investor-wrapper[data-section="primary"] .investor-head .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
    -moz-transition: font-size 0.3s ease;
    -o-transition: font-size 0.3s ease;
    -webkit-transition: font-size 0.3s ease;
    transition: font-size 0.3s ease; }
  @media screen and (min-width: 1200px), print {
    .investor-wrapper[data-section="primary"] .investor-head {
      display: none; } }
  @media screen and (max-width: 1199px) {
    .investor-wrapper[data-section="primary"] .investor-head {
      text-align: center;
      background-color: #ffffff;
      -moz-transition-property: padding, border;
      -o-transition-property: padding, border;
      -webkit-transition-property: padding, border;
      transition-property: padding, border;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
      .investor-wrapper[data-section="primary"] .investor-head:not(.no-sticky) {
        position: absolute;
        z-index: 99;
        left: 0;
        right: 0; } }
  @media screen and (max-width: 479px) {
    .investor-wrapper[data-section="primary"] .investor-head .title {
      font-size: 18px; } }
@media screen and (min-width: 1200px), print {
  .investor-wrapper.investor-news-wrapper.for-detail {
    padding-bottom: 65px; }
    .investor-wrapper.investor-news-wrapper.for-detail .primary-bread {
      padding: 35px 0; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .investor-wrapper.investor-news-wrapper.for-detail {
    padding-bottom: 65px; } }
@media screen and (max-width: 1199px) {
  .investor-wrapper.investor-news-wrapper .primary-main {
    padding-top: 25px; }
  .investor-wrapper.investor-news-wrapper .primary-inner .investor-head .title {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none; }
  .investor-wrapper.investor-news-wrapper .primary-inner:not(.sticky) .investor-head {
    visibility: hidden; }
    .investor-wrapper.investor-news-wrapper .primary-inner:not(.sticky) .investor-head .title {
      font-size: 0; } }

.investor-main {
  font-size: 16px; }
  .investor-main .mt-20 {
    margin-top: 20px; }
    @media screen and (max-width: 479px) {
      .investor-main .mt-20 {
        margin-top: 10px; } }
  .investor-main .mt-40 {
    margin-top: 40px; }
    @media screen and (max-width: 767px) {
      .investor-main .mt-40 {
        margin-top: 25px; } }
    @media screen and (max-width: 479px) {
      .investor-main .mt-40 {
        margin-top: 20px; } }
  .investor-main .mt-45 {
    margin-top: 45px; }
    @media screen and (max-width: 767px) {
      .investor-main .mt-45 {
        margin-top: 25px; } }
    @media screen and (max-width: 479px) {
      .investor-main .mt-45 {
        margin-top: 20px; } }
  .investor-main .mt-75 {
    margin-top: 75px; }
    @media screen and (max-width: 767px) {
      .investor-main .mt-75 {
        margin-top: 50px; } }
  .investor-main .mt-95 {
    margin-top: 95px; }
    @media screen and (max-width: 767px) {
      .investor-main .mt-95 {
        margin-top: 50px; } }
  .investor-main .mt-125 {
    margin-top: 125px; }
    @media screen and (max-width: 991px) {
      .investor-main .mt-125 {
        margin-top: 75px; } }
    @media screen and (max-width: 767px) {
      .investor-main .mt-125 {
        margin-top: 50px; } }
  .investor-main .main-title {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0.05em; }
    .investor-main .main-title.has-border {
      padding-bottom: 20px;
      border-bottom: 2px solid #BA000C; }
    @media screen and (max-width: 1199px) {
      .investor-main .main-title.hidden-1199 + [class*="mt-"] {
        margin-top: 0; } }
  .investor-main .dropmenu {
    margin-bottom: 25px; }
    .investor-main .dropmenu > .dropdown-menu > .inner > .dropdown-menu {
      max-height: 170px !important; }
    @media screen and (max-width: 479px) {
      .investor-main .dropmenu {
        margin-bottom: 15px; } }
    @media screen and (max-width: 1199px) {
      .investor-main .dropmenu .simple-select {
        margin: 0 auto; } }
    @media screen and (max-width: 479px) {
      .investor-main .dropmenu .simple-select.custom-select-wrap::after {
        right: 0; } }
    .investor-main .dropmenu:not(.has-unit) .simple-select {
      float: right; }
    .investor-main .dropmenu.has-unit {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      @media screen and (max-width: 1199px) {
        .investor-main .dropmenu.has-unit .simple-select {
          margin: 0; } }
      @media screen and (max-width: 479px) {
        .investor-main .dropmenu.has-unit {
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .investor-main .dropmenu.has-unit .unit {
            font-size: 14px; } }
  @media screen and (min-width: 1200px), print {
    .investor-main .main-title + .dropmenu:not(.has-unit) {
      margin-top: -25px; } }
  @media screen and (max-width: 767px) {
    .investor-main .main-title {
      font-size: 18px; } }
  @media screen and (max-width: 479px) {
    .investor-main {
      font-size: 15px;
      word-break: break-word; }
      .investor-main .f15 {
        font-size: 14px; }
      .investor-main .main-title {
        margin-bottom: 15px;
        font-size: 17px; }
      .investor-main .lh-175 {
        line-height: 1.5; }
      .investor-main .lh-200 {
        line-height: 1.5; } }

.investor-table-style {
  width: 100%; }
  .investor-table-style th, .investor-table-style td {
    vertical-align: top; }
  .investor-table-style td {
    border-bottom: 1px solid #cbcbcb; }
    .investor-table-style td .download {
      display: inline-block;
      vertical-align: middle;
      height: 30px; }
      .investor-table-style td .download svg {
        display: block; }
      .investor-table-style td .download:not(:hover) {
        color: rgba(0, 0, 0, 0.75); }
    @media screen and (max-width: 479px) {
      .investor-table-style td .download {
        height: 25px; }
        .investor-table-style td .download svg {
          width: 22px;
          height: 25px; } }
  .investor-table-style.basic-layout {
    table-layout: fixed; }
    .investor-table-style.basic-layout th {
      padding: 15px 25px; }
    .investor-table-style.basic-layout td {
      padding: 20px 25px; }
    @media screen and (max-width: 991px) {
      .investor-table-style.basic-layout th {
        padding: 15px 20px; }
      .investor-table-style.basic-layout td {
        padding: 20px; } }
    @media screen and (max-width: 479px) {
      .investor-table-style.basic-layout th {
        padding: 10px; }
      .investor-table-style.basic-layout td {
        padding: 15px 10px; } }
  .investor-table-style.fc-gray td:first-child {
    background-color: #f5f5f5;
    font-weight: 500; }
  .investor-table-style.er-gray tr:nth-child(even) td {
    background-color: #f5f5f5; }
  .investor-table-style.no-thead tr:first-child td {
    border-top: 2px solid #BA000C; }
  .investor-table-style.thead-red th {
    background-color: #BA000C;
    color: #ffffff; }
  .investor-table-style.thead-gray th {
    background-color: #c8c8c8; }
  @media screen and (max-width: 767px) {
    .investor-table-style.responsive-table thead, .investor-table-style.responsive-table th {
      display: none; }
    .investor-table-style.responsive-table, .investor-table-style.responsive-table tbody {
      display: block; }
    .investor-table-style.responsive-table tr {
      display: table;
      width: 100%; }
      .investor-table-style.responsive-table tr + tr {
        margin-top: 35px; }
    .investor-table-style.responsive-table td {
      display: table-row;
      border: none; }
      .investor-table-style.responsive-table td::before, .investor-table-style.responsive-table td .td-inner {
        display: table-cell; }
      .investor-table-style.responsive-table td::before {
        content: attr(data-title); }
      .investor-table-style.responsive-table td .td-inner {
        border-bottom: 1px solid #cbcbcb; }
      .investor-table-style.responsive-table td:first-child .td-inner {
        border-top: 1px solid #cbcbcb; }
    .investor-table-style.responsive-table.thead-red td::before {
      background-color: #BA000C;
      border-bottom: 1px solid #BA000C;
      color: #ffffff; } }
  @media screen and (max-width: 479px) {
    .investor-table-style.responsive-table tr + tr {
      margin-top: 20px; } }
  .investor-table-style.rules-table th, .investor-table-style.rules-table td {
    vertical-align: middle; }
  .investor-table-style.rules-table td:nth-child(2) {
    text-align: left; }
  @media screen and (min-width: 1200px), print {
    .investor-table-style.rules-table {
      margin-top: 40px; } }
  @media screen and (min-width: 992px), print {
    .investor-table-style.rules-table.basic-layout td {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media screen and (max-width: 479px) {
    .investor-table-style.rules-table th:nth-child(1), .investor-table-style.rules-table td:nth-child(1) {
      width: 20%; }
    .investor-table-style.rules-table th:nth-child(2), .investor-table-style.rules-table td:nth-child(2) {
      width: 50%; }
    .investor-table-style.rules-table th:nth-child(3), .investor-table-style.rules-table td:nth-child(3) {
      width: 30%; }
    .investor-table-style.rules-table.basic-layout td {
      padding-top: 10px;
      padding-bottom: 10px; } }
  .investor-table-style.revenue-table {
    table-layout: fixed; }
    .investor-table-style.revenue-table th, .investor-table-style.revenue-table td {
      vertical-align: middle; }
      @media screen and (min-width: 992px), print {
        .investor-table-style.revenue-table th:nth-child(1), .investor-table-style.revenue-table td:nth-child(1) {
          width: calc(18000%/1040); } }
    .investor-table-style.revenue-table th {
      border: 1px solid #ffffff; }
    @media screen and (min-width: 992px), print {
      .investor-table-style.revenue-table td {
        padding: 20px 4.5%; }
        .investor-table-style.revenue-table td:nth-child(1) {
          padding: 20px 7%; } }
    @media screen and (max-width: 991px) {
      .investor-table-style.revenue-table td {
        padding: 15px 10px;
        text-align: center; } }
    @media screen and (min-width: 768px), print {
      .investor-table-style.revenue-table th {
        height: 55px; } }
    @media screen and (max-width: 767px) {
      .investor-table-style.revenue-table th {
        padding: 15px 10px; } }
    @media screen and (max-width: 479px) {
      .investor-table-style.revenue-table {
        font-size: 14px; }
        .investor-table-style.revenue-table th, .investor-table-style.revenue-table td {
          padding-left: 5px;
          padding-right: 5px; }
        .investor-table-style.revenue-table th {
          padding-top: 10px;
          padding-bottom: 10px; }
        .investor-table-style.revenue-table td {
          white-space: nowrap; } }
  .investor-table-style.annual-table th, .investor-table-style.annual-table td {
    vertical-align: middle; }
  .investor-table-style.annual-table td:nth-last-child(2):not([class^="t-"]) {
    text-align: left; }
  @media screen and (max-width: 479px) {
    .investor-table-style.annual-table.basic-layout th, .investor-table-style.annual-table.basic-layout td {
      padding: 10px 5px; } }
  @media screen and (min-width: 992px), print {
    .investor-table-style.annual-table.col-3.for-conference {
      line-height: 2; }
      .investor-table-style.annual-table.col-3.for-conference.basic-layout th, .investor-table-style.annual-table.col-3.for-conference.basic-layout td {
        padding-left: 10px;
        padding-right: 10px; } }
  @media screen and (min-width: 768px), print {
    .investor-table-style.annual-table.col-3.for-conference th:nth-child(1), .investor-table-style.annual-table.col-3.for-conference td:nth-child(1) {
      width: 25%; }
    .investor-table-style.annual-table.col-3.for-conference th:nth-child(2), .investor-table-style.annual-table.col-3.for-conference td:nth-child(2) {
      width: 60%; }
    .investor-table-style.annual-table.col-3.for-conference th:nth-child(3), .investor-table-style.annual-table.col-3.for-conference td:nth-child(3) {
      width: 15%; } }
  @media screen and (min-width: 480px), print {
    .investor-table-style.annual-table.col-3.for-conference.basic-layout th, .investor-table-style.annual-table.col-3.for-conference.basic-layout td {
      padding-left: 10px;
      padding-right: 10px; } }
  @media screen and (max-width: 479px) {
    .investor-table-style.annual-table.col-3 th:nth-child(2), .investor-table-style.annual-table.col-3 td:nth-child(2) {
      width: 65%; }
    .investor-table-style.annual-table.col-3 th:nth-child(3), .investor-table-style.annual-table.col-3 td:nth-child(3) {
      width: 15%; }
    .investor-table-style.annual-table.col-3 td:nth-child(1) {
      font-size: 14px; }
    .investor-table-style.annual-table.col-3.for-conference th:nth-child(2), .investor-table-style.annual-table.col-3.for-conference td:nth-child(2) {
      width: 55%; } }
  .investor-table-style.annual-table.col-4 th:nth-child(3), .investor-table-style.annual-table.col-4 td:nth-child(3) {
    width: 40%; }
  @media screen and (max-width: 479px) {
    .investor-table-style.annual-table.col-4 th:nth-child(3), .investor-table-style.annual-table.col-4 td:nth-child(3) {
      width: 50%; }
    .investor-table-style.annual-table.col-4 th:nth-child(4), .investor-table-style.annual-table.col-4 td:nth-child(4) {
      width: 15%; } }
  @media screen and (min-width: 768px), print {
    .investor-table-style.stock-table {
      text-align: center; }
      .investor-table-style.stock-table th, .investor-table-style.stock-table td {
        vertical-align: middle;
        padding: 15px; }
        .investor-table-style.stock-table th:nth-child(1), .investor-table-style.stock-table td:nth-child(1) {
          width: 12.5%; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .investor-table-style.stock-table th, .investor-table-style.stock-table td {
        padding: 15px 10px; } }

  @media screen and (max-width: 767px) {
    .investor-table-style.stock-table td::before, .investor-table-style.stock-table td .td-inner {
      padding: 10px 15px; }
    .investor-table-style.stock-table td::before {
      width: 135px; } }
  .investor-table-style.csr-table {
    letter-spacing: 0.05em; }
    .investor-table-style.csr-table th, .investor-table-style.csr-table td {
      vertical-align: middle; }
      .investor-table-style.csr-table th:nth-child(2), .investor-table-style.csr-table td:nth-child(2) {
        width: 50%; }
    @media screen and (min-width: 1200px), print {
      .investor-table-style.csr-table {
        margin-top: 40px; } }
  .investor-table-style.news-table {
    table-layout: fixed;
    text-align: center;
    letter-spacing: 0.05em; }
    .investor-table-style.news-table th, .investor-table-style.news-table td {
      vertical-align: middle; }
      .investor-table-style.news-table th:nth-child(1), .investor-table-style.news-table td:nth-child(1) {
        width: 30%; }
      .investor-table-style.news-table th:nth-child(3), .investor-table-style.news-table td:nth-child(3) {
        width: 20%; }
    .investor-table-style.news-table th {
      padding: 15px 25px; }
    .investor-table-style.news-table td {
      padding: 20px 25px; }
      .investor-table-style.news-table td:nth-child(1) {
        font-weight: 500; }
      .investor-table-style.news-table td:nth-child(2) {
        text-align: left; }
      .investor-table-style.news-table td .view {
        display: inline-block;
        vertical-align: middle;
        height: 20px; }
        .investor-table-style.news-table td .view svg {
          display: block;
          width: 28px;
          height: 20px; }
        .investor-table-style.news-table td .view:active {
          color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .investor-table-style.news-table td .view:hover {
    color: #BA000C; } }

    @media screen and (max-width: 991px) {
      .investor-table-style.news-table th {
        padding: 15px 20px; }
      .investor-table-style.news-table td {
        padding: 20px; } }
    @media screen and (max-width: 479px) {
      .investor-table-style.news-table th {
        padding: 5px 10px; }
      .investor-table-style.news-table td {
        padding: 10px; }
        .investor-table-style.news-table td:nth-child(1) {
          font-size: 14px;
          letter-spacing: 0; }
        .investor-table-style.news-table td .view {
          height: 15px; }
          .investor-table-style.news-table td .view svg {
            width: 21px;
            height: 15px; } }

.investor-main .news-head {
  padding-bottom: 15px;
  border-bottom: 1px solid #d2d2d2; }
  .investor-main .news-head .title {
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.35; }
  .investor-main .news-head .date {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    letter-spacing: 0.05em;
    color: #7f7f7f; }
.investor-main .news-content {
  margin-top: 50px; }
.investor-main .news-foot {
  margin-top: 60px;
  text-align: center; }
@media screen and (min-width: 768px), print {
  .investor-main .news-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .investor-main .news-head .title {
      width: calc(100% - 100px); }
    .investor-main .news-head .date {
      width: 100px;
      text-align: right; } }
@media screen and (max-width: 1199px) {
  .investor-main .news-head .title {
    font-size: 28px; } }
@media screen and (max-width: 991px) {
  .investor-main .news-head .title {
    font-size: 22px; }
  .investor-main .news-foot {
    margin-top: 50px; } }
@media screen and (max-width: 767px) {
  .investor-main .news-head .title {
    font-size: 22px; }
  .investor-main .news-head .date {
    margin-top: 5px; }
  .investor-main .news-content {
    margin-top: 25px; } }
@media screen and (max-width: 479px) {
  .investor-main .news-head .title {
    font-size: 18px; }
  .investor-main .news-content {
    margin-top: 20px; }
  .investor-main .news-foot {
    margin-top: 25px; } }

.investor-news-editor {
  font-size: 18px;
  line-height: 1.75;
  letter-spacing: 0.05em; }
  .investor-news-editor .mt-50 {
    margin-top: 50px; }
  @media screen and (max-width: 991px) {
    .investor-news-editor {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .investor-news-editor .mt-50 {
      margin-top: 35px; } }
  @media screen and (max-width: 479px) {
    .investor-news-editor {
      font-size: 15px; }
      .investor-news-editor .mt-50 {
        margin-top: 25px; } }

.investor-editor .sgs-wrapper img {
  display: block;
  border: 2px solid #d9d9d9; }
.investor-editor .sgs-wrapper + .sgs-wrapper {
  margin-top: 60px; }
@media screen and (max-width: 991px) {
  .investor-editor .sgs-wrapper + .sgs-wrapper {
    margin-top: 50px; } }
@media screen and (max-width: 767px) {
  .investor-editor .sgs-wrapper + .sgs-wrapper {
    margin-top: 35px; } }
@media screen and (max-width: 479px) {
  .investor-editor .sgs-wrapper img {
    border-width: 1px; }
  .investor-editor .sgs-wrapper + .sgs-wrapper {
    margin-top: 20px; } }
.investor-editor .radio-title {
  padding-left: 20px; }
  .investor-editor .radio-title::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: -20px;
    margin-right: 9px;
    border: 2px solid #BA000C;
    border-radius: 50%; }
.investor-editor .radio-list {
  padding-left: 40px;
  line-height: 2; }
  .investor-editor .radio-list li {
    position: relative; }
    .investor-editor .radio-list li::before {
      content: "";
      position: absolute;
      top: calc(1em - 11px/2);
      left: -40px;
      display: block;
      width: 11px;
      height: 11px;
      border: 2px solid #BA000C;
      border-radius: 50%; }
    .investor-editor .radio-list li + li {
      margin-top: 10px; }
  @media screen and (max-width: 991px) {
    .investor-editor .radio-list {
      line-height: 1.5; }
      .investor-editor .radio-list li::before {
        top: calc(0.75em - 11px/2); }
      .investor-editor .radio-list li + li {
        margin-top: 5px; } }
  @media screen and (max-width: 767px) {
    .investor-editor .radio-list {
      padding-left: 25px; }
      .investor-editor .radio-list li::before {
        left: -25px; } }
  @media screen and (max-width: 479px) {
    .investor-editor .radio-list {
      padding-left: 20px; }
      .investor-editor .radio-list li::before {
        top: calc(0.75em - 4px);
        left: -20px;
        width: 8px;
        height: 8px; } }
.investor-editor .company-table td {
  vertical-align: middle; }
@media screen and (min-width: 992px), print {
  .investor-editor .company-table td {
    padding: 20px 60px; }
    .investor-editor .company-table td:first-child {
      width: 300px;
      padding-left: 80px;
      padding-right: 80px; } }
@media screen and (max-width: 991px) {
  .investor-editor .company-table td {
    padding: 20px 25px; }
    .investor-editor .company-table td:first-child {
      width: 200px; } }
@media screen and (max-width: 479px) {
  .investor-editor .company-table td {
    padding: 15px 20px; }
    .investor-editor .company-table td:first-child {
      width: 120px; } }
@media screen and (max-width: 413px) {
  .investor-editor .company-table td {
    padding: 10px 15px; }
    .investor-editor .company-table td:first-child {
      width: 100px; } }
@media screen and (min-width: 768px), print {
  .investor-editor .company-table02 {
    table-layout: fixed; }
    .investor-editor .company-table02 th, .investor-editor .company-table02 td {
      vertical-align: middle; }
      .investor-editor .company-table02 th:not([class^="t-"]), .investor-editor .company-table02 td:not([class^="t-"]) {
        text-align: center; }
    .investor-editor .company-table02 td:first-child {
      text-align: left; } }
@media screen and (min-width: 992px), print {
  .investor-editor .company-table02 {
    letter-spacing: 0.05em; }
    .investor-editor .company-table02 th:first-child, .investor-editor .company-table02 td:first-child {
      width: 45%; }
    .investor-editor .company-table02 th:not(:first-child), .investor-editor .company-table02 td:not(:first-child) {
      width: calc(55%/3); }
    .investor-editor .company-table02 th {
      padding: 15px 25px; }
    .investor-editor .company-table02 td {
      padding: 20px 25px; } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .investor-editor .company-table02 th:first-child, .investor-editor .company-table02 td:first-child {
    width: 40%; }
  .investor-editor .company-table02 th:not(:first-child), .investor-editor .company-table02 td:not(:first-child) {
    width: 20%; }
  .investor-editor .company-table02 th {
    padding: 10px 15px; }
  .investor-editor .company-table02 td {
    padding: 15px; } }
@media screen and (max-width: 767px) {
  .investor-editor .company-table02 td::before, .investor-editor .company-table02 td .td-inner {
    padding: 10px 15px; }
  .investor-editor .company-table02 td::before {
    width: 120px; } }
.investor-editor .timeline-table th, .investor-editor .timeline-table td {
  vertical-align: middle; }
  .investor-editor .timeline-table th:not([class^="t-"]), .investor-editor .timeline-table td:not([class^="t-"]) {
    text-align: center; }
.investor-editor .timeline-table td {
  letter-spacing: 0.05em; }
  .investor-editor .timeline-table td:first-child {
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    color: #BA000C; }
  .investor-editor .timeline-table td:last-child {
    text-align: left; }
.investor-editor .timeline-table:not(.alt) th {
  padding: 15px 25px; }
.investor-editor .timeline-table:not(.alt) td {
  padding: 25px; }
@media screen and (min-width: 992px), print {
  .investor-editor .timeline-table td {
    line-height: 2; }
    .investor-editor .timeline-table td:first-child {
      width: 230px;
      font-size: 24px; }
  .investor-editor .timeline-table:not(.alt) td:first-child {
    width: 150px;
    font-size: 20px; } }
@media screen and (max-width: 479px) {
  .investor-editor .timeline-table:not(.responsive-table) th {
    padding: 10px 15px; }
  .investor-editor .timeline-table:not(.responsive-table) td {
    padding: 15px; }
    .investor-editor .timeline-table:not(.responsive-table) td:first-child {
      width: 75px;
      font-size: 17px; } }
@media screen and (max-width: 339px) {
  .investor-editor .timeline-table:not(.responsive-table) th {
    padding: 10px; }
  .investor-editor .timeline-table:not(.responsive-table) td {
    padding: 15px 10px; }
    .investor-editor .timeline-table:not(.responsive-table) td:first-child {
      width: 65px; } }
@media screen and (min-width: 768px), print {
  .investor-editor .timeline-table.alt {
    table-layout: fixed; } }
@media screen and (min-width: 1400px), print {
  .investor-editor .timeline-table.alt th:nth-child(1), .investor-editor .timeline-table.alt td:nth-child(1) {
    width: 200px; }
  .investor-editor .timeline-table.alt th:nth-child(2), .investor-editor .timeline-table.alt td:nth-child(2) {
    width: 200px; }
  .investor-editor .timeline-table.alt th:nth-child(3), .investor-editor .timeline-table.alt td:nth-child(3) {
    width: 125px; }
  .investor-editor .timeline-table.alt th {
    padding: 15px 25px; }
  .investor-editor .timeline-table.alt td {
    padding: 25px; } }
@media screen and (max-width: 1399px) and (min-width: 992px) {
  .investor-editor .timeline-table.alt th:nth-child(1), .investor-editor .timeline-table.alt td:nth-child(1) {
    width: 15%; }
  .investor-editor .timeline-table.alt th:nth-child(2), .investor-editor .timeline-table.alt td:nth-child(2) {
    width: 20%; }
  .investor-editor .timeline-table.alt th:nth-child(3), .investor-editor .timeline-table.alt td:nth-child(3) {
    width: 10%; }
  .investor-editor .timeline-table.alt th {
    padding: 15px 20px; }
  .investor-editor .timeline-table.alt td {
    padding: 25px 20px; } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .investor-editor .timeline-table.alt th, .investor-editor .timeline-table.alt td {
    padding: 15px; }
    .investor-editor .timeline-table.alt th:nth-child(1), .investor-editor .timeline-table.alt td:nth-child(1) {
      width: 10%; }
    .investor-editor .timeline-table.alt th:nth-child(2), .investor-editor .timeline-table.alt td:nth-child(2) {
      width: 20%; }
    .investor-editor .timeline-table.alt th:nth-child(3), .investor-editor .timeline-table.alt td:nth-child(3) {
      width: 15%; }
  .investor-editor .timeline-table.alt td:first-child {
    font-size: 20px; } }
@media screen and (max-width: 767px) {
  .investor-editor .timeline-table.alt td::before {
    display: none; }
  .investor-editor .timeline-table.alt td.td-date {
    display: none !important; }
  .investor-editor .timeline-table.alt td .td-inner {
    padding: 15px 20px;
    text-align: left; }
  .investor-editor .timeline-table.alt td.td-year {
    background-color: #BA000C;
    color: #ffffff;
    letter-spacing: 0.05em; }
    .investor-editor .timeline-table.alt td.td-year .td-inner {
      border-bottom: none; }
  .investor-editor .timeline-table.alt td.td-sequence {
    background-color: #f5f5f5; } }
@media screen and (max-width: 479px) {
  .investor-editor .timeline-table.alt td::before {
    display: none; }
  .investor-editor .timeline-table.alt td .td-inner {
    padding: 10px; } }
@media screen and (min-width: 992px), print {
  .investor-editor .tree {
    margin-top: 75px; } }
.investor-editor .tree .tree-row {
  position: relative;
  text-align: center; }
  .investor-editor .tree .tree-row:not(.branch) .tree-row-inner {
    height: 70px; }
    @media screen and (max-width: 991px) {
      .investor-editor .tree .tree-row:not(.branch) .tree-row-inner {
        height: 55px; } }
    @media screen and (max-width: 599px) {
      .investor-editor .tree .tree-row:not(.branch) .tree-row-inner {
        height: 45px; } }
  .investor-editor .tree .tree-row.branch::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 0.5px);
    display: block;
    width: 1px;
    background-color: #b4b4b4; }
  .investor-editor .tree .tree-row.branch .tree-row-inner {
    position: relative; }
    .investor-editor .tree .tree-row.branch .tree-row-inner::before {
      content: "";
      position: absolute;
      top: 0;
      display: block;
      height: 1px;
      background-color: #b4b4b4; }
  .investor-editor .tree .tree-row.branch .tree-item::before {
    content: "";
    display: block;
    width: 1px;
    margin: 0 auto;
    background-color: #b4b4b4; }
  .msie .investor-editor .tree .tree-row.branch .tree-row-inner {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .investor-editor .tree .tree-row .tree-row-inner {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .investor-editor .tree .tree-row + .tree-row::before {
    content: "";
    position: relative;
    z-index: 1;
    display: block;
    width: 1px;
    height: 35px;
    margin: 0 auto;
    background-color: #b4b4b4; }
    @media screen and (max-width: 991px) {
      .investor-editor .tree .tree-row + .tree-row::before {
        height: 27.5px; } }
    @media screen and (max-width: 599px) {
      .investor-editor .tree .tree-row + .tree-row::before {
        height: 15px; } }
  .investor-editor .tree .tree-row.shrink-height .tree-row-inner {
    height: 35px;
    margin: -35px auto; }
  @media screen and (max-width: 991px) {
    .investor-editor .tree .tree-row.shrink-height .tree-row-inner {
      height: 27.5px;
      margin: -27.5px auto; } }
  @media screen and (max-width: 599px) {
    .investor-editor .tree .tree-row.shrink-height .tree-row-inner {
      height: 15px;
      margin: -15px auto; } }
.investor-editor .tree > .tree-row.branch {
  padding-top: 40px; }
  .investor-editor .tree > .tree-row.branch::after {
    height: 40px; }
  @media screen and (max-width: 599px) {
    .investor-editor .tree > .tree-row.branch {
      padding-top: 30px; }
      .investor-editor .tree > .tree-row.branch::after {
        height: 30px; } }
  .investor-editor .tree > .tree-row.branch > .tree-row-inner::before {
    left: 35px;
    right: 35px; }
    @media screen and (max-width: 991px) {
      .investor-editor .tree > .tree-row.branch > .tree-row-inner::before {
        left: 30px;
        right: 30px; } }
    @media screen and (max-width: 599px) {
      .investor-editor .tree > .tree-row.branch > .tree-row-inner::before {
        left: 22px;
        right: 22px; } }
    @media screen and (max-width: 479px) {
      .investor-editor .tree > .tree-row.branch > .tree-row-inner::before {
        left: 15px;
        right: 15px; } }
  .investor-editor .tree > .tree-row.branch > .tree-row-inner > .tree-item::before {
    height: 40px; }
  @media screen and (max-width: 599px) {
    .investor-editor .tree > .tree-row.branch > .tree-row-inner > .tree-item::before {
      height: 15px; } }
  .investor-editor .tree > .tree-row.branch > .tree-row-inner > .tree-item + .tree-item {
    margin-left: 45px; }
    @media screen and (max-width: 1399px) {
      .investor-editor .tree > .tree-row.branch > .tree-row-inner > .tree-item + .tree-item {
        margin-left: 15px; } }
    @media screen and (max-width: 767px) {
      .investor-editor .tree > .tree-row.branch > .tree-row-inner > .tree-item + .tree-item {
        margin-left: 5px; } }
  .investor-editor .tree > .tree-row.branch.wide > .tree-row-inner > .tree-item + .tree-item {
    margin-left: 95px; }
  @media screen and (max-width: 767px) {
    .investor-editor .tree > .tree-row.branch.wide > .tree-row-inner > .tree-item + .tree-item {
      margin-left: 50px; } }
  @media screen and (max-width: 479px) {
    .investor-editor .tree > .tree-row.branch.wide > .tree-row-inner::before {
      left: 20px;
      right: 20px; }
    .investor-editor .tree > .tree-row.branch.wide > .tree-row-inner > .tree-item + .tree-item {
      margin-left: 25px; }
    .investor-editor .tree > .tree-row.branch.wide > .tree-row-inner > .tree-item .tree-label.sm {
      width: 40px;
      padding: 0 10px; } }
.investor-editor .tree .tree-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .investor-editor .tree .tree-item.left, .investor-editor .tree .tree-item.right {
    position: relative; }
    .investor-editor .tree .tree-item.left::before, .investor-editor .tree .tree-item.right::before {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      width: 45px;
      height: 1px;
      background-color: #b4b4b4; }
    @media screen and (max-width: 1399px) {
      .investor-editor .tree .tree-item.left::before, .investor-editor .tree .tree-item.right::before {
        width: 22.5px; } }
    @media screen and (max-width: 599px) {
      .investor-editor .tree .tree-item.left::before, .investor-editor .tree .tree-item.right::before {
        width: 12.5px; } }
    @media screen and (max-width: 339px) {
      .investor-editor .tree .tree-item.left::before, .investor-editor .tree .tree-item.right::before {
        width: 7.5px; } }
  .investor-editor .tree .tree-item.left::before {
    right: 0; }
  .investor-editor .tree .tree-item.right::before {
    left: 0; }
  @media screen and (min-width: 1400px), print {
    .investor-editor .tree .tree-item.left {
      padding-right: 90px; }
    .investor-editor .tree .tree-item.right {
      padding-left: 90px; } }
  @media screen and (max-width: 1399px) and (min-width: 600px) {
    .investor-editor .tree .tree-item.left {
      padding-right: 45px; }
    .investor-editor .tree .tree-item.right {
      padding-left: 45px; } }
  @media screen and (max-width: 599px) {
    .investor-editor .tree .tree-item.left {
      padding-right: 25px; }
    .investor-editor .tree .tree-item.right {
      padding-left: 25px; } }
  @media screen and (max-width: 339px) {
    .investor-editor .tree .tree-item.left {
      padding-right: 15px; }
    .investor-editor .tree .tree-item.right {
      padding-left: 15px; } }
  .investor-editor .tree .tree-item.multi .tree-label + .tree-label {
    margin-top: 35px; }
  @media screen and (max-width: 991px) {
    .investor-editor .tree .tree-item.multi .tree-label + .tree-label {
      margin-top: 27.5px; } }
  @media screen and (max-width: 599px) {
    .investor-editor .tree .tree-item.multi .tree-label + .tree-label {
      margin-top: 15px; } }
  .investor-editor .tree .tree-item.multi::after {
    content: "";
    position: absolute;
    top: 35px;
    right: 45px;
    bottom: 35px;
    width: 1px;
    background-color: #b4b4b4; }
    @media screen and (max-width: 1399px) {
      .investor-editor .tree .tree-item.multi::after {
        right: 22.5px; } }
    @media screen and (max-width: 991px) {
      .investor-editor .tree .tree-item.multi::after {
        top: 27.5px;
        bottom: 27.5px; } }
    @media screen and (max-width: 599px) {
      .investor-editor .tree .tree-item.multi::after {
        top: 22.5px;
        bottom: 22.5px;
        right: 12.5px; } }
    @media screen and (max-width: 339px) {
      .investor-editor .tree .tree-item.multi::after {
        right: 7.5px; } }
  .investor-editor .tree .tree-item.multi.left .tree-label {
    position: relative; }
    .investor-editor .tree .tree-item.multi.left .tree-label::after {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      left: 100%;
      display: block;
      width: 45px;
      height: 1px;
      background-color: #b4b4b4; }
    @media screen and (max-width: 1399px) {
      .investor-editor .tree .tree-item.multi.left .tree-label::after {
        width: 22.5px; } }
    @media screen and (max-width: 599px) {
      .investor-editor .tree .tree-item.multi.left .tree-label::after {
        width: 12.5px; } }
    @media screen and (max-width: 339px) {
      .investor-editor .tree .tree-item.multi.left .tree-label::after {
        width: 7.5px; } }
  .investor-editor .tree .tree-item.single.right::before {
    left: -112px;
    width: 202px; }
  @media screen and (max-width: 1399px) {
    .investor-editor .tree .tree-item.single.right::before {
      left: -90px;
      width: 135px; } }
  @media screen and (max-width: 991px) {
    .investor-editor .tree .tree-item.single.right::before {
      left: -75px;
      width: 120px; } }
  @media screen and (max-width: 599px) {
    .investor-editor .tree .tree-item.single.right::before {
      left: -45px;
      width: 70px; } }
  @media screen and (max-width: 339px) {
    .investor-editor .tree .tree-item.single.right::before {
      left: -42.5px;
      width: 57.5px; } }
.investor-editor .tree .tree-label {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.15;
  color: #ffffff; }
  .investor-editor .tree .tree-label.red {
    background-image: -webkit-linear-gradient(top, #CF102D, #A80019);
    background-image: -moz-linear-gradient(top, #CF102D, #A80019);
    background-image: -o-linear-gradient(top, #CF102D, #A80019);
    background-image: -ms-linear-gradient(top, #CF102D, #A80019);
    background-image: linear-gradient(to bottom, #CF102D, #A80019); }
  .investor-editor .tree .tree-label.gray {
    background-image: -webkit-linear-gradient(top, #9e9e9e, #696969);
    background-image: -moz-linear-gradient(top, #9e9e9e, #696969);
    background-image: -o-linear-gradient(top, #9e9e9e, #696969);
    background-image: -ms-linear-gradient(top, #9e9e9e, #696969);
    background-image: linear-gradient(to bottom, #9e9e9e, #696969); }
  .investor-editor .tree .tree-label.light-gray {
    background-image: -webkit-linear-gradient(top, #BDBDBD, #7E7E7E);
    background-image: -moz-linear-gradient(top, #BDBDBD, #7E7E7E);
    background-image: -o-linear-gradient(top, #BDBDBD, #7E7E7E);
    background-image: -ms-linear-gradient(top, #BDBDBD, #7E7E7E);
    background-image: linear-gradient(to bottom, #BDBDBD, #7E7E7E); }
  .investor-editor .tree .tree-label.sm {
    padding: 0 15px; }
  @media screen and (min-width: 992px), print {
    .investor-editor .tree .tree-label {
      width: 225px;
      height: 70px;
      -webkit-box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.25);
      box-shadow: 8px 8px 25px rgba(0, 0, 0, 0.25); }
      .investor-editor .tree .tree-label.sm {
        width: 70px;
        height: 225px;
        -ms-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
        letter-spacing: 0.25em; } }
  @media screen and (max-width: 1399px) and (min-width: 992px) {
    .investor-editor .tree .tree-label {
      width: 180px; } }
  @media screen and (max-width: 991px) {
    .investor-editor .tree .tree-label {
      width: 150px;
      height: 55px;
      font-size: 16px;
      -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
      box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25); }
      .investor-editor .tree .tree-label.sm {
        width: 55px;
        height: 180px; } }
  @media screen and (max-width: 599px) {
    .investor-editor .tree .tree-label {
      width: 90px;
      height: 45px;
      font-size: 15px;
      -webkit-box-shadow: 2px 2px 7.5px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 2px 2px 7.5px rgba(0, 0, 0, 0.25);
      box-shadow: 2px 2px 7.5px rgba(0, 0, 0, 0.25); }
      .investor-editor .tree .tree-label.sm {
        width: 45px;
        padding: 0 10px; } }
  @media screen and (max-width: 479px) {
    .investor-editor .tree .tree-label.sm {
      width: 30px;
      height: 150px;
      padding: 0 5px; } }
  @media screen and (max-width: 339px) {
    .investor-editor .tree .tree-label {
      width: 85px;
      font-size: 14px; } }
.investor-editor .philosophy-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .investor-editor .philosophy-list .list-item {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center; }
    .investor-editor .philosophy-list .list-item figure {
      position: relative; }
      .investor-editor .philosophy-list .list-item figure img {
        display: block;
        margin: 0 auto; }
      .investor-editor .philosophy-list .list-item figure figcaption {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.05em; }
    .investor-editor .philosophy-list .list-item .caption {
      margin-top: 35px;
      line-height: 1.15; }
      .investor-editor .philosophy-list .list-item .caption span {
        display: block;
        letter-spacing: 0.05em; }
        .investor-editor .philosophy-list .list-item .caption span + span {
          margin-top: 5px; }
      .investor-editor .philosophy-list .list-item .caption .zh {
        font-size: 24px;
        font-weight: 500; }
      .investor-editor .philosophy-list .list-item .caption .en {
        font-size: 15px;
        color: #959595; }
  @media screen and (min-width: 1400px), print {
    .investor-editor .philosophy-list .list-item {
      width: calc(25% - 144px/4); } }
  @media screen and (min-width: 992px), print {
    .investor-editor .philosophy-list .list-item figure::before, .investor-editor .philosophy-list .list-item figure::after {
      content: "";
      position: absolute;
      display: block;
      z-index: 1;
      top: calc(50% - 6.5px);
      width: 13px;
      height: 13px;
      border: 2px solid #ffffff;
      border-radius: 50%; }
    .investor-editor .philosophy-list .list-item figure::before {
      left: -5px; }
    .investor-editor .philosophy-list .list-item figure::after {
      right: -5px; }
    .investor-editor .philosophy-list .list-item figure figcaption::before {
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      left: -48px;
      width: 48px;
      height: 3px; }
    .investor-editor .philosophy-list .list-item:nth-child(1) figure::before {
      display: none; }
    .investor-editor .philosophy-list .list-item:nth-child(1) figure::after {
      background-color: #999999;
      -webkit-box-shadow: 0 0 0 2.75px #999999;
      -moz-box-shadow: 0 0 0 2.75px #999999;
      box-shadow: 0 0 0 2.75px #999999; }
    .investor-editor .philosophy-list .list-item:nth-child(1) figure figcaption::before {
      display: none; }
    .investor-editor .philosophy-list .list-item:nth-child(2) figure figcaption::before {
      background-color: #999999; }
    .investor-editor .philosophy-list .list-item:nth-child(3) figure figcaption::before, .investor-editor .philosophy-list .list-item:nth-child(4) figure figcaption::before {
      background-color: #E16B7D; }
    .investor-editor .philosophy-list .list-item:nth-child(3) figure::before, .investor-editor .philosophy-list .list-item:nth-child(3) figure::after {
      background-color: #b8b8b8;
      -webkit-box-shadow: 0 0 0 2.75px #b8b8b8;
      -moz-box-shadow: 0 0 0 2.75px #b8b8b8;
      box-shadow: 0 0 0 2.75px #b8b8b8; }
    .investor-editor .philosophy-list .list-item:nth-child(2) figure::before, .investor-editor .philosophy-list .list-item:nth-child(2) figure::after, .investor-editor .philosophy-list .list-item:nth-child(4) figure::before, .investor-editor .philosophy-list .list-item:nth-child(4) figure::after {
      background-color: #E16B7D;
      -webkit-box-shadow: 0 0 0 2.75px #E16B7D;
      -moz-box-shadow: 0 0 0 2.75px #E16B7D;
      box-shadow: 0 0 0 2.75px #E16B7D; } }
  @media screen and (max-width: 1399px) and (min-width: 992px) {
    .investor-editor .philosophy-list .list-item {
      width: calc(25% - 75px/3); } }
  @media screen and (max-width: 1399px) {
    .investor-editor .philosophy-list .list-item figure figcaption {
      font-size: 18px; }
      .investor-editor .philosophy-list .list-item figure figcaption::before {
        left: -25px;
        width: 25px; }
    .investor-editor .philosophy-list .list-item .caption {
      margin-top: 20px; }
      .investor-editor .philosophy-list .list-item .caption .zh {
        font-size: 20px; } }
  @media screen and (max-width: 991px) {
    .investor-editor .philosophy-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      max-width: 500px;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 991px) and (min-width: 600px) {
    .investor-editor .philosophy-list .list-item figure figcaption {
      font-size: 20px; }
    .investor-editor .philosophy-list .list-item .caption {
      margin-top: 35px; }
      .investor-editor .philosophy-list .list-item .caption .zh {
        font-size: 22px; }
    .investor-editor .philosophy-list .list-item:not(:nth-child(-n+2)) {
      margin-top: 50px; }
    .investor-editor .philosophy-list .list-item:not(:nth-child(2n+0)) {
      margin-right: 50px; } }
  @media screen and (max-width: 599px) and (min-width: 480px) {
    .investor-editor .philosophy-list .list-item {
      width: calc(50% - 25px/2); }
      .investor-editor .philosophy-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 35px; }
      .investor-editor .philosophy-list .list-item:not(:nth-child(2n+0)) {
        margin-right: 25px; } }
  @media screen and (max-width: 479px) {
    .investor-editor .philosophy-list .list-item {
      width: calc(50% - 15px/2); }
      .investor-editor .philosophy-list .list-item figure figcaption {
        font-size: 16px; } }
    @media screen and (max-width: 479px) and (max-width: 339px) {
      .investor-editor .philosophy-list .list-item figure figcaption {
        font-size: 15px; } }
  @media screen and (max-width: 479px) {
      .investor-editor .philosophy-list .list-item .caption {
        margin-top: 15px; }
        .investor-editor .philosophy-list .list-item .caption span + span {
          margin-top: 3px; }
        .investor-editor .philosophy-list .list-item .caption .zh {
          font-size: 18px; }
        .investor-editor .philosophy-list .list-item .caption .en {
          font-size: 13px; }
      .investor-editor .philosophy-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 35px; }
      .investor-editor .philosophy-list .list-item:not(:nth-child(2n+0)) {
        margin-right: 15px; } }
@media screen and (min-width: 768px), print {
  .investor-editor .director-table {
    table-layout: fixed; }
    .investor-editor .director-table th, .investor-editor .director-table td {
      vertical-align: middle; }
      .investor-editor .director-table th:not([class^="t-"]), .investor-editor .director-table td:not([class^="t-"]) {
        text-align: center; }
    .investor-editor .director-table td {
      color: rgba(0, 0, 0, 0.75); }
      .investor-editor .director-table td.t-left, .investor-editor .director-table td:nth-child(3) {
        text-align: left; }
      .investor-editor .director-table td:nth-child(1) {
        color: rgba(0, 0, 0, 0.9); } }
@media screen and (min-width: 992px), print {
  .investor-editor .director-table {
    letter-spacing: 0.05em; }
    .investor-editor .director-table th:nth-child(1), .investor-editor .director-table td:nth-child(1) {
      width: 180px; }
    .investor-editor .director-table th:nth-child(2), .investor-editor .director-table td:nth-child(2) {
      width: 30%;
      padding-left: 45px;
      padding-right: 45px; }
    .investor-editor .director-table th {
      padding: 15px 20px; }
    .investor-editor .director-table td {
      padding: 30px 20px;
      line-height: 2.5; } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .investor-editor .director-table th:nth-child(1), .investor-editor .director-table td:nth-child(1) {
    width: 17.5%; }
  .investor-editor .director-table th:nth-child(2), .investor-editor .director-table td:nth-child(2) {
    width: 25%; }
  .investor-editor .director-table th {
    padding: 15px 20px; }
  .investor-editor .director-table td {
    padding: 20px; } }
@media screen and (max-width: 767px) {
  .investor-editor .director-table td::before {
    display: none !important; }
  .investor-editor .director-table td .td-inner {
    padding: 15px 20px; }
  .investor-editor .director-table td:nth-child(1) {
    background-color: #BA000C !important;
    color: #ffffff; }
    .investor-editor .director-table td:nth-child(1) .td-inner {
      border: none !important; }
  .investor-editor .director-table td:nth-child(2) {
    background-color: #f5f5f5; }
  .investor-editor .director-table.alt td::before {
    width: 115px; } }
@media screen and (max-width: 479px) {
  .investor-editor .director-table td .td-inner {
    padding: 10px; }
  .investor-editor .director-table.alt td::before {
    width: 80px; } }
@media screen and (max-width: 413px) {
  .investor-editor .director-table tr + tr {
    margin-top: 20px; } }
.investor-editor .committee-table th, .investor-editor .committee-table td {
  letter-spacing: 0.05em;
  vertical-align: middle; }
  .investor-editor .committee-table th:not([class^="t-"]), .investor-editor .committee-table td:not([class^="t-"]) {
    text-align: center; }
@media screen and (min-width: 480px), print {
  .investor-editor .committee-table th:nth-child(1), .investor-editor .committee-table td:nth-child(1) {
    width: 40%; }
  .investor-editor .committee-table th:nth-child(2), .investor-editor .committee-table td:nth-child(2) {
    width: 20%; }
  .investor-editor .committee-table th:nth-child(3), .investor-editor .committee-table td:nth-child(3) {
    width: 40%; } }
@media screen and (max-width: 479px) {
  .investor-editor .committee-table th:nth-child(1), .investor-editor .committee-table td:nth-child(1) {
    width: 35%; }
  .investor-editor .committee-table th:nth-child(2), .investor-editor .committee-table td:nth-child(2) {
    width: 30%; }
  .investor-editor .committee-table th:nth-child(3), .investor-editor .committee-table td:nth-child(3) {
    width: 35%; }
  .investor-editor .committee-table td {
    text-align: left !important; } }
.investor-editor .committee-table02 th, .investor-editor .committee-table02 td {
  letter-spacing: 0.05em;
  vertical-align: middle; }
  .investor-editor .committee-table02 th:not([class^="t-"]), .investor-editor .committee-table02 td:not([class^="t-"]) {
    text-align: center; }
.investor-editor .committee-table02 td {
  line-height: 2; }
  .investor-editor .committee-table02 td:nth-child(2) {
    text-align: left; }
@media screen and (min-width: 480px), print {
  .investor-editor .committee-table02 th:nth-child(1), .investor-editor .committee-table02 td:nth-child(1) {
    width: 30%; }
  .investor-editor .committee-table02 th:nth-child(2), .investor-editor .committee-table02 td:nth-child(2) {
    width: 70%; } }
@media screen and (max-width: 991px) {
  .investor-editor .committee-table02 td {
    line-height: 1.5; } }
@media screen and (max-width: 479px) {
  .investor-editor .committee-table02 th:nth-child(1), .investor-editor .committee-table02 td:nth-child(1) {
    width: 100px; }
  .investor-editor .committee-table02 td:nth-child(1) {
    font-size: 14px; } }
.investor-editor .audit-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .investor-editor .audit-list .list-item {
    position: relative; }
    .investor-editor .audit-list .list-item .item-display {
      position: relative; }
      .investor-editor .audit-list .list-item .item-display img {
        display: block; }
      .investor-editor .audit-list .list-item .item-display .item-display-bg {
        position: relative; }
      .investor-editor .audit-list .list-item .item-display .item-display-icon {
        position: absolute;
        top: 0;
        left: 4%;
        right: 20%;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    .investor-editor .audit-list .list-item .item-caption {
      padding-right: 17.5%;
      text-align: center;
      color: rgba(0, 0, 0, 0.75);
      font-weight: 500; }
    .investor-editor .audit-list .list-item:nth-child(1) {
      z-index: 6; }
      .investor-editor .audit-list .list-item:nth-child(1) .item-display .item-display-icon {
        left: 0; }
    .investor-editor .audit-list .list-item:nth-child(2) {
      z-index: 5; }
    .investor-editor .audit-list .list-item:nth-child(3) {
      z-index: 4; }
    .investor-editor .audit-list .list-item:nth-child(4) {
      z-index: 3; }
    .investor-editor .audit-list .list-item:nth-child(5) {
      z-index: 2; }
    .investor-editor .audit-list .list-item:nth-child(6) {
      z-index: 1; }
      .investor-editor .audit-list .list-item:nth-child(6) .item-display .item-display-icon {
        right: 0; }
      .investor-editor .audit-list .list-item:nth-child(6) .item-caption {
        padding: 0; }
    .investor-editor .audit-list .list-item + .list-item {
      margin-left: -3.75%; }
  @media screen and (min-width: 768px), print {
    .investor-editor .audit-list .list-item {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: calc(21300%/1040); }
      .investor-editor .audit-list .list-item:nth-child(6) {
        width: calc(17600%/1040); }
      .investor-editor .audit-list .list-item .item-caption {
        margin-top: 25px; } }
    @media screen and (min-width: 768px) and (max-width: 1300px) and (min-width: 992px) {
      .investor-editor .audit-list .list-item .item-caption {
        font-size: 15px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .investor-editor .audit-list .list-item .item-caption {
        margin-top: 15px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
      .investor-editor .audit-list .list-item .item-caption {
        padding: 0 calc(15px + 17.5%) 0 15px;
        font-size: 14px; } }

  @media screen and (max-width: 767px) {
    .investor-editor .audit-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .investor-editor .audit-list .list-item {
        width: calc(100%/3); }
        .investor-editor .audit-list .list-item:nth-child(3n+1) {
          margin-left: 0; }
        .investor-editor .audit-list .list-item:last-child {
          width: calc(100%/3 - 6.25%); }
        .investor-editor .audit-list .list-item .item-display {
          margin-top: 15px; }
        .investor-editor .audit-list .list-item .item-caption {
          margin-top: 10px;
          font-size: 17px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .investor-editor .audit-list {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 479px) {
    .investor-editor .audit-list {
      margin: 0 -11% 0 2%; }
      .investor-editor .audit-list .list-item .item-display .item-display-icon img {
        max-width: 50%;
        max-height: 50%; }
      .investor-editor .audit-list .list-item .item-caption {
        font-size: 15px; } }
  @media screen and (max-width: 339px) {
    .investor-editor .audit-list .list-item .item-caption {
      font-size: 14px; } }
.investor-editor .contact-table {
  letter-spacing: 0.05em; }
  @media screen and (min-width: 768px), print {
    .investor-editor .contact-table {
      table-layout: fixed; }
      .investor-editor .contact-table th {
        padding: 15px 25px; }
      .investor-editor .contact-table td {
        width: 50%;
        padding: 20px 25px; }
        .investor-editor .contact-table td:nth-child(1) {
          padding-left: 25%; }
        .investor-editor .contact-table td:nth-child(2) {
          padding-right: 15%; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .investor-editor .contact-table th {
      padding: 15px 20px; }
    .investor-editor .contact-table td {
      padding: 20px; }
      .investor-editor .contact-table td:nth-child(1) {
        width: 30%; }
      .investor-editor .contact-table td:nth-child(2) {
        width: 70%; } }
  @media screen and (max-width: 479px) {
    .investor-editor .contact-table {
      letter-spacing: 0; }
      .investor-editor .contact-table th, .investor-editor .contact-table td {
        padding: 10px 15px; } }
  @media screen and (max-width: 339px) {
    .investor-editor .contact-table th, .investor-editor .contact-table td {
      padding: 10px; }
    .investor-editor .contact-table td {
      min-width: calc(2em + 30px); }
    .investor-editor .contact-table.alt td:nth-child(1) {
      width: 35%; }
    .investor-editor .contact-table.alt td:nth-child(2) {
      width: 65%; } }
.investor-editor .stakeholder-table td {
  color: rgba(0, 0, 0, 0.75); }
  .investor-editor .stakeholder-table td:nth-child(1) {
    color: rgba(0, 0, 0, 0.9); }
@media screen and (min-width: 768px), print {
  .investor-editor .stakeholder-table {
    table-layout: fixed;
    letter-spacing: 0.05em; }
    .investor-editor .stakeholder-table th, .investor-editor .stakeholder-table td {
      vertical-align: middle; }
      .investor-editor .stakeholder-table th:nth-child(2), .investor-editor .stakeholder-table td:nth-child(2) {
        width: 45%; }
    .investor-editor .stakeholder-table th {
      padding: 15px 20px; }
    .investor-editor .stakeholder-table td {
      padding: 25px 20px; }
    .investor-editor .stakeholder-table th:nth-child(1), .investor-editor .stakeholder-table td:nth-child(1) {
      padding-left: 7%; }
    .investor-editor .stakeholder-table th:nth-child(3), .investor-editor .stakeholder-table td:nth-child(3) {
      text-align: center; } }
  @media screen and (min-width: 768px) and (max-width: 1399px) {
    .investor-editor .stakeholder-table td:nth-child(1) {
      padding-left: 25px; } }

@media screen and (max-width: 767px) {
  .investor-editor .stakeholder-table td::before, .investor-editor .stakeholder-table td .td-inner {
    padding: 15px; }
  .investor-editor .stakeholder-table td::before {
    width: 110px; } }
@media screen and (max-width: 767px) {
  .investor-editor .stakeholder-table td::before, .investor-editor .stakeholder-table td .td-inner {
    padding: 10px; }
  .investor-editor .stakeholder-table td::before {
    width: 95px; } }

/* ------------------------------------------
 * article
 * ----------------------------------------- */
.articleList-style {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .articleList-style.changing {
    opacity: 0;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none; }
  .articleList-style .list-item {
    /*a
     * display: block
     * +hover-hover
     * 	+min($min-md)
     * 		.pic
     * 			&::after
     * 				+transition(opacity .3s ease-in-out)
     * 		.txt-box
     * 			.foot
     * 				&::before
     * 					+transition-property(width, background-color)
     * 					+transition-duration(.3s)
     * 					+transition-timing-function(ease-in-out)
     * 		&:hover
     * 			.pic
     * 				&::after
     * 					opacity: 1
     * 			.txt-box
     * 				.foot
     * 					&::before
     * 						width: 100px */ }
    .articleList-style .list-item .pic {
      position: relative;
      display: block;
      height: 100%; }
      .articleList-style .list-item .pic::before, .articleList-style .list-item .pic::after {
        content: "";
        display: block; }
      .articleList-style .list-item .pic::before {
        padding-bottom: calc(30500%/450); }
      .articleList-style .list-item .pic::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(186, 0, 12, 0.66);
        opacity: 0; }
    .articleList-style .list-item .pic-wrapper {
      position: relative;
      display: block; }
      .articleList-style .list-item .pic-wrapper[data-rel="lightcase"]::after {
        content: "";
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 60px;
        height: 60px;
        background-color: rgba(0, 0, 0, 0.4);
        border: 2px solid #ffffff;
        border-radius: 50%;
        font-family: "icomoon";
        font-size: 25px;
        color: #ffffff; }
    .articleList-style .list-item .txt-box {
      position: relative;
      z-index: 2;
      background-color: #ffffff; }
      .articleList-style .list-item .txt-box .head, .articleList-style .list-item .txt-box .foot {
        font-size: 16px;
        line-height: 1;
        letter-spacing: 0.05em; }
      .articleList-style .list-item .txt-box .head {
        color: #BA000C; }
      .articleList-style .list-item .txt-box .content {
        margin-top: 20px; }
        .articleList-style .list-item .txt-box .content .title {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          max-height: 3em;
          font-size: 20px;
          font-weight: 500;
          line-height: 1.5;
          letter-spacing: 0.05em; }
        .articleList-style .list-item .txt-box .content .summary {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-top: 15px;
          height: 3.5em;
          font-size: 16px;
          line-height: 1.75;
          letter-spacing: 0.05em;
          color: rgba(0, 0, 0, 0.55); }
      .articleList-style .list-item .txt-box .foot {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 35px;
        font-size: 15px;
        color: #727272; }
        .articleList-style .list-item .txt-box .foot span {
          display: block; }
          .articleList-style .list-item .txt-box .foot span + span {
            margin-left: 1em; }
        .articleList-style .list-item .txt-box .foot::before {
          content: "";
          display: block;
          width: 50px;
          height: 1px;
          margin-right: 1em;
          background-color: rgba(0, 0, 0, 0.3); }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .articleList-style .list-item .pic-wrapper .pic::after {
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out; }
  .articleList-style .list-item .pic-wrapper:hover .pic::after {
    opacity: 1; }
  .articleList-style .list-item .txt-box .head a {
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity; }
    .articleList-style .list-item .txt-box .head a:hover {
      opacity: 0.5; }
  .articleList-style .list-item .txt-box .content .title a:hover {
    color: #BA000C; }
  .articleList-style .list-item .txt-box .foot.has-link::before {
    -moz-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    -webkit-transition-property: width, background-color;
    transition-property: width, background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  .articleList-style .list-item .txt-box .foot.has-link:hover::before {
    width: 75px; }
  .articleList-style .list-item .txt-box .foot.has-link a:hover {
    color: #BA000C; } }

  .articleList-style[data-layout="list"] .list-item .list-item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .articleList-style[data-layout="list"] .list-item .pic-wrapper {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  @media screen and (min-width: 600px), print {
    .articleList-style[data-layout="grid"] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .articleList-style[data-layout="grid"]:not(.first) .list-item .txt-box .content .title {
        height: 3em; }
    .articleList-style[data-layout="list"] .list-item + .list-item {
      margin-top: 35px; }
    .articleList-style[data-layout="list"] .list-item .pic-wrapper {
      max-width: 450px; }
    .articleList-style[data-layout="list"] .list-item:not(.pinned) .list-item-inner {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .articleList-style[data-layout="list"] .list-item.pinned .pic::before {
      padding-bottom: calc(49000%/725); }
    .articleList-style[data-layout="list"] .list-item.pinned .txt-box {
      background-color: #F6F6F5; } }
  @media screen and (min-width: 1600px), print {
    .articleList-style[data-layout="grid"] .list-item .txt-box {
      margin: -55px 0 0 55px;
      padding: 40px 27.5px; }
    .articleList-style[data-layout="grid"].col-4 .list-item {
      width: calc(25% - 22.5px); }
      .articleList-style[data-layout="grid"].col-4 .list-item:not(:nth-child(4n+0)) {
        margin-right: 30px; } }
  @media screen and (min-width: 1400px), print {
    .articleList-style[data-layout="grid"].col-3 .list-item {
      width: calc(100%/3 - 100px/3 - 0.01px); }
      .articleList-style[data-layout="grid"].col-3 .list-item:not(:nth-child(-n+3)) {
        margin-top: 30px; }
      .articleList-style[data-layout="grid"].col-3 .list-item:not(:nth-child(3n+0)) {
        margin-right: 50px; } }
  @media screen and (min-width: 1200px), print {
    .articleList-style[data-layout="grid"].col-4 .list-item:not(:nth-child(-n+4)) {
      margin-top: 30px; }
    .articleList-style[data-layout="grid"].col-4 .list-item .txt-box {
      margin: -45px 0 0 30px;
      padding: 25px 17.5px; }
      .articleList-style[data-layout="grid"].col-4 .list-item .txt-box .foot {
        margin-top: 25px; }
        .articleList-style[data-layout="grid"].col-4 .list-item .txt-box .foot::before {
          width: 35px; } }
@media screen and (min-width: 1200px) and (hover: hover) and (min-width: 768px), screen and (min-width: 1200px) and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .articleList-style[data-layout="grid"].col-4 .list-item .txt-box .foot.has-link:hover::before {
    width: 50px; } }

  @media screen and (min-width: 1200px), print {
    .articleList-style[data-layout="list"] .list-item.pinned .txt-box {
      padding: 60px 65px; }
      .articleList-style[data-layout="list"] .list-item.pinned .txt-box .head {
        font-size: 24px; }
      .articleList-style[data-layout="list"] .list-item.pinned .txt-box .content {
        margin-top: 35px; }
        .articleList-style[data-layout="list"] .list-item.pinned .txt-box .content .title {
          font-size: 35px; }
        .articleList-style[data-layout="list"] .list-item.pinned .txt-box .content .summary {
          margin-top: 35px; }
      .articleList-style[data-layout="list"] .list-item.pinned .txt-box .foot {
        margin-top: 75px; } }
  @media screen and (min-width: 992px), print {
    .articleList-style[data-layout="list"] .list-item:not(.pinned) .pic-wrapper {
      width: 40%;
      margin-right: 45px; }
    .articleList-style[data-layout="list"] .list-item.pinned .pic-wrapper {
      width: 50%;
      max-width: 725px; } }
  @media screen and (max-width: 1599px) {
    .articleList-style .list-item .txt-box .head, .articleList-style .list-item .txt-box .foot {
      font-size: 15px; }
    .articleList-style .list-item .txt-box .content {
      margin-top: 10px; }
      .articleList-style .list-item .txt-box .content .title {
        font-size: 18px; }
      .articleList-style .list-item .txt-box .content .summary {
        margin-top: 5px; }
    .articleList-style .list-item .txt-box .foot {
      margin-top: 25px; }
      .articleList-style .list-item .txt-box .foot::before {
        width: 35px; } }
@media screen and (max-width: 1599px) and (hover: hover) and (min-width: 768px), screen and (max-width: 1599px) and (-ms-high-contrast: none) and (min-width: 768px) {
  .articleList-style .list-item .txt-box .foot.has-link:hover::before {
    width: 75px; } }

  @media screen and (max-width: 1599px) and (min-width: 600px) {
    .articleList-style[data-layout="grid"] .list-item .txt-box {
      margin: -25px 0 0 25px;
      padding: 30px 20px; } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .articleList-style[data-layout="grid"].col-4 .list-item {
      width: calc(25% - 15px); }
      .articleList-style[data-layout="grid"].col-4 .list-item:not(:nth-child(4n+0)) {
        margin-right: 20px; }
      .articleList-style[data-layout="grid"].col-4 .list-item .txt-box .foot {
        font-size: 14px; } }
  @media screen and (max-width: 1399px) and (min-width: 1300px) {
    .articleList-style[data-layout="grid"].col-4 .list-item .txt-box {
      margin: -20px 0 0 15px;
      padding: 20px 15px; } }
  @media screen and (max-width: 1399px) and (min-width: 1200px) {
    .articleList-style[data-layout="grid"].col-3 .list-item {
      width: calc(100%/3 - 40px/3 - 0.01px); }
      .articleList-style[data-layout="grid"].col-3 .list-item:not(:nth-child(-n+3)) {
        margin-top: 30px; }
      .articleList-style[data-layout="grid"].col-3 .list-item:not(:nth-child(3n+0)) {
        margin-right: 20px; } }
  @media screen and (max-width: 1299px) and (min-width: 1200px) {
    .articleList-style[data-layout="grid"].col-4 .list-item .txt-box {
      margin: 0;
      padding-left: 0;
      padding-right: 0; }
    .articleList-style[data-layout="list"] .list-item.pinned .txt-box {
      padding: 45px; }
      .articleList-style[data-layout="list"] .list-item.pinned .txt-box .head {
        font-size: 18px; }
      .articleList-style[data-layout="list"] .list-item.pinned .txt-box .content {
        margin-top: 25px; }
        .articleList-style[data-layout="list"] .list-item.pinned .txt-box .content .title {
          font-size: 28px; }
        .articleList-style[data-layout="list"] .list-item.pinned .txt-box .content .summary {
          margin-top: 25px; }
      .articleList-style[data-layout="list"] .list-item.pinned .txt-box .foot {
        margin-top: 50px; } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .articleList-style[data-layout="grid"] .list-item {
      width: calc(50% - 20px); }
      .articleList-style[data-layout="grid"] .list-item:not(:nth-child(-n+2)) {
        margin-top: 50px; }
      .articleList-style[data-layout="grid"] .list-item:not(:nth-child(2n+0)) {
        margin-right: 40px; }
    .articleList-style[data-layout="list"] .list-item .txt-box .content {
      margin-top: 20px; }
      .articleList-style[data-layout="list"] .list-item .txt-box .content .title {
        font-size: 22px; }
      .articleList-style[data-layout="list"] .list-item .txt-box .content .summary {
        margin-top: 20px; }
    .articleList-style[data-layout="list"] .list-item .txt-box .foot {
      margin-top: 35px; }
    .articleList-style[data-layout="list"] .list-item.pinned .txt-box {
      padding: 35px; } }
  @media screen and (max-width: 991px) and (min-width: 600px) {
    .articleList-style[data-layout="grid"] .list-item {
      width: calc(50% - 10px); }
      .articleList-style[data-layout="grid"] .list-item:not(:nth-child(-n+2)) {
        margin-top: 35px; }
      .articleList-style[data-layout="grid"] .list-item:not(:nth-child(2n+0)) {
        margin-right: 20px; }
    .articleList-style[data-layout="list"] .list-item:not(.pinned) .pic-wrapper {
      width: 50%;
      margin-right: 25px; }
    .articleList-style[data-layout="list"] .list-item.pinned .list-item-inner {
      display: block; }
    .articleList-style[data-layout="list"] .list-item.pinned .pic-wrapper {
      width: 100%;
      max-width: 100%; }
    .articleList-style[data-layout="list"] .list-item.pinned .txt-box {
      padding: 35px; } }
  @media screen and (max-width: 991px) and (min-width: 600px) and (max-width: 767px) {
    .articleList-style[data-layout="list"] .list-item.pinned .txt-box {
      padding: 35px 25px; } }

  @media screen and (max-width: 767px) {
    .articleList-style .list-item .txt-box .content .summary {
      line-height: 1.5;
      max-height: 3em; } }
  @media screen and (max-width: 767px) and (min-width: 600px) {
    .articleList-style[data-layout="grid"] .list-item .txt-box {
      margin: 0;
      padding: 20px 0; } }
  @media screen and (max-width: 559px) {
    .articleList-style .list-item + .list-item {
      margin-top: 25px; }
    .articleList-style[data-layout="list"] .list-item .list-item-inner {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .articleList-style[data-layout="list"] .list-item .pic-wrapper {
      width: 35%;
      min-width: 120px; }
    .articleList-style[data-layout="list"] .list-item .txt-box {
      margin: 0 0 0 15px;
      padding: 0; }
      .articleList-style[data-layout="list"] .list-item .txt-box .content .summary {
        display: none; }
      .articleList-style[data-layout="list"] .list-item .txt-box .foot {
        margin-top: 10px;
        font-size: 13px; } }
  @media screen and (max-width: 559px) and (min-width: 480px) {
    .articleList-style[data-layout="grid"] .list-item .txt-box {
      margin: -25px 0 0 25px;
      padding: 30px 20px; } }
  @media screen and (max-width: 479px) {
    .articleList-style .list-item .content .title {
      font-size: 17px; }
    .articleList-style[data-layout="grid"] .list-item .txt-box {
      margin: -25px 0 0 25px;
      padding: 25px 20px; }
      .articleList-style[data-layout="grid"] .list-item .txt-box .head, .articleList-style[data-layout="grid"] .list-item .txt-box .foot {
        font-size: 14px; }
      .articleList-style[data-layout="grid"] .list-item .txt-box .content {
        margin-top: 10px; }
        .articleList-style[data-layout="grid"] .list-item .txt-box .content .summary {
          margin-top: 5px;
          font-size: 15px;
          line-height: 1.5;
          max-height: 3em; }
      .articleList-style[data-layout="grid"] .list-item .txt-box .foot {
        margin-top: 20px; }
    .articleList-style[data-layout="list"] .list-item .pic-wrapper[data-rel="lightcase"]::after {
      top: calc(50% - 15px);
      left: calc(50% - 15px);
      width: 30px;
      height: 30px;
      font-size: 12px; }
    .articleList-style[data-layout="list"] .list-item .txt-box .head, .articleList-style[data-layout="list"] .list-item .txt-box .foot {
      font-size: 13px; }
    .articleList-style[data-layout="list"] .list-item .txt-box .content .title {
      font-size: 16px;
      line-height: 1.25;
      max-height: 2.5em; }
    .articleList-style[data-layout="list"] .list-item .txt-box .foot::before {
      display: none; } }
  @media screen and (max-width: 339px) {
    .articleList-style .list-item + .list-item {
      margin-top: 35px; }
    .articleList-style[data-layout="grid"] .list-item .txt-box {
      margin: 20px 0 0;
      padding: 0; }
    .articleList-style[data-layout="list"] .list .txt .content .title {
      font-size: 15px; } }

@media screen and (min-width: 992px), print {
  .article-index-wrapper {
    padding-bottom: 75px; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .article-index-wrapper {
    padding-bottom: 50px; } }
@media screen and (max-width: 479px) {
  .article-index-wrapper {
    padding: 25px 0 35px; } }
.article-index-wrapper .breadcrumb {
  padding: 35px 0; }
  @media screen and (max-width: 479px) {
    .article-index-wrapper .breadcrumb {
      display: none; } }
.article-index-wrapper .article-entries {
  padding: 0; }
  .article-index-wrapper .article-entries .more {
    margin-top: 35px;
    text-align: right; }
  .article-index-wrapper .article-entries + .article-entries {
    margin-top: 65px; }
  .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item {
    width: 100%;
    margin: 0; }
  .article-index-wrapper .article-entries .article-list.alt .side .articleList-style .list-item .pic-wrapper {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .article-index-wrapper .article-entries .article-list.alt .side .articleList-style .list-item .pic-wrapper .pic {
      width: 100%; }
  @media screen and (min-width: 1200px), print {
    .article-index-wrapper .article-entries .article-list.alt {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .article-index-wrapper .article-entries .article-list.alt .first {
        position: -webkit-sticky;
        position: sticky; }
        .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item {
          width: 100%; }
          .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .txt-box .content .title {
            font-size: calc(1.28vh + 18px); } }
        @media screen and (min-width: 1200px) and (min-aspect-ratio: 8 / 5) and (max-height: 750px), print and (min-aspect-ratio: 8 / 5) and (max-height: 750px) {
          .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .txt-box .content .title {
            font-size: calc(1vh + 18px); } }
  @media screen and (min-width: 1200px), print {
      .article-index-wrapper .article-entries .article-list.alt .side .articleList-style .list-item .txt-box .content {
        margin-top: 15px; }
        .article-index-wrapper .article-entries .article-list.alt .side .articleList-style .list-item .txt-box .content .summary {
          margin-top: 10px; }
      .article-index-wrapper .article-entries .article-list.alt .side .articleList-style .list-item .txt-box .foot {
        margin-top: 20px; }
      .article-index-wrapper .article-entries .article-list.alt.for-news .first {
        top: calc(5vh + 100px); } }
    @media screen and (min-width: 1200px) and (min-aspect-ratio: 8 / 5) and (max-height: 750px), print and (min-aspect-ratio: 8 / 5) and (max-height: 750px) {
      .article-index-wrapper .article-entries .article-list.alt.for-news .first {
        top: calc(5vh + 50px); } }
  @media screen and (min-width: 1200px), print {
      .article-index-wrapper .article-entries .article-list.alt.for-news .side .articleList-style .list-item .pic-wrapper {
        width: 40%;
        max-width: 265px;
        margin-right: 35px; }
      .article-index-wrapper .article-entries .article-list.alt.for-news .side .articleList-style .list-item .pic::before {
        padding-bottom: calc(19000%/265); }
      .article-index-wrapper .article-entries .article-list.alt.for-beauty .first {
        top: calc(5vh + 50px); }
      .article-index-wrapper .article-entries .article-list.alt.for-beauty .side .articleList-style {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .article-index-wrapper .article-entries .article-list.alt.for-beauty .side .articleList-style .list-item {
          width: calc(50% - 15px); }
          .article-index-wrapper .article-entries .article-list.alt.for-beauty .side .articleList-style .list-item:not(:nth-child(-n+2)) {
            margin-top: 45px; }
          .article-index-wrapper .article-entries .article-list.alt.for-beauty .side .articleList-style .list-item .pic::before {
            padding-bottom: calc(22500%/330); }
          .article-index-wrapper .article-entries .article-list.alt.for-beauty .side .articleList-style .list-item .txt-box {
            margin-top: 20px;
            padding: 0; }
            .article-index-wrapper .article-entries .article-list.alt.for-beauty .side .articleList-style .list-item .txt-box .foot.has-link::before {
              width: 35px; } }
        @media screen and (min-width: 1200px) and (hover: hover), print and (hover: hover), screen and (min-width: 1200px) and (-ms-high-contrast: none), print and (-ms-high-contrast: none) {
          .article-index-wrapper .article-entries .article-list.alt.for-beauty .side .articleList-style .list-item .txt-box .foot.has-link:hover::before {
            width: 50px; } }

  @media screen and (min-width: 1600px), print {
    .article-index-wrapper .article-entries .article-list.alt.for-news .first {
      width: calc(50% - 45px); }
      .article-index-wrapper .article-entries .article-list.alt.for-news .first.articleList-style .list-item .txt-box {
        margin: -85px 0 0 65px;
        padding: 35px 50px; }
    .article-index-wrapper .article-entries .article-list.alt.for-news .side {
      width: 50%; }
      .article-index-wrapper .article-entries .article-list.alt.for-news .side .articleList-style .list-item .txt-box {
        padding-right: 40px; }
    .article-index-wrapper .article-entries .article-list.alt.for-beauty .first {
      width: 50%; }
    .article-index-wrapper .article-entries .article-list.alt.for-beauty .side {
      width: calc(50% - 35px); } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .article-index-wrapper .article-entries .article-list.alt .first {
      width: calc(45% - 25px); }
    .article-index-wrapper .article-entries .article-list.alt .side {
      width: 55%; }
    .article-index-wrapper .article-entries .article-list.alt.for-news .side .articleList-style .list-item + .list-item {
      margin-top: 25px; }
    .article-index-wrapper .article-entries .article-list.alt.for-news .side .articleList-style .list-item .pic-wrapper {
      margin-right: 25px; } }
  @media screen and (max-width: 1199px) and (min-width: 600px) {
    .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .pic-wrapper {
      margin: 0; } }
@media screen and (max-width: 1199px) and (min-width: 600px) and (min-width: 992px) {
  .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .list-item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .pic-wrapper {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    max-width: 50%; } }
  @media screen and (max-width: 1199px) and (min-width: 600px) {
    .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .txt-box {
      margin: 0;
      padding: 35px;
      background-color: #F6F6F5; } }
  @media screen and (max-width: 1199px) and (min-width: 600px) and (max-width: 767px) {
    .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .txt-box {
      padding: 35px 25px; } }
  @media screen and (max-width: 1199px) and (min-width: 600px) and (min-width: 992px) {
    .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .txt-box .content {
      margin-top: 20px; }
      .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .txt-box .content .title {
        font-size: 22px; }
      .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .txt-box .content .summary {
        margin-top: 20px; }
    .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .txt-box .foot {
      margin-top: 35px; } }
  @media screen and (max-width: 1199px) and (min-width: 600px) {
    .article-index-wrapper .article-entries .article-list.alt .first.articleList-style .list-item .list-item-inner > a .txt-box {
      height: 100%; }
    .article-index-wrapper .article-entries .article-list.alt.for-news .side .articleList-style .list-item .pic-wrapper {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 40%;
      max-width: 265px;
      margin-right: 25px; } }
  @media screen and (max-width: 1199px) and (min-width: 600px) and (max-width: 991px) {
    .article-index-wrapper .article-entries .article-list.alt.for-news .side .articleList-style .list-item .pic-wrapper {
      width: 50%;
      max-width: 450px; } }

  @media screen and (max-width: 1199px) {
    .article-index-wrapper .article-entries .article-list.alt .side {
      margin-top: 35px; } }
  @media screen and (min-width: 480px), print {
    .article-index-wrapper .article-entries .article-list.for-beauty .articleList-style[data-layout="grid"] .list-item .txt-box {
      margin: 0; } }
@media screen and (max-width: 991px) {
  .article-index-wrapper .article-entries .more {
    margin-top: 50px; } }
@media screen and (max-width: 767px) {
  .article-index-wrapper .article-entries .more {
    margin-top: 35px;
    text-align: center; } }

.article-category {
  padding: 0 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.9); }
  @media screen and (max-width: 599px) {
    .article-category.btn {
      height: 35px; } }
  @media screen and (max-width: 479px) {
    .article-category.btn {
      height: 30px;
      padding: 0 5px;
      font-size: 14px; } }

.article-entries {
  padding: 40px 0 100px; }
  @media screen and (max-width: 1199px) {
    .article-entries {
      padding: 40px 0 75px; } }
  @media screen and (max-width: 991px) {
    .article-entries {
      padding: 40px 0 50px; } }
  @media screen and (max-width: 479px) {
    .article-entries {
      padding: 25px 0 35px; } }
  .article-entries .article-bread {
    padding: 0; }
    @media screen and (max-width: 479px) {
      .article-entries .article-bread {
        display: none; }
        .article-entries .article-bread + .article-nav {
          margin-top: 0; } }
  .article-entries div + .article-nav {
    margin-top: 45px; }
  @media screen and (max-width: 767px) {
    .article-entries div + .article-nav {
      margin-top: 25px; } }
  .article-entries .article-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .article-entries .article-nav ul:not(.dropdown-menu) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .article-entries .article-nav .nav-pages {
      font-size: 18px;
      color: rgba(0, 0, 0, 0.75); }
      .article-entries .article-nav .nav-pages ul li + li::before {
        content: "/";
        margin: 0 0.25em;
        display: inline-block;
        vertical-align: -2px;
        font-size: 1.3em;
        line-height: 1; }
    .article-entries .article-nav .nav-result {
      letter-spacing: 0.05em; }
      @media screen and (min-width: 480px), print {
        .article-entries .article-nav .nav-result p {
          display: inline-block; }
        .article-entries .article-nav .nav-result .tt {
          font-size: 20px; }
        .article-entries .article-nav .nav-result .txt {
          font-size: 18px;
          margin-left: 0.75em; } }
      @media screen and (max-width: 479px) {
        .article-entries .article-nav .nav-result {
          text-align: center; }
          .article-entries .article-nav .nav-result .tt {
            font-size: 17px; }
          .article-entries .article-nav .nav-result .txt {
            margin-top: 5px;
            font-size: 14px; } }
    .article-entries .article-nav .nav-options {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .article-entries .article-nav .nav-options .layout {
        margin-left: 20px; }
        .article-entries .article-nav .nav-options .layout li + li {
          margin-left: -1px; }
        .article-entries .article-nav .nav-options .layout li .btn {
          width: 35px;
          height: 35px;
          border: 1px solid #E2E2E2;
          font-size: 14px;
          color: #969696; }
        .article-entries .article-nav .nav-options .layout li.active .btn {
          color: rgba(0, 0, 0, 0.9); }
        .article-entries .article-nav .nav-options .layout li .btn:active {
          color: #ffffff;
          background-color: #BA000C;
          border-color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .article-entries .article-nav .nav-options .layout li .btn .btn {
    -moz-transition-property: color, background-color, border-color;
    -o-transition-property: color, background-color, border-color;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .article-entries .article-nav .nav-options .layout li .btn .btn:hover {
      color: #ffffff;
      background-color: #BA000C;
      border-color: #BA000C; } }

    @media screen and (max-width: 599px) {
      .article-entries .article-nav + .article-pinned {
        margin-top: 25px; }
      .article-entries .article-nav .nav-pages {
        font-size: 16px; } }
    @media screen and (max-width: 479px) {
      .article-entries .article-nav .nav-pages {
        font-size: 15px; }
      .article-entries .article-nav .nav-options .layout {
        margin-left: 10px; }
        .article-entries .article-nav .nav-options .layout li .btn {
          width: 30px;
          height: 30px;
          font-size: 12px; } }
    @media screen and (max-width: 339px) {
      .article-entries .article-nav .nav-pages {
        font-size: 14px; }
      .article-entries .article-nav .nav-options .simple-select select.custom-select {
        font-size: 14px; } }
  .article-entries .article-list {
    margin-top: 25px; }
  .article-entries .pagination {
    margin-top: 75px; }
    @media screen and (max-width: 1199px) {
      .article-entries .pagination {
        margin-top: 50px; } }
    @media screen and (max-width: 767px) {
      .article-entries .pagination {
        margin-top: 35px; } }

@media screen and (min-width: 992px), print {
  .article-detail .article-bread {
    padding-top: 40px;
    padding-bottom: 50px; } }
@media screen and (max-width: 479px) {
  .article-detail .article-bread {
    padding: 15px 0 0;
    font-size: 13px; } }
@media screen and (max-width: 479px) {
  .article-detail .article-main:not(.single) {
    padding: 25px 0 0; } }
.article-detail .article-main.single {
  padding-bottom: 75px; }
  .article-detail .article-main.single .article-primary {
    margin: 0; }
  @media screen and (max-width: 991px) {
    .article-detail .article-main.single {
      padding-bottom: 50px; } }
  @media screen and (max-width: 479px) {
    .article-detail .article-main.single {
      padding-bottom: 35px; } }
.article-detail .article-main .article-head .article-head-heading {
  position: relative;
  padding-bottom: 20px; }
  .article-detail .article-main .article-head .article-head-heading::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 1px;
    background-color: #d9d9d9;
    -moz-transition: width 1s ease-in-out 0.35s;
    -o-transition: width 1s ease-in-out 0.35s;
    -webkit-transition: width 1s ease-in-out 0.35s;
    transition: width 1s ease-in-out 0.35s; }
  .article-detail .article-main .article-head .article-head-heading .title {
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.05em; }
  @media screen and (min-width: 992px), print {
    .article-detail .article-main .article-head .article-head-heading .title {
      font-size: 36px; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .article-detail .article-main .article-head .article-head-heading .title {
      font-size: 28px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .article-detail .article-main .article-head .article-head-heading .title {
      font-size: 22px; } }
  @media screen and (max-width: 479px) {
    .article-detail .article-main .article-head .article-head-heading {
      padding-bottom: 15px; }
      .article-detail .article-main .article-head .article-head-heading .title {
        font-size: 18px; } }
.article-detail .article-main .article-head.aos-animate .article-head-heading::before {
  width: 100%; }
.article-detail .article-main .article-head .article-head-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 25px; }
  .article-detail .article-main .article-head .article-head-info ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .article-detail .article-main .article-head .article-head-info .data {
    font-size: 16px;
    line-height: 1.15;
    letter-spacing: 0.05em;
    color: #727272; }
    .article-detail .article-main .article-head .article-head-info .data ul li + li {
      margin-left: 30px; }
    .article-detail .article-main .article-head .article-head-info .data .view {
      color: #989898; }
      .article-detail .article-main .article-head .article-head-info .data .view .txt-icon {
        margin-right: 5px;
        vertical-align: -2px;
        font-size: 1.5em;
        color: #a5a6a8; }
  .article-detail .article-main .article-head .article-head-info .share ul li + li {
    margin-left: 10px; }
  .article-detail .article-main .article-head .article-head-info .share .btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #cecece;
    color: #ffffff;
    font-size: 16px; }
    .article-detail .article-main .article-head .article-head-info .share .btn.facebook:active {
      background-color: #3b5998; }
    .article-detail .article-main .article-head .article-head-info .share .btn.line {
      font-size: 1.25em; }
      .article-detail .article-main .article-head .article-head-info .share .btn.line:active {
        background-color: #00b900; }
    .article-detail .article-main .article-head .article-head-info .share .btn.copylink:active {
      background-color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .article-detail .article-main .article-head .article-head-info .share .btn {
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    .article-detail .article-main .article-head .article-head-info .share .btn.facebook:hover {
      background-color: #3b5998; }
    .article-detail .article-main .article-head .article-head-info .share .btn.line {
      font-size: 1.25em; }
      .article-detail .article-main .article-head .article-head-info .share .btn.line:hover {
        background-color: #00b900; }
    .article-detail .article-main .article-head .article-head-info .share .btn.copylink:hover {
      background-color: #BA000C; } }

  @media screen and (max-width: 767px) {
    .article-detail .article-main .article-head .article-head-info .data ul li + li {
      margin-left: 15px; }
    .article-detail .article-main .article-head .article-head-info .share ul li + li {
      margin-left: 5px; }
    .article-detail .article-main .article-head .article-head-info .share .btn {
      width: 35px;
      height: 35px;
      font-size: 14px; } }
  @media screen and (max-width: 479px) {
    .article-detail .article-main .article-head .article-head-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-top: 15px; }
      .article-detail .article-main .article-head .article-head-info .data {
        font-size: 14px; }
        .article-detail .article-main .article-head .article-head-info .data ul li + li {
          margin-left: 15px; }
      .article-detail .article-main .article-head .article-head-info .share {
        margin-top: 10px; }
        .article-detail .article-main .article-head .article-head-info .share ul li + li {
          margin-left: 5px; }
        .article-detail .article-main .article-head .article-head-info .share .btn {
          width: 30px;
          height: 30px;
          font-size: 14px; }
          .article-detail .article-main .article-head .article-head-info .share .btn.line {
            font-size: 16px; } }
.article-detail .article-main .article-primary {
  margin: 30px 0 50px; }
  .article-detail .article-main .article-primary .article-tags {
    margin-top: 80px;
    letter-spacing: 0.05em; }
  @media screen and (max-width: 991px) {
    .article-detail .article-main .article-primary .article-tags {
      margin-top: 50px; } }
  @media screen and (max-width: 479px) {
    .article-detail .article-main .article-primary {
      margin: 20px 0; }
      .article-detail .article-main .article-primary .article-tags {
        margin-top: 35px; } }
.article-detail .article-main .article-foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 0;
  border-top: 1px solid #d9d9d9; }
  @media screen and (max-width: 767px) {
    .article-detail .article-main .article-foot {
      padding: 25px 0; } }
  @media screen and (max-width: 479px) {
    .article-detail .article-main .article-foot {
      padding: 15px 0; } }
  .article-detail .article-main .article-foot .article-foot-navigate {
    width: 50%;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .article-detail .article-main .article-foot .article-foot-navigate + .article-foot-navigate {
      border-left: 1px solid #d9d9d9; }
    .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn::before {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        margin-right: 15px;
        border: 2px solid #BA000C;
        border-radius: 50%;
        font-family: "icomoon";
        font-size: 25px;
        color: #BA000C; }
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn .btn-inner {
        font-size: 18px;
        font-weight: 500; }
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn:active::before {
        background-color: #BA000C;
        color: #ffffff; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn::before {
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
  .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn:hover::before {
    background-color: #BA000C;
    color: #ffffff; } }

    .article-detail .article-main .article-foot .article-foot-navigate .navigate-info {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-info .title {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.05em; }
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-info .info {
        margin-top: 15px;
        color: #727272;
        letter-spacing: 0.05em; }
        .article-detail .article-main .article-foot .article-foot-navigate .navigate-info .info span + span {
          margin-left: 20px; }
    .article-detail .article-main .article-foot .article-foot-navigate.prev .navigate-arrow .btn::before {
      content: ""; }
    .article-detail .article-main .article-foot .article-foot-navigate.next {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .article-detail .article-main .article-foot .article-foot-navigate.next .navigate-arrow .btn::before {
        content: ""; }
    @media screen and (min-width: 1200px), print {
      .article-detail .article-main .article-foot .article-foot-navigate.prev {
        padding-right: 50px; }
        .article-detail .article-main .article-foot .article-foot-navigate.prev .navigate-arrow {
          margin-right: 65px; }
      .article-detail .article-main .article-foot .article-foot-navigate.next {
        padding-left: 50px; }
        .article-detail .article-main .article-foot .article-foot-navigate.next .navigate-arrow {
          margin-left: 65px; } }
    @media screen and (max-width: 1199px) {
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn::before {
        width: 40px;
        height: 40px;
        font-size: 25px; } }
    @media screen and (max-width: 1199px) and (min-width: 992px) {
      .article-detail .article-main .article-foot .article-foot-navigate.prev {
        padding-right: 50px; }
        .article-detail .article-main .article-foot .article-foot-navigate.prev .navigate-arrow {
          margin-right: 35px; }
      .article-detail .article-main .article-foot .article-foot-navigate.next {
        padding-left: 50px; }
        .article-detail .article-main .article-foot .article-foot-navigate.next .navigate-arrow {
          margin-left: 35px; } }
    @media screen and (max-width: 991px) {
      .article-detail .article-main .article-foot .article-foot-navigate {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn::before {
          margin: 0; }
        .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn .btn-inner {
          display: none; }
        .article-detail .article-main .article-foot .article-foot-navigate .navigate-info .info {
          margin-top: 10px; }
        .article-detail .article-main .article-foot .article-foot-navigate.prev {
          padding-right: 25px; }
          .article-detail .article-main .article-foot .article-foot-navigate.prev .navigate-arrow {
            margin-right: 25px; }
        .article-detail .article-main .article-foot .article-foot-navigate.next {
          padding-left: 25px; }
          .article-detail .article-main .article-foot .article-foot-navigate.next .navigate-arrow {
            margin-left: 25px; } }
    @media screen and (max-width: 767px) {
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-info .info {
        display: none; }
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-info .title {
        font-size: 16px; }
      .article-detail .article-main .article-foot .article-foot-navigate.prev {
        padding-right: 15px; }
        .article-detail .article-main .article-foot .article-foot-navigate.prev .navigate-arrow {
          margin-right: 15px; }
      .article-detail .article-main .article-foot .article-foot-navigate.next {
        padding-left: 15px; }
        .article-detail .article-main .article-foot .article-foot-navigate.next .navigate-arrow {
          margin-left: 15px; } }
    @media screen and (max-width: 479px) {
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-arrow .btn::before {
        width: 25px;
        height: 25px;
        border-width: 1px;
        font-size: 16px; }
      .article-detail .article-main .article-foot .article-foot-navigate .navigate-info .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 3em;
        font-size: 15px; }
      .article-detail .article-main .article-foot .article-foot-navigate.prev {
        padding-right: 10px; }
        .article-detail .article-main .article-foot .article-foot-navigate.prev .navigate-arrow {
          margin-left: 5px; }
      .article-detail .article-main .article-foot .article-foot-navigate.next {
        padding-left: 10px; }
        .article-detail .article-main .article-foot .article-foot-navigate.next .navigate-arrow {
          margin-left: 5px; } }
.article-detail .article-main .article-recs {
  padding: 50px 0;
  border-top: 1px solid #d9d9d9; }
  @media screen and (max-width: 479px) {
    .article-detail .article-main .article-recs {
      padding: 35px 0; } }
  .article-detail .article-main .article-recs .article-recs-head .title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em; }
  .article-detail .article-main .article-recs .article-recs-slider {
    margin-top: 45px; }
    .article-detail .article-main .article-recs .article-recs-slider .slick-list {
      margin: 0 -24px; }
    .article-detail .article-main .article-recs .article-recs-slider .slick-slide {
      margin: 0 24px; }
    @media screen and (max-width: 1599px) {
      .article-detail .article-main .article-recs .article-recs-slider .slick-list {
        margin: 0 -15px; }
      .article-detail .article-main .article-recs .article-recs-slider .slick-slide {
        margin: 0 15px; } }

.article-editor {
  font-size: 18px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.75); }
  .article-editor figure figcaption {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5); }
  .article-editor .h2 {
    font-size: 1.5em; }
  .article-editor ul.expanding li + li, .article-editor ol.expanding li + li {
    margin-top: 1em; }
  @media screen and (min-width: 768px), print {
    .article-editor figure img {
      margin-bottom: 1.5rem; } }
  @media screen and (max-width: 991px) {
    .article-editor {
      font-size: 16px; } }
  @media screen and (max-width: 479px) {
    .article-editor {
      font-size: 15px; }
      .article-editor .h2 {
        font-size: 1.1em;
        line-height: 1.5; }
      .article-editor .f18 {
        font-size: 17px; }
      .article-editor .f16 {
        font-size: 15px; }
      .article-editor figure figcaption {
        font-size: 14px; } }

.article-trending {
  background-color: #efefef;
  padding: 25px 0;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  -webkit-transition: transform 0.3s ease;
  transition: transform 0.3s ease; }
  .article-trending .slick-arrow {
    color: #C0C0C0;
    opacity: 0.5; }
    .article-trending .slick-arrow:active {
      opacity: 1; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .article-trending .slick-arrow {
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .article-trending .slick-arrow:hover {
      opacity: 1; } }

    .article-trending .slick-arrow svg {
      display: block;
      width: 15px;
      height: 25px;
      margin: 0 auto; }
  .article-trending .article-trending-head {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.05em; }
  .article-trending .article-trending-slider {
    width: calc(100% - 95px); }
    .article-trending .article-trending-slider .slick-slide.slick-active + .slick-slide:not(.slick-active) .slick-item::before {
      opacity: 0; }
    .article-trending .article-trending-slider .slick-item {
      position: relative; }
      .article-trending .article-trending-slider .slick-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: -1px;
        bottom: 0;
        display: block;
        width: 1px;
        background-color: #cdcdcd; }
      .article-trending .article-trending-slider .slick-item .slick-item-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .article-trending .article-trending-slider .slick-item .pic {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 90px; }
      .article-trending .article-trending-slider .slick-item .content .category {
        font-size: 15px; }
      .article-trending .article-trending-slider .slick-item .content .title {
        font-weight: 500;
        letter-spacing: 0.05em;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 3em; }
      @media screen and (max-width: 479px) {
        .article-trending .article-trending-slider .slick-item .content .category {
          font-size: 14px; } }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .article-trending .article-trending-slider .slick-item .content .title {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
  .article-trending .article-trending-slider .slick-item:hover .content .title {
    color: #BA000C; } }

  @media screen and (min-width: 480px), print {
    .article-trending .article-trending-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media screen and (min-width: 992px), print {
    .article-trending {
      position: -webkit-sticky;
      position: sticky;
      z-index: 998;
      left: 0;
      right: 0;
      bottom: 0; }
      .article-trending:not(.active) {
        -moz-transform: translateY(100%);
        -o-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%); } }
  @media screen and (min-width: 1600px), print {
    .article-trending .article-trending-slider {
      padding: 0 35px; }
      .article-trending .article-trending-slider .slider {
        padding: 0 35px; }
      .article-trending .article-trending-slider .slick-item {
        padding: 0 45px; }
        .article-trending .article-trending-slider .slick-item .pic {
          margin-right: 35px; } }
  @media screen and (max-width: 1599px) {
    .article-trending .article-trending-slider .slider {
      padding: 0 15px; }
    .article-trending .article-trending-slider .slick-item {
      padding: 0 25px; }
      .article-trending .article-trending-slider .slick-item .pic {
        margin-right: 20px; } }
  @media screen and (max-width: 991px) {
    .article-trending .article-trending-head {
      width: 70px;
      font-size: 16px; }
    .article-trending .article-trending-slider {
      width: calc(100% - 85px); } }
  @media screen and (max-width: 767px) {
    .article-trending .article-trending-slider .slick-item::before {
      display: none; } }
  @media screen and (max-width: 479px) {
    .article-trending {
      padding: 15px 0; }
      .article-trending .article-trending-head {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .article-trending .article-trending-head .arrows {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .article-trending .article-trending-head .arrows .slick-arrow {
            position: static;
            display: block;
            width: 20px;
            color: #727272;
            -moz-transform: none;
            -o-transform: none;
            -ms-transform: none;
            -webkit-transform: none;
            transform: none; }
            .article-trending .article-trending-head .arrows .slick-arrow + .slick-arrow {
              margin-left: 10px; }
            .article-trending .article-trending-head .arrows .slick-arrow svg {
              width: 12px;
              height: 20px; }
      .article-trending .article-trending-slider {
        width: 100%;
        margin-top: 15px; }
        .article-trending .article-trending-slider .slider, .article-trending .article-trending-slider .slick-item {
          padding: 0; } }

.doctors-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto; }
.doctors-list .list-item .pic-wrapper {
  overflow: hidden; }
  .doctors-list .list-item .pic-wrapper .pic::before {
    content: "";
    display: block;
    padding-bottom: 100%; }
.doctors-list .list-item .content {
  margin-top: 25px; }
  .doctors-list .list-item .content .name {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.15; }
  .doctors-list .list-item .content .desc {
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 6em;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.75); }
.doctors-list .list-item a:active .content .name {
  color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .doctors-list .list-item .content .name {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
  .doctors-list .list-item a:hover .content .name {
    color: #BA000C; } }

@media screen and (min-width: 1600px), print {
  .doctors-list {
    padding: 55px 0 165px; }
    .doctors-list ul {
      max-width: 1315px; }
    .doctors-list .list-item {
      width: calc(25% - 315px/4); }
      .doctors-list .list-item:not(:nth-child(-n+4)) {
        margin-top: 120px; }
      .doctors-list .list-item:not(:nth-child(4n+0)) {
        margin-right: 105px; } }
@media screen and (max-width: 1599px) and (min-width: 1200px) {
  .doctors-list {
    padding: 55px 0 125px; }
    .doctors-list ul {
      max-width: 1150px; }
    .doctors-list .list-item {
      width: calc(25% - 150px/4); }
      .doctors-list .list-item:not(:nth-child(-n+4)) {
        margin-top: 75px; }
      .doctors-list .list-item:not(:nth-child(4n+0)) {
        margin-right: 50px; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .doctors-list {
    padding: 55px 0 75px; }
    .doctors-list ul {
      max-width: 850px; }
    .doctors-list .list-item {
      width: calc(100%/3 - 100px/3 - 0.01px); }
      .doctors-list .list-item:not(:nth-child(-n+3)) {
        margin-top: 75px; }
      .doctors-list .list-item:not(:nth-child(3n+0)) {
        margin-right: 50px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .doctors-list {
    padding: 50px 0; }
    .doctors-list ul {
      max-width: 525px; }
    .doctors-list .list-item {
      width: calc(50% - 12.5px); }
      .doctors-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 50px; }
      .doctors-list .list-item:not(:nth-child(2n+0)) {
        margin-right: 25px; } }
@media screen and (max-width: 479px) {
  .doctors-list {
    padding: 25px 0 35px; }
    .doctors-list .list-item {
      width: calc(50% - 7.5px); }
      .doctors-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 35px; }
      .doctors-list .list-item:not(:nth-child(2n+0)) {
        margin-right: 15px; }
      .doctors-list .list-item .content {
        margin-top: 15px; }
        .doctors-list .list-item .content .name {
          font-size: 16px; }
        .doctors-list .list-item .content .desc {
          margin-top: 10px;
          max-height: 4.5em;
          font-size: 14px;
          line-height: 1.5; } }
@media screen and (max-width: 339px) {
  .doctors-list .list-item {
    width: calc(50% - 5px); }
    .doctors-list .list-item:not(:nth-child(2n+0)) {
      margin-right: 10px; } }

.doctor-categories .category {
  border-bottom: 1px solid #E5E5E5; }
  .doctor-categories .category .category-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .doctor-categories .category .category-title .category-title-txt {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      overflow: hidden;
      letter-spacing: 0.05em; }
      .doctor-categories .category .category-title .category-title-txt:active {
        color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .doctor-categories .category .category-title .category-title-txt {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .doctor-categories .category .category-title .category-title-txt:hover {
      color: #BA000C; } }

  .doctor-categories .category > .category-title {
    height: 50px;
    padding-left: 5px; }
    .doctor-categories .category > .category-title .category-title-txt {
      font-size: 16px;
      font-weight: 500;
      cursor: pointer; }
      .doctor-categories .category > .category-title .category-title-txt::after {
        content: "";
        font-family: "icomoon";
        font-size: 1.175em;
        -moz-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        transition: transform 0.3s ease; }
  .doctor-categories .category > .category-menu {
    display: none;
    margin-top: 5px;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.75); }
    .doctor-categories .category > .category-menu a:hover {
      color: #BA000C; }
    .doctor-categories .category > .category-menu > ul {
      padding-bottom: 20px; }
      .doctor-categories .category > .category-menu > ul li {
        position: relative;
        padding-left: 20px; }
        .doctor-categories .category > .category-menu > ul li + li {
          margin-top: 15px; }
      .doctor-categories .category > .category-menu > ul > li > .category-title::before {
        content: "";
        position: absolute;
        top: 0.2rem;
        left: 0.275rem;
        display: block;
        font-family: "icomoon";
        font-size: 0.75em;
        -moz-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        transition: transform 0.3s ease; }
      .doctor-categories .category > .category-menu > ul > li > .category-title .category-title-txt {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .doctor-categories .category > .category-menu > ul > li > .category-title .category-title-txt::after {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          content: attr(data-total);
          width: 20px;
          height: 20px;
          margin-top: 0.5px;
          background-color: #e6e6e6;
          border-radius: 50%;
          font-size: 12px;
          text-align: center;
          line-height: 20px;
          letter-spacing: -0.05em;
          color: rgba(0, 0, 0, 0.9); }
      .doctor-categories .category > .category-menu > ul > li.current > .category-title .category-title-txt {
        color: #BA000C; }
  .doctor-categories .category.active > .category-title .category-title-txt::after {
    content: "";
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .doctor-categories .category.current > .category-menu {
    display: block; }
@media screen and (max-width: 1199px) {
  .doctor-categories {
    padding: 35px 50px; }
    .doctor-categories .categories-title {
      border-bottom: 1px solid #e5e5e5;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.15;
      padding-bottom: 15px; }
    .doctor-categories .category:last-child {
      border: none; } }
@media screen and (max-width: 767px) {
  .doctor-categories {
    padding: 15px 25px; } }
@media screen and (max-width: 479px) {
  .doctor-categories {
    padding: 5px 20px; }
    .doctor-categories .categories-title {
      font-size: 18px; } }
@media screen and (max-width: 413px) {
  .doctor-categories {
    padding: 5px 15px; } }

.doctor-wrapper .doctor-side .doctor-profile .content .name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.15; }
.doctor-wrapper .doctor-side .doctor-profile .content .desc {
  margin-top: 15px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.75); }
.doctor-wrapper .article-entries {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0; }
  .doctor-wrapper .article-entries .article-list {
    margin: 0; }
    .doctor-wrapper .article-entries .article-list .list-item .pic {
      max-width: 400px; }
@media screen and (min-width: 1600px), print {
  .doctor-wrapper .doctor-side {
    width: 305px;
    margin-left: 85px;
    padding-right: 35px; } }
@media screen and (max-width: 1599px) and (min-width: 1200px) {
  .doctor-wrapper .doctor-side {
    width: 270px;
    margin-left: 50px; } }
@media screen and (min-width: 1200px), print {
  .doctor-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 50px 0 110px; }
    .doctor-wrapper .article-nav {
      display: none; }
    .doctor-wrapper .doctor-side {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      .doctor-wrapper .doctor-side > div + div {
        border-top: 1px solid rgba(0, 0, 0, 0.9); }
      .doctor-wrapper .doctor-side .doctor-profile .pic {
        padding-bottom: 35px; }
      .doctor-wrapper .doctor-side .doctor-profile .content {
        padding: 55px 5px;
        border-top: 1px solid rgba(0, 0, 0, 0.9); }
      .doctor-wrapper .doctor-side .doctor-categories {
        padding: 25px 0 0; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .doctor-wrapper .doctor-side .doctor-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .doctor-wrapper .doctor-side .doctor-profile .pic {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      max-width: 270px;
      margin-right: 50px; }
  .doctor-wrapper .article-entries {
    margin-top: 50px; } }
@media screen and (max-width: 1199px) {
  .doctor-wrapper {
    padding: 50px 0 75px; }
    .doctor-wrapper .doctor-side .doctor-categories {
      display: none; }
    .doctor-wrapper .article-entries {
      margin-top: 50px; } }
@media screen and (max-width: 991px) {
  .doctor-wrapper {
    padding: 50px 0; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .doctor-wrapper .doctor-side .doctor-profile {
    overflow: hidden; }
    .doctor-wrapper .doctor-side .doctor-profile .pic {
      width: 50%;
      max-width: 250px;
      float: left;
      margin-right: 25px; } }
@media screen and (max-width: 479px) {
  .doctor-wrapper {
    padding: 25px 0 35px; }
    .doctor-wrapper .doctor-side {
      padding-bottom: 25px; }
      .doctor-wrapper .doctor-side .doctor-profile .content {
        margin-top: 25px; }
        .doctor-wrapper .doctor-side .doctor-profile .content .name {
          font-size: 17px; }
        .doctor-wrapper .doctor-side .doctor-profile .content .desc {
          margin-top: 15px;
          font-size: 15px;
          line-height: 1.5;
          color: rgba(0, 0, 0, 0.55); }
    .doctor-wrapper .article-entries {
      margin-top: 25px; } }

.article-dropdown + div {
  margin-top: 25px; }
.article-dropdown .custom-select-wrap {
  margin: 0 auto; }
@media screen and (max-width: 479px) {
  .article-dropdown + div {
    margin-top: 15px; }
  .article-dropdown .custom-select-wrap.simple-select {
    width: 100px; }
  .article-dropdown .custom-select-wrap select.custom-select {
    height: 30px;
    padding: 0; }
  .article-dropdown .custom-select-wrap::after {
    right: 0; } }

/* -------------------------------------------
 *  faq
 * ------------------------------------------ */
.faq-wrapper {
  padding: 60px 0 85px; }
  @media screen and (max-width: 991px) {
    .faq-wrapper {
      padding: 50px 0; } }
  @media screen and (max-width: 767px) {
    .faq-wrapper {
      padding: 35px 0; } }
  @media screen and (max-width: 479px) {
    .faq-wrapper {
      padding: 25px 0; } }
  .faq-wrapper .faq-head {
    text-align: center; }
    .faq-wrapper .faq-head .title {
      font-size: 24px;
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: 0.05em; }
    @media screen and (max-width: 767px) {
      .faq-wrapper .faq-head .title {
        font-size: 22px; } }
    @media screen and (max-width: 479px) {
      .faq-wrapper .faq-head .title {
        font-size: 18px; } }
  .faq-wrapper .faq-list {
    margin-top: 35px; }
    @media screen and (max-width: 767px) {
      .faq-wrapper .faq-list {
        margin-top: 25px; } }
    @media screen and (max-width: 479px) {
      .faq-wrapper .faq-list {
        margin-top: 20px; } }
    .faq-wrapper .faq-list .list-item + .list-item {
      margin-top: 15px; }
    .faq-wrapper .faq-list .list-item .list-item-border {
      overflow: hidden;
      border: 2px solid rgba(186, 0, 12, 0);
      border-radius: 10px;
      -moz-transition: border-color 0.3s ease;
      -o-transition: border-color 0.3s ease;
      -webkit-transition: border-color 0.3s ease;
      transition: border-color 0.3s ease; }
    .faq-wrapper .faq-list .list-item .list-item-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .faq-wrapper .faq-list .list-item .list-item-inner::before {
        display: block;
        width: 75px;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 4px;
        border-right: 1px solid #cdcdcd;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        line-height: 20px; }
      .faq-wrapper .faq-list .list-item .list-item-inner .content {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 25px; }
    .faq-wrapper .faq-list .list-item .list-item-q {
      background-color: #f7f7f7;
      padding: 20px 0;
      cursor: pointer; }
      .faq-wrapper .faq-list .list-item .list-item-q:active {
        background-color: #E7E7E7; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .faq-wrapper .faq-list .list-item .list-item-q {
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    .faq-wrapper .faq-list .list-item .list-item-q:hover {
      background-color: #E7E7E7; } }

      .faq-wrapper .faq-list .list-item .list-item-q .list-item-inner::before {
        content: "Q";
        -moz-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease; }
      .faq-wrapper .faq-list .list-item .list-item-q .list-item-inner .content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 18px;
        letter-spacing: 0.05em; }
        .faq-wrapper .faq-list .list-item .list-item-q .list-item-inner .content::after {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          display: block;
          margin-left: 25px;
          content: "";
          font-family: "icomoon";
          font-size: 24px;
          line-height: 1;
          color: #BA000C;
          -moz-transition: transform 0.3s ease;
          -o-transition: transform 0.3s ease;
          -webkit-transition: transform 0.3s ease;
          transition: transform 0.3s ease; }
    .faq-wrapper .faq-list .list-item .list-item-a {
      display: none;
      background-color: #ffffff;
      padding: 35px 0; }
      .faq-wrapper .faq-list .list-item .list-item-a .list-item-inner::before {
        content: "A"; }
      .faq-wrapper .faq-list .list-item .list-item-a .list-item-inner .content {
        color: rgba(0, 0, 0, 0.55);
        line-height: 1.75;
        letter-spacing: 0.05em; }
    .faq-wrapper .faq-list .list-item.active .list-item-border {
      border-color: #ba000c; }
    .faq-wrapper .faq-list .list-item.active .list-item-q .list-item-inner::before {
      color: #BA000C; }
    .faq-wrapper .faq-list .list-item.active .list-item-q .list-item-inner .content::after {
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    @media screen and (max-width: 991px) {
      .faq-wrapper .faq-list .list-item .list-item-inner::before {
        width: 50px;
        margin-top: 2px;
        font-size: 20px;
        line-height: 18px; }
      .faq-wrapper .faq-list .list-item .list-item-inner .content {
        padding: 0 20px; }
      .faq-wrapper .faq-list .list-item .list-item-q {
        padding: 15px 0; }
        .faq-wrapper .faq-list .list-item .list-item-q .list-item-inner .content {
          font-size: 16px; }
          .faq-wrapper .faq-list .list-item .list-item-q .list-item-inner .content::after {
            margin-left: 20px;
            font-size: 20px; }
      .faq-wrapper .faq-list .list-item .list-item-a {
        padding: 25px 0; } }
    @media screen and (max-width: 479px) {
      .faq-wrapper .faq-list .list-item {
        border-radius: 5px; }
        .faq-wrapper .faq-list .list-item + .list-item {
          margin-top: 5px; }
        .faq-wrapper .faq-list .list-item .list-item-inner::before {
          width: 45px;
          font-size: 18px;
          line-height: 1; }
        .faq-wrapper .faq-list .list-item .list-item-inner .content {
          padding: 0 15px; }
        .faq-wrapper .faq-list .list-item .list-item-q {
          padding: 10px 0; }
          .faq-wrapper .faq-list .list-item .list-item-q .list-item-inner .content {
            font-size: 15px; }
            .faq-wrapper .faq-list .list-item .list-item-q .list-item-inner .content::after {
              margin-top: 2px;
              margin-left: 15px;
              font-size: 18px; }
        .faq-wrapper .faq-list .list-item .list-item-a {
          padding: 15px 0; } }
  .faq-wrapper .faq-service {
    text-align: center; }
    .faq-wrapper .faq-service .title {
      font-size: 24px;
      letter-spacing: 0.05em;
      line-height: 1.15; }
    .faq-wrapper .faq-service .faq-service-box {
      max-width: 1200px;
      margin: 35px auto 0;
      padding: 60px 25px;
      border: 2px solid #BA000C;
      color: rgba(0, 0, 0, 0.75); }
      .faq-wrapper .faq-service .faq-service-box .info {
        line-height: 2;
        letter-spacing: 0.05em; }
      .faq-wrapper .faq-service .faq-service-box .customer-service {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 45px; }
        .faq-wrapper .faq-service .faq-service-box .customer-service .icon {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 65px;
          margin-right: 30px; }
          .faq-wrapper .faq-service .faq-service-box .customer-service .icon img {
            width: 100%; }
        .faq-wrapper .faq-service .faq-service-box .customer-service .bubble {
          position: relative; }
          .faq-wrapper .faq-service .faq-service-box .customer-service .bubble::before, .faq-wrapper .faq-service .faq-service-box .customer-service .bubble::after {
            content: "";
            position: absolute;
            top: calc(50% - 14.15px/2);
            left: -6px;
            display: block;
            width: 14.15px;
            height: 14.15px;
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
          .faq-wrapper .faq-service .faq-service-box .customer-service .bubble::before, .faq-wrapper .faq-service .faq-service-box .customer-service .bubble .bubble-inner {
            -webkit-box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.1);
            -moz-transition: box-shadow 0.3s ease;
            -o-transition: box-shadow 0.3s ease;
            -webkit-transition: box-shadow 0.3s ease;
            transition: box-shadow 0.3s ease; }
          .faq-wrapper .faq-service .faq-service-box .customer-service .bubble::after {
            background-color: #ffffff; }
          .faq-wrapper .faq-service .faq-service-box .customer-service .bubble .bubble-inner {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 70px;
            border-radius: 70px;
            background-color: #ffffff;
            padding: 0 30px;
            font-size: 15px;
            font-weight: 500;
            letter-spacing: 0.05em; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .faq-wrapper .faq-service .faq-service-box .customer-service .bubble:hover::before, .faq-wrapper .faq-service .faq-service-box .customer-service .bubble:hover .bubble-inner {
    -webkit-box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.2); } }

    @media screen and (min-width: 1200px), print {
      .faq-wrapper .faq-service {
        margin-top: 100px; }
        .faq-wrapper .faq-service .faq-service-box {
          padding: 60px 25px; } }
    @media screen and (max-width: 1199px) and (min-width: 992px) {
      .faq-wrapper .faq-service {
        margin-top: 75px; } }
    @media screen and (max-width: 1199px) and (min-width: 768px) {
      .faq-wrapper .faq-service .faq-service-box {
        margin-top: 25px;
        padding: 50px 25px; } }
    @media screen and (max-width: 991px) and (min-width: 480px) {
      .faq-wrapper .faq-service {
        margin-top: 50px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .faq-wrapper .faq-service .title {
        font-size: 22px; }
      .faq-wrapper .faq-service .faq-service-box {
        margin-top: 25px;
        padding: 40px 25px; } }
    @media screen and (max-width: 767px) {
      .faq-wrapper .faq-service .faq-service-box .info {
        line-height: 1.5; } }
    @media screen and (max-width: 479px) {
      .faq-wrapper .faq-service {
        margin-top: 35px; }
        .faq-wrapper .faq-service .title {
          font-size: 18px; }
        .faq-wrapper .faq-service .faq-service-box {
          margin-top: 20px;
          padding: 20px; }
          .faq-wrapper .faq-service .faq-service-box .customer-service {
            margin-top: 25px; }
            .faq-wrapper .faq-service .faq-service-box .customer-service .icon {
              width: 45px;
              margin-right: 20px; }
            .faq-wrapper .faq-service .faq-service-box .customer-service .bubble::before, .faq-wrapper .faq-service .faq-service-box .customer-service .bubble .bubble-inner {
              -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
              box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
            .faq-wrapper .faq-service .faq-service-box .customer-service .bubble .bubble-inner {
              height: 60px;
              border-radius: 60px;
              padding: 0 20px; } }
    @media screen and (max-width: 413px) {
      .faq-wrapper .faq-service .faq-service-box {
        padding: 20px 15px; } }

/* -------------------------------------------
 *  products
 * ------------------------------------------ */
.pdList .pd-item {
  position: relative;
  text-align: center; }
  .pdList .pd-item a {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 10px;
    -moz-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease; }
  .pdList .pd-item .pd-display::before {
    content: "";
    display: block;
    padding-bottom: 100%; }
  .pdList .pd-item .pd-display {
    position: relative;
    -moz-transition: opacity 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out;
    -webkit-transition: opacity 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out; }
    .pdList .pd-item .pd-display > div {
      position: absolute; }
      .pdList .pd-item .pd-display > div > ul li + li {
        margin-top: 5px; }
    .pdList .pd-item .pd-display .pd-display-pic {
      background-size: contain !important; }
    .pdList .pd-item .pd-display .pd-display-tags {
      top: 0;
      left: 0; }
      .pdList .pd-item .pd-display .pd-display-tags .tag {
        width: 56px;
        height: 20px;
        overflow: hidden;
        background-color: #ffffff;
        border-radius: 2px;
        border: 1px solid #BA000C;
        color: #BA000C;
        font-size: 12px;
        line-height: 18px;
        text-overflow: ellipsis; }
        .pdList .pd-item .pd-display .pd-display-tags .tag.filled {
          background-color: #BA000C;
          color: #ffffff; }
        .pdList .pd-item .pd-display .pd-display-tags .tag.custom {
          border: none;
          color: #ffffff;
          line-height: 20px; }
        @media screen and (max-width: 479px) {
          .pdList .pd-item .pd-display .pd-display-tags .tag {
            width: 50px;
            font-size: 11px; } }
    .pdList .pd-item .pd-display .pd-display-badges {
      top: 0;
      right: 0;
      width: 25%;
      max-width: 65px; }
  .pdList .pd-item .pd-info {
    margin-top: 15px;
    line-height: 1.15; }
    .pdList .pd-item .pd-info .detail > * {
      overflow: hidden;
      text-overflow: ellipsis; }
      .pdList .pd-item .pd-info .detail > * + * {
        margin-top: 0.5em; }
    .pdList .pd-item .pd-info .tagline {
      height: 1.15em;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.55);
      letter-spacing: 0.025em;
      text-transform: uppercase;
      white-space: nowrap; }
      .pdList .pd-item .pd-info .tagline:lang(en) {
        height: auto;
        white-space: normal; }
    .pdList .pd-item .pd-info .name {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.9);
      line-height: 1.25;
      letter-spacing: 0.025em; }
    .pdList .pd-item .pd-info .price {
      margin-top: 0.5em;
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 20px;
      color: #BA000C; }
      .pdList .pd-item .pd-info .price s {
        font-size: 0.8em;
        color: #3B3B3B; }
      .pdList .pd-item .pd-info .price .sub {
        font-size: 0.75em;
        color: rgba(0, 0, 0, 0.9); }
        @media screen and (max-width: 1599px) {
          .pdList .pd-item .pd-info .price .sub {
            display: block;
            margin-bottom: 5px; } }
    .pdList .pd-item .pd-info .txt {
      font-size: 16px; }
      .pdList .pd-item .pd-info .txt:lang(en) {
        line-height: 1.25;
        height: 2.5em; }
    @media screen and (max-width: 479px) {
      .pdList .pd-item .pd-info .tagline {
        font-size: 13px; }
      .pdList .pd-item .pd-info .name {
        font-size: 15px; }
      .pdList .pd-item .pd-info .price {
        font-size: 16px; } }
  .pdList .pd-item .pd-remove {
    margin-top: 10px; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .pdList .pd-item .pd-remove .btn {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; } }

    .pdList .pd-item .pd-remove .btn:hover, .pdList .pd-item .pd-remove .btn:active {
      color: #BA000C; }
  .pdList .pd-item .pd-select {
    margin-top: 20px; }
    .pdList .pd-item .pd-select ul li.add {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      .pdList .pd-item .pd-select ul li.add .btn {
        height: 36px;
        border-radius: 3px;
        line-height: 1.15; }
        .pdList .pd-item .pd-select ul li.add .btn:not(.selected):not([class*="fill-"]):not([class*="border-"]) {
          border: 1px solid rgba(0, 0, 0, 0.55);
          color: rgba(0, 0, 0, 0.55); }
          .pdList .pd-item .pd-select ul li.add .btn:not(.selected):not([class*="fill-"]):not([class*="border-"]):active {
            background-color: rgba(0, 0, 0, 0.55);
            color: #ffffff; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .pdList .pd-item .pd-select ul li.add .btn:not(.selected):not([class*="fill-"]):not([class*="border-"]) {
    -moz-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .pdList .pd-item .pd-select ul li.add .btn:not(.selected):not([class*="fill-"]):not([class*="border-"]):hover {
      background-color: rgba(0, 0, 0, 0.55);
      color: #ffffff; } }

        .pdList .pd-item .pd-select ul li.add .btn.selected {
          background-color: #BA000C !important;
          color: #ffffff;
          -moz-transition-property: background-color, color;
          -o-transition-property: background-color, color;
          -webkit-transition-property: background-color, color;
          transition-property: background-color, color;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -moz-transition-timing-function: ease;
          -o-transition-timing-function: ease;
          -webkit-transition-timing-function: ease;
          transition-timing-function: ease; }
    @media screen and (min-width: 1600px), print {
      .pdList .pd-item .pd-select ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .pdList .pd-item .pd-select ul:lang(en) {
          display: block; }
        .pdList .pd-item .pd-select ul li + li {
          margin-left: 7.5px; }
          .pdList .pd-item .pd-select ul li + li:lang(en) {
            margin-left: 0;
            margin-top: 10px; }
        .pdList .pd-item .pd-select ul li.add .btn {
          width: 80px; }
          .pdList .pd-item .pd-select ul li.add .btn:lang(en) {
            width: 100%; } }
    @media screen and (max-width: 1599px) {
      .pdList .pd-item .pd-select ul li + li {
        margin-top: 10px; }
      .pdList .pd-item .pd-select ul li.add .btn {
        width: 100%; } }
  .pdList .pd-item .pd-hover ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .pdList .pd-item .pd-hover .btn {
    font-size: 26px; }
@media screen and (hover: hover) and (min-width: 992px), screen and (-ms-high-contrast: none) and (min-width: 992px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .pdList .pd-item .pd-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden; }
    .pdList .pd-item .pd-hover::before {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .pdList .pd-item .pd-hover ul {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .pdList .pd-item .pd-hover ul li {
        visibility: visible;
        opacity: 0;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out; }
        .pdList .pd-item .pd-hover ul li + li {
          margin-left: 10px; }
    .pdList .pd-item .pd-hover .btn {
      width: 55px;
      height: 55px;
      background-color: #232323;
      color: #ffffff;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
      .pdList .pd-item .pd-hover .btn.notice-button svg {
        width: 1.1em;
        height: 1.1em;
        stroke-width: 1.25px; }
      .pdList .pd-item .pd-hover .btn:hover {
        background-color: #BA000C; }
  .pdList .pd-item a:hover {
    border-color: #E1E1E1; }
  .pdList .pd-item:hover .pd-hover ul li {
    opacity: 1; } }
@media screen and (hover: hover) and (max-width: 991px), screen and (-ms-high-contrast: none) and (max-width: 991px) {
  .pdList .pd-item .pd-hover {
    margin-top: 15px; }
    .pdList .pd-item .pd-hover ul li + li {
      margin-left: 15px; }
    .pdList .pd-item .pd-hover .btn {
      width: 25px;
      height: 25px;
      border-radius: 0;
      color: #999999;
      font-size: 22px; }
    .pdList .pd-item .pd-hover .notice-button.active svg {
      fill: currentColor; }
    .pdList .pd-item .pd-hover .like-button.active {
      color: #BA000C; } }

  @media (hover: none) {
    .pdList .pd-item .pd-hover {
      margin-top: 15px; }
      .pdList .pd-item .pd-hover ul li + li {
        margin-left: 15px; }
      .pdList .pd-item .pd-hover .btn {
        width: 25px;
        height: 25px;
        border-radius: 0;
        color: #999999;
        font-size: 22px; }
      .pdList .pd-item .pd-hover .notice-button.active svg {
        fill: currentColor; }
      .pdList .pd-item .pd-hover .like-button.active {
        color: #BA000C; } }
  .pdList .pd-item.out-of-stock .pd-display {
    position: relative; }
    .pdList .pd-item.out-of-stock .pd-display::after {
      position: absolute;
      top: calc(50% - 40px);
      left: calc(50% - 40px);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 80px;
      height: 80px;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      content: "缺貨中";
      line-height: 1.15;
      letter-spacing: 0.05em;
      color: #ffffff; }
    .pdList .pd-item.out-of-stock .pd-display:lang(zh-Hans)::after {
      content: "缺货中"; }
    .pdList .pd-item.out-of-stock .pd-display:lang(en)::after {
      content: "Out of Stock"; }
    @media screen and (max-width: 479px) {
      .pdList .pd-item.out-of-stock .pd-display::after {
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        width: 60px;
        height: 60px;
        font-size: 14px; } }
.pdList:not(.slick-slider) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .pdList:not(.slick-slider) .pd-item .pd-info .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.5em; }
@media screen and (min-width: 768px), print {
  .pdList.slick-slider .pd-item .pd-info .name {
    white-space: nowrap; } }
@media screen and (max-width: 767px) {
  .pdList.slick-slider .pd-item .pd-info .name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.5em; } }
.pdList.col-5 .pd-item:nth-child(5n+0) {
  margin-right: 0; }
.pdList.col-5 .pd-item:nth-child(-n+5) {
  margin-top: 0; }
@media screen and (min-width: 768px), print {
  .pdList.col-3 .pd-item:nth-child(3n+0) {
    margin-right: 0; }
  .pdList.col-3 .pd-item:nth-child(-n+3) {
    margin-top: 0; } }
@media screen and (max-width: 767px) {
  .pdList.col-3 .pd-item:nth-child(2n+0) {
    margin-right: 0; }
  .pdList.col-3 .pd-item:nth-child(-n+2) {
    margin-top: 0; } }
.pdList.col-3 .pd-item .pd-display .pd-display-badges {
  max-width: 50px; }
@media (hover: hover), (-ms-high-contrast: none) {
  .pdList.col-3 .pd-item .pd-hover .btn {
    width: 45px;
    height: 45px;
    font-size: 22px; } }

.products-section[data-section="banner"] {
  position: relative;
  z-index: 2; }

.products-banner-editor {
  position: relative;
  overflow: hidden; }
  .products-banner-editor .banner-bg:not(.imgLiquid_ready) img {
    display: block;
    height: 100%; }
  .products-banner-editor .banner-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 310px; }
    @media screen and (max-width: 1199px) {
      .products-banner-editor .banner-inner {
        height: 250px; } }
    @media screen and (max-width: 991px) {
      .products-banner-editor .banner-inner {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .products-banner-editor .banner-inner {
        height: 50vw; } }
  .products-banner-editor[data-editor-style="01"] .banner-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .products-banner-editor[data-editor-style="01"] .content {
    position: relative;
    z-index: 1;
    padding: 20px 35px;
    border: 1px solid rgba(0, 0, 0, 0.9);
    border-left: 25px solid #000000; }
    .products-banner-editor[data-editor-style="01"] .content .title .en, .products-banner-editor[data-editor-style="01"] .content .title .zh {
      display: block; }
    .products-banner-editor[data-editor-style="01"] .content .title .en {
      font-family: "Courier Prime", "Consolas", "Courier", "Heiti TC", "Microsoft JhengHei", serif;
      line-height: 1.15; }
      .products-banner-editor[data-editor-style="01"] .content .title .en .en-bold, .products-banner-editor[data-editor-style="01"] .content .title .en .en-sub {
        display: block; }
      .products-banner-editor[data-editor-style="01"] .content .title .en .en-bold {
        font-size: calc(18px + 0.93vw);
        letter-spacing: -0.025em; }
      .products-banner-editor[data-editor-style="01"] .content .title .en .en-sub {
        font-size: calc(14px + 0.515vw);
        letter-spacing: -0.025em; }
      .products-banner-editor[data-editor-style="01"] .content .title .en + .zh::before {
        content: "";
        display: block;
        width: 28px;
        height: 3px;
        margin: 15px 0;
        background-color: currentColor; }
    .products-banner-editor[data-editor-style="01"] .content .title .zh {
      font-size: calc(10px + 0.315vw);
      line-height: 1.35;
      letter-spacing: 0.05em; }
    .products-banner-editor[data-editor-style="01"] .content .txt {
      font-size: calc(10px + 0.315vw);
      letter-spacing: 0.05em; }
    .products-banner-editor[data-editor-style="01"] .content .more {
      margin-top: 5px; }
      .products-banner-editor[data-editor-style="01"] .content .more .more-link {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 13px;
        line-height: 1;
        text-transform: uppercase; }
        .products-banner-editor[data-editor-style="01"] .content .more .more-link [class^="icon-"] {
          display: inline-block;
          font-size: 1.15em; }
        .products-banner-editor[data-editor-style="01"] .content .more .more-link::before {
          content: "";
          display: block;
          width: 50px;
          height: 1px;
          margin-right: 1em;
          background-color: rgba(0, 0, 0, 0.3);
          -moz-transition-property: width, background-color;
          -o-transition-property: width, background-color;
          -webkit-transition-property: width, background-color;
          transition-property: width, background-color;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -moz-transition-timing-function: ease-in-out;
          -o-transition-timing-function: ease-in-out;
          -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out; }
        .products-banner-editor[data-editor-style="01"] .content .more .more-link:hover::before {
          width: 100px; }
    @media screen and (max-width: 991px) {
      .products-banner-editor[data-editor-style="01"] .content {
        display: none; } }
  .products-banner-editor[data-editor-style="01"] .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -moz-transition: transform 0.35s ease-in-out 0.1s;
    -o-transition: transform 0.35s ease-in-out 0.1s;
    -webkit-transition: transform 0.35s ease-in-out 0.1s;
    transition: transform 0.35s ease-in-out 0.1s; }
    .products-banner-editor[data-editor-style="01"] .pic a {
      display: block; }
    @media screen and (min-width: 992px), print {
      .products-banner-editor[data-editor-style="01"] .pic {
        background-position: right !important;
        background-size: auto 100% !important; }
        .products-banner-editor[data-editor-style="01"] .pic .imgLiquid_ready img {
          display: block !important;
          height: 100% !important;
          opacity: 0; } }
    @media screen and (max-width: 991px) {
      .products-banner-editor[data-editor-style="01"] .pic {
        left: 0; }
        .products-banner-editor[data-editor-style="01"] .pic a {
          height: 100%; } }
  .products-banner-editor[data-editor-style="01"]:hover .button .btn {
    background-color: currentColor; }
    .products-banner-editor[data-editor-style="01"]:hover .button .btn .btn-inner {
      color: #ffffff; }
  .products-banner-editor:not([data-editor-style="01"]) .banner-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 991px) {
      .products-banner-editor:not([data-editor-style="01"]) .banner-inner {
        padding: 0 5px; } }
  .products-banner-editor:not([data-editor-style="01"]) .content {
    display: none; }
  .products-banner-editor:not([data-editor-style="01"]) .pic {
    background-size: contain !important; }
    .products-banner-editor:not([data-editor-style="01"]) .pic .imgLiquid_ready img {
      display: block !important;
      opacity: 0; }
  .products-banner-editor[data-editor-style="02"] .pic {
    background-position: center bottom !important; }
  .products-banner-editor[data-editor-style="03"] {
    overflow: visible; }
    .products-banner-editor[data-editor-style="03"] .banner-bg {
      bottom: 50px; }
      @media screen and (max-width: 1199px) {
        .products-banner-editor[data-editor-style="03"] .banner-bg {
          bottom: 35px; } }
      @media screen and (max-width: 767px) {
        .products-banner-editor[data-editor-style="03"] .banner-bg {
          bottom: 7.5vw; } }
    .products-banner-editor[data-editor-style="03"] .pic img {
      display: block !important;
      opacity: 0; }
    @media screen and (min-width: 992px), print {
      .products-banner-editor[data-editor-style="03"] .pic {
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -webkit-transform: translateY(15px);
        transform: translateY(15px); } }

.products-section[data-section="primary"] {
  overflow: visible; }
  @media screen and (min-width: 480px), print {
    .products-section[data-section="primary"] {
      background-color: #ffffff; } }
  @media screen and (max-width: 991px) {
    .products-section[data-section="primary"] .primary-bread {
      display: none; } }
  @media screen and (max-width: 991px) {
    [data-page="product"] .products-section[data-section="primary"] .primary-bread {
      display: block; }
      [data-page="product"] .products-section[data-section="primary"] .primary-bread ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        [data-page="product"] .products-section[data-section="primary"] .primary-bread ul li:last-child {
          display: none; }
        [data-page="product"] .products-section[data-section="primary"] .primary-bread ul li:nth-last-child(2)::after {
          display: none; } }
  @media screen and (max-width: 479px) {
    [data-page="product"] .products-section[data-section="primary"] .primary-bread {
      width: 100%;
      padding: 20px;
      background-color: #ffffff;
      visibility: visible !important;
      opacity: 1 !important;
      font-size: 14px;
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none;
      transition: none; } }
  @media screen and (max-width: 413px) {
    [data-page="product"] .products-section[data-section="primary"] .primary-bread {
      padding: 20px 15px; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .products-section[data-section="primary"] .primary-inner.scroll-up .primary-head {
      top: 110px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .products-section[data-section="primary"] .primary-inner.scroll-up .primary-head {
      top: 100px; } }
  @media screen and (max-width: 479px) {
    .products-section[data-section="primary"] .primary-inner.scroll-up .primary-head {
      top: 95px; } }
  @media screen and (min-width: 992px), print {
    .products-section[data-section="primary"] .primary-inner {
      padding-bottom: 120px; } }
  @media screen and (max-width: 991px) {
    .products-section[data-section="primary"] .primary-inner {
      width: 100%; }
      .products-section[data-section="primary"] .primary-inner.sticky .primary-head {
        position: fixed;
        left: 0;
        right: 0;
        padding: 15px 20px;
        border-bottom: 1px solid #E2E2E2; }
        .products-section[data-section="primary"] .primary-inner.sticky .primary-head .title .zh {
          font-size: 16px; }
        .products-section[data-section="primary"] .primary-inner.sticky .primary-head .txt, .products-section[data-section="primary"] .primary-inner.sticky .primary-head .more {
          display: none; } }
  @media screen and (max-width: 479px) {
    .products-section[data-section="primary"] .primary-inner.sticky .primary-head {
      padding: 11px 15px; }
      .products-section[data-section="primary"] .primary-inner.sticky .primary-head .title .zh {
        font-size: 15px; } }
  .products-section[data-section="primary"] .primary-sidebar .sidebar-category.sort .category-title::after {
    display: none; }
  .products-section[data-section="primary"] .primary-sidebar .sidebar-category.sort .category-menu .active {
    font-weight: 700; }
  @media screen and (min-width: 992px), print {
    .products-section[data-section="primary"] .primary-sidebar .sidebar-category.sort {
      display: none; } }
  @media screen and (min-width: 992px), print {
    .products-section[data-section="primary"] .primary-head {
      display: none; } }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .products-section[data-section="primary"] .primary-head {
      padding: 35px 25px; } }
  @media screen and (max-width: 991px) {
    .products-section[data-section="primary"] .primary-head {
      position: -webkit-sticky;
      position: sticky;
      z-index: 99;
      background-color: #ffffff;
      text-align: center;
      color: #2C2C2C;
      -moz-transition-property: padding, border;
      -o-transition-property: padding, border;
      -webkit-transition-property: padding, border;
      transition-property: padding, border;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .products-section[data-section="primary"] .primary-head {
      top: 55px; } }
  @media screen and (max-width: 991px) and (max-width: 767px) and (min-width: 480px) {
    .products-section[data-section="primary"] .primary-head {
      top: 45px; } }
  @media screen and (max-width: 991px) and (max-width: 479px) {
    .products-section[data-section="primary"] .primary-head {
      top: 40px; } }
  @media screen and (max-width: 991px) {
      .products-section[data-section="primary"] .primary-head .title {
        line-height: 1.15; }
        .products-section[data-section="primary"] .primary-head .title .en {
          display: none; }
        .products-section[data-section="primary"] .primary-head .title .zh {
          display: block;
          font-size: calc(22px + 0.5vw);
          font-weight: 500;
          letter-spacing: 0.05em;
          -moz-transition: font-size 0.3s ease;
          -o-transition: font-size 0.3s ease;
          -webkit-transition: font-size 0.3s ease;
          transition: font-size 0.3s ease; } }
      @media screen and (max-width: 991px) and (max-width: 479px) {
        .products-section[data-section="primary"] .primary-head .title .zh {
          font-size: 18px; } }
  @media screen and (max-width: 991px) {
      .products-section[data-section="primary"] .primary-head .txt {
        margin-top: 5px;
        font-size: 16px;
        letter-spacing: 0.05em; }
      .products-section[data-section="primary"] .primary-head .more {
        margin-top: 5px;
        font-size: 13px; } }
  @media screen and (max-width: 479px) {
    .products-section[data-section="primary"] .primary-head {
      padding: 25px 20px; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .products-section[data-section="primary"] .primary-main {
      padding: 50px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .products-section[data-section="primary"] .primary-main {
      padding: 50px 25px; } }
  @media screen and (max-width: 479px) {
    .products-section[data-section="primary"] .primary-main .page-group-style {
      padding: 35px 20px; }
      .products-section[data-section="primary"] .primary-main .page-group-style.products-series {
        padding-top: 0; } }
  @media screen and (max-width: 413px) {
    .products-section[data-section="primary"] .primary-main .page-group-style {
      padding: 35px 15px; } }
  @media screen and (min-width: 1400px), print {
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item {
      width: calc(25% - 75px/4);
      margin: 70px 25px 0 0; } }
  @media screen and (max-width: 1399px) and (min-width: 1200px) {
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item {
      width: calc(25% - 45px/4);
      margin: 70px 15px 0 0; } }
  @media screen and (min-width: 1200px), print {
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item:nth-child(4n+0) {
      margin-right: 0; }
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item:nth-child(-n+4) {
      margin-top: 0; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) {
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item {
      width: calc(100%/3 - 30px);
      margin: 55px 45px 0 0; }
      .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item:nth-child(3n+0) {
        margin-right: 0; }
      .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item:nth-child(-n+3) {
        margin-top: 0; }
      .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item .pd-display .pd-display-badges {
        max-width: 50px; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) and (hover: hover), screen and (max-width: 1199px) and (min-width: 768px) and (-ms-high-contrast: none) {
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item .pd-hover .btn {
      width: 45px;
      height: 45px;
      font-size: 22px; } }

  @media screen and (max-width: 767px) {
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item:nth-child(2n+0) {
      margin-right: 0; }
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item:nth-child(-n+2) {
      margin-top: 0; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item {
      width: calc(50% - 25px);
      margin: 55px 50px 0 0; } }
  @media screen and (max-width: 479px) {
    .products-section[data-section="primary"] .primary-main .pdList:not(.slider):not([data-layout="list"]) .pd-item {
      width: calc(50% - 15px/2);
      margin: 35px 15px 0 0; } }

.products-series .products-series-head {
  margin-bottom: 35px;
  text-align: center; }
  .products-series .products-series-head .title {
    font-size: 24px;
    font-weight: 700; }
    @media screen and (max-width: 479px) {
      .products-series .products-series-head .title {
        font-size: 18px; } }
.products-series .products-series-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 991px) {
    .products-series .products-series-nav {
      display: none; } }
  .products-series .products-series-nav > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .products-series .products-series-nav > div:only-child {
      margin-left: auto; }
  .products-series .products-series-nav .nav-head {
    line-height: 1.15; }
    .products-series .products-series-nav .nav-head .title {
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0.05em; }
    .products-series .products-series-nav .nav-head .txt {
      margin-left: 0.75em;
      font-size: 15px; }
  .products-series .products-series-nav .nav-options {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .products-series .products-series-nav .nav-options > ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .products-series .products-series-nav .nav-options > ul + ul {
        margin-left: 30px; }
      .products-series .products-series-nav .nav-options > ul li.active {
        pointer-events: none; }
    .products-series .products-series-nav .nav-options .sort {
      line-height: 1; }
      .products-series .products-series-nav .nav-options .sort li {
        position: relative; }
        .products-series .products-series-nav .nav-options .sort li + li {
          margin-left: 15px;
          padding-left: 15px; }
          .products-series .products-series-nav .nav-options .sort li + li::before {
            content: "";
            position: absolute;
            top: calc(50% - 7.5px);
            left: 0;
            width: 1px;
            height: 15px;
            background-color: #E5E5E5; }
        .products-series .products-series-nav .nav-options .sort li .btn {
          -moz-transition: color 0.3s ease;
          -o-transition: color 0.3s ease;
          -webkit-transition: color 0.3s ease;
          transition: color 0.3s ease; }
          .products-series .products-series-nav .nav-options .sort li .btn::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -10px;
            display: block;
            height: 1px;
            background-color: currentColor;
            opacity: 0;
            -moz-transition: opacity 0.3s ease;
            -o-transition: opacity 0.3s ease;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease; }
          .products-series .products-series-nav .nav-options .sort li .btn:hover {
            color: #BA000C; }
        .products-series .products-series-nav .nav-options .sort li.active .btn {
          font-weight: 500; }
          .products-series .products-series-nav .nav-options .sort li.active .btn::after {
            opacity: 1; }
    .products-series .products-series-nav .nav-options .layout li + li {
      margin-left: -1px; }
    .products-series .products-series-nav .nav-options .layout li .btn {
      width: 35px;
      height: 35px;
      border: 1px solid #E2E2E2;
      font-size: 14px;
      color: #969696;
      -moz-transition-property: color, background-color, border-color;
      -o-transition-property: color, background-color, border-color;
      -webkit-transition-property: color, background-color, border-color;
      transition-property: color, background-color, border-color;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
    .products-series .products-series-nav .nav-options .layout li.active .btn {
      color: rgba(0, 0, 0, 0.9); }
    .products-series .products-series-nav .nav-options .layout li .btn:hover {
      color: #ffffff;
      background-color: #BA000C;
      border-color: #BA000C; }
@media screen and (min-width: 992px), print {
  .products-series .products-series-list {
    margin-top: 55px; } }
.products-series .products-series-list .pdList {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .products-series .products-series-list .pdList.changing {
    opacity: 0;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none; }
    .products-series .products-series-list .pdList.changing .pd-item .pd-hover ul li {
      -moz-transition: none;
      -o-transition: none;
      -webkit-transition: none;
      transition: none; }
  .products-series .products-series-list .pdList[data-layout="grid"] .pd-item .pd-info .detail .summary {
    display: none; }
  .products-series .products-series-list .pdList[data-layout="list"] {
    display: block; }
    .products-series .products-series-list .pdList[data-layout="list"] .pd-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      margin: 0; }
      .products-series .products-series-list .pdList[data-layout="list"] .pd-item + .pd-item {
        margin-top: 20px;
        padding-top: 30px;
        border-top: 1px solid #E5E5E5; }
      .products-series .products-series-list .pdList[data-layout="list"] .pd-item a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0;
        border: none; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item a:hover {
          border: none; }
        @media screen and (min-width: 1600px), print {
          .products-series .products-series-list .pdList[data-layout="list"] .pd-item a {
            width: calc(100% - 180px); } }
        @media screen and (max-width: 1599px) {
          .products-series .products-series-list .pdList[data-layout="list"] .pd-item a {
            width: calc(100% - 125px); } }
      .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-display {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0; }
        @media screen and (min-width: 1600px), print {
          .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info {
            width: calc(100% - 215px); } }
        @media screen and (max-width: 1599px) {
          .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info {
            width: calc(100% - 205px); } }
        @media screen and (max-width: 1199px) {
          .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info {
            width: calc(100% - 170px); } }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .detail {
          -webkit-align-self: start;
          -ms-flex-item-align: start;
          align-self: flex-start;
          text-align: left; }
          @media screen and (min-width: 1600px), print {
            .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .detail {
              width: calc(100% - 185px); } }
          @media screen and (max-width: 1599px) {
            .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .detail {
              width: calc(100% - 105px); } }
          @media screen and (max-width: 1199px) {
            .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .detail {
              width: calc(100% - 85px); } }
          .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .detail .name {
            height: auto;
            max-height: 2.5em;
            margin-top: 10px;
            font-weight: 500; }
          .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .detail .summary {
            margin-top: 10px;
            line-height: 1.75;
            color: rgba(0, 0, 0, 0.55); }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .price {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          margin: 0;
          text-align: right; }
      @media screen and (min-width: 1200px), print {
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-display {
          width: 180px; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .name {
          font-size: 20px; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .summary {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          text-overflow: ellipsis;
          max-height: 5.25em; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .price {
          width: 80px;
          font-size: 26px; }
          .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .price s {
            font-size: 0.615em; } }
      @media screen and (max-width: 1199px) {
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-display {
          width: 145px; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .name {
          font-size: 18px; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .summary {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 4;
          overflow: hidden;
          text-overflow: ellipsis;
          max-height: 7em; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-info .price {
          width: 60px; } }
      .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-hover {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100px;
        visibility: visible; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-hover::before {
          display: none; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-hover, .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-hover ul {
          position: static; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-hover ul li {
          opacity: 1; }
        .products-series .products-series-list .pdList[data-layout="list"] .pd-item .pd-hover .btn {
          width: 45px;
          height: 45px;
          font-size: 22px; }
      .products-series .products-series-list .pdList[data-layout="list"] .pd-item:hover .pd-display {
        opacity: 1; }
.products-series .products-series-more {
  text-align: center; }
  @media screen and (min-width: 992px), print {
    .products-series .products-series-more {
      margin-top: 75px; } }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .products-series .products-series-more {
      margin-top: 50px; } }
  @media screen and (max-width: 479px) {
    .products-series .products-series-more {
      margin-top: 35px; } }
  .products-series .products-series-more .btn {
    width: 165px;
    height: 40px;
    border: 1px solid #E5E5E5;
    -moz-transition-property: color, background-color, border-color;
    -o-transition-property: color, background-color, border-color;
    -webkit-transition-property: color, background-color, border-color;
    transition-property: color, background-color, border-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .products-series .products-series-more .btn:hover {
      background-color: #BA000C;
      border-color: #BA000C;
      color: #ffffff; }

@media screen and (min-width: 992px), print {
  .products-collection {
    margin-top: 115px; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .products-collection {
    margin-top: 75px; } }
.products-collection .products-collection-head {
  text-align: center; }
  .products-collection .products-collection-head + .products-collection-list {
    margin-top: 35px; }
  .products-collection .products-collection-head .title {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 30px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em; }
  @media screen and (min-width: 480px), print {
    .products-collection .products-collection-head {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .products-collection .products-collection-head::before, .products-collection .products-collection-head::after {
        content: "";
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: block;
        height: 1px;
        background-color: #E5E5E5; } }
  @media screen and (max-width: 479px) {
    .products-collection .products-collection-head .title {
      font-size: 22px; } }

.products-promo {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .products-promo {
      padding: 60px 25px 0;
      border: 1px solid #E5E5E5; }
      .products-promo > div {
        padding-top: 25px;
        padding-bottom: 25px; } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .products-promo {
      margin-top: 50px; } }
  @media screen and (max-width: 479px) {
    .products-promo + .products-sets {
      padding-top: 0 !important; } }
  .products-promo .products-promo-head {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 768px), print {
      .products-promo .products-promo-head {
        position: absolute;
        top: 0;
        left: 25px;
        right: 25px;
        z-index: 99;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        padding: 10px 0;
        background-color: #ffffff;
        border-bottom: 1px solid #E5E5E5; }
        .products-promo .products-promo-head.is-sticky {
          position: fixed;
          left: calc(50% - 720px + 345px);
          right: calc(50% - 720px);
          padding: 10px 25px;
          border: 1px solid #E5E5E5; } }
    @media screen and (min-width: 768px) and (max-width: 1620px) {
      .products-promo .products-promo-head.is-sticky {
        left: calc(90px + 345px);
        right: 90px; } }
    @media screen and (min-width: 768px) and (min-width: 1200px), print {
      .products-promo .products-promo-head.is-sticky {
        top: 75px;
        border-top: none; } }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .products-promo .products-promo-head.is-sticky {
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: none; } }

    @media screen and (max-width: 1399px) {
      .products-promo .products-promo-head {
        font-size: 15px; } }
    @media screen and (max-width: 767px) {
      .products-promo .products-promo-head {
        position: fixed;
        z-index: 999;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ffffff;
        border-top: 1px solid #E5E5E5; } }
    .products-promo .products-promo-head .promo-head-counter .icon {
      display: inline-block;
      margin-right: 5px;
      font-size: 1.25em;
      color: rgba(0, 0, 0, 0.55); }
    @media screen and (max-width: 767px) {
      .products-promo .products-promo-head .promo-head-counter {
        padding: 20px 25px 0; } }
    @media screen and (max-width: 479px) {
      .products-promo .products-promo-head .promo-head-counter {
        padding: 10px 20px 0;
        font-size: 14px; }
        .products-promo .products-promo-head .promo-head-counter .icon {
          margin-right: 0;
          font-size: 1.15em; } }
    @media screen and (max-width: 413px) {
      .products-promo .products-promo-head .promo-head-counter {
        padding: 10px 15px 0; } }
    @media screen and (max-width: 339px) {
      .products-promo .products-promo-head .promo-head-counter {
        font-size: 13px; } }
    .products-promo .products-promo-head .promo-head-action .button .btn {
      height: 40px;
      padding: 0 15px;
      border-radius: 3px; }
    @media screen and (min-width: 768px), print {
      .products-promo .products-promo-head .promo-head-action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .products-promo .products-promo-head .promo-head-action .note {
          margin-right: 10px; } }
    @media screen and (max-width: 767px) {
      .products-promo .products-promo-head .promo-head-action > div {
        padding: 20px 25px; }
        .products-promo .products-promo-head .promo-head-action > div + div {
          border-top: 1px solid #E5E5E5; }
      .products-promo .products-promo-head .promo-head-action .note {
        padding-top: 5px; }
      .products-promo .products-promo-head .promo-head-action .button .btn {
        width: 100%; }
        .products-promo .products-promo-head .promo-head-action .button .btn::before {
          display: none; } }
    @media screen and (max-width: 479px) {
      .products-promo .products-promo-head .promo-head-action > div {
        padding: 10px 20px; }
      .products-promo .products-promo-head .promo-head-action .note {
        font-size: 14px; } }
    @media screen and (max-width: 413px) {
      .products-promo .products-promo-head .promo-head-action > div {
        padding: 10px 15px; }
      .products-promo .products-promo-head .promo-head-action .button .btn {
        height: 35px; } }
    @media screen and (max-width: 339px) {
      .products-promo .products-promo-head .promo-head-action .note {
        font-size: 13px; }
      .products-promo .products-promo-head .promo-head-action .button .btn {
        font-size: 14px; } }
  .products-promo .products-promo-primary {
    border-bottom: 1px solid #E5E5E5; }
    .products-promo .products-promo-primary .pdList.has-arrows {
      padding: 0 30px; }
    .products-promo .products-promo-primary .pdList .slick-track {
      margin: 0; }
    .products-promo .products-promo-primary .pdList .slick-arrow.slick-prev {
      left: 0; }
    .products-promo .products-promo-primary .pdList .slick-arrow.slick-next {
      right: 0; }
    .products-promo .products-promo-primary .pdList .slick-arrow svg {
      width: 14px;
      height: 25px; }
    .products-promo .products-promo-primary .pdList .pd-item .pd-info .detail .name {
      white-space: normal;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis; }
    .products-promo .products-promo-primary .pdList .pd-item .pd-info .detail .price {
      font-size: inherit;
      color: inherit; }
    @media screen and (min-width: 1600px), print {
      .products-promo .products-promo-primary .pdList .slick-list {
        margin: 0 -20px; }
      .products-promo .products-promo-primary .pdList .slick-slide {
        margin: 0 20px; } }
    @media screen and (max-width: 1599px) {
      .products-promo .products-promo-primary .pdList .slick-list {
        margin: 0 -10px; }
      .products-promo .products-promo-primary .pdList .slick-slide {
        margin: 0 10px; } }
    @media screen and (max-width: 767px) {
      .products-promo .products-promo-primary {
        display: none; } }
  .products-promo .products-promo-foot {
    color: rgba(0, 0, 0, 0.55);
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 992px), print {
      .products-promo .products-promo-foot .promo-foot-toggle {
        display: none; }
      .products-promo .products-promo-foot .promo-foot-content {
        display: block !important; } }
    @media screen and (max-width: 1399px) {
      .products-promo .products-promo-foot {
        font-size: 15px; } }
    @media screen and (max-width: 767px) {
      .products-promo .products-promo-foot {
        background-color: #ffffff; }
        .products-promo .products-promo-foot .promo-foot-toggle {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 25px;
          line-height: 1; }
          .products-promo .products-promo-foot .promo-foot-toggle .title {
            font-size: 16px;
            font-weight: 700;
            color: rgba(0, 0, 0, 0.9); }
          .products-promo .products-promo-foot .promo-foot-toggle::after {
            content: "";
            font-family: "icomoon";
            -moz-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            -webkit-transition: transform 0.3s ease;
            transition: transform 0.3s ease; }
          .products-promo .products-promo-foot .promo-foot-toggle.active::after {
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
        .products-promo .products-promo-foot .promo-foot-content {
          padding: 0 25px 25px; } }
    @media screen and (max-width: 479px) {
      .products-promo .products-promo-foot .promo-foot-toggle {
        padding: 25px 20px; }
        .products-promo .products-promo-foot .promo-foot-toggle .title {
          font-size: 15px; }
      .products-promo .products-promo-foot .promo-foot-content {
        padding: 0 20px 25px;
        font-size: 14px; } }
    @media screen and (max-width: 413px) {
      .products-promo .products-promo-foot .promo-foot-toggle {
        padding: 20px 15px; }
      .products-promo .products-promo-foot .promo-foot-content {
        padding: 0 15px 20px; } }

@media screen and (max-width: 767px) {
  .products-section[data-section="primary"] .primary-inner.scroll-up .products-promo .products-promo-head {
    visibility: hidden; } }

@media screen and (min-width: 480px), print {
  .products-sets {
    margin-top: 55px; } }
@media screen and (max-width: 479px) {
  .products-sets:not(.member-group) {
    margin-top: 0 !important; } }
@media screen and (max-width: 991px) {
  .products-sets .products-sets-head {
    position: -webkit-sticky;
    position: sticky;
    z-index: 99; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .products-sets .products-sets-head {
      top: 55px; } }
  @media screen and (max-width: 991px) and (max-width: 767px) and (min-width: 480px) {
    .products-sets .products-sets-head {
      top: 45px; } }
  @media screen and (max-width: 991px) and (max-width: 479px) {
    .products-sets .products-sets-head {
      top: 40px;
      margin: 0 -20px; } }
  @media screen and (max-width: 991px) and (max-width: 413px) {
    .products-sets .products-sets-head {
      margin: 0 -15px; } }

.products-sets .products-sets-head ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .products-sets .products-sets-head ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .products-sets .products-sets-head ul li .btn {
      width: 100%;
      height: 45px; }
      @media screen and (max-width: 479px) {
        .products-sets .products-sets-head ul li .btn {
          height: 35px; } }
    .products-sets .products-sets-head ul li:not(.active) .btn {
      background-color: #F5F5F5;
      color: rgba(0, 0, 0, 0.55);
      border: 1px solid #E5E5E5;
      border-bottom: 1px solid #000000; }
      .products-sets .products-sets-head ul li:not(.active) .btn:active {
        background-color: #EFEFEF;
        color: rgba(0, 0, 0, 0.9); }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .products-sets .products-sets-head ul li:not(.active) .btn {
    -moz-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color; }
    .products-sets .products-sets-head ul li:not(.active) .btn:hover {
      background-color: #EFEFEF;
      color: rgba(0, 0, 0, 0.9); } }

    .products-sets .products-sets-head ul li.active .btn {
      background-color: #FFFFFF;
      border: 1px solid #000000;
      border-bottom: none;
      font-weight: 700; }
.products-sets .products-sets-tabs {
  margin-top: 55px; }
  .products-sets .products-sets-tabs .tab-content {
    display: none;
    /*.pdList
     * .pd-item
     *   +max($max-md)
     *     .pd-hover
     *       position: absolute
     *       top: 0
     *       right: 0
     *       margin: 0 */ }
.products-sets.style2 .products-sets-tabs {
  margin-top: 0; }
.products-sets.is-sticky .products-sets-head {
  position: fixed;
  z-index: 99;
  top: 55px;
  left: 0;
  right: 0;
  background-color: #f5f5f5; }
  .products-sets.is-sticky .products-sets-head ul li:not(.active) .btn {
    border-top: none;
    border-left: none;
    border-right: none; }
  @media screen and (max-width: 767px) {
    .products-sets.is-sticky .products-sets-head {
      top: 45px; } }
  @media screen and (max-width: 479px) {
    .products-sets.is-sticky .products-sets-head {
      top: 40px;
      margin: 0; } }

@media screen and (max-width: 1199px) and (min-width: 992px) {
  [data-section="primary"] .primary-inner.sticky.scroll-up .primary-sidebar {
    top: 75px; } }
@media screen and (max-width: 991px) {
  [data-section="primary"] .primary-inner.sticky.scroll-up .primary-sidebar {
    top: 55px; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  [data-section="primary"] .primary-inner.sticky.scroll-up .products-sets .products-sets-head {
    top: 130px; } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  [data-section="primary"] .primary-inner.sticky.scroll-up .products-sets .products-sets-head {
    top: 110px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  [data-section="primary"] .primary-inner.sticky.scroll-up .products-sets .products-sets-head {
    top: 100px; } }
@media screen and (max-width: 479px) {
  [data-section="primary"] .primary-inner.sticky.scroll-up .products-sets .products-sets-head {
    top: 95px; } }

.product-profile .product-name-style {
  line-height: 1.35; }
  .product-profile .product-name-style > * {
    letter-spacing: 0.05em; }
    .product-profile .product-name-style > * + * {
      margin-top: 5px; }
  .product-profile .product-name-style .subtitle {
    font-size: 16px;
    color: #3B3B3B; }
  .product-profile .product-name-style .title {
    font-size: calc(20px + .625vw);
    font-weight: 700;
    color: rgba(0, 0, 0, 0.9); }
  .product-profile .product-name-style .en {
    font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.55); }
  .product-profile .product-name-style .reviews {
    margin-top: 20px;
    line-height: 1; }
    .product-profile .product-name-style .reviews span {
      display: inline-block; }
    .product-profile .product-name-style .reviews .rate {
      color: #BA000C; }
    .product-profile .product-name-style .reviews .txt {
      margin-left: 0.25em;
      padding-left: 0.5em;
      border-left: 1px solid #D3D3D5;
      color: rgba(0, 0, 0, 0.55); }
.product-profile .product-profile-slideshow .slick-item {
  position: relative;
  cursor: pointer; }
  .product-profile .product-profile-slideshow .slick-item::before {
    content: "";
    display: block;
    padding-bottom: 100%; }
  .product-profile .product-profile-slideshow .slick-item .slick-item-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .product-profile .product-profile-slideshow .slick-item .slick-item-inner.for-pic {
      background-size: contain !important; }
    .product-profile .product-profile-slideshow .slick-item .slick-item-inner.for-video {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #FAFAFA; }
      .product-profile .product-profile-slideshow .slick-item .slick-item-inner.for-video .iframe-wrapper {
        width: 100%; }
.product-profile .product-profile-slideshow .slideshow-thumb .slick-slide {
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer; }
  .product-profile .product-profile-slideshow .slideshow-thumb .slick-slide.slick-current {
    opacity: 0.5; }
.product-profile .product-profile-slideshow .slideshow-thumb .slick-item.for-video::after {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.4);
  border: 2px solid #ffffff;
  border-radius: 50%;
  font-family: "icomoon";
  font-size: 23px;
  color: #ffffff; }
.product-profile .product-profile-info > div + div {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E1E1E1; }
.product-profile .product-profile-info .info-head {
  position: relative; }
  .product-profile .product-profile-info .info-head .info-head-name .reviews .txt a:hover {
    color: #BA000C; }
  .product-profile .product-profile-info .info-head .info-head-action .btn[name="like"].active {
    color: #BA000C; }
  .product-profile .product-profile-info .info-head .info-head-action ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .product-profile .product-profile-info .info-head .info-head-action ul .share-buttons {
      display: none;
      overflow: hidden; }
      .product-profile .product-profile-info .info-head .info-head-action ul .share-buttons .share-buttons-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 24px;
        font-size: 20px;
        color: rgba(0, 0, 0, 0.55); }
      .product-profile .product-profile-info .info-head .info-head-action ul .share-buttons .btn {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        margin-right: 20px; }
        .product-profile .product-profile-info .info-head .info-head-action ul .share-buttons .btn.facebook:hover {
          color: #3b5998; }
        .product-profile .product-profile-info .info-head .info-head-action ul .share-buttons .btn.line {
          font-size: 22px; }
          .product-profile .product-profile-info .info-head .info-head-action ul .share-buttons .btn.line:hover {
            color: #00b900; }
        .product-profile .product-profile-info .info-head .info-head-action ul .share-buttons .btn.copylink:hover {
          color: #BA000C; }
.product-profile .product-profile-info .info-primary + .info-foot {
  margin-top: 30px;
  padding-top: 30px; }
.product-profile .product-profile-info .info-primary .info-primary-summary {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.015em;
  color: rgba(0, 0, 0, 0.55); }
.product-profile .product-profile-info .info-primary .info-primary-options {
  margin-top: 40px; }
  .product-profile .product-profile-info .info-primary .info-primary-options ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px; }
    .product-profile .product-profile-info .info-primary .info-primary-options ul li {
      margin: 5px; }
      .product-profile .product-profile-info .info-primary .info-primary-options ul li .btn {
        min-width: 140px;
        height: 55px;
        border-width: 1px;
        border-style: solid;
        font-size: 16px;
        -moz-transition: border-color 0.3s ease;
        -o-transition: border-color 0.3s ease;
        -webkit-transition: border-color 0.3s ease;
        transition: border-color 0.3s ease; }
        .product-profile .product-profile-info .info-primary .info-primary-options ul li .btn[disabled] {
          color: #cccccc; }
      .product-profile .product-profile-info .info-primary .info-primary-options ul li.active .btn {
        border-color: #BA000C;
        color: #BA000C; }
      .product-profile .product-profile-info .info-primary .info-primary-options ul li:not(.active) .btn {
        border-color: #E1E1E1; }
        .product-profile .product-profile-info .info-primary .info-primary-options ul li:not(.active) .btn:hover {
          border-color: rgba(0, 0, 0, 0.9); }
.product-profile .product-profile-info .info-primary .info-primary-price {
  margin-top: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .product-profile .product-profile-info .info-primary .info-primary-price span {
    display: block;
    line-height: 1; }
    .product-profile .product-profile-info .info-primary .info-primary-price span + span {
      margin-left: 10px; }
  .product-profile .product-profile-info .info-primary .info-primary-price .txt {
    letter-spacing: 0.05em; }
  .product-profile .product-profile-info .info-primary .info-primary-price .sale {
    font-size: 35px;
    font-weight: 700;
    color: #BA000C; }
    .product-profile .product-profile-info .info-primary .info-primary-price .sale::before {
      content: attr(data-currency);
      margin-right: 0.25em;
      font-size: 18px; }
  .product-profile .product-profile-info .info-primary .info-primary-price .prime {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: rgba(0, 0, 0, 0.55);
    text-decoration: line-through; }
.product-profile .product-profile-info .info-primary .info-primary-buy {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .product-profile .product-profile-info .info-primary .info-primary-buy > div + div {
    margin-left: 15px; }
  .product-profile .product-profile-info .info-primary .info-primary-buy .quantity {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .product-profile .product-profile-info .info-primary .info-primary-buy .quantity .bootstrap-select {
      width: auto;
      min-width: 170px; }
  .product-profile .product-profile-info .info-primary .info-primary-buy .add {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .product-profile .product-profile-info .info-primary .info-primary-buy .add .btn {
      width: 100%;
      height: 50px;
      font-size: 18px;
      letter-spacing: 0.05em; }
.product-profile .product-profile-info .info-foot .info-foot-events {
  font-size: 15px; }
  .product-profile .product-profile-info .info-foot .info-foot-events .list ul li + li {
    margin-top: 15px; }
  .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-detail .tag {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 50px;
      height: 24px;
      margin-right: 0.85em;
      border: 1px solid #BA000C;
      border-radius: 2px;
      font-size: 14px;
      line-height: 1;
      text-align: center;
      color: #BA000C; }
    .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-detail .tt a:hover {
      color: #BA000C; }
    .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-detail .tt .desc-toggle {
      display: inline-block;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.55); }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-detail .tt .desc-toggle:hover {
    color: #BA000C; } }

  .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-counter {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-counter .btn {
      height: 30px;
      border-radius: 30px;
      background-color: #F8F8F8;
      padding: 0 10px;
      color: rgba(0, 0, 0, 0.55);
      line-height: 1; }
      .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-counter .btn::before {
        content: "";
        display: inline-block;
        margin-right: 0.25em;
        font-family: "icomoon";
        color: rgba(0, 0, 0, 0.9); }
  .product-profile .product-profile-info .info-foot .info-foot-events .list .description {
    display: none; }
  .product-profile .product-profile-info .info-foot .info-foot-events .more {
    margin-top: 15px;
    text-align: right; }
    .product-profile .product-profile-info .info-foot .info-foot-events .more .btn {
      color: rgba(0, 0, 0, 0.55);
      -moz-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease; }
      .product-profile .product-profile-info .info-foot .info-foot-events .more .btn [class^="icon-"] {
        margin-left: 0.25em;
        -moz-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        transition: transform 0.3s ease; }
      .product-profile .product-profile-info .info-foot .info-foot-events .more .btn:active {
        color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .product-profile .product-profile-info .info-foot .info-foot-events .more .btn:hover {
    color: #BA000C; } }

    .product-profile .product-profile-info .info-foot .info-foot-events .more.active .btn [class^="icon-"] {
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
@media screen and (min-width: 480px), print {
  .product-profile .product-profile-info .info-foot .info-foot-events .list .event {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .product-profile .product-profile-info .info-foot .info-foot-events .list .event .event-counter {
      margin-left: 45px; } }
@media screen and (min-width: 992px), print {
  .product-profile > div {
    float: left; }
  .product-profile .product-profile-head {
    display: none; }
  .product-profile .product-profile-slideshow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .product-profile .product-profile-info .info-head .info-head-action {
    position: absolute;
    right: 0;
    bottom: 0; }
    .product-profile .product-profile-info .info-head .info-head-action ul {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .product-profile .product-profile-info .info-head .info-head-action ul li + li {
        margin-left: 25px; }
    .product-profile .product-profile-info .info-head .info-head-action .btn {
      float: right; } }
@media screen and (min-width: 1200px), print {
  .product-profile .product-profile-slideshow .slideshow-thumb .slick-list {
    margin: -15px 0; }
  .product-profile .product-profile-slideshow .slideshow-thumb .slick-slide {
    margin: 15px 0; }
  .product-profile .product-profile-info {
    width: 585px; } }
@media screen and (min-width: 1300px), print {
  .product-profile .product-profile-slideshow .slideshow-thumb {
    width: 85px; }
  .product-profile .product-profile-slideshow .slideshow-main {
    width: calc(100% - 110px); } }
@media screen and (min-width: 1600px), print {
  .product-profile .product-profile-slideshow {
    width: calc(100% - 585px - 125px); }
  .product-profile .product-profile-info {
    margin-left: 125px; } }
@media screen and (max-width: 1599px) and (min-width: 1300px) {
  .product-profile .product-profile-slideshow {
    width: calc(100% - 585px - 55px); }
  .product-profile .product-profile-info {
    margin-left: 55px; } }
@media screen and (max-width: 1299px) and (min-width: 1200px) {
  .product-profile .product-profile-slideshow {
    width: calc(100% - 585px - 25px); }
    .product-profile .product-profile-slideshow .slideshow-thumb {
      width: 75px; }
    .product-profile .product-profile-slideshow .slideshow-main {
      width: calc(100% - 90px); }
  .product-profile .product-profile-info {
    margin-left: 25px; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .product-profile .product-profile-slideshow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: calc(50% - 15px); }
    .product-profile .product-profile-slideshow > div {
      width: 100%; }
    .product-profile .product-profile-slideshow .slideshow-thumb {
      margin-top: 15px; }
      .product-profile .product-profile-slideshow .slideshow-thumb .slick-list {
        margin: 0 -10px; }
      .product-profile .product-profile-slideshow .slideshow-thumb .slick-slide {
        margin: 0 10px; }
  .product-profile .product-profile-info {
    width: 50%;
    margin-left: 15px; } }
@media screen and (max-width: 991px) {
  .product-profile .product-profile-head {
    text-align: center; }
  .product-profile .product-profile-slideshow {
    margin-top: 35px; }
    .product-profile .product-profile-slideshow .slideshow-main {
      max-width: 625px;
      margin: 0 auto; }
    .product-profile .product-profile-slideshow .slideshow-thumb {
      display: none; }
  .product-profile .product-profile-info .info-head .info-head-name {
    display: none; }
  .product-profile .product-profile-info .info-head .info-head-action {
    margin-top: 35px; }
    .product-profile .product-profile-info .info-head .info-head-action ul {
      border: 1px solid #E1E1E1; }
      .product-profile .product-profile-info .info-head .info-head-action ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .product-profile .product-profile-info .info-head .info-head-action ul li + li {
          border-left: 1px solid #E1E1E1; }
    .product-profile .product-profile-info .info-head .info-head-action .btn {
      width: 100%;
      padding: 15px;
      line-height: 1; }
      .product-profile .product-profile-info .info-head .info-head-action .btn svg {
        width: 20px;
        height: 20px;
        margin-right: 0.5em; }
      .product-profile .product-profile-info .info-head .info-head-action .btn::after {
        content: attr(data-title);
        display: block; }
  .product-profile .product-profile-info .info-primary .info-primary-price, .product-profile .product-profile-info .info-primary .info-primary-buy {
    display: none; } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-profile {
    padding: 50px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .product-profile {
    padding: 50px 25px;
    padding-top: 0; } }
@media screen and (max-width: 479px) {
  .product-profile {
    background-color: #ffffff;
    padding: 35px 20px;
    padding-top: 0; } }
  @media screen and (max-width: 479px) and (max-width: 413px) {
    .product-profile {
      padding-left: 15px;
      padding-right: 15px; } }
@media screen and (max-width: 479px) {
    .product-profile .product-profile-head .subtitle {
      font-size: 15px; }
    .product-profile .product-profile-head .en {
      display: none; }
    .product-profile .product-profile-head .reviews {
      margin-top: 10px;
      font-size: 15px; }
    .product-profile .product-profile-slideshow {
      margin-top: 25px; }
    .product-profile .product-profile-info .info-head .info-head-action {
      margin-top: 25px; }
      .product-profile .product-profile-info .info-head .info-head-action .btn {
        padding: 10px;
        font-size: 15px; }
        .product-profile .product-profile-info .info-head .info-head-action .btn svg {
          width: 18px;
          height: 18px; }
    .product-profile .product-profile-info .info-primary .info-primary-options {
      margin-top: 20px; }
      .product-profile .product-profile-info .info-primary .info-primary-options ul li .btn {
        min-width: 100px;
        height: 50px; }
    .product-profile .product-profile-info .info-foot .info-foot-events .event .event-counter {
      margin-top: 5px;
      margin-left: calc(50px + 0.85em); } }

.product-popup {
  display: none;
  overflow: auto; }
  .product-popup .nicescroll-rails {
    margin-left: -5px; }
  .product-popup .popup-box {
    min-width: 260px;
    margin: 10px;
    background-color: #ffffff;
    overflow: auto; }
    @media screen and (min-width: 768px), print {
      .product-popup .popup-box {
        max-width: 775px; } }
    @media screen and (max-width: 767px) {
      .product-popup .popup-box {
        max-width: calc(100% - 50px); } }
    @media screen and (max-width: 479px) {
      .product-popup .popup-box {
        max-width: calc(100% - 40px); } }
    .product-popup .popup-box::before {
      display: none; }
    .product-popup .popup-box [class^="popup-"] {
      padding-left: 40px;
      padding-right: 40px; }
      @media screen and (max-width: 479px) {
        .product-popup .popup-box [class^="popup-"] {
          padding-left: 20px;
          padding-right: 20px; } }
      @media screen and (max-width: 413px) {
        .product-popup .popup-box [class^="popup-"] {
          padding-left: 15px;
          padding-right: 15px; } }
    .product-popup .popup-box .popup-head {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 25px;
      padding-bottom: 25px; }
      @media screen and (max-width: 479px) {
        .product-popup .popup-box .popup-head {
          padding-top: 17.5px;
          padding-bottom: 17.5px; } }
      .product-popup .popup-box .popup-head .title {
        display: block;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.15;
        letter-spacing: 0.05em; }
      .product-popup .popup-box .popup-head .close {
        margin-left: 25px;
        font-size: 16px;
        -moz-transition: color 0.3s ease;
        -o-transition: color 0.3s ease;
        -webkit-transition: color 0.3s ease;
        transition: color 0.3s ease; }
        .product-popup .popup-box .popup-head .close:hover {
          color: #BA000C; }
      @media screen and (max-width: 479px) {
        .product-popup .popup-box .popup-head .title {
          font-size: 17px; }
        .product-popup .popup-box .popup-head .close {
          font-size: 16px; } }
    .product-popup .popup-box .popup-content {
      padding-top: 35px;
      padding-bottom: 35px;
      border-top: 1px solid #E1E1E1;
      font-size: 16px;
      line-height: 1.75;
      letter-spacing: 0.05em;
      color: rgba(0, 0, 0, 0.55); }
      @media screen and (max-width: 479px) {
        .product-popup .popup-box .popup-content {
          line-height: 1.5; } }
      .product-popup .popup-box .popup-content .share-buttons {
        text-align: center; }
        .product-popup .popup-box .popup-content .share-buttons .btn {
          display: inline-block;
          width: 45px;
          height: 45px;
          margin: 10px 5px;
          line-height: 45px;
          border-radius: 50%;
          color: #ffffff;
          font-size: 18px; }
          .product-popup .popup-box .popup-content .share-buttons .btn.facebook {
            background-color: #3b5998; }
          .product-popup .popup-box .popup-content .share-buttons .btn.line {
            background-color: #00b900;
            font-size: 20px; }
          .product-popup .popup-box .popup-content .share-buttons .btn.copylink {
            background-color: #BA000C; }
      .product-popup .popup-box .popup-content .spacing-fix {
        display: block;
        height: 5px; }
      .product-popup .popup-box .popup-content .review-profile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border: 1px solid #E2E2E2;
        padding: 15px; }
        @media screen and (max-width: 479px) {
          .product-popup .popup-box .popup-content .review-profile {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; } }
        .product-popup .popup-box .popup-content .review-profile + .review-section {
          margin-top: 30px; }
        .product-popup .popup-box .popup-content .review-profile .pic {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 110px; }
          @media screen and (max-width: 479px) {
            .product-popup .popup-box .popup-content .review-profile .pic {
              width: 85px; } }
          .product-popup .popup-box .popup-content .review-profile .pic::before {
            content: "";
            display: block;
            padding-bottom: 100%; }
        .product-popup .popup-box .popup-content .review-profile .info {
          margin-left: 15px; }
          .product-popup .popup-box .popup-content .review-profile .info .subtitle {
            font-size: 15px;
            color: #3B3B3B; }
          .product-popup .popup-box .popup-content .review-profile .info .title {
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 0.05em;
            line-height: 1.35;
            color: rgba(0, 0, 0, 0.9); }
            @media screen and (max-width: 479px) {
              .product-popup .popup-box .popup-content .review-profile .info .title {
                font-size: 18px; } }
          .product-popup .popup-box .popup-content .review-profile .info .en {
            font-size: 13px;
            color: rgba(0, 0, 0, 0.55); }
            @media screen and (max-width: 479px) {
              .product-popup .popup-box .popup-content .review-profile .info .en {
                display: none; } }
      .product-popup .popup-box .popup-content .review-section {
        color: rgba(0, 0, 0, 0.9); }
        .product-popup .popup-box .popup-content .review-section + .review-section {
          margin-top: 30px; }
        .product-popup .popup-box .popup-content .review-section .section-head {
          padding-bottom: 10px;
          border-bottom: 2px solid rgba(0, 0, 0, 0.9); }
          .product-popup .popup-box .popup-content .review-section .section-head .title {
            font-size: 16px;
            font-weight: 700;
            line-height: 1.15; }
            .product-popup .popup-box .popup-content .review-section .section-head .title span {
              font-weight: 400;
              font-size: 15px; }
        .product-popup .popup-box .popup-content .review-section .section-primary {
          margin-top: 30px; }
          .product-popup .popup-box .popup-content .review-section .section-primary .rate {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 10px 0; }
            .product-popup .popup-box .popup-content .review-section .section-primary .rate .stars ul {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
              .product-popup .popup-box .popup-content .review-section .section-primary .rate .stars ul li + li {
                margin-left: 8px; }
              .product-popup .popup-box .popup-content .review-section .section-primary .rate .stars ul li button {
                display: block;
                color: #BA000C; }
                .product-popup .popup-box .popup-content .review-section .section-primary .rate .stars ul li button svg {
                  display: block; }
              .product-popup .popup-box .popup-content .review-section .section-primary .rate .stars ul li.active button svg, .product-popup .popup-box .popup-content .review-section .section-primary .rate .stars ul li.rated button svg {
                fill: currentColor; }
            .product-popup .popup-box .popup-content .review-section .section-primary .rate .txt {
              margin-top: 15px;
              line-height: 1.15;
              color: rgba(0, 0, 0, 0.55); }
          .product-popup .popup-box .popup-content .review-section .section-primary .fieldset {
            margin-top: 20px; }
            .product-popup .popup-box .popup-content .review-section .section-primary .fieldset a:hover {
              text-decoration: underline; }
            .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-row + .form-row {
              margin-top: 15px; }
            .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-row.action {
              padding: 35px;
              text-align: center; }
              .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-row.action .btn {
                min-width: 160px;
                height: 40px; }
            .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-field {
              position: relative;
              margin-top: 5px; }
              .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-field .form-control {
                display: block;
                width: 100%;
                padding: 7.5px 15px;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                border: 1px solid #E2E2E2;
                outline: none;
                border-radius: 0;
                line-height: inherit; }
                .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-field .form-control.disabled {
                  background-color: #f5f5f5;
                  color: rgba(0, 0, 0, 0.55); }
              .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-field .bootstrap-select {
                width: 100%; }
                .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-field .bootstrap-select > .dropdown-toggle {
                  height: 45px;
                  padding: 0 15px; }
                  .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-field .bootstrap-select > .dropdown-toggle .filter-option {
                    padding: 0; }
            .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-checkbox {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex; }
              .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-checkbox label {
                -webkit-flex-shrink: 0;
                -moz-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                position: relative;
                display: block;
                width: 15px;
                height: 15px;
                margin-top: 7px;
                margin-right: 10px;
                border: 1px solid #727272;
                cursor: pointer; }
                .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-checkbox label::before {
                  position: absolute;
                  top: 0;
                  left: 0;
                  display: block;
                  content: "";
                  font-family: "icomoon";
                  font-size: 14px;
                  line-height: 1;
                  opacity: 0;
                  color: #BA000C; }
              .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-checkbox input {
                display: none; }
                .product-popup .popup-box .popup-content .review-section .section-primary .fieldset .form-checkbox input:checked + label::before {
                  opacity: 1; }
      .product-popup .popup-box .popup-content .address-form .form-row.for-action {
        margin: 45px 0 25px;
        text-align: center; }
        .product-popup .popup-box .popup-content .address-form .form-row.for-action .btn {
          min-width: 160px;
          height: 40px; }
        @media screen and (max-width: 479px) {
          .product-popup .popup-box .popup-content .address-form .form-row.for-action {
            margin: 35px 0 15px; } }
      @media screen and (max-width: 767px) {
        .product-popup .popup-box .popup-content .address-form .form-row .form-field {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin: 0 -5px; }
          .product-popup .popup-box .popup-content .address-form .form-row .form-field [class*="col-"] {
            margin: 5px; }
          .product-popup .popup-box .popup-content .address-form .form-row .form-field .col-2 {
            width: calc(50% - 10px); } }
      .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner {
        margin-top: 10px;
        background-color: #F8F8F8;
        padding: 25px; }
        @media screen and (min-width: 768px), print {
          .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; } }
        .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .tt {
          display: block; }
          @media screen and (min-width: 768px), print {
            .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .tt {
              -webkit-flex-shrink: 0;
              -moz-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              margin-right: 15px;
              line-height: 38px; } }
        .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; }
          @media screen and (min-width: 480px), print {
            .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .coupon-bar {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex; } }
          .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .coupon-bar .coupon-textfield {
            display: block;
            width: calc(100% - 130px);
            height: 38px;
            padding: 0 10px;
            border: 1px solid #E2E2E2;
            background-color: #ffffff;
            -webkit-appearance: none;
            -moz-appearance: none;
            line-height: 1.5; }
            @media screen and (max-width: 767px) {
              .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .coupon-bar .coupon-textfield {
                margin-top: 10px; } }
            @media screen and (max-width: 479px) {
              .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .coupon-bar .coupon-textfield {
                width: 100%; } }
            .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .coupon-bar .coupon-textfield.error {
              border-color: #BA000C; }
          .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .coupon-bar .btn {
            -webkit-flex-shrink: 0;
            -moz-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 120px;
            height: 38px; }
            @media screen and (min-width: 480px), print {
              .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .coupon-bar .btn {
                margin-left: 10px; } }
            @media screen and (max-width: 479px) {
              .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .coupon-bar .btn {
                width: 100%;
                margin-top: 5px; } }
          .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .error-msg {
            display: block;
            margin-top: 10px;
            color: #BA000C;
            font-size: 14px; }
            .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .error-msg .txt-icon {
              margin-right: 5px; }
            .product-popup .popup-box .popup-content .coupon-head .coupon-head-inner .coupon-field .error-msg.active {
              display: block; }
      .product-popup .popup-box .popup-content .coupon-primary {
        margin-top: 30px; }
        .product-popup .popup-box .popup-content .coupon-primary .coupons-head {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .product-popup .popup-box .popup-content .coupon-primary .coupons-head .title {
            color: rgba(0, 0, 0, 0.9); }
          .product-popup .popup-box .popup-content .coupon-primary .coupons-head .dropmenu {
            width: 150px; }
            .product-popup .popup-box .popup-content .coupon-primary .coupons-head .dropmenu .custom-select-wrap select.custom-select {
              height: 35px; }
            .product-popup .popup-box .popup-content .coupon-primary .coupons-head .dropmenu .bootstrap-select > .dropdown-toggle {
              height: 35px;
              padding: 0 10px; }
            .product-popup .popup-box .popup-content .coupon-primary .coupons-head .dropmenu .bootstrap-select > .dropdown-menu {
              color: rgba(0, 0, 0, 0.55); }
              .product-popup .popup-box .popup-content .coupon-primary .coupons-head .dropmenu .bootstrap-select > .dropdown-menu .dropdown-item {
                padding: 5px 10px; }
        .product-popup .popup-box .popup-content .coupon-primary .coupons-list {
          margin: 25px 0; }
      .product-popup .popup-box .popup-content .payment-table td {
        border-top: 1px solid #E2E2E2;
        border-bottom: 1px solid #E2E2E2;
        padding: 12.5px 17.5px;
        font-size: 15px;
        letter-spacing: 0; }
        .product-popup .popup-box .popup-content .payment-table td:nth-child(1) {
          background-color: #F8F8F8;
          color: rgba(0, 0, 0, 0.9); }
        @media screen and (min-width: 768px), print {
          .product-popup .popup-box .popup-content .payment-table td:nth-child(1) {
            white-space: nowrap; }
          .product-popup .popup-box .popup-content .payment-table td:nth-child(2) {
            padding-left: 35px;
            padding-right: 35px; } }
        @media screen and (max-width: 767px) {
          .product-popup .popup-box .popup-content .payment-table td {
            padding: 10px; }
            .product-popup .popup-box .popup-content .payment-table td:nth-child(1) {
              width: 35%; }
            .product-popup .popup-box .popup-content .payment-table td:nth-child(2) {
              width: 65%; } }
      .product-popup .popup-box .popup-content .contact-table th {
        white-space: nowrap;
        text-align: center; }
      .product-popup .popup-box .popup-content .contact-table td {
        text-align: left; }
      @media screen and (max-width: 479px) {
        .product-popup .popup-box .popup-content .contact-table td, .product-popup .popup-box .popup-content .contact-table th {
          padding: 15px 5px; }
          .product-popup .popup-box .popup-content .contact-table td:first-child, .product-popup .popup-box .popup-content .contact-table th:first-child {
            width: 25%;
            text-align: center; }
        .product-popup .popup-box .popup-content .contact-table .form-radio {
          text-align: center; }
          .product-popup .popup-box .popup-content .contact-table .form-radio label span {
            display: block;
            margin: 0 auto; } }
      .product-popup .popup-box .popup-content .contact-button {
        margin-top: 35px;
        text-align: center; }
        .product-popup .popup-box .popup-content .contact-button .btn {
          width: 160px;
          height: 40px; }
      @media screen and (max-width: 479px) {
        .product-popup .popup-box .popup-content {
          padding-top: 17.5px;
          padding-bottom: 35px;
          font-size: 15px; } }
  .product-popup.fixed-head .popup-box {
    width: 100%;
    overflow: hidden;
    padding-top: 75px; }
    @media screen and (max-width: 479px) {
      .product-popup.fixed-head .popup-box {
        width: 100%;
        max-width: 100%;
        max-height: unset;
        margin: 0;
        padding-top: 55px; } }
    .product-popup.fixed-head .popup-box .popup-head {
      position: absolute;
      z-index: 10;
      top: 0;
      left: 0;
      right: 0;
      height: 75px;
      background-color: #ffffff; }
      @media screen and (max-width: 479px) {
        .product-popup.fixed-head .popup-box .popup-head {
          height: 55px; } }
    .product-popup.fixed-head .popup-box .popup-content {
      max-height: 100%;
      border: none;
      padding-top: 0;
      overflow: auto; }
  .product-popup.for-review .popup-box, .product-popup.for-address .popup-box {
    max-width: 645px; }
  .product-popup.for-coupon .popup-box {
    max-width: 930px; }
  .product-popup.for-payment .popup-box {
    max-width: 1080px; }
  .product-popup.for-couponInfo .popup-box .popup-content {
    color: rgba(0, 0, 0, 0.9); }
  .product-popup.for-bonusMsg .popup-box .popup-head {
    padding-top: 20px;
    padding-bottom: 20px; }
    .product-popup.for-bonusMsg .popup-box .popup-head .title {
      font-weight: 700; }
  .product-popup.for-bonusMsg .popup-box .popup-content {
    border-top: none;
    padding-top: 0; }
    .product-popup.for-bonusMsg .popup-box .popup-content .editor {
      color: rgba(0, 0, 0, 0.9);
      font-size: 15px; }
      .product-popup.for-bonusMsg .popup-box .popup-content .editor ol li + li {
        margin-top: 10px; }
    .product-popup.for-bonusMsg .popup-box .popup-content .button {
      margin-top: 25px;
      text-align: center; }
      .product-popup.for-bonusMsg .popup-box .popup-content .button .btn {
        width: 150px;
        height: 35px; }
  .product-popup.for-qa .popup-box .close {
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 20px;
    line-height: 1; }
    .product-popup.for-qa .popup-box .close:active {
      color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .product-popup.for-qa .popup-box .close {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .product-popup.for-qa .popup-box .close:hover {
      color: #BA000C; } }

  @media screen and (max-width: 479px) {
    .product-popup.for-qa .popup-box .close {
      top: 5px;
      right: 5px; }
    .product-popup.for-qa .popup-box .popup-content {
      padding-bottom: 15px; } }

.product-topbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }
  .product-topbar:not(.active) {
    opacity: 0;
    visibility: hidden; }
  @media screen and (min-width: 992px), print {
    .product-topbar {
      z-index: 1000;
      -moz-transition-property: transform, opacity, visibility;
      -o-transition-property: transform, opacity, visibility;
      -webkit-transition-property: transform, opacity, visibility;
      transition-property: transform, opacity, visibility; }
      .product-topbar:not(.active) {
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%); } }
  @media screen and (max-width: 991px) {
    .product-topbar {
      z-index: 99; } }
  .product-topbar .product-topbar-buy {
    background-color: #ffffff;
    padding: 10px 0; }
    @media screen and (max-width: 991px) {
      .product-topbar .product-topbar-buy {
        display: none; } }
    .product-topbar .product-topbar-buy .container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .product-topbar .product-topbar-buy .container > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    .product-topbar .product-topbar-buy .buy-product .pic {
      width: 50px;
      background-size: contain !important; }
      .product-topbar .product-topbar-buy .buy-product .pic::before {
        content: "";
        display: block;
        padding-bottom: 100%; }
      .product-topbar .product-topbar-buy .buy-product .pic + .name {
        margin-left: 10px; }
    .product-topbar .product-topbar-buy .buy-product .name {
      font-size: 16px;
      letter-spacing: 0.05em; }
    .product-topbar .product-topbar-buy .buy-action .like {
      font-size: 16px; }
      .product-topbar .product-topbar-buy .buy-action .like .btn .icon {
        margin-left: 0.35em;
        font-size: 22px; }
      .product-topbar .product-topbar-buy .buy-action .like .btn.active .icon {
        color: #BA000C; }
    .product-topbar .product-topbar-buy .buy-action .quantity {
      margin-left: 20px; }
      .product-topbar .product-topbar-buy .buy-action .quantity .bootstrap-select {
        width: auto;
        min-width: 170px; }
        @media screen and (max-width: 1199px) {
          .product-topbar .product-topbar-buy .buy-action .quantity .bootstrap-select {
            min-width: 125px; } }
    .product-topbar .product-topbar-buy .buy-action .add {
      margin-left: 10px; }
      .product-topbar .product-topbar-buy .buy-action .add .btn {
        width: 395px;
        height: 50px;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 1199px) {
          .product-topbar .product-topbar-buy .buy-action .add .btn {
            width: 300px; } }
        .product-topbar .product-topbar-buy .buy-action .add .btn .btn-inner {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .product-topbar .product-topbar-buy .buy-action .add .btn .btn-inner + .btn-inner::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            display: block;
            width: 1px;
            background-color: rgba(255, 255, 255, 0.5); }
        .product-topbar .product-topbar-buy .buy-action .add .btn .price {
          font-size: 20px;
          font-weight: 500;
          letter-spacing: 0.05em; }
  .product-topbar .product-topbar-nav {
    position: relative;
    background-color: #222222;
    color: #ffffff;
    overflow: auto; }
    .product-topbar .product-topbar-nav::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      display: block;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.15); }
    .product-topbar .product-topbar-nav::-webkit-scrollbar {
      display: none; }
    .product-topbar .product-topbar-nav ul {
      position: relative;
      width: fit-content;
      text-align: center;
      white-space: nowrap;
      margin: 0 auto; }
      .product-topbar .product-topbar-nav ul li {
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 55px;
        padding: 0 27.5px; }
        .product-topbar .product-topbar-nav ul li a {
          display: block;
          white-space: nowrap;
          line-height: 1; }
          .product-topbar .product-topbar-nav ul li a::after {
            content: "";
            position: absolute;
            left: 27.5px;
            right: 27.5px;
            bottom: 0;
            display: block;
            height: 0;
            background-color: #BA000C;
            -moz-transition: height 0.3s ease;
            -o-transition: height 0.3s ease;
            -webkit-transition: height 0.3s ease;
            transition: height 0.3s ease; }
          @media (hover: hover), (-ms-high-contrast: none) {
            .product-topbar .product-topbar-nav ul li a:hover::after {
              height: 3px; } }
        .product-topbar .product-topbar-nav ul li.active a::after {
          height: 3px; }
    @media screen and (max-width: 479px) {
      .product-topbar .product-topbar-nav ul {
        font-size: 15px; }
        .product-topbar .product-topbar-nav ul li {
          height: 45px;
          padding: 0 22.5px; } }

.product-fixed {
  position: fixed;
  z-index: 98;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  /*&.bottom-fix
   * bottom: 0 */ }
  .product-fixed .quantity {
    position: relative;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 170px; }
    @media screen and (max-width: 479px) {
      .product-fixed .quantity {
        width: 125px; }
        .product-fixed .quantity .bootstrap-select > .dropdown-menu {
          margin-left: -5px !important; } }
  .product-fixed .add {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .product-fixed .add .btn {
      width: 100%;
      height: 50px; }
      .product-fixed .add .btn .btn-inner {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .product-fixed .add .btn .btn-inner + .btn-inner::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          display: block;
          width: 1px;
          background-color: rgba(255, 255, 255, 0.5); }
      .product-fixed .add .btn .price {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.05em; }

@media screen and (min-width: 992px), print {
  .product-detail {
    margin-top: 100px; } }
@media screen and (max-width: 479px) {
  .product-detail {
    margin-top: 0 !important;
    padding-top: 0; } }
@media screen and (min-width: 480px), print {
  .product-detail .anchor[name="features"] {
    padding-top: 50px; } }
@media screen and (min-width: 480px), print {
  .product-detail .anchor[name="usage"] {
    margin-top: 100px; } }
@media screen and (min-width: 480px), print {
  .product-detail .anchor[name="news"] {
    margin-top: 50px; } }

.detail-editor {
  overflow: hidden; }
  .detail-editor .iframe-wrapper .mce-object-iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .detail-editor .mt-50 {
    margin-top: 50px; }
  .detail-editor .mt-75 {
    margin-top: 75px; }
  .detail-editor .mt-100 {
    margin-top: 100px; }
  .detail-editor .mt-175 {
    margin-top: 175px; }
  .detail-editor .p-90 {
    padding-top: 90px;
    padding-bottom: 90px; }
  @media screen and (max-width: 991px) {
    .detail-editor .mt-75, .detail-editor .mt-100 {
      margin-top: 50px; }
    .detail-editor .mt-175 {
      margin-top: 100px; }
    .detail-editor .p-90 {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media screen and (max-width: 479px) {
    .detail-editor .mt-50, .detail-editor .mt-75, .detail-editor .mt-100 {
      margin-top: 35px; }
    .detail-editor .mt-175 {
      margin-top: 75px; }
    .detail-editor .p-90 {
      padding-top: 35px;
      padding-bottom: 35px; } }
  .detail-editor .bg-gray {
    background-color: #F6F6F6; }
  .detail-editor .detail-section {
    font-size: 18px;
    line-height: 1.75;
    text-align: center; }
    @media screen and (max-width: 1199px) {
      .detail-editor .detail-section {
        font-size: 16px; } }
    @media screen and (max-width: 991px) and (min-width: 768px) {
      .detail-editor .detail-section {
        padding-left: 50px;
        padding-right: 50px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .detail-editor .detail-section {
        padding-left: 25px;
        padding-right: 25px; } }
    @media screen and (max-width: 479px) {
      .detail-editor .detail-section {
        padding-left: 20px;
        padding-right: 20px; } }
    @media screen and (max-width: 413px) {
      .detail-editor .detail-section {
        padding-left: 15px;
        padding-right: 15px; } }
    .detail-editor .detail-section.border-thin {
      border-top: 1px solid #E1E1E1;
      border-bottom: 1px solid #E1E1E1; }
    .detail-editor .detail-section.border-thick {
      border: 10px solid #F8F8F8; }
    .detail-editor .detail-section * {
      letter-spacing: 0.05em; }
    .detail-editor .detail-section .content {
      color: rgba(0, 0, 0, 0.55); }
      .detail-editor .detail-section .content .title {
        margin-bottom: 0.5em;
        line-height: 1.5; }
    .detail-editor .detail-section .title {
      font-weight: 700;
      color: rgba(0, 0, 0, 0.9); }
      .detail-editor .detail-section .title.f22 {
        font-size: calc(18px + 0.215vw); }
      .detail-editor .detail-section .title.f28 {
        font-size: calc(18px + 0.515vw); }
      .detail-editor .detail-section .title.f32 {
        font-size: calc(20px + .625vw); }
      .detail-editor .detail-section .title.f40 {
        font-size: calc(22px + 0.775vw); }
      .detail-editor .detail-section .title.f45 {
        font-size: calc(22px + 1.05vw); }
    .detail-editor .detail-section .section-head {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .detail-editor .detail-section .section-head > * {
        max-width: 100%; }
      .detail-editor .detail-section .section-head[data-head-style="01"] {
        margin-bottom: 45px;
        line-height: 1.15; }
        @media screen and (max-width: 479px) {
          .detail-editor .detail-section .section-head[data-head-style="01"] {
            margin: 50px 0; } }
        .detail-editor .detail-section .section-head[data-head-style="01"] .txt {
          font-size: 24px;
          font-weight: 500;
          color: rgba(0, 0, 0, 0.55); }
          @media screen and (max-width: 767px) {
            .detail-editor .detail-section .section-head[data-head-style="01"] .txt {
              font-size: 20px; } }
          @media screen and (max-width: 479px) {
            .detail-editor .detail-section .section-head[data-head-style="01"] .txt {
              font-size: 18px; } }
        .detail-editor .detail-section .section-head[data-head-style="01"] .title {
          margin-top: 15px;
          padding: 15px 1.22em 0;
          border-top: 2px solid currentColor;
          text-transform: uppercase; }
      .detail-editor .detail-section .section-head[data-head-style="02"] .title {
        margin-bottom: 0.5em;
        line-height: 1.15; }
      .detail-editor .detail-section .section-head[data-head-style="02"] .txt {
        color: rgba(0, 0, 0, 0.55); }
      .detail-editor .detail-section .section-head[data-head-style="03"] {
        line-height: 1.15; }
        .detail-editor .detail-section .section-head[data-head-style="03"] .title {
          padding: 0 2em 15px;
          border-bottom: 2px solid currentColor;
          text-transform: uppercase; }
          @media screen and (min-width: 600px), print {
            .detail-editor .detail-section .section-head[data-head-style="03"] .title {
              min-width: 535px; } }
          @media screen and (max-width: 599px) {
            .detail-editor .detail-section .section-head[data-head-style="03"] .title {
              width: 100%; } }
          @media screen and (max-width: 479px) {
            .detail-editor .detail-section .section-head[data-head-style="03"] .title {
              padding: 0 0 10px; } }
        .detail-editor .detail-section .section-head[data-head-style="03"] .txt {
          margin-top: 20px;
          color: #333333; }
          @media screen and (max-width: 479px) {
            .detail-editor .detail-section .section-head[data-head-style="03"] .txt {
              margin-top: 15px; } }
    .detail-editor .detail-section .features-list ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      @media screen and (max-width: 991px) {
        .detail-editor .detail-section .features-list ul {
          max-width: 600px;
          margin: 0 auto; } }
    .detail-editor .detail-section .features-list .list-item {
      max-width: 163px; }
      .detail-editor .detail-section .features-list .list-item .tt {
        display: block;
        margin-top: 1.5em;
        line-height: 1.35; }
      @media screen and (min-width: 992px), print {
        .detail-editor .detail-section .features-list .list-item:not(:nth-child(-n+6)) {
          margin-top: 50px; } }
      @media screen and (min-width: 1400px), print {
        .detail-editor .detail-section .features-list .list-item {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 163px; }
          .detail-editor .detail-section .features-list .list-item + .list-item:not(:nth-child(6n+1)) {
            margin-left: calc(20% - 978px/5); } }
      @media screen and (max-width: 1399px) and (min-width: 1200px) {
        .detail-editor .detail-section .features-list .list-item {
          width: calc(100%/6 - 175px/6); }
          .edge .detail-editor .detail-section .features-list .list-item, .msie .detail-editor .detail-section .features-list .list-item {
            width: calc(100%/6 - 175px/6 - 0.01px); }
          .detail-editor .detail-section .features-list .list-item + .list-item:not(:nth-child(6n+1)) {
            margin-left: 35px; } }
      @media screen and (max-width: 1199px) and (min-width: 992px) {
        .detail-editor .detail-section .features-list .list-item {
          width: calc(100%/6 - 125px/6); }
          .edge .detail-editor .detail-section .features-list .list-item, .msie .detail-editor .detail-section .features-list .list-item {
            width: calc(100%/6 - 125px/6 - 0.01px); }
          .detail-editor .detail-section .features-list .list-item + .list-item:not(:nth-child(6n+1)) {
            margin-left: 25px; } }
      @media screen and (max-width: 991px) and (min-width: 480px) {
        .detail-editor .detail-section .features-list .list-item {
          width: calc(100%/3 - 100px/3); }
          .detail-editor .detail-section .features-list .list-item:not(:nth-child(-n+3)) {
            margin-top: 50px; }
          .edge .detail-editor .detail-section .features-list .list-item, .msie .detail-editor .detail-section .features-list .list-item {
            width: calc(100%/3 - 100px/3 - 0.01px); }
          .detail-editor .detail-section .features-list .list-item + .list-item:not(:nth-child(3n+1)) {
            margin-left: 50px; } }
      @media screen and (max-width: 479px) {
        .detail-editor .detail-section .features-list .list-item {
          width: calc(50% - 35px/2); }
          .detail-editor .detail-section .features-list .list-item:not(:nth-child(-n+2)) {
            margin-top: 50px; }
          .detail-editor .detail-section .features-list .list-item + .list-item:not(:nth-child(2n+1)) {
            margin-left: 35px; }
          .detail-editor .detail-section .features-list .list-item .pic {
            max-width: 120px;
            margin-left: auto;
            margin-right: auto; } }
    .detail-editor .detail-section .pic-wrapper:not(.full-width) img {
      width: auto !important;
      display: inline-block;
      vertical-align: top; }
    .detail-editor .detail-section .pic-wrapper.full-width img {
      display: block;
      width: 100% !important; }
    @media screen and (max-width: 991px) and (min-width: 480px) {
      .detail-editor .detail-section .pic-wrapper.full-width {
        margin: 0 -50px; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .detail-editor .detail-section .pic-wrapper.full-width {
        margin: 0 -25px; } }
    @media screen and (max-width: 479px) {
      .detail-editor .detail-section .pic-wrapper.full-width {
        margin: 0 -20px; } }
    @media screen and (max-width: 413px) {
      .detail-editor .detail-section .pic-wrapper.full-width {
        margin: 0 -15px; } }
    .detail-editor .detail-section .video-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .detail-editor .detail-section .video-wrapper .iframe-wrapper {
        width: 100%;
        max-width: 880px; }
      @media screen and (min-width: 992px), print {
        .detail-editor .detail-section .video-wrapper.row .content {
          text-align: left; } }
      @media screen and (min-width: 1400px), print {
        .detail-editor .detail-section .video-wrapper.row {
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end; } }
      @media screen and (min-width: 1600px), print {
        .detail-editor .detail-section .video-wrapper.row .content {
          max-width: calc(100% - 1000px);
          margin-right: 120px; } }
      @media screen and (max-width: 1599px) and (min-width: 1400px) {
        .detail-editor .detail-section .video-wrapper.row .content {
          max-width: calc(100% - 955px);
          margin-right: 75px; } }
      @media screen and (max-width: 1399px) and (min-width: 1200px) {
        .detail-editor .detail-section .video-wrapper.row {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .detail-editor .detail-section .video-wrapper.row .iframe-wrapper {
            width: 60%; }
          .detail-editor .detail-section .video-wrapper.row .content {
            max-width: calc(60% - 50px);
            margin-right: 50px; } }
      @media screen and (max-width: 991px) {
        .detail-editor .detail-section .video-wrapper.row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .detail-editor .detail-section .video-wrapper.row .iframe-wrapper {
            margin-top: 35px; } }
      .detail-editor .detail-section .video-wrapper.column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 100px 0 50px; }
        .detail-editor .detail-section .video-wrapper.column .content {
          margin-top: 35px;
          color: rgba(0, 0, 0, 0.9); }
        @media screen and (max-width: 991px) {
          .detail-editor .detail-section .video-wrapper.column {
            padding: 50px 0; } }
    .detail-editor .detail-section .skincare-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (min-width: 992px), print {
        .detail-editor .detail-section .skincare-wrapper {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: end;
          -ms-flex-align: end;
          align-items: flex-end;
          padding-top: 50px; } }
      @media screen and (max-width: 1399px) and (min-width: 992px) {
        .detail-editor .detail-section .skincare-wrapper {
          padding: 50px 25px 0; } }
      @media screen and (max-width: 991px) {
        .detail-editor .detail-section .skincare-wrapper {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding-top: 50px;
          padding-bottom: 50px; } }
      @media screen and (max-width: 479px) {
        .detail-editor .detail-section .skincare-wrapper {
          padding-top: 25px;
          padding-bottom: 35px; } }
      @media screen and (max-width: 479px) {
        .detail-editor .detail-section .skincare-wrapper .pic img {
          width: auto !important;
          max-height: 75vw; } }
      @media screen and (min-width: 992px), print {
        .detail-editor .detail-section .skincare-wrapper .content {
          max-width: 550px;
          margin-left: 100px;
          padding-bottom: 40px; } }
  @media screen and (min-width: 992px) and (max-width: 1399px) {
    .detail-editor .detail-section .skincare-wrapper .content {
      margin-left: 50px; } }

      .detail-editor .detail-section .skincare-wrapper .content .title {
        padding: 25px;
        background-color: #F6F6F6;
        border: 1px solid #DEDEDE; }
      .detail-editor .detail-section .skincare-wrapper .content .quote {
        position: relative;
        margin: 45px 0;
        padding: 35px 15px 35px 60px;
        font-size: 30px;
        text-align: left;
        line-height: 1.35;
        color: rgba(0, 0, 0, 0.9); }
        .detail-editor .detail-section .skincare-wrapper .content .quote p + p {
          margin-top: 0.35em; }
        .detail-editor .detail-section .skincare-wrapper .content .quote::before, .detail-editor .detail-section .skincare-wrapper .content .quote::after {
          content: "";
          position: absolute;
          display: block;
          width: 27.2px;
          height: 22.3px;
          background-size: contain;
          background-repeat: no-repeat; }
        .detail-editor .detail-section .skincare-wrapper .content .quote::before {
          top: 0;
          left: 15px;
          background-image: url("images/static/svg/icon-quote-left-2.svg"); }
        .detail-editor .detail-section .skincare-wrapper .content .quote::after {
          right: 25px;
          bottom: 0;
          background-image: url("images/static/svg/icon-quote-right-2.svg"); }
      @media screen and (max-width: 1399px) {
        .detail-editor .detail-section .skincare-wrapper .content .title {
          padding: 15px; }
        .detail-editor .detail-section .skincare-wrapper .content .quote {
          font-size: 24px; } }
      @media screen and (max-width: 479px) {
        .detail-editor .detail-section .skincare-wrapper .content .title {
          padding: 12.5px 15px; }
        .detail-editor .detail-section .skincare-wrapper .content .quote {
          padding: 25px;
          font-size: 18px; }
          .detail-editor .detail-section .skincare-wrapper .content .quote::before, .detail-editor .detail-section .skincare-wrapper .content .quote::after {
            width: 19.4px;
            height: 16.3px; }
          .detail-editor .detail-section .skincare-wrapper .content .quote::before {
            left: 0; }
          .detail-editor .detail-section .skincare-wrapper .content .quote::after {
            right: 0; } }
    .detail-editor .detail-section .ingredient-wrapper .list {
      text-align: left; }
      .detail-editor .detail-section .ingredient-wrapper .list .list-item {
        padding: 35px 0; }
        .detail-editor .detail-section .ingredient-wrapper .list .list-item + .list-item {
          border-top: 1px solid #E1E1E1; }
        .detail-editor .detail-section .ingredient-wrapper .list .list-item .title, .detail-editor .detail-section .ingredient-wrapper .list .list-item .en {
          line-height: 1.15; }
        .detail-editor .detail-section .ingredient-wrapper .list .list-item .en {
          display: block;
          margin-top: 0.5em;
          font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
          font-size: 18px;
          font-style: italic;
          letter-spacing: 0;
          color: #303030; }
        .detail-editor .detail-section .ingredient-wrapper .list .list-item .txt {
          margin-top: 1em;
          font-size: 16px;
          line-height: 1.5;
          color: #3E3A39; }
    @media screen and (min-width: 992px), print {
      .detail-editor .detail-section .ingredient-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .detail-editor .detail-section .ingredient-wrapper .pic {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0; } }
    @media screen and (min-width: 1400px), print {
      .detail-editor .detail-section .ingredient-wrapper .pic {
        width: 700px; } }
    @media screen and (min-width: 1600px), print {
      .detail-editor .detail-section .ingredient-wrapper .list {
        width: calc(100% - 825px); } }
    @media screen and (max-width: 1599px) and (min-width: 1400px) {
      .detail-editor .detail-section .ingredient-wrapper .list {
        width: calc(100% - 775px); } }
    @media screen and (max-width: 1399px) and (min-width: 992px) {
      .detail-editor .detail-section .ingredient-wrapper .pic {
        width: 50%; }
      .detail-editor .detail-section .ingredient-wrapper .list {
        width: calc(50% - 50px); }
        .detail-editor .detail-section .ingredient-wrapper .list .list-item {
          padding: 25px 0; } }
    .detail-editor .detail-section .ingredient-list {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto; }
      .detail-editor .detail-section .ingredient-list ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        @media screen and (min-width: 480px), print {
          .detail-editor .detail-section .ingredient-list ul {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        @media screen and (max-width: 479px) {
          .detail-editor .detail-section .ingredient-list ul {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; } }
      .detail-editor .detail-section .ingredient-list .list-item .pic {
        overflow: hidden;
        border-radius: 50%; }
      .detail-editor .detail-section .ingredient-list .list-item .caption {
        margin-top: 30px;
        line-height: 1.35; }
        .detail-editor .detail-section .ingredient-list .list-item .caption .title {
          font-size: 20px;
          font-weight: 400; }
        .detail-editor .detail-section .ingredient-list .list-item .caption .txt {
          margin-top: 0.5em;
          font-size: 18px;
          color: rgba(0, 0, 0, 0.55); }
      @media screen and (min-width: 1400px), print {
        .detail-editor .detail-section .ingredient-list ul {
          margin: 0 -50px; }
        .detail-editor .detail-section .ingredient-list .list-item {
          width: calc(20% - 20px - 80px);
          margin-left: 50px;
          margin-right: 50px; }
          .detail-editor .detail-section .ingredient-list .list-item:not(:nth-child(-n+5)) {
            margin-top: 80px; } }
      @media screen and (max-width: 1399px) {
        .detail-editor .detail-section .ingredient-list .list-item .caption {
          margin-top: 20px; }
          .detail-editor .detail-section .ingredient-list .list-item .caption .title {
            font-size: 18px; }
          .detail-editor .detail-section .ingredient-list .list-item .caption .txt {
            font-size: 16px; } }
      @media screen and (max-width: 1399px) and (min-width: 992px) {
        .detail-editor .detail-section .ingredient-list .list-item:not(:nth-child(-n+5)) {
          margin-top: 75px; } }
      @media screen and (max-width: 1399px) and (min-width: 1200px) {
        .detail-editor .detail-section .ingredient-list ul {
          margin: 0 -40px; }
        .detail-editor .detail-section .ingredient-list .list-item {
          width: calc(20% - 16px - 64px);
          margin-left: 40px;
          margin-right: 40px; } }
      @media screen and (max-width: 1199px) and (min-width: 768px) {
        .detail-editor .detail-section .ingredient-list ul {
          margin: 0 -25px; }
        .detail-editor .detail-section .ingredient-list .list-item {
          margin-left: 25px;
          margin-right: 25px; } }
      @media screen and (max-width: 1199px) and (min-width: 992px) {
        .detail-editor .detail-section .ingredient-list .list-item {
          width: calc(20% - 10px - 40px); } }
      @media screen and (max-width: 991px) and (min-width: 480px) {
        .detail-editor .detail-section .ingredient-list .list-item {
          width: calc(100%/3 - 50px/3 - 100px/3);
          margin-left: 25px;
          margin-right: 25px; }
          .detail-editor .detail-section .ingredient-list .list-item:not(:nth-child(-n+3)) {
            margin-top: 75px; } }
      @media screen and (max-width: 479px) {
        .detail-editor .detail-section .ingredient-list .list-item {
          width: calc(50% - 25px); }
          .detail-editor .detail-section .ingredient-list .list-item:not(:nth-child(-n+2)) {
            margin-top: 50px; } }
    .detail-editor .detail-section .pictures-wrapper .list-item .pic {
      position: relative; }
      .detail-editor .detail-section .pictures-wrapper .list-item .pic .label {
        position: absolute;
        right: 15px;
        bottom: 15px;
        background-color: #F5F5F5;
        min-width: 80px;
        padding: 0.3em 0.55em;
        line-height: 1.15;
        letter-spacing: 0; }
    .detail-editor .detail-section .pictures-wrapper .list-item .caption {
      margin-top: 25px;
      line-height: 1.5;
      color: rgba(0, 0, 0, 0.55); }
    @media screen and (min-width: 480px), print {
      .detail-editor .detail-section .pictures-wrapper ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .detail-editor .detail-section .pictures-wrapper ul .list-item {
          width: 50%; }
          .detail-editor .detail-section .pictures-wrapper ul .list-item:not(:nth-child(-n+2)) {
            margin-top: 75px; } }
      @media screen and (min-width: 480px) and (max-width: 991px) {
        .detail-editor .detail-section .pictures-wrapper ul .list-item:not(:nth-child(-n+2)) {
          margin-top: 50px; } }

    @media screen and (max-width: 479px) {
      .detail-editor .detail-section .pictures-wrapper .list-item + .list-item {
        margin-top: 15px; }
      .detail-editor .detail-section .pictures-wrapper .list-item .caption {
        margin-top: 15px; }
      .detail-editor .detail-section .pictures-wrapper .list-item:not(:last-child) .caption {
        padding-bottom: 20px; } }

@media screen and (min-width: 480px), print {
  .product-group-style + .product-group-style, .product-group-style + .anchor + .product-group-style {
    padding-top: 35px;
    border-top: 1px solid #E8E8E8; }
  .product-group-style + .product-group-style, .product-group-style + .anchor {
    margin-top: 65px; } }
.product-group-style .product-group-head .title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em; }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-group-style {
    padding-left: 50px;
    padding-right: 50px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .product-group-style {
    padding-left: 25px;
    padding-right: 25px; } }
@media screen and (max-width: 479px) {
  .product-group-style {
    padding-left: 20px;
    padding-right: 20px; } }
@media screen and (max-width: 413px) {
  .product-group-style {
    padding-left: 15px;
    padding-right: 15px; } }

.product-news {
  margin-top: 85px; }
  .product-news .product-group-head .title {
    font-size: 20px; }
  .product-news .product-news-slider {
    margin-top: 20px; }
    .product-news .product-news-slider .slick-list {
      margin: 0 -20px; }
    .product-news .product-news-slider .slick-slide {
      margin: 0 20px; }
    @media screen and (max-width: 413px) {
      .product-news .product-news-slider .slick-list {
        margin: 0 -15px; }
      .product-news .product-news-slider .slick-slide {
        margin: 0 15px; } }
    .product-news .product-news-slider .slick-item {
      border: 1px solid #E8E8E8; }
      .product-news .product-news-slider .slick-item .pic-wrapper {
        position: relative;
        overflow: hidden; }
        .product-news .product-news-slider .slick-item .pic-wrapper::before {
          content: "";
          display: block;
          padding-bottom: 67.0589%; }
      .product-news .product-news-slider .slick-item:not(:hover) .pic-wrapper .pic-fill {
        -moz-transform: scale(1.01);
        -o-transform: scale(1.01);
        -ms-transform: scale(1.01);
        -webkit-transform: scale(1.01);
        transform: scale(1.01); }
      .product-news .product-news-slider .slick-item .content .content-inner {
        padding: 30px; }
      .product-news .product-news-slider .slick-item .content .category {
        font-size: 16px;
        color: #BA000C;
        letter-spacing: 0.05em; }
      .product-news .product-news-slider .slick-item .content .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 4.5em;
        margin: 15px 0 25px;
        font-size: 20px;
        font-weight: 500; }
      .product-news .product-news-slider .slick-item .content .info {
        line-height: 1.15;
        letter-spacing: 0.05em;
        color: rgba(0, 0, 0, 0.55); }
        .product-news .product-news-slider .slick-item .content .info span {
          display: inline-block; }
        .product-news .product-news-slider .slick-item .content .info .author::before {
          content: "";
          display: inline-block;
          vertical-align: 0.35em;
          height: 1px;
          background-color: currentColor;
          opacity: 0.5; }
      @media screen and (min-width: 768px), print {
        .product-news .product-news-slider .slick-item .slick-item-inner {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          .product-news .product-news-slider .slick-item .slick-item-inner .pic-wrapper {
            -webkit-box-flex: 3.045;
            -ms-flex: 3.045;
            flex: 3.045; }
          .product-news .product-news-slider .slick-item .slick-item-inner .content {
            -webkit-box-flex: 1.955;
            -ms-flex: 1.955;
            flex: 1.955;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; } }
      @media screen and (min-width: 1600px), print {
        .product-news .product-news-slider .slick-item .content .info {
          font-size: 15px; }
          .product-news .product-news-slider .slick-item .content .info .author {
            margin-right: 1em; }
            .product-news .product-news-slider .slick-item .content .info .author::before {
              width: 2.5em;
              margin-right: 1em; } }
      @media screen and (max-width: 1599px) {
        .product-news .product-news-slider .slick-item .content .info {
          font-size: 14px; }
          .product-news .product-news-slider .slick-item .content .info .author {
            margin-right: 0.5em; }
            .product-news .product-news-slider .slick-item .content .info .author::before {
              width: 1.75em;
              margin-right: 0.5em; } }
      @media screen and (max-width: 1399px) {
        .product-news .product-news-slider .slick-item .content .title {
          margin: 10px 0 15px;
          font-size: 18px; } }
      @media screen and (max-width: 1199px) and (min-width: 992px) {
        .product-news .product-news-slider .slick-item .slick-item-inner {
          display: block; } }

.product-recs {
  margin-top: 65px; }
  .product-recs .product-recs-slider {
    margin-top: 45px; }
    .product-recs .product-recs-slider .slick-list {
      margin: 0 -24px; }
    .product-recs .product-recs-slider .slick-slide {
      margin: 0 24px; }
    @media screen and (max-width: 1599px) {
      .product-recs .product-recs-slider .slick-list {
        margin: 0 -15px; }
      .product-recs .product-recs-slider .slick-slide {
        margin: 0 15px; } }

@media screen and (max-width: 991px) {
  .product-reviews {
    padding-bottom: 50px; } }
.product-reviews .product-group-head {
  text-align: center; }
  .product-reviews .product-group-head .txt {
    margin-top: 1em; }
    .product-reviews .product-group-head .txt .rate {
      font-size: 18px; }
      .product-reviews .product-group-head .txt .rate::before {
        font-size: 1.15em; }
    .product-reviews .product-group-head .txt .btn {
      min-width: 165px;
      height: 40px; }
  @media screen and (min-width: 480px), print {
    .product-reviews .product-group-head {
      padding: 25px 0; }
      .product-reviews .product-group-head .txt .btn {
        margin-left: 1em; } }
  @media screen and (max-width: 479px) {
    .product-reviews .product-group-head .txt .rate {
      display: block; }
    .product-reviews .product-group-head .txt .btn {
      margin-top: 15px; } }
.product-reviews .product-reviews-list {
  margin-top: 25px; }
  @media screen and (max-width: 479px) {
    .product-reviews .product-reviews-list {
      margin-top: 35px; } }
  .product-reviews .product-reviews-list + .pagination {
    margin-top: 100px; }
    @media screen and (max-width: 991px) {
      .product-reviews .product-reviews-list + .pagination {
        margin-top: 50px; } }
  @media screen and (min-width: 480px), print {
    .product-reviews .product-reviews-list .list-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .product-reviews .product-reviews-list .list-item + .list-item {
        margin-top: 50px;
        padding-top: 30px;
        border-top: 1px solid #E8E8E8; } }
  @media screen and (max-width: 479px) {
    .product-reviews .product-reviews-list .list-item {
      padding-top: 25px;
      border-top: 1px solid #E8E8E8; }
      .product-reviews .product-reviews-list .list-item + .list-item {
        margin-top: 25px; } }
  @media screen and (min-width: 1200px), print {
    .product-reviews .product-reviews-list .list-item .content {
      width: calc(100% - 215px);
      padding-right: 100px; } }
  @media screen and (max-width: 1199px) and (min-width: 480px) {
    .product-reviews .product-reviews-list .list-item .content {
      width: calc(100% - 150px);
      padding-right: 50px; } }
  @media screen and (max-width: 1199px) and (min-width: 480px) and (max-width: 767px) {
    .product-reviews .product-reviews-list .list-item .content {
      padding-right: 25px; } }

  .product-reviews .product-reviews-list .list-item .content > * {
    letter-spacing: 0.05em; }
    .product-reviews .product-reviews-list .list-item .content > * + * {
      margin-top: 0.75em; }
  .product-reviews .product-reviews-list .list-item .content .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15; }
  .product-reviews .product-reviews-list .list-item .content .txt {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(0, 0, 0, 0.55); }
  .product-reviews .product-reviews-list .list-item .content .date {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.55); }
  .product-reviews .product-reviews-list .list-item .info .name {
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 7.5px; }
  .product-reviews .product-reviews-list .list-item .info ul li + li {
    margin-top: 5px; }
  @media screen and (min-width: 480px), print {
    .product-reviews .product-reviews-list .list-item .info {
      border-left: 1px solid #E8E8E8; } }
  @media screen and (min-width: 1200px), print {
    .product-reviews .product-reviews-list .list-item .info {
      width: 215px;
      padding-left: 50px; } }
  @media screen and (max-width: 1199px) and (min-width: 480px) {
    .product-reviews .product-reviews-list .list-item .info {
      width: 150px;
      padding-left: 25px; } }
  @media screen and (max-width: 479px) {
    .product-reviews .product-reviews-list .list-item .info {
      margin-top: 10px; }
      .product-reviews .product-reviews-list .list-item .info .name {
        margin-bottom: 5px; }
      .product-reviews .product-reviews-list .list-item .info ul li {
        display: inline-block;
        margin-right: 1em; } }
.product-reviews .product-reviews-form {
  display: none; }

/* ------------------------------------------
 *  shop
 * ----------------------------------------- */
[data-id="shop"] .anchor {
  display: block;
  margin-top: -75px;
  padding-top: 75px; }
@media screen and (max-width: 991px) {
  [data-id="shop"] [data-aos] {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    visibility: visible !important;
    opacity: 1 !important; }
  [data-id="shop"] .anchor {
    margin-top: -55px;
    padding-top: 55px; } }
@media screen and (max-width: 479px) {
  [data-id="shop"] {
    background-color: #f5f5f5; } }

.pd-loading {
  min-height: 125px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media screen and (min-width: 992px), print {
  .shop-group + .shop-group, .shop-group + .anchor + .shop-group {
    margin-top: 95px; } }
@media screen and (min-width: 768px), print {
  .shop-group:last-child.page-group-style {
    margin-bottom: 55px; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .shop-group + .shop-group, .shop-group + .anchor + .shop-group {
    margin-top: 55px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .shop-group:last-child.page-group-style {
    margin-bottom: 25px; } }
@media screen and (max-width: 479px) {
  .shop-group.page-group-style.pt-0 {
    padding-top: 0; } }

@media screen and (min-width: 992px), print {
  * + [class^="shop-"].mt-55 {
    margin-top: 55px; }
  * + [class^="shop-"].mt-75 {
    margin-top: 75px; }
  * + [class^="shop-"].mt-95 {
    margin-top: 95px; } }
@media screen and (max-width: 991px) {
  * + [class^="shop-"].mt-55, * + [class^="shop-"].mt-75, * + [class^="shop-"].mt-95 {
    margin-top: 55px; } }

.shop-banner + .shop-news {
  margin-top: 0; }
.shop-banner .slick-arrow {
  display: block;
  color: #ffffff;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .shop-banner .slick-arrow svg {
    display: block;
    width: 15px;
    height: 25px; }
  .shop-banner .slick-arrow:not(:hover) {
    opacity: 0.5; }
  @media screen and (min-width: 1600px), print {
    .shop-banner .slick-arrow.slick-prev {
      left: 120px; }
    .shop-banner .slick-arrow.slick-next {
      right: 120px; } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .shop-banner .slick-arrow.slick-prev {
      left: 90px; }
    .shop-banner .slick-arrow.slick-next {
      right: 90px; } }
  @media screen and (max-width: 1199px) {
    .shop-banner .slick-arrow.slick-prev {
      left: 20px; }
    .shop-banner .slick-arrow.slick-next {
      right: 20px; } }
.shop-banner .slick-dots {
  bottom: 40px; }
  @media screen and (max-width: 1599px) {
    .shop-banner .slick-dots {
      bottom: 25px; } }
  .shop-banner .slick-dots li {
    position: relative;
    -moz-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
    transition: padding 0.3s ease; }
    .shop-banner .slick-dots li + li {
      margin-left: 10px; }
    .shop-banner .slick-dots li button {
      display: block;
      width: 6px;
      height: 6px;
      background-color: #ffffff;
      border-radius: 50%;
      -moz-transition-property: width, height, background-color;
      -o-transition-property: width, height, background-color;
      -webkit-transition-property: width, height, background-color;
      transition-property: width, height, background-color;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
      .shop-banner .slick-dots li button::before {
        content: "";
        position: absolute;
        top: calc(50% - 0.5px);
        left: 0;
        display: block;
        width: 0;
        height: 1px;
        background-color: #ffffff;
        -moz-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        -webkit-transition: width 0.3s ease;
        transition: width 0.3s ease; }
    .shop-banner .slick-dots li.slick-active {
      padding: 0 16px; }
      .shop-banner .slick-dots li.slick-active button {
        width: 14px;
        height: 14px;
        background-color: transparent;
        border: 1px solid #ffffff; }
        .shop-banner .slick-dots li.slick-active button::before {
          width: 46px; }
      .shop-banner .slick-dots li.slick-active:first-child {
        padding: 0 23px 0 0; }
        .shop-banner .slick-dots li.slick-active:first-child button::before {
          width: 30px;
          left: 7px; }
      .shop-banner .slick-dots li.slick-active:last-child {
        padding: 0 0 0 23px; }
        .shop-banner .slick-dots li.slick-active:last-child button::before {
          width: 30px;
          left: auto;
          right: 7px; }
.shop-banner .slick-item {
  position: relative; }
  .shop-banner .slick-item a {
    display: block; }
  .shop-banner .slick-item .slick-item-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1799px) and (min-width: 1600px) {
      .shop-banner .slick-item .slick-item-inner {
        width: calc(100% - 400px); } }
    @media screen and (max-width: 1599px) and (min-width: 1200px) {
      .shop-banner .slick-item .slick-item-inner {
        width: calc(100% - 300px); } }
    @media screen and (min-width: 992px), print {
      .shop-banner .slick-item .slick-item-inner {
        height: 35.416666666vw; } }
    @media screen and (max-width: 991px) {
      .shop-banner .slick-item .slick-item-inner {
        height: 118.447580645vw; } }
  .shop-banner .slick-item .content {
    margin-top: 5vw; }
    .shop-banner .slick-item .content .content-head {
      line-height: 1.15; }
      .shop-banner .slick-item .content .content-head::after {
        content: "";
        display: block;
        width: 50px;
        height: 1px;
        margin: calc(15px + 0.55vw) 0;
        background-color: currentColor; }
      .shop-banner .slick-item .content .content-head > p + p {
        margin-top: 10px; }
      .shop-banner .slick-item .content .content-head .subtitle {
        font-size: calc(14px + 0.425vw);
        letter-spacing: 0.05em; }
      .shop-banner .slick-item .content .content-head .title {
        font-size: calc(22px + 2.25vw);
        font-weight: 500;
        letter-spacing: 0.05em; }
      .shop-banner .slick-item .content .content-head .tagline {
        font-size: calc(18px + 0.725vw);
        letter-spacing: 0.05em; }
    .shop-banner .slick-item .content .content-txt {
      font-size: 20px;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 1199px) {
        .shop-banner .slick-item .content .content-txt {
          font-size: 18px; } }
      @media screen and (max-width: 767px) {
        .shop-banner .slick-item .content .content-txt {
          font-size: 16px; } }
    .shop-banner .slick-item .content .content-button {
      margin-top: 1.825vw;
      font-size: 16px;
      letter-spacing: 0.05em; }
      .shop-banner .slick-item .content .content-button .btn {
        min-width: 190px;
        min-height: 45px;
        padding: 10px 15px;
        border: 1px solid currentColor;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease; }
        .shop-banner .slick-item .content .content-button .btn:hover {
          background-color: currentColor; }
          .shop-banner .slick-item .content .content-button .btn:hover span {
            color: #ffffff !important; }
    @media screen and (max-width: 991px) {
      .shop-banner .slick-item .content {
        max-width: 50%; } }
    @media screen and (max-width: 479px) {
      .shop-banner .slick-item .content .content-head .subtitle {
        font-size: 14px; }
      .shop-banner .slick-item .content .content-head .title {
        font-size: 22px; }
      .shop-banner .slick-item .content .content-head .tagline {
        font-size: 16px; }
      .shop-banner .slick-item .content .content-head::after {
        display: none; }
      .shop-banner .slick-item .content .content-txt {
        display: none; }
      .shop-banner .slick-item .content .content-button {
        margin-top: 15px; }
        .shop-banner .slick-item .content .content-button .btn {
          width: 100%;
          min-width: unset;
          min-height: 35px;
          padding: 5px 10px;
          font-size: 14px; } }

.shop-news.banner-news {
  position: relative;
  padding: 30px 0; }
  .shop-news.banner-news .banner-news-bg {
    background-size: auto !important;
    background-repeat: repeat !important; }
  .shop-news.banner-news .banner-news-inner {
    position: relative; }
  .shop-news.banner-news .slick-list {
    margin: 0 -25px; }
  .shop-news.banner-news .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .shop-news.banner-news .slick-track .slick-slide {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: 0 25px; }
  .shop-news.banner-news .slick-item .slick-item-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .shop-news.banner-news .slick-item .content {
    font-size: 17px;
    font-weight: 500;
    color: #9F9F9F;
    letter-spacing: 0.025em; }
    .shop-news.banner-news .slick-item .content p {
      margin-top: 5px; }
    .shop-news.banner-news .slick-item .content .title {
      font-size: 20px;
      color: #000000; }
    .shop-news.banner-news .slick-item .content .txt {
      max-width: 260px; }
    .shop-news.banner-news .slick-item .content .note {
      font-size: 14px; }
  .shop-news.banner-news .slick-item .button {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 15px; }
    .shop-news.banner-news .slick-item .button .btn {
      width: 40px;
      height: 40px;
      background-color: #D1D1D1;
      color: #ffffff;
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 16px;
      -moz-transition-property: background-color;
      -o-transition-property: background-color;
      -webkit-transition-property: background-color;
      transition-property: background-color; }
      .shop-news.banner-news .slick-item .button .btn:hover {
        background-color: #BA000C; }
  .shop-news.banner-news .slick-item .pic {
    max-width: 225px; }
  @media screen and (max-width: 1800px) {
    .shop-news.banner-news .slick-list {
      margin: 0 -15px; }
    .shop-news.banner-news .slick-track .slick-slide {
      margin: 0 15px; }
    .shop-news.banner-news .slick-item .content {
      font-size: 16px; }
      .shop-news.banner-news .slick-item .content .title span {
        display: block; } }
  @media screen and (max-width: 1599px) {
    .shop-news.banner-news .slick-item .content .title {
      font-size: 18px; } }
  @media screen and (max-width: 1599px) and (min-width: 992px) {
    .shop-news.banner-news .slick-item .content {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; } }
  @media screen and (max-width: 1599px) and (min-width: 1400px) {
    .shop-news.banner-news .slick-item .content {
      width: 210px; } }
  @media screen and (max-width: 1399px) and (min-width: 992px) {
    .shop-news.banner-news .slick-item .content {
      width: 175px; } }
  @media screen and (max-width: 991px) {
    .shop-news.banner-news {
      padding: 15px 0 30px; }
      .shop-news.banner-news .slick-dots {
        margin-top: 15px; } }
  @media screen and (max-width: 479px) {
    .shop-news.banner-news {
      padding: 30px 0; }
      .shop-news.banner-news .slick-item .button {
        display: none; } }

.shop-slider-style .slick-arrow {
  color: #C0C0C0;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .shop-slider-style .slick-arrow:not(:hover) {
    opacity: 0.5; }
  .shop-slider-style .slick-arrow svg {
    width: 15px;
    height: 25px; }
  @media screen and (min-width: 1600px), print {
    .shop-slider-style .slick-arrow.slick-prev {
      left: -55px; }
    .shop-slider-style .slick-arrow.slick-next {
      right: -55px; } }
  @media screen and (max-width: 1599px) {
    .shop-slider-style .slick-arrow.slick-prev {
      left: -40px; }
    .shop-slider-style .slick-arrow.slick-next {
      right: -40px; } }
.shop-slider-style .slick-dots {
  position: static;
  margin-top: 30px; }
  .shop-slider-style .slick-dots li + li {
    margin-left: 15px; }
  .shop-slider-style .slick-dots li button {
    width: 10px;
    height: 10px;
    border: 1px solid #9B9B9B;
    border-radius: 50%;
    -moz-transition-property: background-color, border-color;
    -o-transition-property: background-color, border-color;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
  .shop-slider-style .slick-dots li.slick-active button {
    background-color: #727272;
    border-color: #727272; }
  @media screen and (max-width: 479px) {
    .shop-slider-style .slick-dots li button {
      width: 8px;
      height: 8px; } }

.shop-head-style {
  position: relative;
  text-align: center;
  line-height: 1.15; }
  .shop-head-style + div {
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      .shop-head-style + div {
        margin-top: 35px; } }
    @media screen and (max-width: 479px) {
      .shop-head-style + div {
        margin-top: 20px; } }
  .shop-head-style .title {
    font-size: calc(20px + 0.425vw);
    font-weight: 700;
    letter-spacing: 0.05em; }
  .shop-head-style .tagline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px; }
    .shop-head-style .tagline::before, .shop-head-style .tagline::after {
      content: "";
      display: block;
      height: 1px;
      background-color: #E1E1E1;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .shop-head-style .tagline .tagline-txt {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: 0 45px;
      font-size: 18px;
      letter-spacing: 0.05em; }
  @media screen and (min-width: 480px), print {
    .shop-head-style .more {
      position: absolute;
      top: 8px;
      right: 30px; } }
  @media screen and (max-width: 479px) {
    .shop-head-style .tagline {
      display: none; }
    .shop-head-style .more {
      display: none;
      margin-top: 10px; } }

.shop-more-style {
  font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #616161; }
  @media screen and (min-width: 480px), print {
    .shop-more-style.at-bottom {
      display: none; } }
  @media screen and (max-width: 479px) {
    .shop-more-style.at-bottom {
      margin-top: 25px; } }
  .shop-more-style .btn [class^="icon-"] {
    margin-left: 0.35rem;
    font-size: 0.8em; }
  .shop-more-style .btn:hover {
    color: #BA000C; }

.shop-video-style {
  position: relative;
  background-color: #000000; }
  .shop-video-style::before {
    content: "";
    display: block; }
  .shop-video-style .video-cover {
    display: block;
    background-color: #000000; }
    .shop-video-style .video-cover .pic-fill {
      -moz-transition: opacity 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out;
      -webkit-transition: opacity 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out; }
    .shop-video-style .video-cover::after {
      content: "";
      position: absolute;
      top: calc(50% - 45px);
      left: calc(50% - 45px);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 90px;
      height: 90px;
      background-color: rgba(0, 0, 0, 0.4);
      border: 2px solid #ffffff;
      border-radius: 50%;
      font-family: "icomoon";
      font-size: 40px;
      color: #ffffff; }
      @media screen and (max-width: 479px) {
        .shop-video-style .video-cover::after {
          top: calc(50% - 35px);
          left: calc(50% - 35px);
          width: 70px;
          height: 70px;
          font-size: 25px; } }
    .shop-video-style .video-cover:hover .pic-fill {
      opacity: 0.5; }

.shop-promo .slick-item a {
  display: block;
  background-size: cover; }
@media screen and (min-width: 992px), print {
  .shop-promo[data-promo-style="01"] .slick-item a {
    padding-bottom: calc(24000%/1440); } }
@media screen and (max-width: 991px) {
  .shop-promo[data-promo-style="01"] .slick-item a {
    padding-bottom: calc(37000%/992); } }
.shop-promo[data-promo-style="02"] .slick-item a {
  padding-bottom: calc(50000%/1440); }
@media screen and (max-width: 479px) {
  .shop-promo .slick-dots {
    margin-top: 15px; } }

.shop-recs .recs-slider .slick-list {
  margin: 0 -24px; }
.shop-recs .recs-slider .slick-slide {
  margin: 0 24px; }
@media screen and (max-width: 1599px) {
  .shop-recs .recs-slider .slick-list {
    margin: 0 -7.5px; }
  .shop-recs .recs-slider .slick-slide {
    margin: 0 7.5px; } }

.shop-collection .collection-banner {
  position: relative; }
  .shop-collection .collection-banner .pic-fill {
    background-size: cover; }
  .shop-collection .collection-banner::before {
    content: "";
    display: block; }
.shop-collection .collection-list {
  overflow: hidden;
  padding: 25px;
  border: 1px solid #E1E1E1; }
  @media screen and (max-width: 479px) {
    .shop-collection .collection-list {
      padding: 15px 10px; } }
  .shop-collection .collection-list .pd-loading {
    height: 100%; }
  .shop-collection .collection-list .pdList:not(.slick-slider).col-3 .pd-item {
    /*+min($min-xl)
     * width: calc(100%/3 - 100px/3 - 0.01px)
     * margin: 55px 50px 0 0 */ }
    @media screen and (min-width: 768px), print {
      .shop-collection .collection-list .pdList:not(.slick-slider).col-3 .pd-item {
        width: calc(100%/3 - 30px/3 - 0.01px);
        margin: 55px 15px 0 0; } }
    @media screen and (min-width: 768px), print {
      .shop-collection .collection-list .pdList:not(.slick-slider).col-3 .pd-item:nth-child(-n+3) {
        margin-top: 0; }
      .shop-collection .collection-list .pdList:not(.slick-slider).col-3 .pd-item:nth-child(3n+0) {
        margin-right: 0; } }
    @media screen and (max-width: 767px) and (min-width: 480px) {
      .shop-collection .collection-list .pdList:not(.slick-slider).col-3 .pd-item {
        width: calc(50% - 25px);
        margin: 55px 50px 0 0; } }
    @media screen and (max-width: 767px) {
      .shop-collection .collection-list .pdList:not(.slick-slider).col-3 .pd-item:nth-child(-n+2) {
        margin-top: 0; }
      .shop-collection .collection-list .pdList:not(.slick-slider).col-3 .pd-item:nth-child(2n+0) {
        margin-right: 0; } }
    @media screen and (max-width: 767px) {
      .shop-collection .collection-list .pdList:not(.slick-slider).col-3 .pd-item {
        width: calc(50% - 15px/2);
        margin: 35px 15px 0 0; } }
  @media screen and (min-width: 480px), print {
    .shop-collection .collection-list .pdList.slick-slider .slick-list {
      margin: 0 -24px; }
    .shop-collection .collection-list .pdList.slick-slider .slick-slide {
      margin: 0 24px; } }
  @media screen and (max-width: 1599px) {
    .shop-collection .collection-list .pdList.slick-slider .slick-list {
      margin: 0 -7.5px; }
    .shop-collection .collection-list .pdList.slick-slider .slick-slide {
      margin: 0 7.5px; } }
.shop-collection .collection-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .shop-collection .collection-nav:not(.has-dots) {
    margin-top: -7px; }
    .shop-collection .collection-nav:not(.has-dots) .more {
      margin-right: 10px; }
      .shop-collection .collection-nav:not(.has-dots) .more .btn {
        background-color: #ffffff;
        padding: 0 20px; }
  .shop-collection .collection-nav.has-dots {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px; }
    .shop-collection .collection-nav.has-dots::before {
      content: "";
      display: block;
      width: 87px; }
    .shop-collection .collection-nav.has-dots .slick-dots {
      margin-top: 0; }
  @media screen and (min-width: 992px), print {
    .shop-collection .collection-nav {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .shop-collection .collection-nav.has-dots .more {
        margin-right: 30px; } }
  @media screen and (max-width: 479px) {
    .shop-collection .collection-nav {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .shop-collection .collection-nav.has-dots .more {
        margin-top: 20px; } }
.shop-collection[data-collection-style="01"] .collection-banner::before {
  padding-bottom: calc(69500%/740); }
@media screen and (min-width: 1200px), print {
  .shop-collection[data-collection-style="01"] .collection-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .shop-collection[data-collection-style="01"] .collection-banner {
    width: calc(50% + 20px); }
  .shop-collection[data-collection-style="01"] .collection-list {
    width: calc(50% - 20px);
    border-left: none; } }
@media screen and (max-width: 1199px) {
  .shop-collection[data-collection-style="01"] .collection-list {
    border-top: none; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .shop-collection[data-collection-style="01"] {
    max-width: 695px;
    margin-left: auto;
    margin-right: auto; } }
.shop-collection[data-collection-style="02"] .collection-list {
  border-top: none; }
@media screen and (min-width: 992px), print {
  .shop-collection[data-collection-style="02"] .collection-list {
    padding: 30px 30px 60px; }
  .shop-collection[data-collection-style="02"] .collection-banner::before {
    padding-bottom: calc(35000%/1440); } }
@media screen and (max-width: 991px) {
  .shop-collection[data-collection-style="02"] .collection-banner::before {
    padding-bottom: calc(28500%/708); } }
.shop-collection[data-collection-style="03"] .collection-banner::before {
  padding-bottom: calc(28500%/708); }
.shop-collection[data-collection-style="03"] .collection-list {
  border-top: none; }
@media screen and (min-width: 992px), print {
  .shop-collection[data-collection-style="03"] {
    width: calc(50% - 12px);
    float: left; }
    .shop-collection[data-collection-style="03"]:nth-child(-n+2) {
      margin-top: 0; }
    .shop-collection[data-collection-style="03"].even {
      margin-left: 24px; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .shop-collection[data-collection-style="03"] .collection-list .pdList:not(.slick-slider).col-3 .pd-item {
    width: calc(50% - 25px/2);
    margin: 35px 25px 0 0; }
    .shop-collection[data-collection-style="03"] .collection-list .pdList:not(.slick-slider).col-3 .pd-item:nth-child(-n+2) {
      margin-top: 0; }
    .shop-collection[data-collection-style="03"] .collection-list .pdList:not(.slick-slider).col-3 .pd-item:nth-child(2n+0) {
      margin-right: 0; } }
.shop-collection[data-collection-style="04"] .collection-banner::before {
  padding-bottom: 50%; }
.shop-collection[data-collection-style="04"] .collection-banner .content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  background-color: rgba(186, 0, 12, 0.9);
  color: #ffffff; }
  .shop-collection[data-collection-style="04"] .collection-banner .content .content-inner {
    font-size: 18px;
    text-align: center; }
    @media screen and (max-width: 991px) {
      .shop-collection[data-collection-style="04"] .collection-banner .content .content-inner {
        font-size: 16px; } }
    @media screen and (max-width: 479px) {
      .shop-collection[data-collection-style="04"] .collection-banner .content .content-inner {
        font-size: 15px; } }
  .shop-collection[data-collection-style="04"] .collection-banner .content .title {
    font-size: calc(16px + 0.625vw);
    line-height: 1.15; }
  .shop-collection[data-collection-style="04"] .collection-banner .content .txt {
    margin-top: 10px; }
  .shop-collection[data-collection-style="04"] .collection-banner .content .more .btn {
    border: 1px solid #ffffff;
    color: #ffffff;
    -moz-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color; }
    .shop-collection[data-collection-style="04"] .collection-banner .content .more .btn:hover {
      background-color: #ffffff;
      color: #BA000C; }
.shop-collection[data-collection-style="04"] .collection-list .pdList .pd-item .pd-info .name {
  white-space: normal; }
.shop-collection[data-collection-style="04"] .collection-list .pdList.slick-slider .slick-list {
  margin: 0 -7.5px; }
.shop-collection[data-collection-style="04"] .collection-list .pdList.slick-slider .slick-slide {
  margin: 0 7.5px; }
@media screen and (min-width: 992px), print {
  .shop-collection[data-collection-style="04"] .collection-nav .more {
    visibility: hidden; } }
@media screen and (min-width: 480px), print {
  .shop-collection[data-collection-style="04"] .collection-banner .content {
    width: calc(23500%/720); }
    .shop-collection[data-collection-style="04"] .collection-banner .content .more .btn {
      min-height: 40px;
      margin-top: 35px;
      padding: 10px 15px; } }
@media screen and (min-width: 768px), print {
  .shop-collection[data-collection-style="04"] .collection-banner .content .more .btn {
    min-width: 135px; } }
@media screen and (min-width: 1200px), print {
  .shop-collection[data-collection-style="04"] .collection-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .shop-collection[data-collection-style="04"] .collection-wrapper > div {
      width: 50%; }
  .shop-collection[data-collection-style="04"] .collection-list {
    border-left: none; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .shop-collection[data-collection-style="04"] {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; }
    .shop-collection[data-collection-style="04"] .collection-list {
      border-top: none; } }
@media screen and (max-width: 479px) {
  .shop-collection[data-collection-style="04"] .collection-banner .content {
    width: 45%; }
    .shop-collection[data-collection-style="04"] .collection-banner .content .more {
      margin-top: 10px; }
      .shop-collection[data-collection-style="04"] .collection-banner .content .more .btn {
        min-height: 30px;
        padding: 5px 10px; } }
@media screen and (max-width: 479px) {
  .shop-collection:not([data-collection-style="01"]) {
    margin-left: -20px;
    margin-right: -20px; }
    .shop-collection:not([data-collection-style="01"]) .collection-list {
      border: none;
      padding: 25px 20px 0; } }

.shop-video .shop-video-player::before {
  padding-bottom: calc(55800%/992); }
.shop-video .shop-video-promo {
  position: relative; }
@media screen and (min-width: 992px), print {
  .shop-video {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .shop-video .shop-video-player {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-right: 20px; }
    .shop-video .shop-video-promo {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: calc(43000%/1440); } }
@media screen and (max-width: 991px) {
  .shop-video .shop-video-promo {
    margin-top: 50px; }
    .shop-video .shop-video-promo::before {
      content: "";
      display: block;
      padding-bottom: calc(60000%/992); } }
@media screen and (max-width: 479px) {
  .shop-promo + .shop-video {
    margin-top: 20px; }
  .shop-video .shop-video-promo {
    margin-top: 20px; } }

.shop-media .media-slider .slick-list {
  margin: 0 -20px; }
.shop-media .media-slider .slick-slide {
  margin: 0 20px; }
.shop-media .media-slider .slick-item .media-display::before {
  padding-bottom: calc(23700%/330); }
.shop-media .media-slider .slick-item .media-display .video-cover .pic-fill {
  background-size: cover; }
.shop-media .media-slider .slick-item .media-display .video-cover::after {
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  width: 60px;
  height: 60px;
  font-size: 25px; }
  @media screen and (max-width: 767px) {
    .shop-media .media-slider .slick-item .media-display .video-cover::after {
      top: calc(50% - 45px/2);
      left: calc(50% - 45px/2);
      width: 45px;
      height: 45px;
      font-size: 20px; } }
  @media screen and (max-width: 479px) {
    .shop-media .media-slider .slick-item .media-display .video-cover::after {
      top: calc(50% - 15px);
      left: calc(50% - 15px);
      width: 30px;
      height: 30px;
      font-size: 12px; } }
.shop-media .media-slider .slick-item .media-info {
  margin-top: 15px; }
  .shop-media .media-slider .slick-item .media-info .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em;
    font-size: 18px;
    letter-spacing: 0.05em;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
  .shop-media .media-slider .slick-item .media-info .txt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em;
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.55); }
  .shop-media .media-slider .slick-item .media-info a {
    display: block; }
    .shop-media .media-slider .slick-item .media-info a:hover .title {
      color: #BA000C; }
@media screen and (max-width: 1599px) and (min-width: 768px) {
  .shop-media .media-slider .slick-list {
    margin: 0 -15px; }
  .shop-media .media-slider .slick-slide {
    margin: 0 15px; } }
@media screen and (max-width: 767px) {
  .shop-media .media-slider .slick-list {
    margin: 0 -10px; }
  .shop-media .media-slider .slick-slide {
    margin: 0 10px; } }
@media screen and (max-width: 479px) {
  .shop-media .media-slider .slick-list {
    margin: 0 -7.5px; }
  .shop-media .media-slider .slick-slide {
    margin: 0 7.5px; }
  .shop-media .media-slider .slick-item .media-info .title {
    font-size: 16px;
    line-height: 1.35;
    max-height: 2.7em; }
  .shop-media .media-slider .slick-item .media-info .txt {
    margin-top: 5px;
    height: 2.7em;
    line-height: 1.35;
    font-size: 14px; } }

.shop-series .slick-item {
  position: relative; }
  .shop-series .slick-item .item-wrapper {
    position: relative; }
  .shop-series .slick-item .item-bg .pic-front img {
    display: block; }
  .shop-series .slick-item .item-inner {
    position: relative; }
    .shop-series .slick-item .item-inner .pic {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 991px) {
        .shop-series .slick-item .item-inner .pic {
          display: block; } }
      .shop-series .slick-item .item-inner .pic img {
        object-fit: contain; }
    .shop-series .slick-item .item-inner .content {
      float: right;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; }
      .shop-series .slick-item .item-inner .content .content-head {
        text-transform: uppercase;
        padding-bottom: 20px;
        border-bottom: 4px solid #BA000C; }
        .shop-series .slick-item .item-inner .content .content-head .title {
          font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
          font-size: calc(36px + .75vw);
          font-weight: 700;
          line-height: 1; }
          .shop-series .slick-item .item-inner .content .content-head .title sup {
            font-size: calc(11px + 0.125vw);
            font-weight: 400;
            vertical-align: top; }
        .shop-series .slick-item .item-inner .content .content-head .subtitle {
          margin-top: 10px;
          font-size: calc(14px + 0.725vw);
          line-height: 1.15; }
      .shop-series .slick-item .item-inner .content .content-primary {
        margin-top: 15px;
        font-size: 16px;
        line-height: 1.75;
        color: rgba(0, 0, 0, 0.55); }
        .shop-series .slick-item .item-inner .content .content-primary .tagline {
          margin-bottom: 10px;
          font-size: calc(16px + .725vw);
          font-weight: 700;
          line-height: 1.15;
          letter-spacing: 0.05em;
          color: rgba(0, 0, 0, 0.9); }
          .shop-series .slick-item .item-inner .content .content-primary .tagline .fs-larger {
            font-size: 1.6666em; }
      .shop-series .slick-item .item-inner .content .content-more .btn .icon {
        font-size: 1.35em; }
      .shop-series .slick-item .item-inner .content .content-more .btn:hover {
        color: #BA000C; }
@media screen and (min-width: 992px), print {
  .shop-series .slick-item {
    padding-bottom: 60px; }
    .shop-series .slick-item .item-bg {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .shop-series .slick-item .item-bg > div {
        position: absolute; }
      .shop-series .slick-item .item-bg .pic-front {
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-height: 100%;
        padding-top: 50px; }
        .shop-series .slick-item .item-bg .pic-front img {
          object-fit: contain; }
    .shop-series .slick-item .item-inner .content {
      background-color: #ffffff; } }
@media screen and (min-width: 1200px), print {
  .shop-series .slick-item .item-bg .pic-front {
    left: 95px; }
    .shop-series .slick-item .item-bg .pic-front img {
      object-position: bottom left; }
  .shop-series .slick-item .item-inner {
    padding: 70px 100px 100px; }
    .shop-series .slick-item .item-inner .pic {
      top: 0;
      right: 490px;
      bottom: -60px; }
      .shop-series .slick-item .item-inner .pic img {
        object-position: right bottom; }
    .shop-series .slick-item .item-inner .content {
      max-width: 410px;
      min-height: 485px;
      padding: 55px; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .shop-series .slick-item .item-bg .pic-front {
    left: 25px; }
  .shop-series .slick-item .item-inner {
    padding: 50px; }
    .shop-series .slick-item .item-inner .pic {
      top: 50%;
      left: 50px;
      bottom: -60px;
      max-width: calc(100% - 450px); }
      .shop-series .slick-item .item-inner .pic img {
        object-position: center bottom; }
    .shop-series .slick-item .item-inner .content {
      max-width: 370px;
      min-height: 450px; } }
@media screen and (max-width: 1199px) {
  .shop-series .slick-item .item-inner .content {
    padding: 35px; } }
@media screen and (max-width: 991px) {
  .shop-series .slick-item .item-bg {
    position: relative; }
    .shop-series .slick-item .item-bg .pic-front {
      position: relative;
      padding-top: 2.5%; }
      .shop-series .slick-item .item-bg .pic-front img {
        margin: 0 auto; }
  .shop-series .slick-item .item-inner {
    background-color: #ffffff; }
    .shop-series .slick-item .item-inner .pic {
      position: static;
      margin: 0 auto -7.5%;
      -moz-transform: translateY(-25%);
      -o-transform: translateY(-25%);
      -ms-transform: translateY(-25%);
      -webkit-transform: translateY(-25%);
      transform: translateY(-25%); }
    .shop-series .slick-item .item-inner .content {
      padding-top: 0;
      text-align: center; }
      .shop-series .slick-item .item-inner .content .content-more {
        margin-top: 15px; } }
@media screen and (max-width: 991px) and (min-width: 768px) {
  .shop-series .slider {
    margin: 0 -50px; }
  .shop-series .slick-slide {
    padding: 0 50px; }
  .shop-series .slick-item .item-bg {
    margin: 0 -50px; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .shop-series .slick-item .item-bg .pic-front img {
    max-height: 65vw; }
  .shop-series .slick-item .item-inner {
    margin-top: -15%; }
    .shop-series .slick-item .item-inner .pic {
      max-width: 50%; } }
@media screen and (max-width: 767px) {
  .shop-series .slider {
    margin: 0 -25px; }
  .shop-series .slick-slide {
    padding: 0 25px; }
  .shop-series .slick-item .item-bg {
    margin: 0 -25px; } }
@media screen and (max-width: 479px) {
  .shop-series .slider {
    margin: 0 -20px; }
  .shop-series .slick-dots {
    margin-top: 10px; }
  .shop-series .slick-slide {
    padding: 0 20px; }
  .shop-series .slick-item .item-bg {
    margin: 0 -20px; }
    .shop-series .slick-item .item-bg .pic-front {
      padding-left: 20px;
      padding-right: 20px; }
  .shop-series .slick-item .item-inner {
    margin-top: -50%; }
    .shop-series .slick-item .item-inner .pic {
      max-width: 75%;
      height: fit-content;
      margin: 0 auto -12.5%; }
    .shop-series .slick-item .item-inner .content {
      padding: 0 20px 20px; }
      .shop-series .slick-item .item-inner .content .content-head {
        padding-bottom: 15px;
        border-bottom-width: 2px; }
        .shop-series .slick-item .item-inner .content .content-head .subtitle {
          margin-top: 5px; }
      .shop-series .slick-item .item-inner .content .content-primary {
        margin-top: 10px;
        line-height: 1.5; } }

.shop-events .events-slider .slick-item {
  text-align: center; }
  .shop-events .events-slider .slick-item .item-pic {
    position: relative;
    overflow: hidden; }
    .shop-events .events-slider .slick-item .item-pic::before {
      content: "";
      display: block;
      padding-bottom: 100%; }
    .shop-events .events-slider .slick-item .item-pic .pic-fill {
      background-size: cover;
      -moz-transition: transform 0.75s ease-in-out 0.1s;
      -o-transition: transform 0.75s ease-in-out 0.1s;
      -webkit-transition: transform 0.75s ease-in-out 0.1s;
      transition: transform 0.75s ease-in-out 0.1s; }
  .shop-events .events-slider .slick-item .item-info {
    margin-top: 25px; }
    .shop-events .events-slider .slick-item .item-info .title {
      font-size: calc(18px + 0.415vw);
      font-weight: 700;
      letter-spacing: 0.05em;
      -moz-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease; }
    .shop-events .events-slider .slick-item .item-info .txt {
      font-size: calc(16px + 0.21vw);
      letter-spacing: 0.05em;
      color: rgba(0, 0, 0, 0.55); }
  .shop-events .events-slider .slick-item a {
    display: block; }
    .shop-events .events-slider .slick-item a:hover .item-pic .pic-fill {
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
    .shop-events .events-slider .slick-item a:hover .item-info .title {
      color: #BA000C; }
@media screen and (min-width: 768px), print {
  .shop-events .events-slider .slick-list {
    margin: 0 -15px; }
  .shop-events .events-slider .slick-slide {
    margin: 0 15px; } }
@media screen and (max-width: 767px) {
  .shop-events .events-slider .slick-list {
    margin: 0 -10px; }
  .shop-events .events-slider .slick-slide {
    margin: 0 10px; } }

.shop-exclusive .exclusive-item {
  position: relative;
  float: left;
  cursor: pointer; }
  .shop-exclusive .exclusive-item .item-bg, .shop-exclusive .exclusive-item .item-inner {
    position: absolute; }
  .shop-exclusive .exclusive-item::before {
    content: "";
    display: block; }
  .shop-exclusive .exclusive-item.full::before {
    padding-bottom: calc(46500%/710); }
  .shop-exclusive .exclusive-item.full .item-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 45px; }
  .shop-exclusive .exclusive-item.full .content {
    position: relative;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 45px 25px;
    text-align: center; }
    .shop-exclusive .exclusive-item.full .content .date {
      position: absolute;
      top: -45px;
      right: 20px;
      width: 85px;
      height: 85px;
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-weight: 500;
      font-style: italic;
      line-height: 1; }
      .shop-exclusive .exclusive-item.full .content .date .day {
        display: block;
        margin-right: 0.2em; }
        .shop-exclusive .exclusive-item.full .content .date .day + .day::before {
          content: "/";
          display: block;
          font-weight: 400;
          font-size: 0.65em;
          margin: 0.25em 0; }
    .shop-exclusive .exclusive-item.full .content .title {
      font-size: calc(18px + 0.415vw);
      font-weight: 700;
      letter-spacing: 0.05em; }
    .shop-exclusive .exclusive-item.full .content .txt {
      margin-top: 5px;
      font-size: 18px;
      color: rgba(0, 0, 0, 0.55);
      letter-spacing: 0.05em; }
@media screen and (min-width: 768px), print {
  .shop-exclusive .exclusive-item:not(.full)::before {
    padding-bottom: calc(46500%/350); } }
@media screen and (min-width: 1200px), print {
  .shop-exclusive .exclusive-item:not(.full) {
    width: calc(50%/2 + 10px/2 - 15px);
    margin-left: 15px; }
  .shop-exclusive .exclusive-item.full {
    width: calc(50% - 10px); } }
@media screen and (max-width: 1199px) {
  .shop-exclusive .exclusive-primary {
    max-width: 710px;
    margin-left: auto;
    margin-right: auto; }
  .shop-exclusive .exclusive-item:not(.full) {
    width: calc(50% - 5px);
    margin-top: 10px; }
    .shop-exclusive .exclusive-item:not(.full) + .exclusive-item:not(.full) {
      margin-left: 10px; }
  .shop-exclusive .exclusive-item.full {
    width: 100%; } }
@media screen and (max-width: 991px) {
  .shop-exclusive .exclusive-item.full .content .txt {
    font-size: 16px; } }
@media screen and (max-width: 767px) {
  .shop-exclusive .exclusive-item:not(.full) {
    width: 100%;
    margin-top: 20px; }
    .shop-exclusive .exclusive-item:not(.full)::before {
      padding-bottom: calc(46800%/768); }
    .shop-exclusive .exclusive-item:not(.full) + .exclusive-item:not(.full) {
      margin-left: 0; }
  .shop-exclusive .exclusive-item.full .content {
    padding: 45px 25px 25px; } }
@media screen and (max-width: 479px) {
  .shop-exclusive .exclusive-item.full {
    margin: 0 -20px;
    width: calc(100% + 40px); }
    .shop-exclusive .exclusive-item.full::before {
      padding-bottom: calc(33500%/360); }
    .shop-exclusive .exclusive-item.full .item-inner {
      padding: 0 40px; }
    .shop-exclusive .exclusive-item.full .content {
      padding: 35px 35px 15px; } }
    @media screen and (max-width: 479px) and (max-width: 359px) {
      .shop-exclusive .exclusive-item.full .content {
        padding: 35px 25px 15px; } }
@media screen and (max-width: 479px) {
      .shop-exclusive .exclusive-item.full .content .date {
        top: -35px;
        width: 65px;
        height: 65px;
        font-size: 13px; }
      .shop-exclusive .exclusive-item.full .content .txt {
        font-size: 14px; } }

.shop-reviews .reviews-primary .item-pic {
  background-size: contain !important; }
  .shop-reviews .reviews-primary .item-pic::before {
    content: "";
    display: block;
    padding-bottom: 100%; }
.shop-reviews .reviews-primary .item-info .rate::before {
  font-size: 1.15em; }
@media screen and (min-width: 1024px), print {
  .shop-reviews .reviews-primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }
.shop-reviews .reviews-pin {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media screen and (min-width: 1600px), print {
    .shop-reviews .reviews-pin {
      max-width: calc(100% - 520px); } }
  @media screen and (max-width: 1599px) and (min-width: 1400px) {
    .shop-reviews .reviews-pin {
      max-width: calc(100% - 475px); } }
  @media screen and (max-width: 1399px) and (min-width: 1024px) {
    .shop-reviews .reviews-pin {
      max-width: calc(100% - 450px); } }
  .shop-reviews .reviews-pin .pin-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 45px 0; }
    @media screen and (max-width: 767px) {
      .shop-reviews .reviews-pin .pin-item {
        padding: 25px 0; } }
    .shop-reviews .reviews-pin .pin-item .item-info {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 0 65px;
      text-align: center; }
      .shop-reviews .reviews-pin .pin-item .item-info .item-info-quotes ul li {
        position: absolute;
        color: #D7D7D7;
        font-size: 44px; }
      .shop-reviews .reviews-pin .pin-item .item-info .item-info-quotes .quote-left {
        left: 25px;
        bottom: 100%; }
      .shop-reviews .reviews-pin .pin-item .item-info .item-info-quotes .quote-right {
        top: 100%;
        right: 50px; }
      .shop-reviews .reviews-pin .pin-item .item-info .item-info-inner {
        padding: 0 0 45px; }
      .shop-reviews .reviews-pin .pin-item .item-info .title {
        font-size: calc(20px + 0.425vw);
        font-weight: 700;
        letter-spacing: 0.05em; }
      .shop-reviews .reviews-pin .pin-item .item-info .rate {
        margin-top: 5px;
        font-size: 16px; }
      .shop-reviews .reviews-pin .pin-item .item-info .summary {
        height: 3em;
        margin-top: 15px;
        font-size: calc(16px + 0.425vw);
        line-height: 1.5;
        text-decoration: underline;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis; }
        .shop-reviews .reviews-pin .pin-item .item-info .summary a:hover {
          color: #BA000C; }
      .shop-reviews .reviews-pin .pin-item .item-info .username {
        margin-top: 20px;
        font-size: 18px;
        letter-spacing: 0.05em; }
      @media screen and (min-width: 1600px), print {
        .shop-reviews .reviews-pin .pin-item .item-info {
          max-width: calc(100% - 358px); } }
      @media screen and (max-width: 1599px) and (min-width: 480px) {
        .shop-reviews .reviews-pin .pin-item .item-info {
          max-width: 65%; } }
      @media screen and (max-width: 1300px) and (min-width: 480px) {
        .shop-reviews .reviews-pin .pin-item .item-info {
          padding: 0 35px; } }
      @media screen and (max-width: 767px) {
        .shop-reviews .reviews-pin .pin-item .item-info .item-info-quotes ul li {
          font-size: 25px; }
        .shop-reviews .reviews-pin .pin-item .item-info .item-info-inner {
          padding: 10px 0 0; } }
      @media screen and (max-width: 479px) {
        .shop-reviews .reviews-pin .pin-item .item-info {
          width: calc(55% - 10px);
          padding: 0 10px 0 0; }
          .shop-reviews .reviews-pin .pin-item .item-info .item-info-quotes ul li {
            font-size: 18px; }
          .shop-reviews .reviews-pin .pin-item .item-info .item-info-quotes .quote-left {
            left: 0; }
          .shop-reviews .reviews-pin .pin-item .item-info .item-info-quotes .quote-right {
            right: 15px; }
          .shop-reviews .reviews-pin .pin-item .item-info .rate {
            font-size: 12px; }
          .shop-reviews .reviews-pin .pin-item .item-info .title {
            font-size: 16px; }
          .shop-reviews .reviews-pin .pin-item .item-info .summary {
            -webkit-line-clamp: 3;
            height: 3.75em;
            font-size: 16px;
            line-height: 1.25; }
          .shop-reviews .reviews-pin .pin-item .item-info .username {
            margin-top: 10px;
            font-size: 14px; } }
    .shop-reviews .reviews-pin .pin-item .item-pic {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      @media screen and (min-width: 1600px), print {
        .shop-reviews .reviews-pin .pin-item .item-pic {
          width: 358px; } }
      @media screen and (max-width: 1599px) {
        .shop-reviews .reviews-pin .pin-item .item-pic {
          width: 35%; } }
      @media screen and (max-width: 479px) {
        .shop-reviews .reviews-pin .pin-item .item-pic {
          width: 45%; } }
.shop-reviews .reviews-list {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 400px;
  border-top: 2px solid rgba(0, 0, 0, 0.9); }
  @media screen and (min-width: 1600px), print {
    .shop-reviews .reviews-list {
      margin-left: 120px; } }
  @media screen and (max-width: 1599px) and (min-width: 1400px) {
    .shop-reviews .reviews-list {
      margin-left: 75px; } }
  @media screen and (max-width: 1399px) and (min-width: 1024px) {
    .shop-reviews .reviews-list {
      margin-left: 50px; } }
  @media screen and (max-width: 1023px) {
    .shop-reviews .reviews-list {
      margin: 50px auto 0; } }
  .shop-reviews .reviews-list .list-item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 25px 10px;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color; }
    @media (hover: hover), (-ms-high-contrast: none) {
      .shop-reviews .reviews-list .list-item a:hover {
        background-color: #FAFAFA; } }
  .shop-reviews .reviews-list .list-item .item-pic {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 98px; }
  .shop-reviews .reviews-list .list-item .item-info {
    margin-left: 10px; }
    .shop-reviews .reviews-list .list-item .item-info .title {
      font-size: 18px;
      line-height: 1.15;
      font-weight: 700;
      letter-spacing: 0.05em; }
    .shop-reviews .reviews-list .list-item .item-info .summary {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 2.6em;
      margin-top: 10px;
      font-size: 16px;
      line-height: 1.3;
      color: rgba(0, 0, 0, 0.55); }
    .shop-reviews .reviews-list .list-item .item-info .rate {
      margin-top: 10px;
      font-size: 14px;
      line-height: 1; }
    @media screen and (max-width: 479px) {
      .shop-reviews .reviews-list .list-item .item-info .title {
        font-size: 17px; }
      .shop-reviews .reviews-list .list-item .item-info .summary {
        font-size: 15px; }
      .shop-reviews .reviews-list .list-item .item-info .rate {
        font-size: 12px; } }

.shop-keywords .keywords-primary ul {
  margin: -5px; }
  .shop-keywords .keywords-primary ul li {
    display: inline-block;
    margin: 5px 3px; }
.shop-keywords .keywords-primary .btn {
  height: 33px;
  border-radius: 33px;
  background-color: #EBEBEB;
  padding: 0 15px;
  color: #323232;
  text-transform: uppercase;
  -moz-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color; }
  .shop-keywords .keywords-primary .btn:hover {
    color: #ffffff;
    background-color: #BA000C; }
@media screen and (min-width: 480px), print {
  .shop-keywords .shop-head-style {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(20px + 0.425vw);
    margin-bottom: calc(-0.5em - 1px); }
    .shop-keywords .shop-head-style::before, .shop-keywords .shop-head-style::after {
      content: "";
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: block;
      height: 1px;
      background-color: #E8E8E8; }
    .shop-keywords .shop-head-style .title {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: 0 35px; }
  .shop-keywords .keywords-primary {
    margin-top: 0;
    padding: 40px 35px 35px;
    border: 1px solid #E8E8E8;
    border-top: none; } }
@media screen and (max-width: 479px) {
  .shop-keywords .keywords-primary .btn {
    height: 28px;
    border-radius: 28px;
    padding: 0 10px;
    font-size: 14px; } }

/* ------------------------------------------
 *  cart
 * ----------------------------------------- */
[data-id="cart"] .wp, [data-id="cart"] #main {
  min-height: unset; }

@media screen and (max-width: 479px) {
  .cart-section[data-section="head"] {
    position: relative;
    z-index: 99;
    width: 100%;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #E5E5E5; }
    .cart-section[data-section="head"].sticky {
      position: fixed;
      top: 0;
      left: 0;
      right: 0; }
      .cart-section[data-section="head"].sticky.scroll-up {
        top: 55px; }
    .cart-section[data-section="head"] .return {
      position: absolute;
      top: calc(50% - 8px);
      left: 20px;
      line-height: 1; } }
.cart-section[data-section="primary"] {
  overflow: visible; }
  @media screen and (max-width: 479px) {
    .cart-section[data-section="primary"] {
      width: 100%; } }
  .cart-section[data-section="primary"] .pdList {
    overflow: hidden; }
    .cart-section[data-section="primary"] .pdList .slick-list {
      margin: 0 -8px; }
      @media screen and (max-width: 479px) {
        .cart-section[data-section="primary"] .pdList .slick-list {
          margin: 0; } }
    .cart-section[data-section="primary"] .pdList .slick-track {
      margin: 0; }
    .cart-section[data-section="primary"] .pdList .slick-slide {
      margin: 0 8px; }
    .cart-section[data-section="primary"] .pdList .pd-item .pd-info .detail .name {
      white-space: normal;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 2.5em; }
    @media screen and (min-width: 1600px), print {
      .cart-section[data-section="primary"] .pdList .pd-item .pd-select ul li.add .btn {
        width: 50px; }
        .cart-section[data-section="primary"] .pdList .pd-item .pd-select ul li.add .btn:lang(en) {
          width: 100%; } }

@media screen and (max-width: 479px) {
  .cart-group {
    padding-top: 0;
    padding-bottom: 0; } }

.cart-overlay {
  position: fixed;
  z-index: 1500;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.75);
  -moz-transition-property: visibility, opacity;
  -o-transition-property: visibility, opacity;
  -webkit-transition-property: visibility, opacity;
  transition-property: visibility, opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }
  .cart-overlay:not(.active) {
    visibility: hidden;
    opacity: 0; }

.ball-beat > div {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  -moz-animation: ball-beat 0.7s 0s infinite linear;
  -o-animation: ball-beat 0.7s 0s infinite linear;
  -ms-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear; }
  .ball-beat > div:nth-child(2n-1) {
    animation-delay: -0.35s !important; }

.ball-beat-small > div {
  display: inline-block;
  width: 7.5px;
  height: 7.5px;
  border-radius: 100%;
  margin: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  -moz-animation: ball-beat 0.7s 0s infinite linear;
  -o-animation: ball-beat 0.7s 0s infinite linear;
  -ms-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear; }
  .ball-beat-small > div:nth-child(2n-1) {
    animation-delay: -0.35s !important; }

@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-ms-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
.cart-popups {
  display: none; }

@media screen and (min-width: 992px), print {
  .cart-wrapper {
    padding-bottom: 60px; } }

@media screen and (max-width: 479px) {
  .cart-bread {
    display: none; } }

.cart-heading {
  text-align: center; }
  @media screen and (min-width: 480px), print {
    .cart-heading {
      margin-bottom: 20px; } }
  .cart-heading .title {
    font-size: 28px;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 991px) {
      .cart-heading .title {
        font-size: 25px; } }
    @media screen and (max-width: 767px) {
      .cart-heading .title {
        font-size: 22px; } }
    @media screen and (max-width: 479px) {
      .cart-heading .title {
        font-size: 15px;
        font-weight: 700; } }
  .cart-heading .step {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.15;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 767px) {
      .cart-heading .step {
        display: none; } }
    .cart-heading .step ol {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      counter-reset: step; }
      .cart-heading .step ol li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        counter-increment: step; }
        .cart-heading .step ol li::before, .cart-heading .step ol li::after {
          display: block; }
        .cart-heading .step ol li::before {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          content: counter(step);
          width: 30px;
          height: 30px;
          margin-right: 10px;
          border-radius: 50%;
          color: #ffffff;
          background-color: #727272;
          font-size: 16px;
          line-height: 30px; }
        .cart-heading .step ol li::after {
          content: "";
          margin: 0 25px;
          font-family: "icomoon";
          font-size: 0.65em; }
        .cart-heading .step ol li:last-child::after {
          display: none; }
        .cart-heading .step ol li:not(.active) {
          color: #727272;
          opacity: 0.35; }
        .cart-heading .step ol li.active {
          color: #BA000C; }
          .cart-heading .step ol li.active::before {
            background-color: #BA000C; }

.cart-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse; }
  @media screen and (max-width: 479px) {
    .cart-table {
      font-size: 15px; } }
  .cart-table .cart-cell {
    padding: 15px 0;
    text-align: center;
    vertical-align: middle; }
    .cart-table .cart-cell .num {
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 18px; }
      @media screen and (max-width: 479px) {
        .cart-table .cart-cell .num {
          font-size: 16px; } }
    .cart-table .cart-cell.checkbox {
      width: 30px; }
      .cart-table .cart-cell.checkbox .form-checkbox {
        margin-right: 0; }
      @media screen and (max-width: 991px) {
        .cart-table .cart-cell.checkbox {
          position: absolute;
          top: 15px;
          right: 0;
          width: auto; } }
      @media screen and (max-width: 479px) {
        .cart-table .cart-cell.checkbox {
          right: 20px; } }
    .cart-table .cart-cell.tt {
      width: 100px;
      text-align: left; }
      .cart-table .cart-cell.tt .pic {
        display: block; }
      .cart-table .cart-cell.tt:not(.valign-middle) {
        vertical-align: top; }
    @media screen and (min-width: 1400px), print {
      .cart-table .cart-cell:not(.tt):not(.info):not(.checkbox):not([colspan]) {
        width: 175px;
        padding-left: 20px;
        padding-right: 20px; } }
    @media screen and (max-width: 1399px) and (min-width: 1200px) {
      .cart-table .cart-cell:not(.tt):not(.info):not(.checkbox):not([colspan]) {
        width: 150px;
        padding-left: 10px;
        padding-right: 10px; }
        .cart-table .cart-cell:not(.tt):not(.info):not(.checkbox):not([colspan]).modify {
          width: 75px; } }
    @media screen and (max-width: 1199px) and (min-width: 992px) {
      .cart-table .cart-cell:not(.tt):not(.info):not(.checkbox):not([colspan]) {
        width: 125px;
        padding-left: 10px;
        padding-right: 10px; } }
  .cart-table .cart-thead {
    background-color: #F8F8F8; }
    .cart-table .cart-thead .cart-cell {
      border-top: 1px solid #000000;
      border-bottom: 1px solid #E2E2E2;
      font-size: 18px;
      font-weight: 700;
      text-align: center; }
      @media screen and (max-width: 1199px) {
        .cart-table .cart-thead .cart-cell {
          font-size: 16px; } }
    @media screen and (max-width: 991px) {
      .cart-table .cart-thead {
        display: none; } }
  .cart-table .cart-tbody .cart-cell .list li {
    min-height: 1em; }
    .cart-table .cart-tbody .cart-cell .list li + li {
      margin-top: 10px; }
  .cart-table .cart-tbody .cart-cell.tt .title {
    font-size: 18px;
    font-weight: 700; }
    .cart-table .cart-tbody .cart-cell.tt .title:lang(en) {
      font-size: 16px; }
  .cart-table .cart-tbody .cart-cell.tt .pic {
    width: calc(100% - 20px);
    background-size: contain !important; }
    @media screen and (max-width: 479px) {
      .cart-table .cart-tbody .cart-cell.tt .pic {
        width: calc(100% - 15px); } }
    .cart-table .cart-tbody .cart-cell.tt .pic::before {
      content: "";
      display: block;
      padding-bottom: 100%; }
  .cart-table .cart-tbody .cart-cell.info {
    text-align: left; }
    .cart-table .cart-tbody .cart-cell.info .info-name {
      letter-spacing: 0.05em; }
      .cart-table .cart-tbody .cart-cell.info .info-name a:active {
        color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .cart-table .cart-tbody .cart-cell.info .info-name a:hover {
    color: #BA000C; } }

      .cart-table .cart-tbody .cart-cell.info .info-name .info-tag {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 0.1em; }
        @media screen and (max-width: 479px) {
          .cart-table .cart-tbody .cart-cell.info .info-name .info-tag {
            margin-top: 0;
            margin-bottom: 10px; } }
      @media screen and (min-width: 480px), print {
        .cart-table .cart-tbody .cart-cell.info .info-name {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; } }
    .cart-table .cart-tbody .cart-cell.info .name-txt {
      font-size: 18px; }
      @media screen and (max-width: 479px) {
        .cart-table .cart-tbody .cart-cell.info .name-txt {
          font-size: 16px;
          display: block; } }
    .cart-table .cart-tbody .cart-cell.info .note {
      font-size: 15px; }
      @media screen and (max-width: 479px) {
        .cart-table .cart-tbody .cart-cell.info .note {
          font-size: 14px; } }
    .cart-table .cart-tbody .cart-cell.info .info-tag {
      width: 60px;
      height: 24px;
      margin-right: 0.85em;
      padding: 2px 5px;
      border-radius: 3px;
      font-size: 14px;
      line-height: 1;
      text-align: center; }
      .cart-table .cart-tbody .cart-cell.info .info-tag:lang(en) {
        height: auto;
        min-height: 24px;
        font-size: 12px; }
      .cart-table .cart-tbody .cart-cell.info .info-tag:not(.fill-mRed) {
        border: 1px solid currentColor; }
    .cart-table .cart-tbody .cart-cell.info .btn-help {
      display: inline-block;
      font-size: 20px;
      color: #ACACAC; }
      .cart-table .cart-tbody .cart-cell.info .btn-help:active {
        color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .cart-table .cart-tbody .cart-cell.info .btn-help {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .cart-table .cart-tbody .cart-cell.info .btn-help:hover {
      color: #BA000C; } }

    .cart-table .cart-tbody .cart-cell.info .event {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      font-size: 15px; }
      .cart-table .cart-tbody .cart-cell.info .event a:hover {
        color: #BA000C; }
      .cart-table .cart-tbody .cart-cell.info .event .info-tag {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
      .cart-table .cart-tbody .cart-cell.info .event .tt .note {
        display: inline-block;
        color: #BA000C; }
      .cart-table .cart-tbody .cart-cell.info .event .tt .desc-toggle {
        display: inline-block;
        margin-right: 1rem;
        font-size: 14px;
        color: #727272; }
        .cart-table .cart-tbody .cart-cell.info .event .tt .desc-toggle:active {
          color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .cart-table .cart-tbody .cart-cell.info .event .tt .desc-toggle {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .cart-table .cart-tbody .cart-cell.info .event .tt .desc-toggle:hover {
      color: #BA000C; } }

      .cart-table .cart-tbody .cart-cell.info .event.qualified .info-tag {
        color: #BA000C; }
      .cart-table .cart-tbody .cart-cell.info .event.qualified .tt {
        color: rgba(0, 0, 0, 0.9); }
      .cart-table .cart-tbody .cart-cell.info .event.unqualified .info-tag, .cart-table .cart-tbody .cart-cell.info .event.unqualified .tt {
        color: rgba(0, 0, 0, 0.55); }
    .cart-table .cart-tbody .cart-cell.info .description {
      display: none; }
    .cart-table .cart-tbody .cart-cell.info .discount-item {
      color: rgba(0, 0, 0, 0.55);
      line-height: 1.25; }
      .cart-table .cart-tbody .cart-cell.info .discount-item + .events-table {
        margin-top: 25px; }
      .cart-table .cart-tbody .cart-cell.info .discount-item.discount-coins .form-checkbox {
        margin-right: 5px; }
      .cart-table .cart-tbody .cart-cell.info .discount-item.discount-coins + .discount-coupon {
        margin-top: 15px;
        padding-top: 13px; }
      .cart-table .cart-tbody .cart-cell.info .discount-item.discount-coupon .btn {
        position: relative;
        margin-left: 10px;
        height: 38px;
        padding: 0 20px; }
        .cart-table .cart-tbody .cart-cell.info .discount-item.discount-coupon .btn::after {
          content: attr(data-num);
          position: absolute;
          top: -13px;
          right: -13px;
          display: block;
          width: 26px;
          height: 26px;
          border-radius: 50%;
          border: 2px solid #ffffff;
          background-color: #BA000C;
          font-size: 12px;
          text-align: center;
          line-height: 22px;
          color: #ffffff; }
      @media screen and (max-width: 767px) {
        .cart-table .cart-tbody .cart-cell.info .discount-item.discount-coupon .txt {
          display: block;
          margin-top: 10px; } }
    .cart-table .cart-tbody .cart-cell.info .gift-msg {
      height: 36px;
      margin-top: -5px;
      margin-left: 1em;
      padding: 0 15px;
      border-radius: 3px; }
    .cart-table .cart-tbody .cart-cell.info .payment-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 1060px; }
      @media screen and (min-width: 992px), print {
        .cart-table .cart-tbody .cart-cell.info .payment-list {
          padding-left: 40px; }
          .cart-table .cart-tbody .cart-cell.info .payment-list > li {
            padding-left: 10px; } }
      @media screen and (max-width: 991px) and (min-width: 768px) {
        .cart-table .cart-tbody .cart-cell.info .payment-list {
          margin: 0 -5px; }
          .cart-table .cart-tbody .cart-cell.info .payment-list > li {
            margin: 0 5px; } }
      @media screen and (max-width: 767px) {
        .cart-table .cart-tbody .cart-cell.info .payment-list {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      @media screen and (max-width: 767px) and (min-width: 480px) {
        .cart-table .cart-tbody .cart-cell.info .payment-list > li:not(:nth-child(-n+2)) {
          margin-top: 10px; } }
      @media screen and (max-width: 479px) {
        .cart-table .cart-tbody .cart-cell.info .payment-list > li:not(:first-child) {
          margin-top: 10px; } }
      @media screen and (min-width: 768px), print {
        .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; } }
      @media screen and (max-width: 991px) {
        .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown {
          position: relative; }
          .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown::after {
            position: absolute;
            top: calc(50% - 8px);
            right: 15px;
            display: block;
            content: "";
            font-family: "icomoon";
            line-height: 1;
            color: rgba(0, 0, 0, 0.55); } }
      @media screen and (max-width: 767px) and (min-width: 480px) {
        .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown {
          width: calc(50% - 5px); }
          .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown:nth-child(4) {
            width: calc(50% - 35px); } }
      @media screen and (max-width: 479px) {
        .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown {
          width: 100%; }
          .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown:nth-child(4) {
            width: calc(100% - 35px); } }
      .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown .bootstrap-select {
        width: 100%; }
        .cart-table .cart-tbody .cart-cell.info .payment-list .payment-dropdown .bootstrap-select:not(.is-selected) > .dropdown-toggle {
          color: rgba(0, 0, 0, 0.55); }
  .cart-table .cart-tbody .cart-cell.price, .cart-table .cart-tbody .cart-cell.total {
    text-align: right; }
    @media screen and (min-width: 1400px), print {
      .cart-table .cart-tbody .cart-cell.price, .cart-table .cart-tbody .cart-cell.total {
        padding-right: calc(20px +  3em) !important; } }
    @media screen and (max-width: 1399px) and (min-width: 1200px) {
      .cart-table .cart-tbody .cart-cell.price, .cart-table .cart-tbody .cart-cell.total {
        padding-right: calc(10px +  3em) !important; } }
    @media screen and (max-width: 1199px) and (min-width: 992px) {
      .cart-table .cart-tbody .cart-cell.price, .cart-table .cart-tbody .cart-cell.total {
        padding-right: 2.5em !important; } }
  @media screen and (min-width: 992px), print {
    .cart-table .cart-tbody .cart-cell.qtt .for-mobile {
      display: none; } }
  .cart-table .cart-tbody .cart-cell.modify .pd-remove {
    font-size: 26px; }
    @media screen and (max-width: 479px) {
      .cart-table .cart-tbody .cart-cell.modify .pd-remove {
        font-size: 20px; } }
    .cart-table .cart-tbody .cart-cell.modify .pd-remove:active {
      color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .cart-table .cart-tbody .cart-cell.modify .pd-remove {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .cart-table .cart-tbody .cart-cell.modify .pd-remove:hover {
      color: #BA000C; } }

  .cart-table .cart-tbody .cart-cell.modify .promo-remove {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ACACAC;
    font-size: 9px;
    color: #ffffff; }
    .cart-table .cart-tbody .cart-cell.modify .promo-remove:active {
      background-color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .cart-table .cart-tbody .cart-cell.modify .promo-remove {
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    .cart-table .cart-tbody .cart-cell.modify .promo-remove:hover {
      background-color: #BA000C; } }

  @media screen and (min-width: 992px), print {
    .cart-table .cart-tbody .cart-row:not(.for-pd):first-child .cart-cell {
      padding-top: 32.5px; }
    .cart-table .cart-tbody .cart-row:not(.for-pd):last-child .cart-cell {
      padding-bottom: 32.5px; }
    .cart-table .cart-tbody .cart-row.for-events .events-table {
      width: 100%; }
      .cart-table .cart-tbody .cart-row.for-events .events-table .cart-cell {
        padding-top: 0;
        padding-bottom: 0; }
      .cart-table .cart-tbody .cart-row.for-events .events-table .cart-row + .cart-row .cart-cell {
        padding-top: 10px; }
    .cart-table .cart-tbody > .cart-row:last-child {
      border-bottom: 1px solid #B5B5B5; }
    .cart-table .cart-tbody > .cart-row + .cart-row:not(.for-events):not(.for-gifts) .cart-cell {
      border-top: 1px solid #F2F2F2; }
    .cart-table .cart-tbody > .cart-row + .cart-row.for-events > .cart-cell:not(.tt) {
      padding-top: 0;
      padding-bottom: 0; }
    .cart-table .cart-tbody > .cart-row + .cart-row.for-events .events-table .cart-row:first-child .cart-cell {
      padding-top: 17.5px;
      border-top: 1px solid #F2F2F2; }
    .cart-table .cart-tbody > .cart-row + .cart-row.for-events .events-table .cart-row:last-child .cart-cell {
      padding-bottom: 17.5px; } }
@media screen and (min-width: 992px) and (min-width: 992px), print {
  .cart-table .cart-tbody > .cart-row + .cart-row.for-gifts .cart-cell {
    padding-top: 5px;
    padding-bottom: 30px; } }
  @media screen and (min-width: 992px), print {
    .cart-table .cart-tbody > .cart-row.for-coupon.for-events .events-table {
      margin-bottom: -32.5px; }
      .cart-table .cart-tbody > .cart-row.for-coupon.for-events .events-table .cart-row:first-child .cart-cell {
        padding-top: 17.5px;
        border-top: 1px solid #F2F2F2; }
      .cart-table .cart-tbody > .cart-row.for-coupon.for-events .events-table .cart-row:last-child .cart-cell {
        padding-bottom: 17.5px; } }
  @media screen and (max-width: 991px) {
    .cart-table, .cart-table table, .cart-table tbody, .cart-table tr, .cart-table td {
      display: block; }
    .cart-table .cart-tbody {
      border-bottom: 1px solid #B5B5B5; }
      .cart-table .cart-tbody > .cart-row > .cart-cell {
        padding: 0;
        border: none; }
      .cart-table .cart-tbody > .cart-row + .cart-row:not(.for-gifts) {
        border-top: 1px solid #F2F2F2; }
      .cart-table .cart-tbody > .cart-row + .cart-row:not(.for-pd) > .cart-cell.tt {
        display: none; } }
  @media screen and (max-width: 991px) and (max-width: 479px) {
    .cart-table .cart-tbody:last-child {
      border: none; } }
  @media screen and (max-width: 991px) {
    .cart-table .cart-row {
      padding: 20px 0;
      border: none; } }
  @media screen and (max-width: 991px) and (max-width: 479px) {
    .cart-table .cart-row {
      padding: 15px 20px; } }
  @media screen and (max-width: 991px) and (max-width: 413px) {
    .cart-table .cart-row {
      padding: 15px; } }
  @media screen and (max-width: 991px) {
      .cart-table .cart-row:not(.for-pd) .cart-cell.tt {
        margin-bottom: 15px; }
      .cart-table .cart-row.for-pd {
        position: relative;
        padding-left: 100px;
        min-height: 120px; } }
    @media screen and (max-width: 991px) and (max-width: 479px) {
      .cart-table .cart-row.for-pd {
        padding-left: 115px;
        padding-right: 80px;
        min-height: 110px; } }
  @media screen and (max-width: 991px) {
        .cart-table .cart-row.for-pd .cart-cell.tt {
          position: absolute;
          top: 20px;
          left: 0; } }
      @media screen and (max-width: 991px) and (max-width: 479px) {
        .cart-table .cart-row.for-pd .cart-cell.tt {
          width: 95px;
          left: 20px; } }
  @media screen and (max-width: 991px) {
        .cart-table .cart-row.for-pd .cart-cell.price {
          display: none; }
        .cart-table .cart-row.for-pd .cart-cell.qtt {
          margin-top: 10px;
          text-align: left; }
          .cart-table .cart-row.for-pd .cart-cell.qtt .qtt-spinner .form-control {
            max-width: 100px; } }
        @media screen and (max-width: 991px) and (max-width: 479px) {
          .cart-table .cart-row.for-pd .cart-cell.qtt .qtt-spinner .form-control {
            max-width: 50px; } }
  @media screen and (max-width: 991px) {
          .cart-table .cart-row.for-pd .cart-cell.qtt .num {
            font-size: 14px; }
        .cart-table .cart-row.for-pd .cart-cell.total {
          position: absolute;
          right: 0;
          bottom: 20px; } }
      @media screen and (max-width: 991px) and (max-width: 479px) {
        .cart-table .cart-row.for-pd .cart-cell.total {
          right: 20px; } }
      @media screen and (max-width: 991px) and (max-width: 413px) {
        .cart-table .cart-row.for-pd .cart-cell.total {
          right: 15px; } }
  @media screen and (max-width: 991px) {
        .cart-table .cart-row.for-pd .cart-cell.modify {
          position: absolute;
          top: 20px;
          right: 0; } }
      @media screen and (max-width: 991px) and (max-width: 479px) {
        .cart-table .cart-row.for-pd .cart-cell.modify {
          right: 20px; } }
      @media screen and (max-width: 991px) and (max-width: 413px) {
        .cart-table .cart-row.for-pd .cart-cell.modify {
          right: 15px; } }
  @media screen and (max-width: 991px) {
      .cart-table .cart-row.for-events .events-table {
        width: 100%; }
        .cart-table .cart-row.for-events .events-table .cart-row {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          padding: 0; }
          .cart-table .cart-row.for-events .events-table .cart-row:first-child .cart-cell {
            padding-top: 0; }
          .cart-table .cart-row.for-events .events-table .cart-row:last-child .cart-cell {
            padding-bottom: 0; }
        .cart-table .cart-row.for-events .events-table .cart-cell {
          padding: 5px 0; }
          .cart-table .cart-row.for-events .events-table .cart-cell.info {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -moz-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1; }
          .cart-table .cart-row.for-events .events-table .cart-cell.total {
            -webkit-flex-shrink: 0;
            -moz-flex-shrink: 0;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-left: 10px;
            padding-right: 0; }
            .cart-table .cart-row.for-events .events-table .cart-cell.total .num {
              font-size: 16px; }
          .cart-table .cart-row.for-events .events-table .cart-cell.price, .cart-table .cart-row.for-events .events-table .cart-cell.modify, .cart-table .cart-row.for-events .events-table .cart-cell.qtt {
            display: none; }
        .cart-table .cart-row.for-events .events-table .cart-row.has-removeBtn {
          position: relative; }
          .cart-table .cart-row.for-events .events-table .cart-row.has-removeBtn .cart-cell.info .event {
            min-height: 45px; }
          .cart-table .cart-row.for-events .events-table .cart-row.has-removeBtn .cart-cell.modify {
            display: block;
            padding: 0; }
            .cart-table .cart-row.for-events .events-table .cart-row.has-removeBtn .cart-cell.modify .btn {
              position: absolute;
              right: 0;
              bottom: 0; }
      .cart-table .cart-row.for-gifts {
        padding-top: 5px;
        padding-bottom: 40px; }
      .cart-table .cart-row.for-coupon {
        padding-top: 10px; } }

@media screen and (max-width: 479px) {
  .cart-checkout {
    padding: 35px 20px; } }
@media screen and (max-width: 413px) {
  .cart-checkout {
    padding: 35px 15px; } }

.checkout-list {
  margin-top: 15px;
  line-height: 1; }
  @media screen and (max-width: 479px) {
    .checkout-list {
      margin-top: 0; } }
  @media screen and (min-width: 1400px), print {
    .checkout-list.complete .checkout-list-row {
      padding-right: calc(20px +  3em); } }
  @media screen and (max-width: 1399px) and (min-width: 1200px) {
    .checkout-list.complete .checkout-list-row {
      padding-right: calc(10px +  3em); } }
  @media screen and (max-width: 1199px) and (min-width: 992px) {
    .checkout-list.complete .checkout-list-row {
      padding-right: 2.5em; } }
  .checkout-list .checkout-list-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    -moz-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
    transition: padding 0.3s ease; }
    .checkout-list .checkout-list-row span {
      -moz-transition: font-size 0.3s ease;
      -o-transition: font-size 0.3s ease;
      -webkit-transition: font-size 0.3s ease;
      transition: font-size 0.3s ease; }
    .checkout-list .checkout-list-row .row-title .tt {
      font-size: 18px; }
    .checkout-list .checkout-list-row .row-title .note {
      margin-left: 1.5em;
      font-size: 16px;
      color: #BA000C; }
      .checkout-list .checkout-list-row .row-title .note .alert-btn {
        font-size: 1.25em;
        line-height: 1rem; }
        .checkout-list .checkout-list-row .row-title .note .alert-btn:active {
          color: #8b0009; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .checkout-list .checkout-list-row .row-title .note .alert-btn {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .checkout-list .checkout-list-row .row-title .note .alert-btn:hover {
      color: #8b0009; } }

    .checkout-list .checkout-list-row .row-value .num {
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 18px; }
      .checkout-list .checkout-list-row .row-value .num.total {
        font-size: 25px;
        font-weight: 700; }
    .checkout-list .checkout-list-row.for-return {
      font-size: 16px;
      text-align: right;
      line-height: 2; }
      .checkout-list .checkout-list-row.for-return .txt-icon {
        font-size: 1.25em; }
    @media screen and (min-width: 480px), print {
      .checkout-list .checkout-list-row {
        padding: 15px 0; }
        .checkout-list .checkout-list-row + .checkout-list-row:not(.for-return) {
          border-top: 1px solid #F2F2F2; }
        .checkout-list .checkout-list-row.for-return .row-value p {
          display: inline-block; }
          .checkout-list .checkout-list-row.for-return .row-value p + p {
            margin-left: 1em; } }
    @media screen and (max-width: 479px) {
      .checkout-list .checkout-list-row + .checkout-list-row {
        margin-top: 20px; }
      .checkout-list .checkout-list-row .row-title .tt {
        font-size: 16px; }
      .checkout-list .checkout-list-row .row-title .note {
        display: block;
        margin: 10px 0 0;
        font-size: 15px; }
      .checkout-list .checkout-list-row .row-value .num {
        font-size: 16px; }
        .checkout-list .checkout-list-row .row-value .num.total {
          font-size: 20px; } }
  @media screen and (min-width: 992px), print {
    .checkout-list.sticky {
      position: -webkit-sticky;
      position: sticky;
      z-index: 99;
      bottom: 0;
      background-color: #ffffff; }
      .checkout-list.sticky.is-sticky {
        border-top: 1px solid #E1E1E1; }
        .checkout-list.sticky.is-sticky .checkout-list-row .row-title .tt {
          font-size: 16px; }
        .checkout-list.sticky.is-sticky .checkout-list-row .row-title .note {
          font-size: 14px; }
        .checkout-list.sticky.is-sticky .checkout-list-row .row-value .num {
          font-size: 16px; }
          .checkout-list.sticky.is-sticky .checkout-list-row .row-value .num.total {
            font-size: 20px; } }
    @media screen and (min-width: 992px) and (min-width: 1621px), print {
      .checkout-list.sticky.is-sticky {
        margin-left: calc(90px - 50%);
        margin-right: calc(90px - 50%); }
        .checkout-list.sticky.is-sticky .checkout-list-row {
          padding: 10px 0; } }
    @media screen and (min-width: 992px) and (max-width: 1620px) {
      .checkout-list.sticky.is-sticky {
        margin-left: -90px;
        margin-right: -90px;
        padding: 0 90px; }
        .checkout-list.sticky.is-sticky .checkout-list-row {
          padding: 7.5px 0; } }

.checkout-total {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .checkout-total {
      margin-top: 90px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .checkout-total {
      margin-top: 50px; } }
  .checkout-total > p {
    line-height: 1; }
    .checkout-total > p + p {
      margin-top: 20px; }
  .checkout-total .tt {
    font-size: 18px; }
  .checkout-total .txt {
    color: rgba(0, 0, 0, 0.55); }
  .checkout-total .num {
    font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #BA000C; }

@media screen and (min-width: 768px), print {
  .checkout-actions {
    margin: 90px 0; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .checkout-actions {
    margin: 50px 0; } }
@media screen and (max-width: 479px) {
  .checkout-actions {
    margin-top: 25px; } }
.checkout-actions > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .checkout-actions > ul > li {
    width: calc(50% - 7.5px);
    max-width: 230px; }
    .checkout-actions > ul > li + li {
      margin-left: 15px; }
.checkout-actions .btn {
  width: 100%;
  height: 50px; }
  @media screen and (max-width: 479px) {
    .checkout-actions .btn {
      height: 40px; } }

@media screen and (min-width: 480px), print {
  .cart-addition {
    padding: 50px 0 70px;
    border-top: 1px solid #B5B5B5; } }
@media screen and (max-width: 991px) {
  .cart-addition {
    padding: 25px 0 50px; } }
@media screen and (max-width: 479px) {
  .cart-addition {
    padding: 35px 20px; } }
@media screen and (max-width: 413px) {
  .cart-addition {
    padding: 35px 15px; } }
.cart-addition .cart-addition-head .tt {
  font-size: 18px;
  font-weight: 700; }
@media screen and (min-width: 480px), print {
  .cart-addition .cart-addition-head .txt {
    margin-left: 1em;
    font-size: 16px; } }
@media screen and (max-width: 479px) {
  .cart-addition .cart-addition-head .txt {
    display: block;
    margin-top: 15px;
    font-size: 15px; } }
.cart-addition .cart-addition-list {
  margin-top: 25px; }

.cart-fixed {
  position: fixed;
  z-index: 98;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff; }
  @media screen and (min-width: 992px), print {
    .cart-fixed {
      display: none; } }
  .cart-fixed .total {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    border-top: 1px solid #E1E1E1;
    font-size: 15px; }
    .cart-fixed .total .num {
      display: inline-block;
      margin-left: 10px;
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-weight: 700;
      font-size: 18px; }
  .cart-fixed .button {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 110px; }
    .cart-fixed .button .btn {
      width: 100%;
      height: 50px; }

@media screen and (min-width: 480px), print {
  .cart-group[data-group="billing"] {
    padding: 40px 0;
    border-top: 1px solid #B5B5B5; } }

.billing-table {
  width: 100%;
  text-align: left;
  table-layout: fixed; }
  @media screen and (max-width: 479px) {
    .billing-table {
      padding: 20px; } }
  @media screen and (max-width: 413px) {
    .billing-table {
      padding: 20px 15px; } }
  @media screen and (min-width: 480px), print {
    .billing-table td {
      padding-top: 7.5px;
      padding-bottom: 7.5px; } }
  @media screen and (min-width: 992px), print {
    .billing-table .fieldset-title {
      width: 215px; } }
  .billing-table .fieldset-title .tt {
    font-size: 18px;
    font-weight: 700; }
  .billing-table .fieldset-title .txt {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.55); }
    @media screen and (min-width: 992px), print {
      .billing-table .fieldset-title .txt {
        margin-top: 15px; } }
    @media screen and (max-width: 479px) {
      .billing-table .fieldset-title .txt {
        font-size: 15px; }
        .billing-table .fieldset-title .txt .form-checkbox {
          vertical-align: -2px; } }
    .billing-table .fieldset-title .txt .txt-icon {
      margin-right: 5px;
      font-size: 1.25em; }
    .billing-table .fieldset-title .txt a:active, .billing-table .fieldset-title .txt button:active {
      color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .billing-table .fieldset-title .txt a, .billing-table .fieldset-title .txt button {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .billing-table .fieldset-title .txt a:hover, .billing-table .fieldset-title .txt button:hover {
      color: #BA000C; } }

  @media screen and (min-width: 480px), print {
    .billing-table .row-title {
      width: 140px; } }
  @media screen and (min-width: 480px), print {
    .billing-table .row-title .td-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 45px;
      padding-right: 20px; } }
  .billing-table .row-title .tt {
    display: block;
    width: 100%;
    font-size: 18px; }
    @media screen and (max-width: 479px) {
      .billing-table .row-title .tt {
        font-size: 16px; } }
  .billing-table .form-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px; }
    .billing-table .form-field > * {
      margin: 5px; }
    @media screen and (min-width: 768px), print {
      .billing-table .form-field .one-forth {
        -webkit-flex-basis: calc(25% - 10px);
        -moz-flex-basis: calc(25% - 10px);
        -ms-flex-preferred-size: calc(25% - 10px);
        flex-basis: calc(25% - 10px); }
      .billing-table .form-field .three-forth {
        -webkit-flex-basis: calc(75% - 10px);
        -moz-flex-basis: calc(75% - 10px);
        -ms-flex-preferred-size: calc(75% - 10px);
        flex-basis: calc(75% - 10px); } }
    @media screen and (max-width: 767px) {
      .billing-table .form-field .one-forth:not(.mb-full), .billing-table .form-field .three-forth:not(.mb-full) {
        -webkit-flex-basis: calc(50% - 10px);
        -moz-flex-basis: calc(50% - 10px);
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px); }
      .billing-table .form-field .one-forth.mb-full, .billing-table .form-field .three-forth.mb-full {
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
    @media screen and (max-width: 479px) {
      .billing-table .form-field {
        margin-top: 5px; } }
    .billing-table .form-field .form-control {
      display: block;
      width: 100%;
      height: 45px;
      line-height: 1.5; }
      @media screen and (max-width: 479px) {
        .billing-table .form-field .form-control {
          height: 40px; } }
      .billing-table .form-field .form-control[readonly] {
        background-color: #f8f8f8;
        pointer-events: none; }
    .billing-table .form-field .form-radio + .form-radio {
      margin-left: 35px; }
    .billing-table .form-field .bootstrap-select > .dropdown-toggle {
      height: 45px; }
      @media screen and (max-width: 479px) {
        .billing-table .form-field .bootstrap-select > .dropdown-toggle {
          height: 40px; } }
    @media screen and (min-width: 480px), print {
      .billing-table .form-field .store {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .billing-table .form-field .store .store-name .store-logo {
      display: inline-block;
      vertical-align: -6px;
      width: 26px;
      margin-right: 5px; }
      .billing-table .form-field .store .store-name .store-logo img {
        display: block; }
    .billing-table .form-field .store .store-name .store-add {
      font-size: 18px;
      line-height: 1.15;
      color: rgba(0, 0, 0, 0.55); }
    @media screen and (max-width: 479px) {
      .billing-table .form-field .store .store-name .store-logo {
        width: 20px; }
      .billing-table .form-field .store .store-name .store-add {
        font-size: 16px; } }
    @media screen and (min-width: 480px), print {
      .billing-table .form-field .store .store-button {
        margin-left: 15px; } }
    @media screen and (max-width: 479px) {
      .billing-table .form-field .store .store-button {
        margin-top: 10px; } }
    .billing-table .form-field .store .store-button .btn {
      line-height: 1;
      padding: 10px; }
    .billing-table .form-field.show-error .form-control {
      border-color: #BA000C; }
    .billing-table .form-field.show-error .custom-select {
      border-color: #BA000C; }
    .billing-table .form-field.show-error .bootstrap-select > .dropdown-toggle {
      border-color: #BA000C; }
  .billing-table .form-error {
    margin-top: 10px;
    font-size: 15px;
    color: #BA000C; }
    .billing-table .form-error .txt-icon {
      margin-right: 5px; }
  .billing-table .row-content ul.buttons-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -7.5px; }
    .billing-table .row-content ul.buttons-list li {
      margin: 7.5px; }
      .billing-table .row-content ul.buttons-list li .btn {
        padding: 0 25px;
        line-height: 1.25;
        -moz-transition-property: background-color, border-color, color;
        -o-transition-property: background-color, border-color, color;
        -webkit-transition-property: background-color, border-color, color;
        transition-property: background-color, border-color, color;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease; }
        .billing-table .row-content ul.buttons-list li .btn.fill-gray {
          border: 1px solid #727272; }
    @media screen and (max-width: 479px) {
      .billing-table .row-content ul.buttons-list {
        margin: -5px; }
        .billing-table .row-content ul.buttons-list li {
          width: calc(50% - 10px);
          margin: 5px; }
          .billing-table .row-content ul.buttons-list li .btn {
            width: 100%;
            min-width: unset;
            padding: 0 10px; }
            .billing-table .row-content ul.buttons-list li .btn .f18 {
              font-size: 15px; } }
  .billing-table .row-content .delivery-address {
    margin-top: 15px; }
    .billing-table .row-content .delivery-address > div {
      display: none; }
    .billing-table .row-content .delivery-address .form-field {
      margin-top: 15px; }
    @media screen and (max-width: 479px) {
      .billing-table .row-content .delivery-address .f18 {
        font-size: 16px; } }
  .billing-table .row-content .invoice-device {
    margin-top: 30px;
    font-size: 16px; }
    .billing-table .row-content .invoice-device > div {
      display: none; }
    .billing-table .row-content .invoice-device .device-type ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .billing-table .row-content .invoice-device .device-type ul li + li {
        margin-left: 45px; }
    .billing-table .row-content .invoice-device .device-verify {
      margin-top: 15px; }
      .billing-table .row-content .invoice-device .device-verify:not(.active) {
        display: none; }
      .billing-table .row-content .invoice-device .device-verify .verify-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 535px; }
        .billing-table .row-content .invoice-device .device-verify .verify-bar .form-control {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          height: 45px;
          padding: 10px 15px; }
        .billing-table .row-content .invoice-device .device-verify .verify-bar .btn {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          width: 70px;
          height: 45px;
          margin-left: 10px; }
      .billing-table .row-content .invoice-device .device-verify .error-msg {
        margin-top: 10px;
        font-size: 15px;
        color: #BA000C; }
        .billing-table .row-content .invoice-device .device-verify .error-msg .txt-icon {
          margin-right: 5px; }
    .billing-table .row-content .invoice-device .device-vat .vat-bar {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .billing-table .row-content .invoice-device .device-vat .vat-bar .tt {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 10px; }
      .billing-table .row-content .invoice-device .device-vat .vat-bar .form-control {
        width: 300px;
        padding: 10px 15px; }
    .billing-table .row-content .invoice-device .device-vat .txt {
      margin-top: 15px;
      font-weight: 700; }
    .billing-table .row-content .invoice-device .device-note {
      margin-top: 15px;
      color: rgba(0, 0, 0, 0.55);
      line-height: 1.75; }
      .billing-table .row-content .invoice-device .device-note .add-box {
        display: none;
        background-color: #F5F5F5;
        margin: 10px 0 20px;
        padding: 15px 25px 20px; }
        @media screen and (max-width: 479px) {
          .billing-table .row-content .invoice-device .device-note .add-box {
            padding: 15px; } }
        .billing-table .row-content .invoice-device .device-note .add-box .add-box-head {
          position: relative; }
          @media screen and (min-width: 480px), print {
            .billing-table .row-content .invoice-device .device-note .add-box .add-box-head {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; } }
          .billing-table .row-content .invoice-device .device-note .add-box .add-box-head .tt {
            font-weight: 700;
            color: rgba(0, 0, 0, 0.9); }
            @media screen and (max-width: 479px) {
              .billing-table .row-content .invoice-device .device-note .add-box .add-box-head .tt {
                display: block;
                margin-bottom: 10px; } }
          .billing-table .row-content .invoice-device .device-note .add-box .add-box-head .txt-check .form-checkbox {
            margin-right: 0; }
          @media screen and (min-width: 480px), print {
            .billing-table .row-content .invoice-device .device-note .add-box .add-box-head .txt-check {
              margin-left: 15px; } }
          @media screen and (max-width: 479px) {
            .billing-table .row-content .invoice-device .device-note .add-box .add-box-head .txt-check {
              display: inline-block; } }
          @media screen and (min-width: 480px), print {
            .billing-table .row-content .invoice-device .device-note .add-box .add-box-head .txt-contact {
              position: absolute;
              right: 0; } }
          @media screen and (max-width: 479px) {
            .billing-table .row-content .invoice-device .device-note .add-box .add-box-head .txt-contact {
              display: inline-block;
              margin-left: 15px; } }
        .billing-table .row-content .invoice-device .device-note .add-box .add-box-field {
          margin-top: 15px; }
          .billing-table .row-content .invoice-device .device-note .add-box .add-box-field .form-control {
            width: 100%;
            background-color: #ffffff; }
  .billing-table .row-content .invoice-agreement {
    margin-top: 20px;
    font-size: 16px; }
    .billing-table .row-content .invoice-agreement p {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .billing-table .row-content .invoice-agreement p .form-checkbox {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 5px; }
      .billing-table .row-content .invoice-agreement p + p {
        margin-top: 0.5em; }
  @media screen and (max-width: 991px) {
    .billing-table, .billing-table tbody, .billing-table tr, .billing-table td {
      display: block; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .billing-table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }
@media screen and (max-width: 991px) and (max-width: 479px) {
  .billing-table tr + tr {
    margin-top: 20px; } }
  @media screen and (max-width: 991px) {
    .billing-table .fieldset-title {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media screen and (max-width: 991px) and (max-width: 479px) {
    .billing-table .fieldset-title {
      margin-bottom: 20px; } }
  @media screen and (max-width: 991px) {
      .billing-table .fieldset-title .txt-wrap {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .billing-table .fieldset-title .txt-wrap .txt + .txt {
          margin-left: 20px; } }
      @media screen and (max-width: 991px) and (max-width: 479px) {
        .billing-table .fieldset-title .txt-wrap .txt + .txt {
          margin-left: 15px; } }
@media screen and (max-width: 991px) and (max-width: 479px) {
  .billing-table .row-title .td-inner.for-contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .billing-table .row-title .td-inner.for-contact .txt {
      font-size: 15px;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .billing-table .row-field {
    width: calc(100% - 140px); } }

.cart-empty {
  padding: 95px 0;
  text-align: center; }
  .cart-empty p + p {
    margin-top: 35px; }
  @media screen and (max-width: 479px) {
    .cart-empty {
      padding: 25vmin 20px; }
      .cart-empty p + p {
        margin-top: 20px; } }
  @media screen and (max-width: 413px) {
    .cart-empty {
      padding: 25vmin 15px; } }

.cart-terms {
  line-height: 1.75;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.55); }
  @media screen and (min-width: 480px), print {
    .cart-terms {
      border-top: 1px solid #B5B5B5;
      border-bottom: 1px solid #B5B5B5;
      padding: 30px 0;
      font-size: 18px; } }
  @media screen and (max-width: 479px) {
    .cart-terms {
      padding: 25px 20px;
      font-size: 15px; } }
  @media screen and (max-width: 413px) {
    .cart-terms {
      padding: 25px 15px; } }

@media screen and (min-width: 480px), print {
  .cart-orderinfo {
    padding: 30px 0;
    border-top: 1px solid #B5B5B5; } }
@media screen and (max-width: 479px) {
  .cart-orderinfo {
    padding: 25px 20px; }
    .cart-orderinfo + .cart-orderinfo {
      border-top: 1px solid #F2F2F2; } }
@media screen and (max-width: 413px) {
  .cart-orderinfo {
    padding: 25px 15px; } }
.cart-orderinfo .title {
  font-weight: 700; }
.cart-orderinfo .txt {
  margin-top: 15px;
  line-height: 1.75;
  color: rgba(0, 0, 0, 0.55); }

@media screen and (min-width: 768px), print {
  .cart-complete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }
@media screen and (min-width: 480px), print {
  .cart-complete {
    padding-top: 50px;
    border-top: 1px solid #B5B5B5; } }
@media screen and (max-width: 479px) {
  .cart-complete {
    padding: 25px 20px 0; }
    .cart-complete + .checkout-actions {
      padding: 0 20px 25px; } }
@media screen and (max-width: 413px) {
  .cart-complete {
    padding: 25px 15px 0; }
    .cart-complete + .checkout-actions {
      padding: 0 15px 25px; } }
.cart-complete .cart-complete-msg {
  font-size: 18px;
  line-height: 1.75;
  letter-spacing: 0.05em; }
  .cart-complete .cart-complete-msg p + p {
    margin-top: 0.5em; }
  @media screen and (max-width: 479px) {
    .cart-complete .cart-complete-msg {
      font-size: 15px; } }
.cart-complete .cart-complete-total {
  line-height: 1.15; }
  .cart-complete .cart-complete-total .tt {
    font-size: 20px;
    font-weight: 700; }
  .cart-complete .cart-complete-total .txt {
    margin-top: 15px;
    font-size: 18px; }
    .cart-complete .cart-complete-total .txt .num {
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 30px;
      font-weight: 700;
      margin-left: 10px;
      color: #BA000C; }
  .cart-complete .cart-complete-total .button {
    margin-top: 25px; }
    .cart-complete .cart-complete-total .button .btn {
      width: 155px;
      height: 45px;
      border-radius: 3px; }
  @media screen and (min-width: 768px), print {
    .cart-complete .cart-complete-total {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-left: 70px;
      padding-left: 70px;
      padding-bottom: 25px;
      border-left: 1px dashed rgba(0, 0, 0, 0.55); } }
  @media screen and (max-width: 767px) {
    .cart-complete .cart-complete-total {
      margin-top: 35px;
      padding-top: 35px;
      border-top: 1px dashed rgba(0, 0, 0, 0.55); } }
  @media screen and (max-width: 479px) {
    .cart-complete .cart-complete-total {
      margin-top: 25px;
      padding-top: 25px; }
      .cart-complete .cart-complete-total .tt {
        font-size: 18px; }
      .cart-complete .cart-complete-total .txt {
        margin-top: 10px;
        font-size: 16px; }
        .cart-complete .cart-complete-total .txt .num {
          font-size: 22px; } }

@media screen and (min-width: 480px), print {
  .cart-group[data-group="order"] {
    margin-top: 70px; } }

.order-head.default {
  margin-bottom: 20px; }
@media screen and (max-width: 479px) {
  .order-head {
    padding: 20px;
    border-bottom: 1px solid #B5B5B5; } }
@media screen and (max-width: 413px) {
  .order-head {
    padding: 20px 15px; } }
@media screen and (min-width: 480px), print {
  .order-head:not(.default) {
    padding: 40px 0;
    border-top: 1px solid #B5B5B5; } }
@media screen and (min-width: 480px), print {
  .order-head .order-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .order-head .order-status p + p {
      margin-left: 20px; } }
@media screen and (min-width: 768px), print {
  .order-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media screen and (min-width: 480px), print {
  .order-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid #B5B5B5; }
    .order-info:first-child {
      border-top: 1px solid #b5b5b5; } }
@media screen and (max-width: 479px) {
  .order-info {
    padding: 25px 20px; }
    .order-info + .order-info {
      border-top: 1px solid #b5b5b5; } }
@media screen and (max-width: 413px) {
  .order-info {
    padding: 25px 15px; } }
.order-info .order-info-title {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 170px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 700; }
  @media screen and (max-width: 479px) {
    .order-info .order-info-title {
      font-size: 16px; } }
.order-info .order-info-content {
  line-height: 1.25; }
  .order-info .order-info-content ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .order-info .order-info-content ul li + li {
      margin-top: 15px; }
  @media screen and (max-width: 479px) {
    .order-info .order-info-content {
      margin-top: 15px; }
      .order-info .order-info-content ul li + li {
        margin-top: 10px; } }
  .order-info .order-info-content .tt {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: rgba(0, 0, 0, 0.9);
    margin-right: 25px; }
    @media screen and (max-width: 479px) {
      .order-info .order-info-content .tt {
        margin-right: 15px; } }
  .order-info .order-info-content .txt {
    color: rgba(0, 0, 0, 0.55); }
    @media screen and (min-width: 768px), print {
      .order-info .order-info-content .txt .button {
        margin: 0 0 0 145px; }
        .order-info .order-info-content .txt .button .btn {
          margin-top: -10px;
          margin-block-end: -10px; } }
    @media screen and (max-width: 767px) {
      .order-info .order-info-content .txt .button {
        display: block;
        margin-top: 10px; } }
    .order-info .order-info-content .txt .button .btn {
      height: 40px;
      padding: 0 20px;
      border-radius: 3px; }

@page {
  size: portrait;
  margin: 15mm; }
@media print {
  #header, #footer, .fixed-tools, .header-spacer {
    display: none !important; }

  .wp, #main {
    min-height: unset; }

  .cart-section[data-section="head"],
  .cart-section[data-section="primary"] .cart-group:first-child {
    display: none !important; }

  .cart-section[data-section="primary"] {
    width: 100%; }

  .order-head {
    border: none !important;
    margin-bottom: 25px;
    padding: 0 !important; }

  .cart-table .cart-row {
    page-break-inside: avoid; }

  .cart-table .cart-cell:not(.tt):not(.info):not(.checkbox):not([colspan]) {
    width: 20mm !important;
    padding-right: 0 !important; }

  .checkout-list.complete .checkout-list-row {
    padding-right: 0 !important; }

  .cart-checkout, .order-info {
    page-break-inside: avoid; } }
/* ------------------------------------------
 *  login
 * ----------------------------------------- */
.wp[data-id="login"], .wp[data-id="login"] #main, .wp[data-id="member"], .wp[data-id="member"] #main {
  min-height: unset; }

.login-wrapper {
  padding-bottom: 145px; }
  @media screen and (max-width: 991px) {
    .login-wrapper {
      padding-bottom: 75px; } }
  @media screen and (max-width: 479px) {
    .login-wrapper {
      padding-bottom: 35px; } }

@media screen and (max-width: 479px) {
  .login-head .login-bread {
    display: none; } }
.login-head .login-heading {
  text-align: center;
  margin-bottom: 50px; }
  @media screen and (max-width: 479px) {
    .login-head .login-heading {
      margin: 20px 0; } }
  .login-head .login-heading .title {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 767px) {
      .login-head .login-heading .title {
        font-size: 22px; } }
    @media screen and (max-width: 479px) {
      .login-head .login-heading .title {
        font-size: 18px; } }

.login-primary:not(.has-editor) .login-box {
  margin: 0 auto; }
.login-primary.has-editor {
  max-width: 1150px;
  margin: 0 auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .login-primary.has-editor:lang(en) .login-box {
    max-width: 525px; }
  @media screen and (min-width: 992px), print {
    .login-primary.has-editor {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .login-primary.has-editor .login-box {
        margin-top: 20px; } }
  @media screen and (max-width: 991px) {
    .login-primary.has-editor {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .login-primary.has-editor > div {
        width: 100%; }
        .login-primary.has-editor > div + div {
          margin-top: 50px; } }

.login-box {
  max-width: 525px; }
  .login-box:lang(en) {
    max-width: 900px; }
  @media screen and (min-width: 992px), print {
    .login-box {
      width: calc(50% - 35px); }
      .login-box:lang(en) {
        width: 100%; } }
  .login-box .login-box-fieldset .form-row + .form-row {
    margin-top: 15px; }
    @media screen and (max-width: 479px) {
      .login-box .login-box-fieldset .form-row + .form-row {
        margin-top: 10px; } }
  .login-box .login-box-fieldset .form-field {
    position: relative; }
    .login-box .login-box-fieldset .form-field .form-control, .login-box .login-box-fieldset .form-field .btn {
      width: 100%;
      height: 42px; }
    .login-box .login-box-fieldset .form-field .form-control {
      display: block;
      padding: 10px 15px; }
      @media screen and (max-width: 479px) {
        .login-box .login-box-fieldset .form-field .form-control {
          padding: 10px; } }
    .login-box .login-box-fieldset .form-field .btn[disabled] {
      pointer-events: none; }
    .login-box .login-box-fieldset .form-field .social-logo {
      display: inline-block;
      vertical-align: -4px;
      margin: 0 5px; }
    .login-box .login-box-fieldset .form-field.is-valid::before {
      content: "";
      position: absolute;
      right: 10px;
      bottom: 12px;
      display: block;
      font-family: "icomoon";
      color: #BA000C;
      font-size: 18px;
      line-height: 1; }
    .login-box .login-box-fieldset .form-field.error .form-control:not([aria-label="Search"]) {
      border-color: #BA000C; }
    .login-box .login-box-fieldset .form-field.error.has-label .label {
      border-color: #BA000C; }
    .login-box .login-box-fieldset .form-field.has-label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 479px) {
        .login-box .login-box-fieldset .form-field.has-label:lang(en) {
          display: block; } }
      .login-box .login-box-fieldset .form-field.has-label .label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 110px;
        height: 42px;
        border: 1px solid #E2E2E2;
        padding: 10px 15px;
        color: rgba(0, 0, 0, 0.9);
        border-right: none; }
        .login-box .login-box-fieldset .form-field.has-label .label:lang(en) {
          width: 165px; }
        .login-box .login-box-fieldset .form-field.has-label .label + .form-control {
          border-left: none; }
      @media screen and (max-width: 479px) {
        .login-box .login-box-fieldset .form-field.has-label .label {
          width: 80px;
          padding: 10px 0 10px 10px; }
          .login-box .login-box-fieldset .form-field.has-label .label:lang(en) {
            width: 100%;
            padding: 10px;
            border-right: 1px solid #E2E2E2;
            border-bottom: none; }
          .login-box .login-box-fieldset .form-field.has-label .label + .form-control {
            border-left: 1px solid #E2E2E2; } }
    .login-box .login-box-fieldset .form-field.for-code .code {
      position: absolute;
      top: 1px;
      right: 1px;
      bottom: 1px;
      display: block; }
    .login-box .login-box-fieldset .form-field.for-radio {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      background-color: #F8F8F8;
      border: 1px solid #E2E2E2;
      padding: 12.5px 15px;
      color: rgba(0, 0, 0, 0.9); }
      .login-box .login-box-fieldset .form-field.for-radio .form-radio {
        margin-right: 10px; }
        .login-box .login-box-fieldset .form-field.for-radio .form-radio label {
          display: inline-block;
          width: 15px;
          height: 15px;
          line-height: 1; }
          .login-box .login-box-fieldset .form-field.for-radio .form-radio label span {
            vertical-align: top;
            background-color: #ffffff; }
      @media screen and (max-width: 479px) {
        .login-box .login-box-fieldset .form-field.for-radio {
          padding: 10px; }
          .login-box .login-box-fieldset .form-field.for-radio .form-radio {
            margin-right: 5px; } }
    .login-box .login-box-fieldset .form-field.for-verify {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 479px) {
        .login-box .login-box-fieldset .form-field.for-verify:lang(en) {
          display: block; } }
      .login-box .login-box-fieldset .form-field.for-verify .form-control {
        width: calc(100% - 100px); }
        @media screen and (max-width: 479px) {
          .login-box .login-box-fieldset .form-field.for-verify .form-control:lang(en) {
            width: 100%; } }
      .login-box .login-box-fieldset .form-field.for-verify .btn {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 120px;
        padding: 0 15px;
        border: 1px solid #E2E2E2;
        border-left: none; }
        .login-box .login-box-fieldset .form-field.for-verify .btn:lang(en) {
          width: 210px; }
        @media screen and (max-width: 479px) {
          .login-box .login-box-fieldset .form-field.for-verify .btn {
            width: 100px;
            padding: 0 10px; }
            .login-box .login-box-fieldset .form-field.for-verify .btn:lang(en) {
              width: 100%;
              border-top: none;
              border-left: 1px solid #E2E2E2; } }
    .login-box .login-box-fieldset .form-field.for-date .datepicker-style {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .login-box .login-box-fieldset .form-field.for-date .datepicker-style .form-control {
        border-left: none; }
      .login-box .login-box-fieldset .form-field.for-date .datepicker-style .dropdown-menu {
        z-index: 1000 !important; }
      @media screen and (max-width: 479px) {
        .login-box .login-box-fieldset .form-field.for-date .datepicker-style:lang(en) .form-control {
          border-left: 1px solid #E2E2E2; } }
    .login-box .login-box-fieldset .form-field.for-actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .login-box .login-box-fieldset .form-field.for-actions .action {
        color: rgba(0, 0, 0, 0.9); }
        .login-box .login-box-fieldset .form-field.for-actions .action a:active {
          color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .login-box .login-box-fieldset .form-field.for-actions .action a:hover {
    color: #BA000C; } }

    .login-box .login-box-fieldset .form-field.for-tel {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .login-box .login-box-fieldset .form-field.for-tel .custom-select-wrap {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 110px; }
        .login-box .login-box-fieldset .form-field.for-tel .custom-select-wrap .mobile-toggle {
          display: none; }
        .login-box .login-box-fieldset .form-field.for-tel .custom-select-wrap .bootstrap-select > .dropdown-toggle {
          height: 42px;
          border-right: none;
          padding: 0 15px; }
      .login-box .login-box-fieldset .form-field.for-tel > .bootstrap-select.bs-container {
        width: 100% !important; }
        .login-box .login-box-fieldset .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu {
          min-width: 100% !important;
          max-height: 287px !important; }
          .login-box .login-box-fieldset .form-field.for-tel > .bootstrap-select.bs-container > .dropdown-menu .bs-searchbox .form-control {
            height: 45px; }
    .login-box .login-box-fieldset .form-field.for-register .btn {
      -moz-transition-property: color, background-color;
      -o-transition-property: color, background-color;
      -webkit-transition-property: color, background-color;
      transition-property: color, background-color;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
    .login-box .login-box-fieldset .form-field.for-register .btn[disabled] {
      background-color: #F8F8F8;
      color: rgba(0, 0, 0, 0.55); }
  .login-box .login-box-fieldset .form-msg {
    margin-top: 5px;
    font-size: 15px;
    color: #BA000C; }
    .login-box .login-box-fieldset .form-msg .txt-icon {
      margin-right: 0.25em; }
  .login-box .login-box-social {
    color: rgba(0, 0, 0, 0.55);
    margin-top: 30px; }
    @media screen and (max-width: 479px) {
      .login-box .login-box-social {
        margin-top: 15px; } }
    .login-box .login-box-social .social-head {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center; }
      .login-box .login-box-social .social-head .tt {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 20px; }
      .login-box .login-box-social .social-head::before, .login-box .login-box-social .social-head::after {
        content: "";
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: block;
        height: 1px;
        background-color: #E2E2E2; }
    .login-box .login-box-social .social-buttons {
      margin-top: 25px; }
      @media screen and (max-width: 479px) {
        .login-box .login-box-social .social-buttons {
          margin-top: 15px; } }
      .login-box .login-box-social .social-buttons ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .login-box .login-box-social .social-buttons ul li {
          width: calc(50% - 5px); }
          @media screen and (max-width: 479px) {
            .login-box .login-box-social .social-buttons ul li {
              width: calc(50% - 2.5px); } }
      .login-box .login-box-social .social-buttons .btn {
        width: 100%;
        height: 50px; }
        @media screen and (max-width: 479px) {
          .login-box .login-box-social .social-buttons .btn {
            height: 42px; } }
        .login-box .login-box-social .social-buttons .btn .btn-inner {
          width: 100%;
          padding-left: 22.5px;
          color: #ffffff; }
          @media screen and (max-width: 479px) {
            .login-box .login-box-social .social-buttons .btn .btn-inner {
              padding-left: 40px; } }
        .login-box .login-box-social .social-buttons .btn.facebook {
          background-color: #3A5998; }
        .login-box .login-box-social .social-buttons .btn.line {
          background-color: #11B50C; }
        .login-box .login-box-social .social-buttons .btn .social-logo {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 45px; }
          .login-box .login-box-social .social-buttons .btn .social-logo::after {
            content: "";
            position: absolute;
            top: calc(50% - 8px);
            left: 45px;
            display: block;
            width: 1px;
            height: 16px;
            background-color: rgba(255, 255, 255, 0.3); }
          @media screen and (max-width: 479px) {
            .login-box .login-box-social .social-buttons .btn .social-logo {
              width: 40px; }
              .login-box .login-box-social .social-buttons .btn .social-logo::after {
                left: 40px; } }
    .login-box .login-box-social .social-foot {
      margin-top: 30px; }
      @media screen and (max-width: 479px) {
        .login-box .login-box-social .social-foot {
          margin-top: 15px; } }

.login-wuclub {
  max-width: 555px; }
  @media screen and (min-width: 992px), print {
    .login-wuclub {
      width: calc(50% - 35px); } }
  .login-wuclub .login-wuclub-wrapper {
    position: relative; }
    .login-wuclub .login-wuclub-wrapper .login-wuclub-bg {
      background-position: center bottom !important;
      background-size: contain !important; }
    .login-wuclub .login-wuclub-wrapper .login-wuclub-inner {
      position: relative;
      text-align: center;
      min-height: 480px; }
      .login-wuclub .login-wuclub-wrapper .login-wuclub-inner .tt {
        margin-top: 10px;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.25; }
      .login-wuclub .login-wuclub-wrapper .login-wuclub-inner .txt {
        margin-top: 5px;
        font-size: 16px; }
      .login-wuclub .login-wuclub-wrapper .login-wuclub-inner .btn {
        width: 120px;
        height: 30px;
        margin-top: 10px; }
      @media screen and (max-width: 479px) {
        .login-wuclub .login-wuclub-wrapper .login-wuclub-inner {
          min-height: 95vw; }
          .login-wuclub .login-wuclub-wrapper .login-wuclub-inner .logo {
            max-width: 20vw; }
          .login-wuclub .login-wuclub-wrapper .login-wuclub-inner .tt {
            font-size: 18px; } }

@media screen and (min-width: 1200px), print {
  .success-msg {
    margin-top: 100px; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .success-msg {
    margin-top: 25px; } }
@media screen and (max-width: 479px) {
  .success-msg {
    margin-top: 35px; } }
.success-msg .success-msg-content {
  text-align: center; }
  .success-msg .success-msg-content .title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05em; }
  .success-msg .success-msg-content .txt {
    max-width: 440px;
    margin: 15px auto 0;
    color: rgba(0, 0, 0, 0.55);
    line-height: 1.75; }
    @media screen and (min-width: 480px), print {
      .success-msg .success-msg-content .txt {
        letter-spacing: 0.05em; } }
  .success-msg .success-msg-content .button {
    margin-top: 25px; }
    .success-msg .success-msg-content .button ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .success-msg .success-msg-content .button ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 230px; }
        .success-msg .success-msg-content .button ul li + li {
          margin-left: 10px; }
    .success-msg .success-msg-content .button .btn {
      width: 100%; }
  @media screen and (max-width: 767px) {
    .success-msg .success-msg-content .title {
      font-size: 25px; } }
  @media screen and (max-width: 479px) {
    .success-msg .success-msg-content .title {
      font-size: 20px; }
    .success-msg .success-msg-content .txt {
      margin-top: 10px; }
    .success-msg .success-msg-content .button {
      margin-top: 15px; } }

.register-coupons {
  max-width: 900px;
  margin: 75px auto 0;
  padding: 50px 50px 75px;
  background-color: #F3F3F3; }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .register-coupons + .success-msg {
      margin-top: 75px; } }
  @media screen and (max-width: 767px) {
    .register-coupons {
      padding: 35px 25px; } }
  @media screen and (max-width: 479px) {
    .register-coupons {
      margin-top: 35px;
      padding: 25px 15px; } }
  .register-coupons .register-coupons-head {
    text-align: center;
    line-height: 1.15; }
    .register-coupons .register-coupons-head > p {
      letter-spacing: 0.05em; }
    .register-coupons .register-coupons-head .title {
      font-size: 20px;
      font-weight: 700; }
    .register-coupons .register-coupons-head .txt {
      margin-top: 10px; }
    @media screen and (max-width: 479px) {
      .register-coupons .register-coupons-head .title {
        font-size: 18px; } }
  .register-coupons .register-coupons-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px; }
    .register-coupons .register-coupons-list .coupon-ticket {
      width: 100%;
      max-width: 520px; }
      .register-coupons .register-coupons-list .coupon-ticket .coupon-ticket-display::before, .register-coupons .register-coupons-list .coupon-ticket .coupon-ticket-display::after {
        background-color: #F3F3F3; }
      @media screen and (max-width: 479px) {
        .register-coupons .register-coupons-list .coupon-ticket .coupon-ticket-display .display-cover {
          width: 90px; }
        .register-coupons .register-coupons-list .coupon-ticket .coupon-ticket-display .display-content {
          padding: 15px 10px; } }

/* ------------------------------------------
 *  member
 * ----------------------------------------- */
.wp[data-id="member"][data-page="overview"] .fixed-tools-mobile li[data-tool="member"] {
  color: #BA000C; }
  .wp[data-id="member"][data-page="overview"] .fixed-tools-mobile li[data-tool="member"] .icon {
    color: inherit; }
.wp[data-id="member"][data-page="coupons"] .fixed-tools-mobile li[data-tool="coupons"] {
  color: #BA000C; }
  .wp[data-id="member"][data-page="coupons"] .fixed-tools-mobile li[data-tool="coupons"] .icon {
    color: inherit; }
.wp[data-id="member"][data-page="track"] .fixed-tools-mobile li[data-tool="track"] {
  color: #BA000C; }
  .wp[data-id="member"][data-page="track"] .fixed-tools-mobile li[data-tool="track"] .icon {
    color: inherit; }
.wp[data-id="member"][data-page="record"] .fixed-tools-mobile li[data-tool="record"] {
  color: #BA000C; }
  .wp[data-id="member"][data-page="record"] .fixed-tools-mobile li[data-tool="record"] .icon {
    color: inherit; }

.member-wrapper {
  overflow: visible; }
  @media screen and (min-width: 992px), print {
    .member-wrapper {
      padding-bottom: 125px; } }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .member-wrapper {
      padding-bottom: 50px; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .member-wrapper .primary-bread {
      padding: 25px 0; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .member-wrapper .primary-bread {
      padding: 15px 0; } }
  @media screen and (max-width: 479px) {
    .member-wrapper .primary-bread {
      display: none; }
    .member-wrapper .primary-inner {
      width: 100%; } }
  .member-wrapper .primary-inner.sticky .member-head:not(.no-sticky) {
    position: fixed;
    left: 0;
    right: 0; }
  .member-wrapper .primary-inner.sticky .member-head {
    padding: 15px 20px;
    border-bottom: 1px solid #E3E3E3; }
    .member-wrapper .primary-inner.sticky .member-head .title {
      font-size: 18px; }
    @media screen and (max-width: 479px) {
      .member-wrapper .primary-inner.sticky .member-head {
        padding: 10px 15px; }
        .member-wrapper .primary-inner.sticky .member-head .title {
          font-size: 16px; } }
  @media screen and (max-width: 1199px) {
    .member-wrapper .primary-inner.sticky.scroll-up .member-head {
      top: 130px; } }
  @media screen and (max-width: 991px) {
    .member-wrapper .primary-inner.sticky.scroll-up .member-head {
      top: 110px; } }
  @media screen and (max-width: 767px) {
    .member-wrapper .primary-inner.sticky.scroll-up .member-head {
      top: 100px; } }
  @media screen and (max-width: 479px) {
    .member-wrapper .primary-inner.sticky.scroll-up .member-head {
      top: 95px; } }
  @media screen and (min-width: 1200px), print {
    .member-wrapper .primary-inner.hide-sidebar .primary-sidebar {
      display: none; }
    .member-wrapper .primary-inner.hide-sidebar .primary-main {
      width: 100%;
      margin: 0; } }
  .member-wrapper .member-head .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1; }
    .member-wrapper .member-head .title:lang(zh-Hant), .member-wrapper .member-head .title:lang(zh-Hans) {
      letter-spacing: 0.05em; }
  @media screen and (min-width: 480px), print {
    .member-wrapper .member-head {
      margin-bottom: 25px; } }
  @media screen and (max-width: 1199px) {
    .member-wrapper .member-head {
      text-align: center;
      padding: 50px 0 25px;
      background-color: #ffffff;
      -moz-transition-property: padding, border;
      -o-transition-property: padding, border;
      -webkit-transition-property: padding, border;
      transition-property: padding, border;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -moz-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease; }
      .member-wrapper .member-head:not(.no-sticky) {
        position: -webkit-sticky;
        position: sticky;
        z-index: 99;
        top: 55px; }
      .member-wrapper .member-head .title {
        -moz-transition: font-size 0.3s ease;
        -o-transition: font-size 0.3s ease;
        -webkit-transition: font-size 0.3s ease;
        transition: font-size 0.3s ease; }
      .member-wrapper .member-head + .member-group {
        margin-top: 0;
        padding-top: 0; } }
  @media screen and (max-width: 767px) {
    .member-wrapper .member-head:not(.no-sticky) {
      top: 45px; } }
  @media screen and (max-width: 479px) {
    .member-wrapper .member-head {
      padding: 25px 0; }
      .member-wrapper .member-head:not(.no-sticky) {
        top: 40px; }
      .member-wrapper .member-head .title {
        font-size: 18px; } }
  .member-wrapper .primary-head {
    position: relative;
    margin-bottom: 25px;
    font-size: 16px; }
    @media screen and (max-width: 479px) {
      .member-wrapper .primary-head {
        font-size: 15px; }
        .member-wrapper .primary-head.for-bonusMsg {
          margin-bottom: 0; }
          .member-wrapper .primary-head.for-bonusMsg .msg-box {
            display: none; }
          .member-wrapper .primary-head.for-bonusMsg .box-head {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            text-align: left; }
            .member-wrapper .primary-head.for-bonusMsg .box-head::before, .member-wrapper .primary-head.for-bonusMsg .box-head::after {
              display: none; }
            .member-wrapper .primary-head.for-bonusMsg .box-head .title {
              margin: 0; }
            .member-wrapper .primary-head.for-bonusMsg .box-head .txt-icon {
              font-size: 1.15em; } }
    .member-wrapper .primary-head .subtxt {
      margin: 20px 0; }
      @media screen and (max-width: 479px) {
        .member-wrapper .primary-head .subtxt {
          margin-top: 0; } }
    .member-wrapper .primary-head.for-total .txt-total {
      color: rgba(0, 0, 0, 0.55);
      font-size: 15px;
      line-height: 1.15; }
      .member-wrapper .primary-head.for-total .txt-total:lang(zh-Hant), .member-wrapper .primary-head.for-total .txt-total:lang(zh-Hans) {
        letter-spacing: 0.05em; }
    @media screen and (min-width: 1200px), print {
      .member-wrapper .primary-head.for-total {
        margin-top: -2.5em;
        text-align: right; } }
    @media screen and (max-width: 1199px) {
      .member-wrapper .primary-head.for-total {
        text-align: center; } }
    @media screen and (max-width: 1199px) and (min-width: 480px) {
      .member-wrapper .primary-head.for-total {
        margin-top: -15px; } }
    .member-wrapper .primary-head .msg-box {
      border: 1px solid #E5E5E5;
      color: rgba(0, 0, 0, 0.55);
      padding: 25px 35px;
      line-height: 1.75; }
      .member-wrapper .primary-head .msg-box:lang(zh-Hant), .member-wrapper .primary-head .msg-box:lang(zh-Hans) {
        letter-spacing: 0.05em; }
      .member-wrapper .primary-head .msg-box p + ol {
        margin-top: 0.5em; }
    @media screen and (max-width: 1199px) {
      .member-wrapper .primary-head .title {
        text-align: center; } }
    @media screen and (max-width: 767px) and (min-width: 320px) {
      .member-wrapper .primary-head .msg-box {
        padding: 25px; } }
    @media screen and (max-width: 479px) {
      .member-wrapper .primary-head .msg-box {
        padding: 15px 20px;
        line-height: 1.5; } }
    @media screen and (max-width: 413px) {
      .member-wrapper .primary-head .msg-box {
        padding: 15px; } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .member-wrapper .primary-sidebar {
      width: 200px; } }
  @media screen and (max-width: 1599px) and (min-width: 1200px) {
    .member-wrapper .primary-main {
      width: calc(100% - 245px); } }
  .member-wrapper .pagination {
    margin-top: 70px; }
    @media screen and (max-width: 991px) {
      .member-wrapper .pagination {
        margin-top: 50px; } }
    @media screen and (max-width: 479px) {
      .member-wrapper .pagination {
        margin-top: 25px; } }

@media screen and (max-width: 479px) {
  .member-group {
    padding: 25px 20px; }
    .member-group .primary-head:only-child {
      margin-bottom: 0; } }
@media screen and (max-width: 413px) {
  .member-group {
    padding-left: 15px;
    padding-right: 15px; } }
.primary-nav + .products-sets {
  margin-top: 0; }
@media screen and (min-width: 480px), print {
  .primary-nav.has-border {
    border: 1px solid #E5E5E5;
    padding: 25px; } }
@media screen and (min-width: 768px), print {
  .primary-nav {
    margin-bottom: 20px; }
    .primary-nav:not(.no-flex) {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .primary-nav:not(.no-flex).bonus-info {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
    .primary-nav .txt ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .primary-nav .txt ul li + li {
        padding-left: 1em;
        margin-left: 1em;
        border-left: 1px solid #E5E5E5; }
    .primary-nav .dropmenu {
      width: 150px; } }
@media screen and (max-width: 767px) {
  .primary-nav {
    margin-bottom: 35px; }
    .primary-nav .dropmenu {
      margin-top: 10px; } }
@media screen and (max-width: 479px) {
  .primary-nav.for-pdSets {
    margin-bottom: 0; } }
@media screen and (max-width: 339px) {
  .primary-nav .txt {
    font-size: 14px; } }
.primary-nav .dropmenu {
  color: rgba(0, 0, 0, 0.55); }
  .primary-nav .dropmenu .custom-select-wrap select.custom-select {
    height: 35px; }
  .primary-nav .dropmenu .bootstrap-select > .dropdown-toggle {
    height: 35px;
    padding: 0 10px; }
@media screen and (min-width: 480px), print {
  .primary-nav .date-search {
    margin-left: -5px;
    margin-right: -5px; } }
@media screen and (min-width: 1200px), print {
  .primary-nav .date-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .primary-nav .date-search .date-search-col {
      margin: 0 5px; } }
@media screen and (max-width: 1199px) {
  .primary-nav .date-search .date-search-col + .date-search-col {
    margin-top: 10px; } }
.primary-nav .date-search .date-search-col > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .primary-nav .date-search .date-search-col > ul > li.for-input {
    width: 220px; }
  .primary-nav .date-search .date-search-col > ul > li + li {
    margin-left: 10px; }
.primary-nav .date-search .date-search-col .form-control {
  width: 100%;
  height: 40px;
  padding: 10px 15px; }
.primary-nav .date-search .date-search-col .btn {
  padding: 0 25px; }
@media screen and (max-width: 1199px) {
  .primary-nav .date-search .date-search-col > ul > li.for-input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .primary-nav .date-search .date-search-col > ul > li:not(.for-input) {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; } }
@media screen and (max-width: 479px) {
  .primary-nav .date-search .date-search-col {
    /*> ul
     * +flex-wrap
     * > li
     *   &.for-input.mb-full
     *     width: 100%
     *     margin-left: 0
     *     margin-bottom: 10px
     *     + li
     *       margin-left: 0
     *   + li
     *     &.for-input.mb-full
     *       margin-top: 10px */ } }
.primary-nav .date-search.for-orders {
  margin-top: 10px;
  margin-bottom: 25px; }
  @media screen and (min-width: 1200px), print {
    .primary-nav .date-search.for-orders {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
.primary-nav .date-search.for-service {
  display: block;
  max-width: 715px;
  margin-top: 15px; }
  @media screen and (max-width: 479px) {
    .primary-nav .date-search.for-service {
      margin-bottom: 25px; } }
  .primary-nav .date-search.for-service .date-search-col .bootstrap-select > .dropdown-toggle,
  .primary-nav .date-search.for-service .date-search-col .custom-select-wrap select.custom-select {
    width: 100%;
    height: 40px; }
  .primary-nav .date-search.for-service .date-search-col.full .for-input {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .primary-nav .date-search.for-service .date-search-col + .date-search-col {
    margin-top: 10px; }
  @media screen and (max-width: 479px) {
    .primary-nav .date-search.for-service .date-search-col > ul {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .primary-nav .date-search.for-service .date-search-col > ul > li.for-input {
        width: calc(50% - 20px); }
        .primary-nav .date-search.for-service .date-search-col > ul > li.for-input.mb-full {
          width: 100%;
          margin-top: 10px;
          margin-left: 0; } }
.primary-nav.bonus-info .txt {
  line-height: 1.75; }
  .primary-nav.bonus-info .txt:lang(zh-Hant), .primary-nav.bonus-info .txt:lang(zh-Hans) {
    letter-spacing: 0.05em; }
  .primary-nav.bonus-info .txt .total .num {
    margin-right: 5px;
    font-size: 23px; }
  .primary-nav.bonus-info .txt .total .txt-icon {
    margin-left: 3px;
    font-size: 1.25em;
    color: #ACACAC; }
    @media screen and (min-width: 480px), print {
      .primary-nav.bonus-info .txt .total .txt-icon {
        display: none; } }
  .primary-nav.bonus-info .txt .detail > span {
    display: inline-block; }
    .primary-nav.bonus-info .txt .detail > span + span {
      margin-left: 15px; }
@media screen and (max-width: 479px) {
  .primary-nav.bonus-info .txt {
    line-height: 1.5;
    letter-spacing: 0; }
    .primary-nav.bonus-info .txt .total .num {
      font-size: 20px; }
    .primary-nav.bonus-info .txt .detail {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .primary-nav.bonus-info .txt .detail > span {
        display: block; }
      .primary-nav.bonus-info .txt .detail:lang(en) {
        display: block; }
        .primary-nav.bonus-info .txt .detail:lang(en) > span + span {
          margin-left: 0; } }

@media screen and (min-width: 992px), print {
  .member-group:not(.mb-0) + .member-group {
    margin-top: 150px; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .member-group:not(.mb-0) + .member-group {
    margin-top: 75px; } }
.member-group .box-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 35px; }
  .member-group .box-head::before, .member-group .box-head::after {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background-color: #E1E1E1; }
  .member-group .box-head .title {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.15;
    text-align: center;
    color: rgba(0, 0, 0, 0.9); }
    .member-group .box-head .title:lang(zh-Hant), .member-group .box-head .title:lang(zh-Hans) {
      letter-spacing: 0.05em; }
  @media screen and (min-width: 480px), print {
    .member-group .box-head .title {
      margin: 0 40px; } }
  @media screen and (max-width: 479px) {
    .member-group .box-head {
      margin-bottom: 25px; }
      .member-group .box-head.mb-xs-0 {
        margin-bottom: 0; }
      .member-group .box-head .title {
        margin: 0 20px;
        font-size: 16px; } }

.member-backToList {
  margin-top: 65px;
  text-align: center; }
  .member-backToList ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -5px; }
    .member-backToList ul li {
      margin: 0 5px; }
  @media screen and (min-width: 480px), print {
    .member-backToList .btn {
      width: 230px;
      height: 50px;
      font-size: 18px; } }
  @media screen and (max-width: 479px) {
    .member-backToList {
      margin-top: 25px; }
      .member-backToList ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .member-backToList .btn {
        width: 100%;
        height: 45px; } }

@media screen and (max-width: 479px) {
  .cart-group .member-backToList {
    margin: 0 20px 35px; } }

@media screen and (min-width: 480px), print {
  .member-overview > div {
    float: left;
    width: 100%;
    margin: 17.5px 0; }
    .member-overview > div:first-child {
      margin-top: 0; }
    .member-overview > div:last-child {
      margin-bottom: 0; } }
@media screen and (min-width: 992px), print {
  .member-overview > div.col-2 {
    width: calc(50% - 35px/2); }
    .member-overview > div.col-2 + .col-2 {
      margin-left: 35px; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .member-overview {
    margin-top: 50px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .member-overview {
    margin-top: 35px; } }
@media screen and (min-width: 480px), print {
  .member-overview .overview-box {
    border: 1px solid #E5E5E5; } }
.member-overview .overview-box .box-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 25px; }
.member-overview .overview-box.default {
  padding: 30px; }
@media screen and (max-width: 479px) {
  .member-overview .overview-box.default {
    padding: 25px 20px; }
  .member-overview .overview-box .box-title {
    margin-bottom: 25px; } }
@media screen and (max-width: 413px) {
  .member-overview .overview-box.default {
    padding: 25px 15px; } }
.member-overview .overview-info {
  background-image: -webkit-linear-gradient(top, #ffffff, #F5F5F5);
  background-image: -moz-linear-gradient(top, #ffffff, #F5F5F5);
  background-image: -o-linear-gradient(top, #ffffff, #F5F5F5);
  background-image: -ms-linear-gradient(top, #ffffff, #F5F5F5);
  background-image: linear-gradient(to bottom, #ffffff, #F5F5F5); }
  @media screen and (max-width: 479px) {
    .member-overview .overview-info {
      padding: 0; } }
  .member-overview .overview-info .overview-info-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px; }
    @media screen and (max-width: 479px) {
      .member-overview .overview-info .overview-info-profile {
        padding: 35px 20px; } }
    .member-overview .overview-info .overview-info-profile .profile-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .member-overview .overview-info .overview-info-profile .profile-pic {
      width: 100px;
      height: 100px;
      border: 2px solid #5C595A;
      border-radius: 50%;
      overflow: hidden; }
    .member-overview .overview-info .overview-info-profile .profile-data {
      margin-left: 20px;
      line-height: 1.15; }
      .member-overview .overview-info .overview-info-profile .profile-data:lang(zh-Hant), .member-overview .overview-info .overview-info-profile .profile-data:lang(zh-Hans) {
        letter-spacing: 0.05em; }
      .member-overview .overview-info .overview-info-profile .profile-data .welcome {
        font-size: 18px;
        font-weight: 700; }
        .member-overview .overview-info .overview-info-profile .profile-data .welcome .name {
          font-size: 22px; }
      .member-overview .overview-info .overview-info-profile .profile-data .level {
        margin-top: 10px;
        font-size: 15px; }
      .member-overview .overview-info .overview-info-profile .profile-data .button {
        margin-top: 10px; }
        .member-overview .overview-info .overview-info-profile .profile-data .button .btn {
          padding: 0 25px;
          font-size: 15px; }
  .member-overview .overview-info .overview-info-summary {
    padding: 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 479px) {
      .member-overview .overview-info .overview-info-summary {
        padding: 20px; } }
    @media screen and (max-width: 413px) {
      .member-overview .overview-info .overview-info-summary {
        padding: 20px 15px; } }
    .member-overview .overview-info .overview-info-summary .summary-section {
      width: 100%; }
      @media screen and (min-width: 480px), print {
        .member-overview .overview-info .overview-info-summary .summary-section {
          padding: 30px 0;
          text-align: center; } }
      @media screen and (max-width: 479px) {
        .member-overview .overview-info .overview-info-summary .summary-section + .summary-section {
          margin-top: 5px; } }
      @media screen and (min-width: 480px), print {
        .member-overview .overview-info .overview-info-summary .summary-section.col-1 {
          border-bottom: 1px solid #E5E5E5; } }
      @media screen and (min-width: 480px), print {
        .member-overview .overview-info .overview-info-summary .summary-section.col-2 {
          width: 50%; }
          .member-overview .overview-info .overview-info-summary .summary-section.col-2 + .col-2 .summary-section-inner {
            border-left: 1px solid #E5E5E5; } }
      @media screen and (max-width: 479px) {
        .member-overview .overview-info .overview-info-summary .summary-section .summary-section-inner p {
          display: inline-block; }
        .member-overview .overview-info .overview-info-summary .summary-section .summary-section-inner .title {
          margin-right: 0.5em; } }
      .member-overview .overview-info .overview-info-summary .summary-section .title .txt-icon {
        font-size: 1.15em; }
      @media screen and (max-width: 479px) {
        .member-overview .overview-info .overview-info-summary .summary-section .title {
          font-size: 15px; } }
      .member-overview .overview-info .overview-info-summary .summary-section .txt {
        font-size: 18px;
        font-weight: 700; }
        @media screen and (max-width: 479px) {
          .member-overview .overview-info .overview-info-summary .summary-section .txt {
            font-size: 15px; } }
  @media screen and (min-width: 992px), print {
    .member-overview .overview-info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .member-overview .overview-info .overview-info-profile {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 360px; }
      .member-overview .overview-info .overview-info-summary {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-left: 1px solid #E5E5E5; } }
  @media screen and (max-width: 991px) {
    .member-overview .overview-info .overview-info-summary {
      border-top: 1px solid #E5E5E5; } }
.member-overview .overview-features {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 479px) {
    .member-overview .overview-features {
      padding: 0; } }
  .member-overview .overview-features .features-section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 30px 0;
    text-align: center;
    cursor: pointer; }
    .member-overview .overview-features .features-section:active {
      background-color: #fafafa; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .member-overview .overview-features .features-section {
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    .member-overview .overview-features .features-section:hover {
      background-color: #fafafa; } }

    .member-overview .overview-features .features-section + .features-section .features-section-inner {
      border-left: 1px solid #E5E5E5; }
    .member-overview .overview-features .features-section .features-section-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 15px; }
      @media screen and (max-width: 767px) {
        .member-overview .overview-features .features-section .features-section-inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .member-overview .overview-features .features-section .features-section-inner .icon {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        color: #ffffff;
        background-color: #BA000C; }
        @media screen and (min-width: 768px), print {
          .member-overview .overview-features .features-section .features-section-inner .icon {
            margin-right: 10px; } }
        @media screen and (max-width: 479px) {
          .member-overview .overview-features .features-section .features-section-inner .icon {
            width: 45px;
            height: 45px; }
            .member-overview .overview-features .features-section .features-section-inner .icon svg {
              -moz-transform: scale(0.8);
              -o-transform: scale(0.8);
              -ms-transform: scale(0.8);
              -webkit-transform: scale(0.8);
              transform: scale(0.8); } }
      .member-overview .overview-features .features-section .features-section-inner .name .num {
        font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
        font-size: 35px;
        font-weight: 700;
        color: #BA000C; }
      .member-overview .overview-features .features-section .features-section-inner .name .txt {
        font-size: 18px; }
      @media screen and (max-width: 991px) {
        .member-overview .overview-features .features-section .features-section-inner .name .num {
          font-size: 28px; } }
      @media screen and (max-width: 767px) {
        .member-overview .overview-features .features-section .features-section-inner .name {
          margin-top: 10px; } }
      @media screen and (max-width: 479px) {
        .member-overview .overview-features .features-section .features-section-inner .name span {
          display: block; }
        .member-overview .overview-features .features-section .features-section-inner .name .num {
          font-size: 25px; }
        .member-overview .overview-features .features-section .features-section-inner .name .txt {
          font-size: 16px; } }
@media screen and (max-width: 479px) {
  .member-overview .overview-orders {
    padding: 25px 20px; } }
@media screen and (max-width: 413px) {
  .member-overview .overview-orders {
    padding: 25px 15px; } }
@media screen and (min-width: 992px), print {
  .member-overview .overview-orders .orders-section {
    min-height: 295px; }
    .member-overview .overview-orders .orders-section + .orders-section {
      margin-top: 45px; } }
@media screen and (max-width: 991px) {
  .member-overview .overview-orders .orders-section + .orders-section {
    margin-top: 35px; } }
@media screen and (max-width: 479px) {
  .member-overview .overview-orders .orders-section {
    padding: 0; }
    .member-overview .overview-orders .orders-section + .orders-section {
      border-top: 1px solid #E5E5E5;
      margin-top: 25px;
      padding-top: 25px; } }
.member-overview .overview-orders .orders-section .orders-summary-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center; }
  @media screen and (min-width: 1400px), print {
    .member-overview .overview-orders .orders-section .orders-summary-list {
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (min-width: 1200px), print {
    .member-overview .overview-orders .orders-section .orders-summary-list {
      padding-top: 35px; } }
  @media screen and (max-width: 1199px) {
    .member-overview .overview-orders .orders-section .orders-summary-list {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 1199px) and (min-width: 768px) {
    .member-overview .overview-orders .orders-section .orders-summary-list li + li {
      margin-left: 75px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .member-overview .overview-orders .orders-section .orders-summary-list li + li {
      margin-left: 50px; } }
  @media screen and (max-width: 479px) {
    .member-overview .overview-orders .orders-section .orders-summary-list li + li {
      margin-left: 35px; } }
  .member-overview .overview-orders .orders-section .orders-summary-list a, .member-overview .overview-orders .orders-section .orders-summary-list span {
    display: block; }
  .member-overview .overview-orders .orders-section .orders-summary-list a:active .icon {
    background-color: #E5E5E5; }
  .member-overview .overview-orders .orders-section .orders-summary-list a:active .tt {
    color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .member-overview .overview-orders .orders-section .orders-summary-list a .icon, .member-overview .overview-orders .orders-section .orders-summary-list a .tt {
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
  .member-overview .overview-orders .orders-section .orders-summary-list a .icon {
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -webkit-transition-property: background-color;
    transition-property: background-color; }
  .member-overview .overview-orders .orders-section .orders-summary-list a .tt {
    -moz-transition-property: color;
    -o-transition-property: color;
    -webkit-transition-property: color;
    transition-property: color; }
  .member-overview .overview-orders .orders-section .orders-summary-list a:hover .icon {
    background-color: #E5E5E5; }
  .member-overview .overview-orders .orders-section .orders-summary-list a:hover .tt {
    color: #BA000C; } }

  .member-overview .overview-orders .orders-section .orders-summary-list .icon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #F5F5F5;
    color: #231F20; }
    @media screen and (max-width: 479px) {
      .member-overview .overview-orders .orders-section .orders-summary-list .icon {
        width: 80px;
        height: 80px; } }
    @media screen and (max-width: 340px) {
      .member-overview .overview-orders .orders-section .orders-summary-list .icon {
        width: 75px;
        height: 75px; }
        .member-overview .overview-orders .orders-section .orders-summary-list .icon svg {
          -moz-transform: scale(0.8);
          -o-transform: scale(0.8);
          -ms-transform: scale(0.8);
          -webkit-transform: scale(0.8);
          transform: scale(0.8); } }
    .member-overview .overview-orders .orders-section .orders-summary-list .icon[data-num]::before {
      content: attr(data-num);
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #BA000C;
      color: #ffffff;
      font-size: 12px;
      line-height: 20px;
      text-align: center; }
  .member-overview .overview-orders .orders-section .orders-summary-list .tt {
    margin-top: 10px; }
    .member-overview .overview-orders .orders-section .orders-summary-list .tt:lang(en) {
      width: min-content;
      margin-left: auto;
      margin-right: auto; }
@media screen and (min-width: 992px), print {
  .member-overview .overview-service {
    min-height: 635px; } }
.member-overview .overview-service .service-section + .service-section {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #E5E5E5; }
@media screen and (max-width: 479px) {
  .member-overview .overview-service .service-section + .service-section {
    margin-top: 25px;
    padding-top: 25px; } }
.member-overview .overview-service .service-links-list li + li {
  margin-top: 10px; }
.member-overview .overview-service .service-links-list .btn {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #F5F5F5;
  height: 75px;
  padding: 0 25px 0 15px; }
  @media screen and (max-width: 479px) {
    .member-overview .overview-service .service-links-list .btn {
      padding-right: 15px; } }
  .member-overview .overview-service .service-links-list .btn::before {
    background-color: rgba(0, 0, 0, 0.05); }
  .member-overview .overview-service .service-links-list .btn::after {
    content: "";
    display: block;
    font-family: "icomoon"; }
  .member-overview .overview-service .service-links-list .btn .btn-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .member-overview .overview-service .service-links-list .btn .btn-inner .icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 50px; }
      @media screen and (max-width: 479px) {
        .member-overview .overview-service .service-links-list .btn .btn-inner .icon {
          width: 45px; } }
    .member-overview .overview-service .service-links-list .btn .btn-inner .content {
      margin-left: 15px; }
      .member-overview .overview-service .service-links-list .btn .btn-inner .content:lang(zh-Hant), .member-overview .overview-service .service-links-list .btn .btn-inner .content:lang(zh-Hans) {
        etter-spacing: 0.05em; }
      .member-overview .overview-service .service-links-list .btn .btn-inner .content > span {
        display: block; }
      .member-overview .overview-service .service-links-list .btn .btn-inner .content .tt {
        font-size: 16px; }
      .member-overview .overview-service .service-links-list .btn .btn-inner .content .txt {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.55); }
        .member-overview .overview-service .service-links-list .btn .btn-inner .content .txt:lang(en) {
          font-size: 12px;
          line-height: 1.25; }
.member-overview .overview-service .service-exclusive-slider {
  text-align: center; }
  .member-overview .overview-service .service-exclusive-slider .slick-item > a {
    display: inline-block; }
  .member-overview .overview-service .service-exclusive-slider .slick-dots {
    margin-top: 25px; }

@media screen and (max-width: 767px) and (min-width: 480px) {
  .wucoins-list {
    margin-top: 50px; } }
.wucoins-list .wucoins-table th, .wucoins-list .wucoins-table td {
  text-align: center; }
  .wucoins-list .wucoins-table th:nth-child(2), .wucoins-list .wucoins-table td:nth-child(2) {
    text-align: left; }
.wucoins-list .wucoins-table td {
  color: rgba(0, 0, 0, 0.55); }
  .wucoins-list .wucoins-table td a:not(:hover) {
    color: rgba(0, 0, 0, 0.9); }
@media screen and (max-width: 767px) {
  .wucoins-list .wucoins-table tr {
    position: relative;
    padding-left: 45px; }
    .wucoins-list .wucoins-table tr::before {
      content: "";
      position: absolute;
      top: 2.5px;
      left: 0;
      display: block;
      font-family: "icomoon";
      font-size: 35px;
      line-height: 1;
      color: #BA000C; }
    .wucoins-list .wucoins-table tr + tr {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #E3E3E3; }
      .wucoins-list .wucoins-table tr + tr::before {
        top: 22.5px; }
      .wucoins-list .wucoins-table tr + tr td.calc {
        top: 20px; }
  .wucoins-list .wucoins-table td {
    line-height: 1.75; }
    .wucoins-list .wucoins-table td::before {
      display: none; }
    .wucoins-list .wucoins-table td .td-inner {
      padding: 0; }
    .wucoins-list .wucoins-table td.tt {
      color: rgba(0, 0, 0, 0.9); }
    .wucoins-list .wucoins-table td.calc {
      position: absolute;
      top: 0;
      right: 0;
      text-align: right;
      color: #BA000C; } }
@media screen and (max-width: 767px) {
  .wucoins-list .wucoins-table.for-bonus tr::before {
    content: ""; } }

@media screen and (min-width: 1200px), print {
  .member-empty {
    margin-top: 150px; } }
@media screen and (max-width: 1199px) and (min-width: 480px) {
  .member-empty {
    margin: 75px 0 50px; } }
@media screen and (max-width: 479px) {
  .member-empty {
    padding: 35px 0 50px; } }
.member-empty .empty-msg-content {
  text-align: center; }
  .member-empty .empty-msg-content .title {
    font-size: 18px;
    font-weight: 500; }
    .member-empty .empty-msg-content .title:lang(zh-Hant), .member-empty .empty-msg-content .title:lang(zh-Hans) {
      letter-spacing: 0.05em; }
  .member-empty .empty-msg-content .txt {
    margin-top: 5px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.55); }

@media screen and (max-width: 767px) and (min-width: 480px) {
  .orders-list {
    margin-top: 50px; } }
.orders-list .orders-table td span, .orders-list .orders-table td a {
  display: inline-block; }
@media screen and (min-width: 1200px), print {
  .orders-list .orders-table th, .orders-list .orders-table td {
    padding: 15px 10px; } }
@media screen and (min-width: 768px), print {
  .orders-list .orders-table th, .orders-list .orders-table td {
    text-align: center; }
  .orders-list .orders-table th:lang(zh-Hant), .orders-list .orders-table th:lang(zh-Hans) {
    white-space: nowrap; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .orders-list .orders-table th, .orders-list .orders-table td {
    font-size: 14px; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .orders-list .orders-table th, .orders-list .orders-table td {
    padding: 15px 5px;
    font-size: 12px; } }
@media screen and (max-width: 767px) {
  .orders-list .orders-table tr {
    border: 1px solid #E5E5E5; } }

@media screen and (min-width: 1200px), print {
  .wp[data-id="member"] .cart-table .cart-cell:not(.tt):not(.info):not(.checkbox):not([colspan]) {
    width: 140px; } }
.wp[data-id="member"] .cart-table .cart-thead .cart-cell {
  font-size: 16px; }
@media screen and (min-width: 1400px), print {
  .wp[data-id="member"] .cart-table .cart-tbody .cart-cell.price, .wp[data-id="member"] .cart-table .cart-tbody .cart-cell.total {
    padding-right: 3em !important; } }
@media screen and (max-width: 479px) {
  .wp[data-id="member"] .cart-table + .cart-table {
    border-top: 1px solid #B5B5B5; } }
@media screen and (min-width: 1400px), print {
  .wp[data-id="member"] .checkout-list.complete .checkout-list-row {
    padding-right: 3em; } }

@media screen and (max-width: 479px) {
  .order-detail {
    padding: 0 !important;
    border: none !important; } }
.order-detail .order-detail-head {
  line-height: 1;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.9); }
  @media screen and (min-width: 1400px), print {
    .order-detail .order-detail-head {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 768px), print {
    .order-detail .order-detail-head .detail-group {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .order-detail .order-detail-head .detail-group p + p {
        margin-left: 15px; } }
  @media screen and (max-width: 1399px) {
    .order-detail .order-detail-head .detail-group + .detail-group {
      margin-top: 15px; } }
  @media screen and (max-width: 767px) {
    .order-detail .order-detail-head .detail-group p + p {
      margin-top: 15px; } }
  @media screen and (max-width: 479px) {
    .order-detail .order-detail-head .detail-group {
      font-size: 15px; }
      .order-detail .order-detail-head .detail-group + .detail-group {
        margin-top: 10px; }
      .order-detail .order-detail-head .detail-group p + p {
        margin-top: 10px; } }
  .order-detail .order-detail-head .detail-group .btn {
    padding: 0 15px; }
    .order-detail .order-detail-head .detail-group .btn + .btn {
      margin-left: 5px; }
.order-detail .order-detail-progress {
  margin-top: 20px;
  text-align: center;
  font-size: 15px;
  line-height: 1; }
  .order-detail .order-detail-progress ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .order-detail .order-detail-progress ul li {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .order-detail .order-detail-progress .progress-bar ul {
    height: 35px;
    border-radius: 35px;
    background-color: #F5F5F5; }
    .order-detail .order-detail-progress .progress-bar ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 35px;
      border-radius: 35px; }
      .order-detail .order-detail-progress .progress-bar ul li.current {
        background-color: #BA000C;
        color: #ffffff; }
  .order-detail .order-detail-progress .progress-time {
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.55); }
  @media screen and (max-width: 479px) {
    .order-detail .order-detail-progress .progress-bar {
      font-size: 14px; }
    .order-detail .order-detail-progress .progress-time {
      margin-top: 10px;
      font-size: 12px; } }
  @media screen and (max-width: 479px) and (max-width: 340px) {
    .order-detail .order-detail-progress .progress-time {
      font-size: 10px; } }

.receipt-wrapper {
  width: 750px;
  margin: 0 auto; }
  .receipt-wrapper.for-slip {
    width: 950px; }
  @media screen {
    .receipt-wrapper {
      margin-top: 70px;
      margin-bottom: 70px; } }
  @media print {
    .receipt-wrapper {
      margin-top: 40px; }
      .receipt-wrapper .screen-area {
        display: none; } }
  .receipt-wrapper .print-area > div + div {
    margin-top: 20px; }
  .receipt-wrapper .receipt-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    border: 1px solid #000000; }
    .receipt-wrapper .receipt-info > div + div {
      border-left: 1px dotted #000000; }
    .receipt-wrapper .receipt-info .receipt-display {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 5.7cm;
      padding: 0.45cm 0.4cm; }
      .receipt-wrapper .receipt-info .receipt-display .receipt-display-head {
        text-align: center;
        line-height: 1.25; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-head > span {
          display: block; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-head .logo {
          margin-bottom: 0.15cm; }
          .receipt-wrapper .receipt-info .receipt-display .receipt-display-head .logo img {
            display: inline-block;
            max-height: 1cm; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-head .company {
          font-size: 12px; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-head .tt {
          margin: 0.15cm 0;
          font-size: 23px; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-head .months, .receipt-wrapper .receipt-info .receipt-display .receipt-display-head .number {
          font-family: "Arial", "Helvetica";
          font-size: 28px;
          font-weight: 700;
          line-height: 1; }
      .receipt-wrapper .receipt-info .receipt-display .receipt-display-info {
        margin-top: 0.15cm;
        font-family: "Arial", "Helvetica";
        font-size: 12px; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-info td {
          padding: 0.025cm 0.1cm; }
      .receipt-wrapper .receipt-info .receipt-display .receipt-display-barcode {
        margin-top: 0.2cm; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-barcode img {
          display: block;
          height: 0.4cm; }
      .receipt-wrapper .receipt-info .receipt-display .receipt-display-qrcode {
        margin-top: 0.2cm; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-qrcode img {
          display: block;
          width: 1.95cm;
          height: 1.95cm; }
        .receipt-wrapper .receipt-info .receipt-display .receipt-display-qrcode .receipt-invalid {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          height: 1.5cm;
          margin-top: 0.45cm;
          color: #CF102D;
          font-size: 30px;
          font-weight: 500;
          border: 2.5px solid currentColor; }
    .receipt-wrapper .receipt-info .receipt-summary {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 195px;
      padding: 25px 20px;
      font-size: 16px; }
      .receipt-wrapper .receipt-info .receipt-summary p:lang(zh-Hant), .receipt-wrapper .receipt-info .receipt-summary p:lang(zh-Hans) {
        letter-spacing: 0.05em; }
      .receipt-wrapper .receipt-info .receipt-summary p + p {
        margin-top: 0.5em; }
      .receipt-wrapper .receipt-info .receipt-summary p.f15 {
        font-size: 15px; }
      .receipt-wrapper .receipt-info .receipt-summary .title {
        text-align: center; }
        .receipt-wrapper .receipt-info .receipt-summary .title + p {
          margin-top: 20px; }
        .receipt-wrapper .receipt-info .receipt-summary .title span {
          display: block; }
        .receipt-wrapper .receipt-info .receipt-summary .title .tt {
          font-size: 21px;
          letter-spacing: 0.2em; }
        .receipt-wrapper .receipt-info .receipt-summary .title .txt {
          letter-spacing: 0.1em; }
    .receipt-wrapper .receipt-info .receipt-note {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 15px; }
      .receipt-wrapper .receipt-info .receipt-note p {
        width: 100%; }
        .receipt-wrapper .receipt-info .receipt-note p + p {
          margin-top: 0.5em; }
  .receipt-wrapper .receipt-detail .receipt-detail-table {
    width: 100%;
    border: 1px solid #000000;
    line-height: 1;
    table-layout: fixed; }
    .receipt-wrapper .receipt-detail .receipt-detail-table th:nth-child(1), .receipt-wrapper .receipt-detail .receipt-detail-table td:nth-child(1) {
      padding-left: 30px;
      text-align: left; }
    .receipt-wrapper .receipt-detail .receipt-detail-table th:nth-child(2), .receipt-wrapper .receipt-detail .receipt-detail-table th:nth-child(4), .receipt-wrapper .receipt-detail .receipt-detail-table td:nth-child(2), .receipt-wrapper .receipt-detail .receipt-detail-table td:nth-child(4) {
      text-align: right; }
    .receipt-wrapper .receipt-detail .receipt-detail-table th:nth-child(3), .receipt-wrapper .receipt-detail .receipt-detail-table td:nth-child(3) {
      text-align: center;
      padding-right: 0; }
    .receipt-wrapper .receipt-detail .receipt-detail-table th:not(:nth-child(1)), .receipt-wrapper .receipt-detail .receipt-detail-table td:not(:nth-child(1)) {
      width: 100px; }
    .receipt-wrapper .receipt-detail .receipt-detail-table th:last-child, .receipt-wrapper .receipt-detail .receipt-detail-table td:last-child {
      padding-right: 30px; }
    .receipt-wrapper .receipt-detail .receipt-detail-table td {
      padding: 10px 20px; }
    .receipt-wrapper .receipt-detail .receipt-detail-table thead th {
      padding: 15px 20px;
      border-bottom: 1px solid #000000; }
    .receipt-wrapper .receipt-detail .receipt-detail-table tfoot td {
      padding: 15px 20px;
      border-top: 1px solid #000000;
      text-align: right !important; }
  .receipt-wrapper .receipt-foot {
    font-size: 16px;
    line-height: 2;
    color: rgba(0, 0, 0, 0.55); }
  .receipt-wrapper .screen-area {
    margin-top: 40px;
    text-align: center; }
    .receipt-wrapper .screen-area .btn {
      width: 230px;
      height: 45px;
      margin: 0 4px;
      line-height: 1.15; }
  .receipt-wrapper .receipt-slip {
    border: 2px solid #E2E2E2;
    padding: 50px 30px 40px 30px; }
    .receipt-wrapper .receipt-slip .slip-top {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .receipt-wrapper .receipt-slip .slip-top .slip-top-left {
        width: 325px; }
        .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table {
          width: 100%;
          border: 2px solid #000000; }
          .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td {
            padding: 3px 5px;
            border: 1px solid #000000;
            vertical-align: middle;
            height: 30px;
            line-height: 1.15; }
            .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td.valign-top {
              vertical-align: top; }
            .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td.no-padding {
              padding: 0 !important; }
            .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td.for-tt {
              width: 75px;
              text-align: center;
              font-size: 10px;
              line-height: 1.5; }
            .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td.for-ctx {
              width: 175px;
              font-size: 12px; }
            .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td .tt {
              display: block;
              font-size: 10px; }
            .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td .num-field {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              height: 30px;
              font-size: 14px;
              text-align: center; }
              .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td .num-field > li {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center; }
                .receipt-wrapper .receipt-slip .slip-top .slip-top-left .table td .num-field > li + li {
                  border-left: 1px solid #000000; }
      .receipt-wrapper .receipt-slip .slip-top .slip-top-right {
        width: calc(100% - 325px);
        text-align: center;
        font-weight: 500; }
        .receipt-wrapper .receipt-slip .slip-top .slip-top-right .title {
          margin-top: 10px;
          font-size: 18px; }
          .receipt-wrapper .receipt-slip .slip-top .slip-top-right .title:lang(zh-Hant), .receipt-wrapper .receipt-slip .slip-top .slip-top-right .title:lang(zh-Hans) {
            letter-spacing: 0.05em; }
        .receipt-wrapper .receipt-slip .slip-top .slip-top-right .txt {
          margin-top: 35px;
          font-size: 16px; }
          .receipt-wrapper .receipt-slip .slip-top .slip-top-right .txt .num {
            display: inline-block;
            min-width: 1.5em;
            margin: 0 5px; }
            .receipt-wrapper .receipt-slip .slip-top .slip-top-right .txt .num.for-year {
              margin-left: 15px; }
    .receipt-wrapper .receipt-slip .slip-primary {
      position: relative;
      margin-top: 15px;
      padding-right: 20px; }
      .receipt-wrapper .receipt-slip .slip-primary .side-txt {
        position: absolute;
        top: -10px;
        right: 0;
        font-size: 11px;
        letter-spacing: 0.15em;
        writing-mode: vertical-lr;
        white-space: nowrap; }
      .receipt-wrapper .receipt-slip .slip-primary .table {
        width: 100%;
        border: 2px solid #000000;
        text-align: center;
        font-size: 12px; }
        .receipt-wrapper .receipt-slip .slip-primary .table .vlr {
          writing-mode: vertical-lr; }
        .receipt-wrapper .receipt-slip .slip-primary .table tr.for-detail td {
          height: 30px; }
        .receipt-wrapper .receipt-slip .slip-primary .table tr.for-total td {
          height: 35px; }
        .receipt-wrapper .receipt-slip .slip-primary .table td {
          border: 1px solid #000000;
          vertical-align: middle;
          padding: 2px 5px; }
      .receipt-wrapper .receipt-slip .slip-primary .note {
        margin-top: 15px;
        font-size: 11px; }
    .receipt-wrapper .receipt-slip .slip-foot {
      margin-top: 30px;
      padding: 0 20px; }
      .receipt-wrapper .receipt-slip .slip-foot > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.5; }
      .receipt-wrapper .receipt-slip .slip-foot .vat {
        margin-top: 25px; }
        .receipt-wrapper .receipt-slip .slip-foot .vat .f11 {
          letter-spacing: 0.175em; }
        .receipt-wrapper .receipt-slip .slip-foot .vat .num-field {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          width: 220px;
          margin-left: 5px;
          border: 2px solid #000000; }
          .receipt-wrapper .receipt-slip .slip-foot .vat .num-field > li {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            height: 25px; }
            .receipt-wrapper .receipt-slip .slip-foot .vat .num-field > li + li {
              border-left: 1px solid #000000; }

.submit-box {
  border: 1px solid #E5E5E5; }
  @media screen and (min-width: 480px), print {
    .submit-box + .submit-box {
      margin-top: 30px; } }
  @media screen and (max-width: 479px) {
    .submit-box {
      border-top: none; }
      .submit-box + .member-backToList {
        margin-top: 35px; } }
  .submit-box .submit-box-head {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1; }
    @media screen and (min-width: 480px), print {
      .submit-box .submit-box-head {
        background-color: #F8F8F8; } }
    @media screen and (max-width: 1399px) {
      .submit-box .submit-box-head {
        padding: 20px 25px; } }
    @media screen and (max-width: 479px) {
      .submit-box .submit-box-head {
        padding: 25px 20px 0; } }
    @media screen and (max-width: 413px) {
      .submit-box .submit-box-head {
        padding: 15px 15px 0; } }
  .submit-box .submit-box-content {
    padding: 25px 60px 60px; }
    @media screen and (max-width: 1399px) {
      .submit-box .submit-box-content {
        padding: 25px; } }
    @media screen and (max-width: 479px) {
      .submit-box .submit-box-content {
        padding: 20px; } }
    @media screen and (max-width: 413px) {
      .submit-box .submit-box-content {
        padding: 15px; } }
    @media screen and (min-width: 480px), print {
      .submit-box .submit-box-content .form-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .submit-box .submit-box-content .form-row + .form-row {
          margin-top: 15px; } }
    @media screen and (max-width: 479px) {
      .submit-box .submit-box-content .form-row + .form-row {
        margin-top: 25px; } }
    @media screen and (min-width: 480px), print {
      .submit-box .submit-box-content .form-row .form-label {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100px;
        min-height: 45px;
        margin: 5px 0;
        padding-right: 15px; }
        .submit-box .submit-box-content .form-row .form-label:lang(en) {
          width: 175px; } }
    .submit-box .submit-box-content .form-row .form-field {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin: 0 -5px; }
      .submit-box .submit-box-content .form-row .form-field [class*="col-"] {
        margin: 5px; }
      .submit-box .submit-box-content .form-row .form-field .col-2 {
        width: calc(50% - 10px); }
      .submit-box .submit-box-content .form-row .form-field .col-4 {
        width: 100%; }
      .submit-box .submit-box-content .form-row .form-field .form-control {
        display: block; }
      .submit-box .submit-box-content .form-row .form-field .form-control, .submit-box .submit-box-content .form-row .form-field .bootstrap-select > .dropdown-toggle, .submit-box .submit-box-content .form-row .form-field .custom-select-wrap select.custom-select {
        height: 45px; }
        @media screen and (max-width: 479px) {
          .submit-box .submit-box-content .form-row .form-field .form-control, .submit-box .submit-box-content .form-row .form-field .bootstrap-select > .dropdown-toggle, .submit-box .submit-box-content .form-row .form-field .custom-select-wrap select.custom-select {
            height: 40px; } }
      .submit-box .submit-box-content .form-row .form-field textarea.form-control {
        height: auto; }
      @media screen and (min-width: 480px), print {
        .submit-box .submit-box-content .form-row .form-field {
          width: calc(100% - 100px); } }
      @media screen and (min-width: 1200px), print {
        .submit-box .submit-box-content .form-row .form-field .col-1 {
          width: calc(25% - 10px); }
        .submit-box .submit-box-content .form-row .form-field .col-3 {
          width: calc(75% - 10px); } }
      @media screen and (max-width: 1199px) {
        .submit-box .submit-box-content .form-row .form-field .col-1 {
          width: calc(50% - 10px); }
        .submit-box .submit-box-content .form-row .form-field .col-3 {
          width: calc(50% - 10px); }
        .submit-box .submit-box-content .form-row .form-field [class*="col-"].mb-full {
          width: 100%; } }

@media screen and (min-width: 768px), print {
  .member-plan-intro {
    margin-top: 65px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .member-plan-intro {
    margin-top: 50px; } }
.member-plan-intro .intro-head {
  text-align: center; }
  .member-plan-intro .intro-head:lang(zh-Hant), .member-plan-intro .intro-head:lang(zh-Hans) {
    letter-spacing: 0.05em; }
  .member-plan-intro .intro-head .title {
    display: inline-block;
    padding: 0 1.5625em 10px;
    font-size: 32px;
    font-weight: 500;
    border-bottom: 2px solid currentColor; }
    @media screen and (max-width: 767px) {
      .member-plan-intro .intro-head .title {
        font-size: 25px; } }
    @media screen and (max-width: 479px) {
      .member-plan-intro .intro-head .title {
        font-size: 20px;
        padding: 0 0.75em 10px; } }
@media screen and (min-width: 768px), print {
  .member-plan-intro .intro-content {
    margin-top: 50px; } }
@media screen and (max-width: 767px) {
  .member-plan-intro .intro-content {
    margin-top: 35px; } }
@media screen and (max-width: 479px) {
  .member-plan-intro .intro-content {
    margin-top: 25px; } }
.member-plan-intro .intro-content ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 767px) {
    .member-plan-intro .intro-content ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .member-plan-intro .intro-content ul li + li {
        margin-top: 35px; } }
  @media screen and (max-width: 479px) {
    .member-plan-intro .intro-content ul li + li {
      margin-top: 25px; } }
  .member-plan-intro .intro-content ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .member-plan-intro .intro-content ul li .content {
      max-width: 217px;
      margin-left: 30px; }
      .member-plan-intro .intro-content ul li .content span {
        display: block; }
      .member-plan-intro .intro-content ul li .content .tt {
        margin-top: 15px;
        font-size: 18px;
        font-weight: 500; }
      .member-plan-intro .intro-content ul li .content .txt {
        margin-top: 10px;
        color: rgba(0, 0, 0, 0.55);
        line-height: 1.5; }
    @media screen and (max-width: 479px) {
      .member-plan-intro .intro-content ul li .icon {
        width: 55px; }
      .member-plan-intro .intro-content ul li .content {
        margin-left: 15px; } }
@media screen and (min-width: 1400px), print {
  .member-plan-intro .intro-content ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .member-plan-intro .intro-content ul li + li {
      margin-left: 120px; } }
@media screen and (max-width: 1399px) and (min-width: 768px) {
  .member-plan-intro .intro-content ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media screen and (min-width: 480px), print {
  .member-plan-methods {
    padding: 50px 30px;
    border: 3px solid #F5F5F5; } }
@media screen and (min-width: 768px), print {
  .member-plan-methods {
    margin-top: 90px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .member-plan-methods {
    margin-top: 50px; } }
.member-plan-methods .main-title {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  line-height: 1; }
  @media screen and (max-width: 479px) {
    .member-plan-methods .main-title {
      font-size: 20px; } }
.member-plan-methods .plan-detail-section {
  margin-top: 45px; }
  @media screen and (min-width: 992px), print {
    .member-plan-methods .plan-detail-section {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (max-width: 1399px) and (min-width: 1200px) {
    .member-plan-methods .plan-detail-section {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .member-plan-methods .plan-detail-section .txt-wrap {
        width: 100%; } }
  @media screen and (max-width: 479px) {
    .member-plan-methods .plan-detail-section {
      margin-top: 35px; } }
  .member-plan-methods .plan-detail-section .txt-wrap:lang(zh-Hant), .member-plan-methods .plan-detail-section .txt-wrap:lang(zh-Hans) {
    letter-spacing: 0.05em; }
  .member-plan-methods .plan-detail-section .txt-wrap .section-title {
    font-size: 20px;
    font-weight: 500;
    color: #BA000C; }
    @media screen and (max-width: 479px) {
      .member-plan-methods .plan-detail-section .txt-wrap .section-title {
        font-size: 18px; } }
  .member-plan-methods .plan-detail-section .txt-wrap .gray-box {
    background-color: #F8F8F8;
    border-radius: 5px;
    margin-top: 15px;
    padding: 25px; }
    .member-plan-methods .plan-detail-section .txt-wrap .gray-box.no-padding {
      padding: 0;
      background-color: transparent; }
  .member-plan-methods .plan-detail-section .txt-wrap .subtitle {
    margin-bottom: 7.5px;
    font-size: 18px; }
  @media screen and (max-width: 479px) {
    .member-plan-methods .plan-detail-section .txt-wrap {
      line-height: 1.5; }
      .member-plan-methods .plan-detail-section .txt-wrap .subtitle {
        font-size: 16px; } }
  .member-plan-methods .plan-detail-section .txt-wrap .checklist {
    margin-top: 20px;
    padding-left: 30px; }
    @media screen and (max-width: 479px) {
      .member-plan-methods .plan-detail-section .txt-wrap .checklist {
        line-height: 1.5; } }
    .member-plan-methods .plan-detail-section .txt-wrap .checklist li {
      position: relative; }
      .member-plan-methods .plan-detail-section .txt-wrap .checklist li + li {
        margin-top: 5px; }
      .member-plan-methods .plan-detail-section .txt-wrap .checklist li::before {
        content: "";
        position: absolute;
        top: -0.15em;
        left: -30px;
        display: block;
        font-family: "icomoon";
        font-size: 1.25em;
        color: #BA000C; }
  .member-plan-methods .plan-detail-section .txt-wrap .steps {
    margin-top: 35px; }
    .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #F8F8F8;
      border-radius: 8px;
      text-align: center; }
      .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box span {
        display: block; }
      .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box .tt {
        text-transform: uppercase;
        letter-spacing: 0; }
      .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box .icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 85px;
        margin: 15px 0; }
      .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box .txt {
        max-width: 185px; }
    @media screen and (min-width: 480px), print {
      .member-plan-methods .plan-detail-section .txt-wrap .steps {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box {
          width: calc(100%/3 - 120px/3);
          padding: 35px; } }
  @media screen and (min-width: 480px) and (max-width: 1599px) {
    .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box {
      width: calc(100%/3 - 60px/3); } }
  @media screen and (min-width: 480px) and (max-width: 991px) {
    .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box {
      width: calc(100%/3 - 30px/3);
      padding: 25px 15px; } }

    @media screen and (max-width: 479px) {
      .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box {
        padding: 25px; }
        .member-plan-methods .plan-detail-section .txt-wrap .steps .step-box + .step-box {
          margin-top: 15px; } }
  .member-plan-methods .plan-detail-section .txt-wrap .copylink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px; }
    .member-plan-methods .plan-detail-section .txt-wrap .copylink .form-control, .member-plan-methods .plan-detail-section .txt-wrap .copylink .btn {
      height: 45px; }
    .member-plan-methods .plan-detail-section .txt-wrap .copylink .form-control {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .member-plan-methods .plan-detail-section .txt-wrap .copylink .btn {
      width: 135px;
      margin-left: 10px;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    @media screen and (max-width: 479px) {
      .member-plan-methods .plan-detail-section .txt-wrap .copylink {
        margin-top: 25px; }
        .member-plan-methods .plan-detail-section .txt-wrap .copylink .btn {
          width: auto;
          margin-left: 5px;
          padding: 0 15px; } }
  .member-plan-methods .plan-detail-section .txt-wrap .share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px; }
    .member-plan-methods .plan-detail-section .txt-wrap .share ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 20px; }
      .member-plan-methods .plan-detail-section .txt-wrap .share ul li + li {
        margin-left: 20px; }
    .member-plan-methods .plan-detail-section .txt-wrap .share .btn {
      width: 40px;
      height: 40px;
      background-color: #000000;
      color: #fff;
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
      .member-plan-methods .plan-detail-section .txt-wrap .share .btn:hover, .member-plan-methods .plan-detail-section .txt-wrap .share .btn:active {
        background-color: #BA000C; }
    @media screen and (max-width: 479px) {
      .member-plan-methods .plan-detail-section .txt-wrap .share {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 15px; }
        .member-plan-methods .plan-detail-section .txt-wrap .share .tt {
          display: block;
          width: 100%;
          margin-bottom: 10px; }
        .member-plan-methods .plan-detail-section .txt-wrap .share ul {
          margin-left: 0;
          margin-right: 10px; }
          .member-plan-methods .plan-detail-section .txt-wrap .share ul li + li {
            margin-left: 10px; } }
  .member-plan-methods .plan-detail-section .txt-wrap .others {
    margin-top: 30px; }
    .member-plan-methods .plan-detail-section .txt-wrap .others .list-item {
      text-align: center; }
      .member-plan-methods .plan-detail-section .txt-wrap .others .list-item span {
        display: block; }
      .member-plan-methods .plan-detail-section .txt-wrap .others .list-item .icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px; }
      .member-plan-methods .plan-detail-section .txt-wrap .others .list-item .tt {
        margin-bottom: 5px;
        font-size: 18px; }
    @media screen and (min-width: 480px), print {
      .member-plan-methods .plan-detail-section .txt-wrap .others {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .member-plan-methods .plan-detail-section .txt-wrap .others .list-item {
          width: calc(100%/3 - 120px/3); } }
  @media screen and (min-width: 480px) and (max-width: 1599px) {
    .member-plan-methods .plan-detail-section .txt-wrap .others .list-item {
      width: calc(100%/3 - 60px/3); } }

    @media screen and (max-width: 479px) {
      .member-plan-methods .plan-detail-section .txt-wrap .others .list-item + .list-item {
        margin-top: 35px; }
      .member-plan-methods .plan-detail-section .txt-wrap .others .list-item .tt {
        margin-bottom: 0;
        font-size: 16px; }
      .member-plan-methods .plan-detail-section .txt-wrap .others .list-item .txt {
        font-size: 15px; } }
  @media screen and (min-width: 992px), print {
    .member-plan-methods .plan-detail-section .pic {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 35px; } }
  .member-plan-methods .plan-detail-section + .plan-detail-section {
    padding-top: 45px;
    border-top: 1px dashed #A9A9A9; }
    @media screen and (max-width: 479px) {
      .member-plan-methods .plan-detail-section + .plan-detail-section {
        padding-top: 35px; } }

@media screen and (min-width: 768px), print {
  .member-plan-notes {
    margin-top: 90px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .member-plan-notes {
    margin-top: 50px; } }
.member-plan-notes .txt-wrap {
  color: rgba(0, 0, 0, 0.55);
  line-height: 2; }
  @media screen and (max-width: 479px) {
    .member-plan-notes .txt-wrap {
      line-height: 1.5; }
      .member-plan-notes .txt-wrap ul li + li {
        margin-top: 7.5px; } }
.member-plan-notes .title {
  margin-bottom: 35px;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px;
  font-weight: 500;
  line-height: 1; }
  .member-plan-notes .title .title-txt {
    display: block; }
  @media screen and (min-width: 480px), print {
    .member-plan-notes .title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .member-plan-notes .title::before, .member-plan-notes .title::after {
        content: "";
        display: block;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 1px;
        background-color: #E1E1E1; }
      .member-plan-notes .title .title-txt {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 40px; } }
  @media screen and (max-width: 479px) {
    .member-plan-notes .title {
      margin-bottom: 20px; } }

.member-plan-code .plan-code-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.55); }
  .member-plan-code .plan-code-product .pic {
    width: 200px; }
    @media screen and (max-width: 479px) {
      .member-plan-code .plan-code-product .pic {
        width: 130px; } }
  .member-plan-code .plan-code-product .info {
    font-weight: 500; }
    .member-plan-code .plan-code-product .info .more {
      margin-top: 15px;
      font-size: 14px;
      line-height: 1; }
      @media screen and (max-width: 479px) {
        .member-plan-code .plan-code-product .info .more {
          margin-top: 10px; } }
.member-plan-code.for-submit {
  background-color: #F5F5F5;
  background-image: url("images/static/member/plan/code-bg.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat; }
  @media screen and (min-width: 1600px), print {
    .member-plan-code.for-submit {
      padding: 90px 65px; } }
  @media screen and (max-width: 1599px) {
    .member-plan-code.for-submit {
      padding: 75px 50px; } }
  @media screen and (max-width: 767px) {
    .member-plan-code.for-submit {
      padding: 35px 25px; } }
  @media screen and (max-width: 479px) {
    .member-plan-code.for-submit {
      padding: 25px 20px; } }
  @media screen and (max-width: 413px) {
    .member-plan-code.for-submit {
      padding: 25px 15px; } }
  .member-plan-code.for-submit .plan-code-head {
    text-align: center; }
    .member-plan-code.for-submit .plan-code-head .title {
      font-size: 32px;
      font-weight: 500;
      line-height: 1.15; }
      @media screen and (max-width: 767px) {
        .member-plan-code.for-submit .plan-code-head .title {
          font-size: 25px; } }
      @media screen and (max-width: 479px) {
        .member-plan-code.for-submit .plan-code-head .title {
          font-size: 18px; } }
    .member-plan-code.for-submit .plan-code-head .txt {
      margin-top: 15px;
      color: rgba(0, 0, 0, 0.55);
      font-size: 16px;
      line-height: 1.75; }
      @media screen and (max-width: 479px) {
        .member-plan-code.for-submit .plan-code-head .txt {
          margin-top: 5px;
          font-size: 15px; } }
  .member-plan-code.for-submit .plan-code-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    padding: 50px 0 90px;
    background-color: #ffffff; }
    @media screen and (max-width: 991px) {
      .member-plan-code.for-submit .plan-code-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 50px; } }
    @media screen and (max-width: 767px) {
      .member-plan-code.for-submit .plan-code-form {
        margin-top: 25px;
        padding: 25px; } }
    @media screen and (max-width: 479px) {
      .member-plan-code.for-submit .plan-code-form {
        margin-top: 20px;
        padding: 15px; } }
    @media screen and (min-width: 1600px), print {
      .member-plan-code.for-submit .plan-code-form > div {
        padding: 0 85px; } }
    @media screen and (max-width: 1599px) and (min-width: 992px) {
      .member-plan-code.for-submit .plan-code-form > div {
        padding: 0 50px; } }
    .member-plan-code.for-submit .plan-code-form .form-display {
      text-align: center; }
      @media screen and (min-width: 992px), print {
        .member-plan-code.for-submit .plan-code-form .form-display {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0; } }
      .member-plan-code.for-submit .plan-code-form .form-display .form-display-qrcode {
        width: 180px;
        border: 1px solid #000000; }
        .member-plan-code.for-submit .plan-code-form .form-display .form-display-qrcode img {
          display: block; }
        @media screen and (max-width: 479px) {
          .member-plan-code.for-submit .plan-code-form .form-display .form-display-qrcode {
            width: 130px; } }
      .member-plan-code.for-submit .plan-code-form .form-display .plan-code-product {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media screen and (min-width: 480px), print {
          .member-plan-code.for-submit .plan-code-form .form-display .plan-code-product {
            max-width: 200px; } }
        .member-plan-code.for-submit .plan-code-form .form-display .plan-code-product .info {
          margin-top: 15px; }
          .member-plan-code.for-submit .plan-code-form .form-display .plan-code-product .info .name {
            font-size: 16px; }
            @media screen and (max-width: 479px) {
              .member-plan-code.for-submit .plan-code-form .form-display .plan-code-product .info .name {
                font-size: 15px; } }
    .member-plan-code.for-submit .plan-code-form .form-fieldset {
      padding-top: 15px; }
      @media screen and (min-width: 992px), print {
        .member-plan-code.for-submit .plan-code-form .form-fieldset {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          border-left: 1px dashed #A9A9A9; } }
      @media screen and (max-width: 991px) {
        .member-plan-code.for-submit .plan-code-form .form-fieldset {
          width: 100%;
          margin-top: 50px;
          padding-top: 50px;
          border-top: 1px dashed #A9A9A9; } }
      @media screen and (max-width: 767px) {
        .member-plan-code.for-submit .plan-code-form .form-fieldset {
          margin-top: 25px;
          padding-top: 25px; } }
      .member-plan-code.for-submit .plan-code-form .form-fieldset .form-row + .form-row {
        margin-top: 15px; }
        .member-plan-code.for-submit .plan-code-form .form-fieldset .form-row + .form-row.for-button {
          margin-top: 25px; }
      .member-plan-code.for-submit .plan-code-form .form-fieldset .form-label {
        line-height: 1.15; }
      .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field {
        position: relative; }
        @media screen and (min-width: 768px), print {
          .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            margin: 10px -5px 0; }
            .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field [class*="col-"] {
              margin: 0 5px; }
            .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field .col-4 {
              width: 100%; }
            .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field .col-2 {
              width: calc(50% - 5px); } }
        @media screen and (max-width: 767px) {
          .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field {
            margin-top: 10px; }
            .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field [class*="col-"] {
              width: 100%; }
              .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field [class*="col-"] + [class*="col-"] {
                margin-top: 10px; } }
        .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field.for-code .code {
          position: absolute;
          top: 1px;
          right: 6px;
          bottom: 1px;
          display: block; }
          @media screen and (max-width: 767px) {
            .member-plan-code.for-submit .plan-code-form .form-fieldset .form-field.for-code .code {
              right: 1px; } }
      .member-plan-code.for-submit .plan-code-form .form-fieldset .form-control {
        display: block; }
      .member-plan-code.for-submit .plan-code-form .form-fieldset .btn {
        width: 100%;
        height: 50px; }
        @media screen and (min-width: 992px), print {
          .member-plan-code.for-submit .plan-code-form .form-fieldset .btn {
            max-width: 230px; } }
      .member-plan-code.for-submit .plan-code-form .form-fieldset .form-control,
      .member-plan-code.for-submit .plan-code-form .form-fieldset .bootstrap-select > .dropdown-toggle {
        height: 42px;
        padding: 10px 15px; }
      .member-plan-code.for-submit .plan-code-form .form-fieldset .bootstrap-select .dropdown-item {
        padding-left: 15px;
        padding-right: 15px; }
  .member-plan-code.for-submit .plan-code-notes {
    margin-top: 25px;
    font-size: 16px;
    line-height: 2;
    color: rgba(0, 0, 0, 0.55); }
    @media screen and (max-width: 479px) {
      .member-plan-code.for-submit .plan-code-notes {
        font-size: 15px;
        line-height: 1.5; }
        .member-plan-code.for-submit .plan-code-notes li + li {
          margin-top: 0.5em; } }
.member-plan-code.for-success {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 992px), print {
    .member-plan-code.for-success {
      margin-top: 100px; } }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .member-plan-code.for-success {
      margin-top: 50px; } }
  @media screen and (max-width: 479px) {
    .member-plan-code.for-success {
      padding: 35px 20px; } }
  @media screen and (max-width: 413px) {
    .member-plan-code.for-success {
      padding: 35px 15px; } }
  .member-plan-code.for-success .plan-code-head {
    text-align: center; }
    @media screen and (min-width: 480px), print {
      .member-plan-code.for-success .plan-code-head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .member-plan-code.for-success .plan-code-head::before, .member-plan-code.for-success .plan-code-head::after {
          content: "";
          display: block;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          height: 1px;
          background-color: #DEDEDE; }
        .member-plan-code.for-success .plan-code-head .txt {
          margin: 0 30px; } }
    .member-plan-code.for-success .plan-code-head .txt {
      font-size: 22px;
      font-weight: 700; }
      .member-plan-code.for-success .plan-code-head .txt:lang(zh-Hant), .member-plan-code.for-success .plan-code-head .txt:lang(zh-Hans) {
        letter-spacing: 0.05em; }
      .member-plan-code.for-success .plan-code-head .txt .num {
        font-size: 30px;
        color: #BA000C; }
      @media screen and (max-width: 479px) {
        .member-plan-code.for-success .plan-code-head .txt {
          font-size: 18px; }
          .member-plan-code.for-success .plan-code-head .txt .num {
            font-size: 22px; } }
  .member-plan-code.for-success .plan-code-product {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 35px 0; }
    .member-plan-code.for-success .plan-code-product .pic {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .member-plan-code.for-success .plan-code-product .info .name {
      font-size: 18px; }
    @media screen and (min-width: 480px), print {
      .member-plan-code.for-success .plan-code-product .pic {
        margin-right: 25px; } }
    @media screen and (max-width: 479px) {
      .member-plan-code.for-success .plan-code-product {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 15px 0 35px; }
        .member-plan-code.for-success .plan-code-product .pic {
          margin-bottom: 15px; }
        .member-plan-code.for-success .plan-code-product .info {
          margin-top: 10px;
          text-align: center; }
          .member-plan-code.for-success .plan-code-product .info .name {
            font-size: 16px; } }
  .member-plan-code.for-success .plan-code-button ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .member-plan-code.for-success .plan-code-button ul li {
      width: calc(50% - 5px); }
  .member-plan-code.for-success .plan-code-button .btn {
    width: 100%;
    height: 45px; }

@media screen and (max-width: 479px) {
  .member-group .products-sets {
    padding-top: 25px; } }
.member-group .products-sets .pdList .pd-item .pd-info .txt .num {
  font-size: 22px;
  font-weight: 700; }
@media screen and (min-width: 1400px), print {
  .member-group .products-sets .pdList .pd-item {
    width: calc(25% - 75px/4);
    margin: 70px 25px 0 0; } }
@media screen and (max-width: 1399px) and (min-width: 1200px) {
  .member-group .products-sets .pdList .pd-item {
    width: calc(25% - 45px/4);
    margin: 70px 15px 0 0; } }
@media screen and (min-width: 1200px), print {
  .member-group .products-sets .pdList .pd-item:nth-child(4n+0) {
    margin-right: 0; }
  .member-group .products-sets .pdList .pd-item:nth-child(-n+4) {
    margin-top: 0; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .member-group .products-sets .pdList .pd-item {
    width: calc(100%/3 - 30px);
    margin: 55px 45px 0 0; }
    .member-group .products-sets .pdList .pd-item:nth-child(3n+0) {
      margin-right: 0; }
    .member-group .products-sets .pdList .pd-item:nth-child(-n+3) {
      margin-top: 0; } }
@media screen and (max-width: 767px) {
  .member-group .products-sets .pdList .pd-item:nth-child(2n+0) {
    margin-right: 0; }
  .member-group .products-sets .pdList .pd-item:nth-child(-n+2) {
    margin-top: 0; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .member-group .products-sets .pdList .pd-item {
    width: calc(50% - 25px);
    margin: 55px 50px 0 0; } }
@media screen and (max-width: 479px) {
  .member-group .products-sets .pdList .pd-item {
    width: calc(50% - 15px/2);
    margin: 35px 15px 0 0; }
    .member-group .products-sets .pdList .pd-item .pd-info .txt .num {
      font-size: 18px; } }

@media screen and (min-width: 992px), print {
  .plan-coupons-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .plan-coupons-list .coupon-ticket {
      width: calc(50% - 10px);
      margin: 0; }
      .plan-coupons-list .coupon-ticket:not(:nth-child(-n+2)) {
        margin-top: 30px; } }

.pdInfo-list.pdList .pd-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (min-width: 480px), print {
    .pdInfo-list.pdList .pd-item.out-of-stock .pd-display::after {
      top: calc(50% - 35px);
      left: calc(50% - 35px);
      width: 70px;
      height: 70px;
      font-size: 15px; } }
  .pdInfo-list.pdList .pd-item a {
    padding: 0;
    border: none; }
    .pdInfo-list.pdList .pd-item a:hover {
      border: none; }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .pdInfo-list.pdList .pd-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .pdInfo-list.pdList .pd-item .pd-info {
        text-align: center !important; } }
  @media screen and (max-width: 767px) {
    .pdInfo-list.pdList .pd-item {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  .pdInfo-list.pdList .pd-item .pd-display {
    display: block;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 138px;
    margin-right: 20px; }
    @media screen and (max-width: 479px) {
      .pdInfo-list.pdList .pd-item .pd-display {
        width: 125px;
        margin-right: 15px; } }
  .pdInfo-list.pdList .pd-item .pd-info {
    margin-top: 0;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .pdInfo-list.pdList .pd-item .pd-info {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; } }
    .pdInfo-list.pdList .pd-item .pd-info .name {
      height: auto; }
      @media screen and (min-width: 480px), print {
        .pdInfo-list.pdList .pd-item .pd-info .name {
          font-size: 18px; } }
    .pdInfo-list.pdList .pd-item .pd-info .note {
      margin-top: 20px;
      line-height: 1.5;
      color: rgba(0, 0, 0, 0.55); }
      @media screen and (max-width: 767px) {
        .pdInfo-list.pdList .pd-item .pd-info .note {
          margin-top: 10px; } }
      @media screen and (max-width: 479px) {
        .pdInfo-list.pdList .pd-item .pd-info .note {
          font-size: 14px; } }
      @media screen and (max-width: 339px) {
        .pdInfo-list.pdList .pd-item .pd-info .note {
          font-size: 13px; } }
    .pdInfo-list.pdList .pd-item .pd-info .status {
      margin-top: 10px;
      font-size: 15px;
      color: rgba(0, 0, 0, 0.55); }
      @media screen and (max-width: 479px) {
        .pdInfo-list.pdList .pd-item .pd-info .status {
          font-size: 14px; } }
.pdInfo-list.pdList .pdInfo-table th, .pdInfo-list.pdList .pdInfo-table td {
  letter-spacing: 0; }
@media screen and (max-width: 767px) {
  .pdInfo-list.pdList .pdInfo-table {
    margin-top: 25px; } }
.pdInfo-list.pdList .pdInfo-table .price .num {
  color: #BA000C; }
  .pdInfo-list.pdList .pdInfo-table .price .num s {
    font-size: 0.615em;
    color: rgba(0, 0, 0, 0.9); }
.pdInfo-list.pdList .pdInfo-table .like {
  color: rgba(0, 0, 0, 0.55);
  font-size: 20px; }
  .pdInfo-list.pdList .pdInfo-table .like .like-button.active {
    color: #BA000C; }
.pdInfo-list.pdList .pdInfo-table .buttons .btn {
  width: 100%;
  max-width: 100px;
  font-size: 15px;
  margin: 0 auto; }
  .pdInfo-list.pdList .pdInfo-table .buttons .btn:lang(en) {
    line-height: 1.15;
    padding: 5px;
    height: auto; }
  .pdInfo-list.pdList .pdInfo-table .buttons .btn + .btn {
    margin-top: 5px; }
  .pdInfo-list.pdList .pdInfo-table .buttons .btn.active {
    background-color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.55);
    color: #ffffff; }
@media screen and (min-width: 768px), print {
  .pdInfo-list.pdList .pdInfo-table th, .pdInfo-list.pdList .pdInfo-table td {
    text-align: center; }
    .pdInfo-list.pdList .pdInfo-table th.price, .pdInfo-list.pdList .pdInfo-table th.status, .pdInfo-list.pdList .pdInfo-table td.price, .pdInfo-list.pdList .pdInfo-table td.status {
      width: 13.5%; }
    .pdInfo-list.pdList .pdInfo-table th.buttons, .pdInfo-list.pdList .pdInfo-table td.buttons {
      width: 130px; }
    .pdInfo-list.pdList .pdInfo-table th.product, .pdInfo-list.pdList .pdInfo-table td.product {
      width: 45%; } }
  @media screen and (min-width: 768px) and (max-width: 1399px) {
    .pdInfo-list.pdList .pdInfo-table th.date, .pdInfo-list.pdList .pdInfo-table th.price, .pdInfo-list.pdList .pdInfo-table th.status, .pdInfo-list.pdList .pdInfo-table td.date, .pdInfo-list.pdList .pdInfo-table td.price, .pdInfo-list.pdList .pdInfo-table td.status {
      width: 12.5%; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .pdInfo-list.pdList .pdInfo-table th.product, .pdInfo-list.pdList .pdInfo-table td.product {
      width: 40%; } }
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .pdInfo-list.pdList .pdInfo-table .date {
    font-size: 14px; } }
@media screen and (min-width: 768px), print {
  .pdInfo-list.pdList .pdInfo-table .price .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 80px;
    font-size: 26px;
    text-align: right;
    color: #BA000C; }
    .pdInfo-list.pdList .pdInfo-table .price .num s {
      font-size: 0.615em;
      color: rgba(0, 0, 0, 0.9); } }
@media screen and (max-width: 767px) {
  .pdInfo-list.pdList .pdInfo-table tr + tr {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #E3E3E3; }
  .pdInfo-list.pdList .pdInfo-table td::before {
    display: none; }
  .pdInfo-list.pdList .pdInfo-table td .td-inner {
    padding: 0;
    text-align: left; }
  .pdInfo-list.pdList .pdInfo-table td:not(.product) {
    display: none; }
  .pdInfo-list.pdList .pdInfo-table .price .num {
    font-size: 18px; } }
@media screen and (max-width: 767px) {
  .pdInfo-list.pdList .pdInfo-table .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px; }
    .pdInfo-list.pdList .pdInfo-table .buttons:lang(en) {
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
    .pdInfo-list.pdList .pdInfo-table .buttons .btn {
      width: 100px;
      height: 28px;
      margin: 0;
      font-size: 14px; }
      .pdInfo-list.pdList .pdInfo-table .buttons .btn + .btn {
        margin-top: 0; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .pdInfo-list.pdList .pdInfo-table .buttons .btn + .btn {
      margin-left: 10px; } }
  @media screen and (max-width: 767px) and (max-width: 479px) {
    .pdInfo-list.pdList .pdInfo-table .buttons {
      margin-top: 10px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .pdInfo-list.pdList .pdInfo-table .buttons .btn {
        max-width: none;
        width: calc(50% - 5px); } }
  @media screen and (max-width: 767px) and (max-width: 339px) {
    .pdInfo-list.pdList .pdInfo-table .buttons .btn {
      width: calc(50% - 2.5px); } }

.member-review-box {
  padding: 30px;
  border: 1px solid #E5E5E5; }
  @media screen and (min-width: 480px), print {
    .member-review-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (max-width: 767px) {
    .member-review-box {
      padding: 25px; } }
  @media screen and (max-width: 479px) {
    .member-review-box {
      padding: 25px 20px; } }
  @media screen and (max-width: 413px) {
    .member-review-box {
      padding: 20px 15px; } }
  .member-review-box + .member-review-box {
    margin-top: 30px; }
  .member-review-box .review-box-pd {
    width: 140px; }
    @media screen and (min-width: 480px), print {
      .member-review-box .review-box-pd {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
    @media screen and (max-width: 479px) {
      .member-review-box .review-box-pd {
        width: 125px;
        margin: 0 auto; } }
    .member-review-box .review-box-pd .pic {
      display: block; }
      .member-review-box .review-box-pd .pic::before {
        content: "";
        display: block;
        padding-bottom: 100%;
        background-size: contain !important; }
  .member-review-box .review-box-content .head .name {
    font-size: 20px;
    font-weight: 500; }
    .member-review-box .review-box-content .head .name:lang(zh-Hant), .member-review-box .review-box-content .head .name:lang(zh-Hans) {
      letter-spacing: 0.05em; }
  .member-review-box .review-box-content .content {
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.55); }
    .member-review-box .review-box-content .content .title {
      color: rgba(0, 0, 0, 0.9);
      font-size: 18px;
      line-height: 1.25; }
    .member-review-box .review-box-content .content .txt {
      margin-top: 10px;
      font-size: 16px;
      line-height: 1.75; }
    .member-review-box .review-box-content .content .date {
      margin-top: 20px;
      font-size: 15px; }
  @media screen and (min-width: 480px), print {
    .member-review-box .review-box-content {
      width: calc(100% - 165px); } }
  @media screen and (max-width: 479px) {
    .member-review-box .review-box-content {
      margin-top: 15px; }
      .member-review-box .review-box-content .head .name {
        font-size: 18px; }
      .member-review-box .review-box-content .content {
        margin-top: 15px; }
        .member-review-box .review-box-content .content .title {
          font-size: 16px; }
        .member-review-box .review-box-content .content .txt {
          margin-top: 5px;
          font-size: 15px; }
          .member-review-box .review-box-content .content .txt:lang(zh-Hant), .member-review-box .review-box-content .content .txt:lang(zh-Hans) {
            text-align: justify; }
        .member-review-box .review-box-content .content .date {
          margin-top: 10px;
          font-size: 14px; } }

.member-address-box {
  padding: 25px 30px;
  border: 1px solid #E5E5E5; }
  @media screen and (min-width: 768px), print {
    .member-address-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (max-width: 479px) {
    .member-address-box {
      padding: 25px 20px; } }
  @media screen and (max-width: 413px) {
    .member-address-box {
      padding: 20px 15px; } }
  .member-address-box + .member-address-box {
    border-top: none; }
  .member-address-box .address-info .name {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15; }
    .member-address-box .address-info .name:lang(zh-Hant), .member-address-box .address-info .name:lang(zh-Hans) {
      letter-spacing: 0.05em; }
  .member-address-box .address-info .txt {
    margin-top: 10px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.55); }
    .member-address-box .address-info .txt:lang(zh-Hant), .member-address-box .address-info .txt:lang(zh-Hans) {
      letter-spacing: 0.05em; }
    .member-address-box .address-info .txt p + p {
      margin-top: 5px; }
  @media screen and (min-width: 768px), print {
    .member-address-box .address-actions {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; } }
  @media screen and (min-width: 480px), print {
    .member-address-box .address-actions {
      width: 210px; } }
  @media screen and (max-width: 767px) {
    .member-address-box .address-actions {
      margin-top: 25px; } }
  @media screen and (max-width: 479px) {
    .member-address-box .address-actions {
      margin-top: 15px; } }
  .member-address-box .address-actions ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .member-address-box .address-actions li .btn {
    width: 100%;
    font-size: 15px;
    line-height: 1.15; }
    .member-address-box .address-actions li .btn:lang(zh-Hant), .member-address-box .address-actions li .btn:lang(zh-Hans) {
      letter-spacing: 0.05em; }
    .member-address-box .address-actions li .btn .txt-icon {
      font-size: 0.8em;
      vertical-align: 0.1em;
      margin-right: 3px; }
      .member-address-box .address-actions li .btn .txt-icon.smaller {
        font-size: 0.6em;
        vertical-align: 0.275em; }
    .member-address-box .address-actions li .btn[disabled] {
      pointer-events: none;
      background-color: rgba(0, 0, 0, 0.55);
      color: #ffffff; }
  @media screen and (min-width: 768px), print {
    .member-address-box .address-actions li.col-1 {
      width: calc(50% - 5px); }
    .member-address-box .address-actions li.col-2 {
      width: 100%;
      margin-top: 10px; } }
  @media screen and (max-width: 767px) {
    .member-address-box .address-actions li {
      width: calc(100%/3 - 10px/3); } }

.member-service-box {
  margin-top: 20px;
  border: 1px solid #E5E5E5; }
  @media screen and (max-width: 479px) {
    .member-service-box:first-child {
      margin-top: 0; } }
  .member-service-box .box-section {
    position: relative;
    padding: 20px 35px; }
    @media screen and (max-width: 991px) {
      .member-service-box .box-section {
        padding: 20px; } }
    @media screen and (max-width: 413px) {
      .member-service-box .box-section {
        padding: 15px; } }
    .member-service-box .box-section .box-section-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      max-width: 835px; }
      @media screen and (max-width: 767px) {
        .member-service-box .box-section .box-section-inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .member-service-box .box-section .box-section-inner .box-section-content {
            width: 100%; } }
    .member-service-box .box-section .box-section-icon {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 50px;
      height: 50px;
      overflow: hidden;
      border-radius: 50%;
      color: rgba(0, 0, 0, 0.55); }
      @media screen and (min-width: 768px), print {
        .member-service-box .box-section .box-section-icon {
          margin-right: 20px; } }
      @media screen and (max-width: 767px) {
        .member-service-box .box-section .box-section-icon {
          position: absolute;
          top: 25px;
          left: 20px; } }
      @media screen and (max-width: 413px) {
        .member-service-box .box-section .box-section-icon {
          top: 20px;
          left: 15px; } }
    .member-service-box .box-section .box-section-content:lang(zh-Hant), .member-service-box .box-section .box-section-content:lang(zh-Hans) {
      letter-spacing: 0.05em; }
    .member-service-box .box-section .box-section-content .head {
      color: rgba(0, 0, 0, 0.55);
      line-height: 1.15;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (min-width: 768px), print {
        .member-service-box .box-section .box-section-content .head p + p {
          margin-left: 1em; } }
      @media screen and (max-width: 991px) {
        .member-service-box .box-section .box-section-content .head {
          font-size: 15px; } }
      @media screen and (max-width: 767px) {
        .member-service-box .box-section .box-section-content .head {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start;
          min-height: 60px;
          margin-left: 65px;
          font-size: 15px; }
          .member-service-box .box-section .box-section-content .head p + p {
            margin-top: 5px; } }
      @media screen and (max-width: 479px) {
        .member-service-box .box-section .box-section-content .head {
          font-size: 14px; } }
    .member-service-box .box-section .box-section-content .content {
      margin-top: 5px;
      color: rgba(0, 0, 0, 0.9);
      font-size: 16px;
      line-height: 1.75; }
      @media screen and (max-width: 767px) {
        .member-service-box .box-section .box-section-content .content {
          margin-top: 20px; } }
      @media screen and (max-width: 479px) {
        .member-service-box .box-section .box-section-content .content {
          margin-top: 15px;
          font-size: 15px;
          line-height: 1.5; } }
    .member-service-box .box-section .box-section-button {
      position: absolute; }
    .member-service-box .box-section.for-question {
      -moz-transition: background-color 0.3s ease;
      -o-transition: background-color 0.3s ease;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
      @media screen and (min-width: 480px), print {
        .member-service-box .box-section.for-question .box-section-inner {
          padding-right: 35px; } }
      .member-service-box .box-section.for-question .box-section-icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 2px solid rgba(0, 0, 0, 0.55); }
        .member-service-box .box-section.for-question .box-section-icon svg {
          margin-top: 2px;
          width: 22px;
          height: 22px; }
      .member-service-box .box-section.for-question .box-section-button {
        top: 25px;
        right: 25px; }
        @media screen and (max-width: 767px) {
          .member-service-box .box-section.for-question .box-section-button {
            top: 15px;
            right: 15px; } }
        @media screen and (max-width: 479px) {
          .member-service-box .box-section.for-question .box-section-button {
            top: 10px;
            right: 10px; } }
        .member-service-box .box-section.for-question .box-section-button .box-toggle {
          position: relative;
          width: 35px;
          height: 35px; }
          .member-service-box .box-section.for-question .box-section-button .box-toggle::before {
            content: "";
            display: block;
            font-family: "icomoon";
            font-size: 17px;
            line-height: 1;
            -moz-transition: transform 0.3s ease;
            -o-transition: transform 0.3s ease;
            -webkit-transition: transform 0.3s ease;
            transition: transform 0.3s ease; }
          .member-service-box .box-section.for-question .box-section-button .box-toggle:active {
            color: #BA000C; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .member-service-box .box-section.for-question .box-section-button .box-toggle {
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease; }
    .member-service-box .box-section.for-question .box-section-button .box-toggle:hover {
      color: #BA000C; } }

    .member-service-box .box-section.for-answer {
      display: none; }
      .member-service-box .box-section.for-answer .box-section-button {
        top: 25px;
        right: 35px; }
        @media screen and (max-width: 479px) {
          .member-service-box .box-section.for-answer .box-section-button {
            position: static;
            margin-top: 10px;
            text-align: right; }
            .member-service-box .box-section.for-answer .box-section-button .btn {
              display: -webkit-inline-box;
              display: -webkit-inline-flex;
              display: -ms-inline-flexbox;
              display: inline-flex; } }
        .member-service-box .box-section.for-answer .box-section-button .btn:not(:hover) {
          color: rgba(0, 0, 0, 0.55); }
        .member-service-box .box-section.for-answer .box-section-button .btn .txt-icon {
          margin-top: 4px;
          margin-right: 5px; }
  .member-service-box.active .box-section.for-question {
    background-color: #F8F8F8; }
    .member-service-box.active .box-section.for-question .box-section-button .box-toggle::before {
      content: "";
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .member-service-box.disabled .box-section.for-question .box-section-button .box-toggle {
    pointer-events: none;
    opacity: 0.3; }

.member-editor-box + .member-editor-box {
  margin-top: 35px; }
.member-editor-box .box-content:lang(zh-Hant), .member-editor-box .box-content:lang(zh-Hans) {
  letter-spacing: 0.05em; }
@media screen and (max-width: 479px) {
  .member-editor-box .box-content .form-row + .form-row {
    margin-top: 25px; } }
.member-editor-box .box-content .form-label:lang(en) {
  width: 250px; }
  @media screen and (max-width: 1399px) and (min-width: 1200px) {
    .member-editor-box .box-content .form-label:lang(en) {
      width: 200px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .member-editor-box .box-content .form-label:lang(en) {
      width: 200px; } }
@media screen and (max-width: 479px) {
  .member-editor-box .box-content .form-label {
    font-weight: 500; } }
@media screen and (max-width: 767px) {
  .member-editor-box .box-content .form-field.for-tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .member-editor-box .box-content .form-field.for-tel .form-element .custom-select-wrap::after {
      right: 7.5px; }
    .member-editor-box .box-content .form-field.for-tel .form-element.col-1 {
      width: 80px; }
    .member-editor-box .box-content .form-field.for-tel .form-element.col-3 {
      width: calc(100% - 90px);
      margin-top: 0;
      margin-left: 10px; } }
@media screen and (max-width: 767px) {
  .member-editor-box .box-content .form-field.for-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px; }
    .member-editor-box .box-content .form-field.for-address [class*="col-"] {
      margin: 5px; }
      .member-editor-box .box-content .form-field.for-address [class*="col-"]:not(.mb-full) {
        width: calc(50% - 10px); }
      .member-editor-box .box-content .form-field.for-address [class*="col-"].mb-full {
        width: 100%; }
      .member-editor-box .box-content .form-field.for-address [class*="col-"].form-msg {
        margin-bottom: 15px; } }
.member-editor-box .box-content .form-field .form-element .btn {
  line-height: 1.15; }
  .member-editor-box .box-content .form-field .form-element .btn.fill-mRed[disabled] {
    border: 1px solid rgba(0, 0, 0, 0.55);
    background-color: #F8F8F8;
    color: rgba(0, 0, 0, 0.55); }
.member-editor-box .box-content .form-field .form-element.for-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (min-width: 480px), print {
    .member-editor-box .box-content .form-field .form-element.for-radio {
      min-height: 45px; }
      .member-editor-box .box-content .form-field .form-element.for-radio .form-radio + .form-radio {
        margin-left: 40px; } }
  @media screen and (max-width: 479px) {
    .member-editor-box .box-content .form-field .form-element.for-radio .form-radio + .form-radio {
      margin-left: 20px; } }
.member-editor-box .box-content .form-field .form-element.for-verify {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 479px) {
    .member-editor-box .box-content .form-field .form-element.for-verify:lang(en) {
      display: block; } }
  .member-editor-box .box-content .form-field .form-element.for-verify .form-control {
    width: calc(100% - 120px); }
    @media screen and (max-width: 479px) {
      .member-editor-box .box-content .form-field .form-element.for-verify .form-control:lang(en) {
        width: 100%; } }
  .member-editor-box .box-content .form-field .form-element.for-verify .btn {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px;
    padding: 0 15px;
    border: 1px solid #E2E2E2;
    border-left: none; }
    @media screen and (min-width: 480px), print {
      .member-editor-box .box-content .form-field .form-element.for-verify .btn:lang(en) {
        width: 210px; } }
    @media screen and (max-width: 479px) {
      .member-editor-box .box-content .form-field .form-element.for-verify .btn:lang(en) {
        width: 100%;
        height: 42px;
        border-top: none;
        border-left: 1px solid #E2E2E2; } }
.member-editor-box .box-content .form-field .form-element.error .form-control,
.member-editor-box .box-content .form-field .form-element.error .bootstrap-select > .dropdown-toggle,
.member-editor-box .box-content .form-field .form-element.error .custom-select-wrap select.custom-select {
  border-color: #BA000C; }
.member-editor-box .box-content .form-field .form-msg {
  margin-bottom: 15px;
  font-size: 15px; }
.member-editor-box .box-content .form-field .readonly {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (min-width: 480px), print {
    .member-editor-box .box-content .form-field .readonly {
      min-height: 45px; } }
  .member-editor-box .box-content .form-field .readonly .txt .txt-icon {
    font-size: 1.25em; }
  .member-editor-box .box-content .form-field .readonly .txt.tel-num, .member-editor-box .box-content .form-field .readonly .txt.email {
    font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
    font-size: 18px; }
    @media screen and (max-width: 479px) {
      .member-editor-box .box-content .form-field .readonly .txt.tel-num, .member-editor-box .box-content .form-field .readonly .txt.email {
        font-size: 16px;
        word-break: break-all; } }
  .member-editor-box .box-content .form-field .readonly .social .logo {
    display: inline-block;
    width: 30px;
    text-align: center;
    line-height: 1.15; }
    .member-editor-box .box-content .form-field .readonly .social .logo.icon-facebook {
      font-size: 20px;
      color: #4E71A7; }
    .member-editor-box .box-content .form-field .readonly .social .logo.icon-line {
      font-size: 25px;
      color: #30C138;
      vertical-align: -0.175em; }
  .member-editor-box .box-content .form-field .readonly .buttons {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media screen and (min-width: 480px), print {
      .member-editor-box .box-content .form-field .readonly .buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 25px; }
        .member-editor-box .box-content .form-field .readonly .buttons .btn {
          width: 100px; }
          .member-editor-box .box-content .form-field .readonly .buttons .btn + .btn {
            margin-left: 10px; } }
    @media screen and (max-width: 479px) {
      .member-editor-box .box-content .form-field .readonly .buttons {
        margin-left: 15px; }
        .member-editor-box .box-content .form-field .readonly .buttons .btn {
          width: 75px; }
          .member-editor-box .box-content .form-field .readonly .buttons .btn:lang(en) {
            width: 95px; }
          .member-editor-box .box-content .form-field .readonly .buttons .btn + .btn {
            margin-top: 5px; } }
    .member-editor-box .box-content .form-field .readonly .buttons .btn {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      font-size: 15px; }
      .member-editor-box .box-content .form-field .readonly .buttons .btn:lang(zh-Hant), .member-editor-box .box-content .form-field .readonly .buttons .btn:lang(zh-Hans) {
        letter-spacing: 0.05em; }
      .member-editor-box .box-content .form-field .readonly .buttons .btn .txt-icon {
        font-size: 0.8em;
        vertical-align: 0.1em;
        margin-right: 3px; }
        .member-editor-box .box-content .form-field .readonly .buttons .btn .txt-icon.smaller {
          font-size: 0.6em;
          vertical-align: 0.275em; }
@media screen and (min-width: 992px), print {
  .member-editor-box.for-bottom {
    margin-top: 90px; } }
@media screen and (max-width: 991px) and (min-width: 480px) {
  .member-editor-box.for-bottom {
    margin-top: 50px; } }
.member-editor-box.for-bottom .box-head {
  margin-bottom: 0; }
.member-editor-box.for-bottom .box-content {
  margin-top: -10.35px;
  border: 1px solid #E5E5E5;
  border-top: none;
  padding: 50px; }
  @media screen and (min-width: 480px), print {
    .member-editor-box.for-bottom .box-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media screen and (max-width: 991px) {
    .member-editor-box.for-bottom .box-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (max-width: 479px) {
    .member-editor-box.for-bottom .box-content {
      padding: 35px 25px 20px; } }
  @media screen and (min-width: 1600px), print {
    .member-editor-box.for-bottom .box-content .content-col + .content-col {
      margin-left: 95px; } }
  @media screen and (max-width: 1599px) and (min-width: 992px) {
    .member-editor-box.for-bottom .box-content .content-col + .content-col {
      margin-left: 50px; } }
  @media screen and (max-width: 991px) {
    .member-editor-box.for-bottom .box-content .content-col + .content-col {
      margin-top: 16px; } }
  .member-editor-box.for-bottom .box-content .content-col .btn {
    height: 60px;
    border-radius: 60px;
    background-color: #C2C2C2;
    color: #ffffff;
    width: 170px;
    padding-left: 40px; }
    @media screen and (max-width: 479px) {
      .member-editor-box.for-bottom .box-content .content-col .btn {
        width: 100%;
        height: 50px;
        border-radius: 50px;
        font-size: 16px; } }
    .member-editor-box.for-bottom .box-content .content-col .btn:active {
      background-color: #30C138; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .member-editor-box.for-bottom .box-content .content-col .btn {
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
    .member-editor-box.for-bottom .box-content .content-col .btn:hover {
      background-color: #30C138; } }

    .member-editor-box.for-bottom .box-content .content-col .btn .icon {
      position: absolute;
      top: 5px;
      left: 5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 50px;
      height: 50px;
      background-color: #ffffff;
      border-radius: 50%;
      font-size: 25px;
      color: #30C138; }
      @media screen and (max-width: 479px) {
        .member-editor-box.for-bottom .box-content .content-col .btn .icon {
          width: 40px;
          height: 40px; } }
  .member-editor-box.for-bottom .box-content .content-col .info li + li {
    margin-top: 1em; }

.member-editor-msg {
  background-color: #FDF4F7;
  border: 1px solid #BA000C;
  margin-bottom: 30px;
  padding: 15px 30px;
  line-height: 1.25; }
  .member-editor-msg:lang(zh-Hant), .member-editor-msg:lang(zh-Hans) {
    letter-spacing: 0.05em; }
  @media screen and (max-width: 479px) {
    .member-editor-msg {
      padding: 15px 20px; } }
  .member-editor-msg .icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 12px; }

.member-level-intro .intro-inner {
  background-image: url("../styles/images/static/member/level/intro-bg.jpg");
  background-size: cover;
  background-position: center center;
  padding: 65px 80px 45px; }
@media screen and (max-width: 1599px) {
  .member-level-intro .intro-inner {
    padding-left: 50px;
    padding-right: 50px; } }
@media screen and (max-width: 991px) {
  .member-level-intro .intro-inner {
    margin-left: -50px;
    margin-right: -50px; } }
@media screen and (max-width: 767px) {
  .member-level-intro .intro-inner {
    margin-left: -25px;
    margin-right: -25px;
    padding: 25px; } }
@media screen and (max-width: 479px) {
  .member-level-intro {
    padding: 0; }
    .member-level-intro .intro-inner {
      margin: 0; } }
.member-level-intro .head .title {
  font-size: 26px; }
@media screen and (max-width: 767px) {
  .member-level-intro .head .title {
    font-size: 22px; } }
@media screen and (max-width: 479px) {
  .member-level-intro .head .title {
    font-size: 18px; } }
.member-level-intro .box {
  margin-top: 20px;
  background-color: #ffffff; }
  @media screen and (min-width: 480px), print {
    .member-level-intro .box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (max-width: 479px) {
    .member-level-intro .box {
      padding: 25px 25px 55px; } }
  .member-level-intro .box .list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 35px 25px 55px; }
    .member-level-intro .box .list-item span {
      display: block; }
    .member-level-intro .box .list-item .icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 90px;
      height: 90px;
      margin: 0 auto; }
    .member-level-intro .box .list-item .tt {
      margin-top: 10px; }
    .member-level-intro .box .list-item .txt {
      margin-top: 5px; }
  @media screen and (max-width: 1199px) {
    .member-level-intro .box .list-item {
      padding: 35px 15px 55px; }
      .member-level-intro .box .list-item .txt br {
        display: none; } }
  @media screen and (max-width: 479px) {
    .member-level-intro .box .list-item {
      padding: 0; }
      .member-level-intro .box .list-item + .list-item {
        margin-top: 25px; } }
.member-level-intro .button {
  margin-top: -22.5px; }

.member-level-cards {
  margin-top: 70px; }
  .member-level-cards .card-table {
    margin-top: 40px; }
    @media screen and (min-width: 768px), print {
      .member-level-cards .card-table {
        display: table;
        margin-left: -20px;
        margin-right: -20px; } }
  @media screen and (min-width: 768px) and (max-width: 1599px) {
    .member-level-cards .card-table {
      margin-left: -10px;
      margin-right: -10px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .member-level-cards .card-table {
      margin-left: -5px;
      margin-right: -5px; } }

    @media screen and (max-width: 479px) {
      .member-level-cards .card-table {
        margin-top: 25px; } }
    @media screen and (max-width: 767px) {
      .member-level-cards .card-table .card-item {
        display: table;
        width: 100%; }
        .member-level-cards .card-table .card-item + .card-item {
          margin-top: 35px; } }
    .member-level-cards .card-table .card-cell {
      display: table-cell;
      vertical-align: top;
      padding: 25px 20px;
      width: 29%;
      border-bottom: 1px solid #E1E1E1; }
      .member-level-cards .card-table .card-cell .card-cell-inner {
        display: block; }
      .member-level-cards .card-table .card-cell:nth-child(1) {
        width: 13%; }
      .member-level-cards .card-table .card-cell.tt {
        font-weight: 500;
        color: rgba(0, 0, 0, 0.9); }
      @media screen and (max-width: 1599px) {
        .member-level-cards .card-table .card-cell {
          padding-left: 10px;
          padding-right: 10px; } }
      @media screen and (max-width: 991px) {
        .member-level-cards .card-table .card-cell {
          padding-left: 5px;
          padding-right: 5px; } }
      @media screen and (max-width: 479px) {
        .member-level-cards .card-table .card-cell {
          padding-top: 15px;
          padding-bottom: 15px; } }
    .member-level-cards .card-table .card-row {
      display: table-row; }
      .member-level-cards .card-table .card-row:first-child .card-cell {
        padding-top: 0;
        border-bottom: none;
        vertical-align: middle; }
    .member-level-cards .card-table .card-display {
      position: relative;
      overflow: hidden;
      background-image: url("../styles/images/static/member/level/card-bg.png");
      background-size: auto 100%;
      background-position: right;
      background-repeat: no-repeat;
      border-radius: 5px;
      color: #ffffff; }
      .member-level-cards .card-table .card-display.pink {
        background-color: #F1B8C0; }
      .member-level-cards .card-table .card-display.red {
        background-color: #BA000C; }
      .member-level-cards .card-table .card-display.black {
        background-color: #000000; }
      .member-level-cards .card-table .card-display::before {
        content: "";
        display: block;
        padding-bottom: calc(16000%/292); }
      .member-level-cards .card-table .card-display .card-display-inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        line-height: 1.2;
        padding: 50px 25px 25px; }
        .member-level-cards .card-table .card-display .card-display-inner span {
          display: block; }
          .member-level-cards .card-table .card-display .card-display-inner span:lang(zh-Hant), .member-level-cards .card-table .card-display .card-display-inner span:lang(zh-Hans) {
            letter-spacing: 0.05em; }
        .member-level-cards .card-table .card-display .card-display-inner .card-tt {
          font-size: 24px; }
        .member-level-cards .card-table .card-display .card-display-inner .card-txt {
          text-transform: uppercase; }
        @media screen and (max-width: 991px) {
          .member-level-cards .card-table .card-display .card-display-inner {
            padding: 30px 15px 15px; }
            .member-level-cards .card-table .card-display .card-display-inner .card-tt {
              font-size: 18px; } }

.member-level-plan .table {
  width: 100%;
  margin: 50px 0 30px;
  text-align: center; }
  .member-level-plan .table th, .member-level-plan .table td {
    width: 20%;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px; }
    .member-level-plan .table th:nth-child(1), .member-level-plan .table td:nth-child(1) {
      width: 40%; }
  .member-level-plan .table thead th {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #F5F5F5;
    border-left: 7px solid #ffffff;
    border-right: 7px solid #ffffff;
    font-weight: 500; }
    .member-level-plan .table thead th:first-child {
      border-left: none; }
    .member-level-plan .table thead th:last-child {
      border-right: none; }
  .member-level-plan .table tbody td {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E1E1E1;
    color: #BA000C; }
    .member-level-plan .table tbody td:first-child {
      text-align: left;
      color: rgba(0, 0, 0, 0.9); }
  @media screen and (max-width: 479px) {
    .member-level-plan .table {
      margin-top: 25px;
      font-size: 14px; }
      .member-level-plan .table th, .member-level-plan .table td {
        padding-left: 5px;
        padding-right: 5px; }
      .member-level-plan .table thead th {
        padding-top: 10px;
        padding-bottom: 10px;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff; }
      .member-level-plan .table tbody td {
        padding-top: 15px;
        padding-bottom: 15px; } }
.member-level-plan .table-notes {
  line-height: 2; }
  @media screen and (max-width: 479px) {
    .member-level-plan .table-notes {
      line-height: 1.5; }
      .member-level-plan .table-notes p + p {
        margin-top: 0.5em; } }

/* -------------------------------------------
 *  contact
 * ------------------------------------------ */
.contact-wrapper .contact-info {
  text-align: center; }
  .contact-wrapper .contact-info:lang(zh-Hant), .contact-wrapper .contact-info:lang(zh-Hans), .contact-wrapper .contact-info:lang(zh-Hans) {
    letter-spacing: 0.05em; }
.contact-wrapper .contact-form {
  background-color: #ffffff; }
  .contact-wrapper .contact-form .form-main .form-group .form-label {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .contact-wrapper .contact-form .form-main .form-group .form-label .form-label-txt {
      font-weight: 500; }
      .contact-wrapper .contact-form .form-main .form-group .form-label .form-label-txt:lang(zh-Hant), .contact-wrapper .contact-form .form-main .form-group .form-label .form-label-txt:lang(zh-Hans), .contact-wrapper .contact-form .form-main .form-group .form-label .form-label-txt:lang(zh-Hans) {
        letter-spacing: 0.05em; }
  .contact-wrapper .contact-form .form-main .form-group .form-element.for-code-img img {
    display: block; }
  .contact-wrapper .contact-form .form-main .form-group .form-control {
    width: 100%; }
  .contact-wrapper .contact-form .form-main .form-group .form-control, .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle, .contact-wrapper .contact-form .form-main .form-group select.custom-select {
    background-color: #f7f7f7; }
  .contact-wrapper .contact-form .form-main .form-group .form-control, .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle, .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu, .contact-wrapper .contact-form .form-main .form-group select.custom-select {
    border: none;
    border-radius: 5px; }
    .contact-wrapper .contact-form .form-main .form-group .form-control:lang(zh-Hant), .contact-wrapper .contact-form .form-main .form-group .form-control:lang(zh-Hans), .contact-wrapper .contact-form .form-main .form-group .form-control:lang(zh-Hans), .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle:lang(zh-Hant), .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle:lang(zh-Hans), .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle:lang(zh-Hans), .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu:lang(zh-Hant), .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu:lang(zh-Hans), .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu:lang(zh-Hans), .contact-wrapper .contact-form .form-main .form-group select.custom-select:lang(zh-Hant), .contact-wrapper .contact-form .form-main .form-group select.custom-select:lang(zh-Hans), .contact-wrapper .contact-form .form-main .form-group select.custom-select:lang(zh-Hans) {
      letter-spacing: 0.05em; }
  .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none; }
  .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu {
    background-color: #e7e7e7; }
    .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu[x-placement^="bottom"] {
      top: -5px !important; }
    .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu[x-placement^="top"] {
      top: 5px !important; }
  .contact-wrapper .contact-form .form-main .form-group .bootstrap-select ul.dropdown-menu {
    background: none; }
    .contact-wrapper .contact-form .form-main .form-group .bootstrap-select ul.dropdown-menu .dropdown-item {
      padding: 10px 20px; }
      .contact-wrapper .contact-form .form-main .form-group .bootstrap-select ul.dropdown-menu .dropdown-item:not(.selected):not(:active):hover {
        background-color: #e3e3e3; }
  .contact-wrapper .contact-form .form-main .form-group .bootstrap-select.show > .dropdown-toggle {
    background-color: #e7e7e7; }
  .contact-wrapper .contact-form .form-main .form-group textarea.form-control {
    padding: 20px; }
  .contact-wrapper .contact-form .form-main .form-row + .form-row {
    margin-top: 20px; }
  .contact-wrapper .contact-form .form-main .form-row.for-code .form-group .form-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .contact-wrapper .contact-form .form-main .form-row.for-policy .form-group .form-label {
    min-height: unset; }
  .contact-wrapper .contact-form .file-upload .btn {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto !important;
    min-height: 40px; }
  .contact-wrapper .contact-form .file-display .file-display-name {
    margin-right: 0.5em; }
  .contact-wrapper .contact-form .form-buttons ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .contact-wrapper .contact-form .form-buttons ul li + li {
      margin-left: 15px; }
  .contact-wrapper .contact-form .submit-inner {
    text-align: center; }
    .contact-wrapper .contact-form .submit-inner .icon {
      width: 125px;
      height: 125px;
      background-color: #f1f1f1; }
    .contact-wrapper .contact-form .submit-inner .content {
      margin-top: 25px; }
      .contact-wrapper .contact-form .submit-inner .content .tt {
        font-size: 30px; }
      .contact-wrapper .contact-form .submit-inner .content .txt {
        margin-top: 30px;
        line-height: 2; }
      .contact-wrapper .contact-form .submit-inner .content .button {
        margin-top: 50px; }
@media screen and (min-width: 480px), print {
  .contact-wrapper .contact-form .form-main .form-row + .form-row.for-policy {
    margin-top: 40px; }
  .contact-wrapper .contact-form .form-main .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .contact-wrapper .contact-form .form-main .form-group:not(.ai-center) {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .contact-wrapper .contact-form .form-main .form-group .form-label, .contact-wrapper .contact-form .form-main .form-group .form-control, .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle, .contact-wrapper .contact-form .form-main .form-group select.custom-select {
      min-height: 60px; }
    .contact-wrapper .contact-form .form-main .form-group .form-field {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; } }
@media screen and (orientation: landscape) {
  .contact-wrapper .contact-form.for-submit {
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important; } }
@media screen and (min-width: 768px), print {
  .contact-wrapper .contact-info {
    line-height: 2; }
    .contact-wrapper .contact-info p + p {
      margin-top: 10px; }
  .contact-wrapper .contact-form {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); }
    .contact-wrapper .contact-form.for-submit {
      -moz-transform: none !important;
      -o-transform: none !important;
      -ms-transform: none !important;
      -webkit-transform: none !important;
      transform: none !important; } }
@media screen and (min-width: 992px), print {
  .contact-wrapper {
    padding-bottom: 75px; }
    .contact-wrapper .contact-form {
      margin-top: 90px; }
      .contact-wrapper .contact-form .form-note {
        font-size: 18px; }
        .contact-wrapper .contact-form .form-note:lang(en) {
          font-size: 16px; }
      .contact-wrapper .contact-form .form-main .form-group .form-control, .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle, .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu, .contact-wrapper .contact-form .form-main .form-group select.custom-select {
        font-size: 18px; }
        .contact-wrapper .contact-form .form-main .form-group .form-control:lang(en), .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-toggle:lang(en), .contact-wrapper .contact-form .form-main .form-group .bootstrap-select > .dropdown-menu:lang(en), .contact-wrapper .contact-form .form-main .form-group select.custom-select:lang(en) {
          font-size: 16px; }
      .contact-wrapper .contact-form .form-main .form-group .bootstrap-select ul.dropdown-menu {
        font-size: 18px; }
        .contact-wrapper .contact-form .form-main .form-group .bootstrap-select ul.dropdown-menu:lang(en) {
          font-size: 16px; }
      .contact-wrapper .contact-form .form-main .form-group .form-label {
        width: 90px;
        margin-right: 25px; }
        .contact-wrapper .contact-form .form-main .form-group .form-label .form-label-txt {
          font-size: 18px; }
        .contact-wrapper .contact-form .form-main .form-group .form-label:lang(en) {
          width: 200px;
          margin-right: 15px; }
          .contact-wrapper .contact-form .form-main .form-group .form-label:lang(en) .form-label-txt {
            font-size: 16px; }
      .contact-wrapper .contact-form .form-main .form-group .form-field {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .contact-wrapper .contact-form .form-main .form-group .form-field .form-element {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; } }
@media screen and (min-width: 1200px), print {
  .contact-wrapper .contact-form.for-submit {
    padding: 18.215vh 25px 25vh; }
  .contact-wrapper .contact-form .form-main .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .contact-wrapper .contact-form .form-main .form-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .contact-wrapper .contact-form .form-main .form-group + .form-group {
      margin-left: 25px; }
    .contact-wrapper .contact-form .form-main .form-group .form-field .form-element + .form-element {
      -webkit-box-flex: auto;
      -ms-flex: auto;
      flex: auto;
      width: calc(50% + 45px);
      max-width: calc(50% + 45px);
      margin-left: 25px; } }
@media screen and (min-width: 1600px), print {
  .contact-wrapper .contact-form {
    padding: 80px 120px; }
    .contact-wrapper .contact-form .form-main {
      margin-top: 80px; }
    .contact-wrapper .contact-form .form-buttons {
      margin-top: 90px; } }
@media screen and (max-width: 1599px) and (min-width: 768px) {
  .contact-wrapper .contact-form {
    padding: 50px; }
    .contact-wrapper .contact-form .form-main, .contact-wrapper .contact-form .form-buttons {
      margin-top: 50px; } }
@media screen and (max-width: 1199px) {
  .contact-wrapper .contact-form .form-group + .form-group {
    margin-top: 20px; } }
@media screen and (max-width: 1199px) and (min-width: 992px) {
  .contact-wrapper .contact-form .form-group .form-field .form-element + .form-element {
    margin-left: 20px; } }
@media screen and (max-width: 991px) {
  .contact-wrapper {
    padding-bottom: 50px; }
    .contact-wrapper .contact-form {
      margin-top: 50px; }
      .contact-wrapper .contact-form .form-group .form-label {
        width: 80px;
        margin-right: 20px; }
        .contact-wrapper .contact-form .form-group .form-label:lang(en) {
          width: 165px; }
      .contact-wrapper .contact-form .form-group .form-field .form-element + .form-element {
        margin-top: 10px; }
      .contact-wrapper .contact-form .form-row.for-code .form-group .form-field {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .contact-wrapper .contact-form .form-row.for-code .form-group .form-field .form-element + .form-element {
          margin-top: 0;
          margin-left: 10px; }
        .contact-wrapper .contact-form .form-row.for-code .form-group .form-field .form-element:not(.for-code-img) {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; }
        .contact-wrapper .contact-form .form-row.for-code .form-group .form-field .form-element.for-code-img {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
      .contact-wrapper .contact-form .file-upload .txt {
        display: block;
        margin-top: 10px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .contact-wrapper .contact-form {
    margin-top: 35px;
    padding: 50px 25px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
    .contact-wrapper .contact-form .form-main {
      margin: 50px 0; } }
@media screen and (max-width: 767px) {
  .contact-wrapper .contact-form .form-note {
    text-align: left; }
  .contact-wrapper .contact-form .submit-inner .icon {
    width: 100px;
    height: 100px; }
    .contact-wrapper .contact-form .submit-inner .icon img {
      width: 40px; }
  .contact-wrapper .contact-form .submit-inner .content .tt {
    font-size: 25px; }
  .contact-wrapper .contact-form .submit-inner .content .txt {
    margin-top: 20px;
    line-height: 1.5; }
  .contact-wrapper .contact-form .submit-inner .content .button {
    margin-top: 25px; } }
@media screen and (max-width: 479px) {
  .contact-wrapper {
    padding-bottom: 25px; }
    .contact-wrapper .contact-form {
      margin-top: 25px;
      padding: 25px 20px;
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
      .contact-wrapper .contact-form.for-submit {
        padding: 35px 20px; }
      .contact-wrapper .contact-form .form-main {
        margin: 25px 0; }
        .contact-wrapper .contact-form .form-main .form-row + .form-row.for-policy {
          margin-top: 30px; }
        .contact-wrapper .contact-form .form-main .form-row.for-policy .form-group .form-label {
          display: none; }
        .contact-wrapper .contact-form .form-main .form-group .form-label {
          width: 100%;
          margin-bottom: 10px;
          margin-right: 0; }
        .contact-wrapper .contact-form .form-main .form-group .form-field .form-element + .form-element {
          margin-top: 5px; }
      .contact-wrapper .contact-form .form-buttons ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .contact-wrapper .contact-form .form-buttons ul li + li {
          margin-left: 10px; }
      .contact-wrapper .contact-form .form-buttons .btn {
        width: 100%;
        min-width: 100%; }
      .contact-wrapper .contact-form .submit-inner .icon {
        width: 75px;
        height: 75px; }
        .contact-wrapper .contact-form .submit-inner .icon img {
          width: 35px; }
      .contact-wrapper .contact-form .submit-inner .content .tt {
        font-size: 22px; }
      .contact-wrapper .contact-form .submit-inner .content .txt {
        margin-top: 15px; }
      .contact-wrapper .contact-form .submit-inner .content .button {
        margin-top: 25px; }
        .contact-wrapper .contact-form .submit-inner .content .button .btn {
          width: 150px;
          min-width: 150px; } }
@media screen and (max-width: 413px) {
  .contact-wrapper .contact-form {
    padding: 20px 15px; }
    .contact-wrapper .contact-form .form-main {
      margin: 20px 0; } }

/* -------------------------------------------
 *  stores
 * ------------------------------------------ */
.stores-wrapper {
  padding-bottom: 100px; }
  @media screen and (max-width: 1199px) {
    .stores-wrapper {
      padding-bottom: 75px; } }
  @media screen and (max-width: 767px) {
    .stores-wrapper {
      padding-bottom: 50px; } }
  @media screen and (max-width: 479px) {
    .stores-wrapper {
      padding-bottom: 35px; } }

.stores-section .stores-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .stores-section .stores-head + .stores-primary {
    margin-top: 45px; }
  .stores-section .stores-head .title {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px;
    font-size: 20px;
    font-weight: 500; }
  .stores-section .stores-head::after {
    content: "";
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    height: 1px;
    background-color: #cbcbcb; }
.stores-section .stores-primary ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
.stores-section .stores-primary .list-item .btn {
  background-color: #EEEEEE;
  letter-spacing: 0.05em; }
  .stores-section .stores-primary .list-item .btn:active {
    background-color: #BA000C;
    color: #ffffff; }
@media screen and (hover: hover) and (min-width: 768px), screen and (-ms-high-contrast: none) and (min-width: 768px), print and (hover: hover), print and (-ms-high-contrast: none) {
  .stores-section .stores-primary .list-item .btn {
    -moz-transition-property: background-color, color;
    -o-transition-property: background-color, color;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }
    .stores-section .stores-primary .list-item .btn:hover {
      background-color: #BA000C;
      color: #ffffff; } }

@media screen and (min-width: 1600px), print {
  .stores-section + .stores-section {
    margin-top: 125px; }
  .stores-section .list-item {
    width: calc(20% - 32px); }
    .stores-section .list-item:not(:nth-child(-n+5)) {
      margin-top: 35px; }
    .stores-section .list-item:not(:nth-child(5n+0)) {
      margin-right: 40px; } }
@media screen and (min-width: 1400px), print {
  .stores-section .list-item .btn {
    font-size: 18px; } }
@media screen and (max-width: 1599px) and (min-width: 1200px) {
  .stores-section + .stores-section {
    margin-top: 100px; }
  .stores-section .list-item {
    width: calc(20% - 20px); }
    .stores-section .list-item:not(:nth-child(-n+5)) {
      margin-top: 25px; }
    .stores-section .list-item:not(:nth-child(5n+0)) {
      margin-right: 25px; } }
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .stores-section + .stores-section {
    margin-top: 75px; }
  .stores-section .list-item {
    width: calc(25% - 75px/4); }
    .stores-section .list-item:not(:nth-child(-n+4)) {
      margin-top: 25px; }
    .stores-section .list-item:not(:nth-child(4n+0)) {
      margin-right: 25px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .stores-section + .stores-section {
    margin-top: 50px; }
  .stores-section .stores-head + .stores-primary {
    margin-top: 30px; }
  .stores-section .list-item {
    width: calc(50% - 10px); }
    .stores-section .list-item:not(:nth-child(-n+2)) {
      margin-top: 20px; }
    .stores-section .list-item:not(:nth-child(2n+0)) {
      margin-right: 20px; } }
@media screen and (max-width: 479px) {
  .stores-section + .stores-section {
    margin-top: 35px; }
  .stores-section .stores-head + .stores-primary {
    margin-top: 20px; }
  .stores-section .stores-head .title {
    margin-right: 20px;
    font-size: 17px; }
  .stores-section .list-item {
    width: calc(50% - 5px); }
    .stores-section .list-item:not(:nth-child(-n+2)) {
      margin-top: 10px; }
    .stores-section .list-item:not(:nth-child(2n+0)) {
      margin-right: 10px; }
    .stores-section .list-item .btn {
      font-size: 15px; } }
@media screen and (max-width: 339px) {
  .stores-section .list-item .btn {
    font-size: 14px; } }

/* -------------------------------------------
 *  EDM
 * ------------------------------------------ */
.edm-wrapper .primary-main .qa-list.for-a {
  display: none; }
@media screen and (min-width: 1600px), print {
  .edm-wrapper .primary-inner {
    padding-bottom: 120px; } }
@media screen and (min-width: 1400px), print {
  .edm-wrapper .primary-main {
    margin-top: 20px; } }
@media screen and (max-width: 1599px) and (min-width: 768px) {
  .edm-wrapper .primary-inner {
    padding-bottom: 75px; } }
@media screen and (max-width: 1199px) and (min-width: 480px) {
  .edm-wrapper .primary-inner {
    margin-top: 50px; } }
@media screen and (max-width: 767px) and (min-width: 480px) {
  .edm-wrapper .primary-inner {
    padding-bottom: 50px; } }
@media screen and (max-width: 479px) {
  .edm-wrapper .primary-inner {
    width: 100%; } }

.edm-editor .mt-40 {
  margin-top: 40px; }
.edm-editor .mt-50 {
  margin-top: 50px; }
.edm-editor .mt-65 {
  margin-top: 65px; }
.edm-editor .mt-80 {
  margin-top: 80px; }
.edm-editor .mt-90 {
  margin-top: 90px; }
.edm-editor .mt-100 {
  margin-top: 100px; }
.edm-editor .mt-115 {
  margin-top: 115px; }
.edm-editor .mt-135 {
  margin-top: 135px; }
@media screen and (max-width: 1599px) {
  .edm-editor .mt-65, .edm-editor .mt-80, .edm-editor .mt-90 {
    margin-top: 50px; }
  .edm-editor .mt-100, .edm-editor .mt-115 {
    margin-top: 75px; }
  .edm-editor .mt-135 {
    margin-top: 100px; } }
@media screen and (max-width: 767px) {
  .edm-editor .mt-40, .edm-editor .mt-50 {
    margin-top: 35px; } }
@media screen and (max-width: 479px) {
  .edm-editor .mt-40, .edm-editor .mt-50 {
    margin-top: 25px; }
  .edm-editor .mt-65, .edm-editor .mt-80, .edm-editor .mt-90 {
    margin-top: 35px; }
  .edm-editor .mt-100, .edm-editor .mt-115 {
    margin-top: 35px; } }
.edm-editor .bg-gray {
  background-color: #F6F6F6; }
.edm-editor .edm-section {
  text-align: center; }
  .edm-editor .edm-section.padding {
    padding: 85px 0 65px; }
  @media screen and (min-width: 480px), print {
    .edm-editor .edm-section.border-bottom {
      border-bottom: 1px solid #E1E1E1; } }
  @media screen and (min-width: 1600px), print {
    .edm-editor .edm-section.border-bottom {
      padding-bottom: 135px; } }
  @media screen and (max-width: 1599px) and (min-width: 992px) {
    .edm-editor .edm-section.padding {
      padding: 50px 0; }
    .edm-editor .edm-section.border-bottom {
      padding-bottom: 100px; } }
  @media screen and (max-width: 991px) and (min-width: 768px) {
    .edm-editor .edm-section.padding {
      padding: 50px; }
    .edm-editor .edm-section.border-bottom {
      padding-bottom: 75px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .edm-editor .edm-section.padding {
      padding: 50px 25px; }
    .edm-editor .edm-section.border-bottom {
      padding-bottom: 50px; } }
  @media screen and (max-width: 479px) {
    .edm-editor .edm-section {
      padding-left: 20px;
      padding-right: 20px; }
      .edm-editor .edm-section[class*="mt-"] {
        margin-top: 7.5px; }
        .edm-editor .edm-section[class*="mt-"].bg-gray {
          margin-top: 0; }
          .edm-editor .edm-section[class*="mt-"].bg-gray + .edm-section {
            margin-top: 0; }
      .edm-editor .edm-section.padding {
        padding: 35px 20px; } }
  @media screen and (max-width: 413px) {
    .edm-editor .edm-section {
      padding-left: 15px;
      padding-right: 15px; }
      .edm-editor .edm-section.padding {
        padding: 35px 15px; } }
  .edm-editor .edm-section .section-inner {
    max-width: 925px;
    margin: 0 auto; }
    @media screen and (min-width: 992px), print {
      .edm-editor .edm-section .section-inner {
        width: calc(100% - 100px); } }
  .edm-editor .edm-section .title {
    font-weight: 700; }
    .edm-editor .edm-section .title.ff-courier {
      font-weight: 400;
      letter-spacing: -0.025em;
      line-height: 0.75; }
    .edm-editor .edm-section .title.f22 {
      font-size: calc(18px + 0.215vw); }
    .edm-editor .edm-section .title.f24 {
      font-size: calc(18px + 0.3125vw); }
    .edm-editor .edm-section .title.f28 {
      font-size: calc(18px + 0.515vw); }
    .edm-editor .edm-section .title.f32 {
      font-size: calc(20px + .625vw); }
    .edm-editor .edm-section .title.f45 {
      font-size: calc(22px + 1.2vw); }
  .edm-editor .edm-section .content {
    color: rgba(0, 0, 0, 0.55);
    line-height: 2; }
    .edm-editor .edm-section .content .title {
      margin-bottom: 0.75em;
      line-height: 1.5;
      color: rgba(0, 0, 0, 0.9); }
    @media screen and (max-width: 479px) {
      .edm-editor .edm-section .content {
        line-height: 1.75; } }
  .edm-editor .edm-section .section-head, .edm-editor .edm-section .section-head .section-head-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .edm-editor .edm-section .section-head .section-head-inner {
    text-align: center;
    line-height: 1.15; }
    .edm-editor .edm-section .section-head .section-head-inner .title, .edm-editor .edm-section .section-head .section-head-inner .txt {
      padding: 0 0.75em; }
    .edm-editor .edm-section .section-head .section-head-inner .title {
      order: 1; }
    .edm-editor .edm-section .section-head .section-head-inner .txt {
      order: 3;
      font-size: 24px;
      letter-spacing: 0.025em; }
    .edm-editor .edm-section .section-head .section-head-inner::before {
      content: "";
      order: 2;
      display: block;
      width: 100%;
      height: 2px;
      margin: 20px 0;
      background-color: currentColor; }
    @media screen and (max-width: 767px) {
      .edm-editor .edm-section .section-head .section-head-inner .txt {
        font-size: 20px; }
      .edm-editor .edm-section .section-head .section-head-inner::before {
        margin: 15px 0; } }
    @media screen and (max-width: 479px) {
      .edm-editor .edm-section .section-head .section-head-inner .txt {
        font-size: 18px; }
      .edm-editor .edm-section .section-head .section-head-inner::before {
        margin: 12.5px 0; } }
  .edm-editor .edm-section .pic-wrapper:not(.full-width) img {
    width: auto !important;
    display: inline-block;
    vertical-align: top; }
  .edm-editor .edm-section .pic-wrapper.full-width img {
    display: block;
    width: 100% !important; }
  @media screen and (max-width: 991px) and (min-width: 480px) {
    .edm-editor .edm-section .pic-wrapper.full-width {
      margin-left: -50px;
      margin-right: -50px; } }
  @media screen and (max-width: 767px) and (min-width: 480px) {
    .edm-editor .edm-section .pic-wrapper.full-width {
      margin-left: -25px;
      margin-right: -25px; } }
  @media screen and (max-width: 479px) {
    .edm-editor .edm-section .pic-wrapper.full-width {
      margin-left: -20px;
      margin-right: -20px; }
      .edm-editor .edm-section .pic-wrapper.full-width.mt-40 {
        margin-top: 35px; } }
  @media screen and (max-width: 413px) {
    .edm-editor .edm-section .pic-wrapper.full-width {
      margin-left: -15px;
      margin-right: -15px; } }
  .edm-editor .edm-section .composing-wrapper .list {
    text-align: left; }
    .edm-editor .edm-section .composing-wrapper .list .list-item + .list-item {
      border-top: 1px solid #E1E1E1; }
    .edm-editor .edm-section .composing-wrapper .list .list-item .title {
      line-height: 1.15;
      color: rgba(0, 0, 0, 0.9); }
    .edm-editor .edm-section .composing-wrapper .list .list-item .txt {
      margin-top: 15px;
      color: rgba(0, 0, 0, 0.55); }
    .edm-editor .edm-section .composing-wrapper .list.has-checkmark .list-item {
      padding-left: 35px; }
      .edm-editor .edm-section .composing-wrapper .list.has-checkmark .list-item .title {
        position: relative; }
        .edm-editor .edm-section .composing-wrapper .list.has-checkmark .list-item .title::before {
          content: "";
          position: absolute;
          top: 0.075em;
          left: -35px;
          display: block;
          font-family: "icomoon";
          line-height: 1;
          color: #999999; }
  @media screen and (min-width: 1600px), print {
    .edm-editor .edm-section .composing-wrapper .list.has-checkmark .list-item + .list-item {
      margin-top: 30px;
      padding-top: 30px; }
    .edm-editor .edm-section .composing-wrapper .list.has-bulletpoint .list-item + .list-item {
      margin-top: 42.5px;
      padding-top: 42.5px; } }
  @media screen and (max-width: 1599px) {
    .edm-editor .edm-section .composing-wrapper .list .list-item + .list-item {
      margin-top: 25px;
      padding-top: 25px; } }
  @media screen and (min-width: 768px), print {
    .edm-editor .edm-section .composing-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .edm-editor .edm-section .composing-wrapper .pic {
        -webkit-flex-shrink: 0;
        -moz-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        .edm-editor .edm-section .composing-wrapper .pic:not(.aos-animate) {
          -moz-transform: translate3d(-100px, 0, 0);
          -o-transform: translate3d(-100px, 0, 0);
          -ms-transform: translate3d(-100px, 0, 0);
          -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0); } }
  @media screen and (min-width: 1200px), print {
    .edm-editor .edm-section .composing-wrapper .pic {
      width: calc(50% - 5px); }
    .edm-editor .edm-section .composing-wrapper .list {
      width: calc(50% - 45px); } }
  @media screen and (max-width: 1199px) and (min-width: 768px) {
    .edm-editor .edm-section .composing-wrapper .pic {
      width: 40%; }
    .edm-editor .edm-section .composing-wrapper .list {
      width: calc(60% - 25px); } }
  @media screen and (max-width: 767px) {
    .edm-editor .edm-section .composing-wrapper > div + div {
      margin-top: 50px; } }
  @media screen and (max-width: 479px) {
    .edm-editor .edm-section .composing-wrapper > div + div {
      margin-top: 35px; }
    .edm-editor .edm-section .composing-wrapper .list.has-checkmark .list-item {
      padding-left: 30px; }
      .edm-editor .edm-section .composing-wrapper .list.has-checkmark .list-item .title::before {
        left: -30px; } }
  .edm-editor .edm-section .edmpd-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .edm-editor .edm-section .edmpd-wrapper .info {
      text-align: left; }
      .edm-editor .edm-section .edmpd-wrapper .info .section-head, .edm-editor .edm-section .edmpd-wrapper .info .section-head .section-head-inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
      .edm-editor .edm-section .edmpd-wrapper .info .section-head .section-head-inner {
        text-align: left; }
        .edm-editor .edm-section .edmpd-wrapper .info .section-head .section-head-inner .title, .edm-editor .edm-section .edmpd-wrapper .info .section-head .section-head-inner .txt {
          padding-left: 0; }
        .edm-editor .edm-section .edmpd-wrapper .info .section-head .section-head-inner .en {
          order: 4;
          margin-top: 40px;
          font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
          font-size: 30px;
          font-weight: 500;
          text-transform: uppercase;
          line-height: 1.35; }
      .edm-editor .edm-section .edmpd-wrapper .info .detail {
        margin-top: 25px;
        color: rgba(0, 0, 0, 0.55);
        line-height: 2; }
      .edm-editor .edm-section .edmpd-wrapper .info .button {
        margin-top: 45px; }
        .edm-editor .edm-section .edmpd-wrapper .info .button .btn {
          padding: 0 25px; }
    @media screen and (min-width: 768px), print {
      .edm-editor .edm-section .edmpd-wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
        .edm-editor .edm-section .edmpd-wrapper .pic {
          -webkit-flex-shrink: 0;
          -moz-flex-shrink: 0;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
        .edm-editor .edm-section .edmpd-wrapper:nth-child(odd) {
          /*.info
           * &:not(.aos-animate)
           *   +translate3d(-100px,0,0) */ }
          .edm-editor .edm-section .edmpd-wrapper:nth-child(odd) .pic:not(.aos-animate) {
            -moz-transform: translate3d(100px, 0, 0);
            -o-transform: translate3d(100px, 0, 0);
            -ms-transform: translate3d(100px, 0, 0);
            -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0); }
        .edm-editor .edm-section .edmpd-wrapper:nth-child(even) {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
          /*.info
           * &:not(.aos-animate)
           *   +translate3d(100px,0,0) */ }
          .edm-editor .edm-section .edmpd-wrapper:nth-child(even) .pic:not(.aos-animate) {
            -moz-transform: translate3d(-100px, 0, 0);
            -o-transform: translate3d(-100px, 0, 0);
            -ms-transform: translate3d(-100px, 0, 0);
            -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0); } }
    @media screen and (min-width: 1200px), print {
      .edm-editor .edm-section .edmpd-wrapper .info {
        width: calc(50% - 20px); }
      .edm-editor .edm-section .edmpd-wrapper .pic {
        width: calc(50% - 10px); } }
    @media screen and (max-width: 1199px) and (min-width: 768px) {
      .edm-editor .edm-section .edmpd-wrapper .info {
        width: calc(65% - 25px); }
      .edm-editor .edm-section .edmpd-wrapper .pic {
        width: 35%; } }
    @media screen and (max-width: 991px) {
      .edm-editor .edm-section .edmpd-wrapper .info .section-head .section-head-inner .en {
        margin-top: 25px;
        font-size: 20px; } }
    @media screen and (max-width: 767px) {
      .edm-editor .edm-section .edmpd-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
        .edm-editor .edm-section .edmpd-wrapper .info {
          margin-top: 25px; }
          .edm-editor .edm-section .edmpd-wrapper .info .button {
            margin-top: 25px; }
        .edm-editor .edm-section .edmpd-wrapper .pic:not(.aos-animate) {
          -moz-transform: translate3d(0, 100px, 0);
          -o-transform: translate3d(0, 100px, 0);
          -ms-transform: translate3d(0, 100px, 0);
          -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0); } }
    @media screen and (max-width: 479px) {
      .edm-editor .edm-section .edmpd-wrapper .info .section-head .section-head-inner .en {
        margin-top: 15px; }
      .edm-editor .edm-section .edmpd-wrapper .info .detail {
        margin-top: 15px;
        line-height: 1.75; } }
  .edm-editor .edm-section .qa-list.for-q {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .edm-editor .edm-section .qa-list.for-a {
    margin-top: 50px; }
    .edm-editor .edm-section .qa-list.for-a .qa-item + .qa-item {
      margin-top: 50px; }
  @media screen and (min-width: 1600px), print {
    .edm-editor .edm-section .qa-list.for-q .qa-item {
      width: calc(25% - 150px/4); }
      .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(-n+4)) {
        margin-top: 50px; }
      .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(4n+0)) {
        margin-right: 50px; } }
  @media screen and (max-width: 1599px) and (min-width: 1400px) {
    .edm-editor .edm-section .qa-list.for-q .qa-item {
      width: calc(25% - 75px/4); }
      .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(-n+4)) {
        margin-top: 50px; }
      .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(4n+0)) {
        margin-right: 25px; } }
  @media screen and (max-width: 1399px) and (min-width: 768px) {
    .edm-editor .edm-section .qa-list.for-q .qa-item {
      width: calc(25% - 45px/4); }
      .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(-n+4)) {
        margin-top: 35px; }
      .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(4n+0)) {
        margin-right: 15px; } }
  @media screen and (max-width: 767px) {
    .edm-editor .edm-section .qa-list.for-q {
      max-width: 485px;
      margin-left: auto;
      margin-right: auto; }
      .edm-editor .edm-section .qa-list.for-q .qa-item {
        width: calc(50% - 25px/2); }
        .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(-n+2)) {
          margin-top: 25px; }
        .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(2n+0)) {
          margin-right: 25px; } }
  @media screen and (max-width: 479px) {
    .edm-editor .edm-section .qa-list.for-q .qa-item {
      width: calc(50% - 10px); }
      .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(2n+0)) {
        margin-right: 20px; } }
  @media screen and (max-width: 339px) {
    .edm-editor .edm-section .qa-list.for-q .qa-item {
      width: calc(50% - 5px); }
      .edm-editor .edm-section .qa-list.for-q .qa-item:not(:nth-child(2n+0)) {
        margin-right: 10px; } }
  .edm-editor .edm-section .ingredient-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (min-width: 480px), print {
      .edm-editor .edm-section .ingredient-list ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media screen and (max-width: 479px) {
      .edm-editor .edm-section .ingredient-list ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
  .edm-editor .edm-section .ingredient-list .list-item .pic {
    overflow: hidden;
    border-radius: 50%;
    max-width: 175px;
    margin: 0 auto; }
  .edm-editor .edm-section .ingredient-list .list-item .caption {
    margin-top: 50px;
    line-height: 1.5; }
    .edm-editor .edm-section .ingredient-list .list-item .caption .title {
      font-size: 18px; }
    .edm-editor .edm-section .ingredient-list .list-item .caption .txt {
      margin-top: 0.5em;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.55); }
  @media screen and (min-width: 1600px), print {
    .edm-editor .edm-section .ingredient-list .list-item {
      width: 20%; }
      .edm-editor .edm-section .ingredient-list .list-item:not(:nth-child(-n+5)) {
        margin-top: 65px; } }
  @media screen and (max-width: 1599px) and (min-width: 768px) {
    .edm-editor .edm-section .ingredient-list .list-item {
      width: calc(20% - 16px); }
      .edm-editor .edm-section .ingredient-list .list-item:not(:nth-child(-n+5)) {
        margin-top: 50px; }
      .edm-editor .edm-section .ingredient-list .list-item:not(:nth-child(5n+0)) {
        margin-right: 20px; } }
  @media screen and (max-width: 1399px) {
    .edm-editor .edm-section .ingredient-list .list-item .caption {
      margin-top: 35px; }
      .edm-editor .edm-section .ingredient-list .list-item .caption .title {
        font-size: 16px; }
      .edm-editor .edm-section .ingredient-list .list-item .caption .txt {
        font-size: 14px; } }
  @media screen and (max-width: 1199px) {
    .edm-editor .edm-section .ingredient-list .list-item .caption .title {
      font-size: 18px; }
    .edm-editor .edm-section .ingredient-list .list-item .caption .txt {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .edm-editor .edm-section .ingredient-list ul {
      max-width: 440px;
      margin-left: auto;
      margin-right: auto; }
    .edm-editor .edm-section .ingredient-list .list-item {
      width: calc(50% - 10px); }
      .edm-editor .edm-section .ingredient-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 35px; }
      .edm-editor .edm-section .ingredient-list .list-item:not(:nth-child(2n+0)) {
        margin-right: 20px; } }
  @media screen and (max-width: 479px) {
    .edm-editor .edm-section .ingredient-list .list-item .caption {
      margin-top: 20px; }
      .edm-editor .edm-section .ingredient-list .list-item .caption .txt {
        font-size: 15px; } }
  @media screen and (max-width: 339px) {
    .edm-editor .edm-section .ingredient-list .list-item {
      width: calc(50% - 5px); }
      .edm-editor .edm-section .ingredient-list .list-item:not(:nth-child(-n+2)) {
        margin-top: 35px; }
      .edm-editor .edm-section .ingredient-list .list-item:not(:nth-child(2n+0)) {
        margin-right: 10px; }
      .edm-editor .edm-section .ingredient-list .list-item .caption {
        margin-top: 15px; }
        .edm-editor .edm-section .ingredient-list .list-item .caption .title {
          font-size: 16px; }
        .edm-editor .edm-section .ingredient-list .list-item .caption .txt {
          font-size: 14px; } }
@media screen and (max-width: 1599px) and (min-width: 1300px) {
  .edm-editor .step-list .list-item {
    width: 20%;
    margin: 0; }
    .edm-editor .step-list .list-item::after {
      display: block; }
    .edm-editor .step-list .list-item:not(:nth-child(-n+5)) {
      margin-top: 40px; }
    .edm-editor .step-list .list-item:nth-child(5n+0)::after, .edm-editor .step-list .list-item:last-child::after {
      display: none; } }
@media screen and (max-width: 1299px) and (min-width: 1200px) {
  .edm-editor .step-list .list-item {
    width: 25%;
    margin: 0; }
    .edm-editor .step-list .list-item::after {
      display: block; }
    .edm-editor .step-list .list-item:not(:nth-child(-n+4)) {
      margin-top: 40px; }
    .edm-editor .step-list .list-item:nth-child(4n+0)::after, .edm-editor .step-list .list-item:last-child::after {
      display: none; } }

.edm-qa-style .qa-q {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.35);
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.35); }
  .edm-qa-style .qa-q::before {
    content: "";
    display: block;
    padding-bottom: 100%;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    -moz-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out; }
  .edm-qa-style .qa-q .qa-q-inner {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: inherit;
    border-radius: 50%;
    color: #ffffff;
    -moz-transition: text-shadow 0.3s ease;
    -o-transition: text-shadow 0.3s ease;
    -webkit-transition: text-shadow 0.3s ease;
    transition: text-shadow 0.3s ease; }
  .edm-qa-style .qa-q .tt {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.05em; }
  .edm-qa-style .qa-q .txt {
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: 0.05em; }
  .edm-qa-style .qa-q:hover::before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .edm-qa-style .qa-q:hover .qa-q-inner {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.75); }
.edm-qa-style .qa-a {
  text-align: left; }
  .edm-qa-style .qa-a > div {
    padding-left: 20px;
    padding-right: 20px; }
    .edm-qa-style .qa-a > div::before {
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      display: block;
      width: 45px;
      margin-right: 10px;
      font-family: "Manrope", "Heiti TC", "Microsoft JhengHei", sans-serif;
      font-size: 30px;
      font-weight: 600;
      line-height: 1.45; }
  .edm-qa-style .qa-a .qa-a-head .qa-a-head-txt {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.9); }
  .edm-qa-style .qa-a .qa-a-head::before {
    content: "Q :";
    color: #BA000C; }
  .edm-qa-style .qa-a .qa-a-content {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f6f6f6;
    border-radius: 10px; }
    .edm-qa-style .qa-a .qa-a-content .qa-a-content-txt {
      color: rgba(0, 0, 0, 0.55);
      line-height: 2; }
    .edm-qa-style .qa-a .qa-a-content::before {
      content: "A :";
      color: rgba(0, 0, 0, 0.9); }
@media screen and (max-width: 1599px) and (min-width: 1400px) {
  .edm-qa-style .qa-q .tt {
    font-size: 25px; }
  .edm-qa-style .qa-q .txt {
    font-size: 16px; } }
@media screen and (max-width: 1399px) and (min-width: 768px) {
  .edm-qa-style .qa-q .tt {
    font-size: 20px; }
  .edm-qa-style .qa-q .txt {
    margin-top: 5px;
    font-size: 14px; } }
@media screen and (min-width: 480px), print {
  .edm-qa-style .qa-a > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .edm-qa-style .qa-a .qa-a-head .qa-a-head-txt {
    margin-top: 7.5px; } }
@media screen and (max-width: 479px) {
  .edm-qa-style .qa-q .tt {
    font-size: 20px; }
  .edm-qa-style .qa-q .txt {
    margin-top: 5px;
    font-size: 14px; }
  .edm-qa-style .qa-a {
    text-align: left; }
    .edm-qa-style .qa-a > div::before {
      float: left;
      width: 30px;
      margin-right: 5px;
      font-size: 20px;
      line-height: 1; }
    .edm-qa-style .qa-a .qa-a-head::before {
      margin-top: 3px; }
    .edm-qa-style .qa-a .qa-a-head .qa-a-head-txt {
      font-size: 18px; }
    .edm-qa-style .qa-a .qa-a-content {
      margin-top: 10px;
      padding-top: 20px;
      padding-bottom: 20px;
      border-radius: 5px; }
      .edm-qa-style .qa-a .qa-a-content::before {
        margin-top: 1px; }
      .edm-qa-style .qa-a .qa-a-content .qa-a-content-txt {
        line-height: 1.75; } }
@media screen and (max-width: 339px) {
  .edm-qa-style .qa-q .tt {
    font-size: 18px; } }

/* -------------------------------------------
 *  newsletter
 * ------------------------------------------ */
@media screen and (min-width: 992px), print {
  .wp[data-id="newsletter"] .main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.newsletter-box {
  width: 100%;
  max-width: 615px;
  padding: 65px 50px 80px;
  background-color: #ffffff;
  text-align: center; }
  .newsletter-box .swal2-header + .title {
    margin-top: 10px; }
  .newsletter-box .title {
    font-size: 30px;
    line-height: 1.15; }
  .newsletter-box .txt {
    margin-top: 40px;
    font-size: 16px; }
  .newsletter-box .textfield {
    display: block;
    width: 100%;
    max-width: 350px;
    height: 45px;
    margin: 50px auto 0;
    padding: 0 15px;
    border: 1px solid #dcdcdc; }
  .newsletter-box .btn {
    margin-top: 50px; }
  @media screen and (max-width: 479px) {
    .newsletter-box {
      padding: 35px 25px;
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
      .newsletter-box .title {
        font-size: 20px; }
      .newsletter-box .txt {
        font-size: 15px; }
      .newsletter-box .txt, .newsletter-box .textfield, .newsletter-box .btn {
        margin-top: 25px; } }

/*# sourceMappingURL=style.css.map */