@charset "UTF-8";
.main-title div:nth-of-type(1), .movie-title span, .modal-content .modal-info .row:not(:last-of-type) .forgetpwd, .modal-content .modal-info .row:not(:last-of-type) .lockpwd, #regist label[for=confirmrule] {
  font-weight: 300;
}

#login .nobr {
  font-weight: 400;
}

nav .sidebar .menu > li:hover .menu-link, nav .sidebar .menu .menu-link.active, nav .sidebar .user-account div.user, .main-title div:nth-of-type(2), .sub-title, .movie-item .list-item > div, .movie-title, .movie-level, .section .actions .actions-btn.active, .section .attention .note, .actionbtn button,
.actionbtn div, .modal-content label, .step-bar .progress li.active, .step-bar .progress li.finished {
  font-weight: 600;
}

@font-face {
  font-family: "Bookman Old Style";
  font-display: swap;
  src: local("Bookman Old Style"), url("../fonts/BOOKOSB.TTF") format("truetype");
  unicode-range: U+0041, U+0042, U+0043, U+0044, U+0045, U+0049, U+004D, U+0043, U+004E, U+0053, U+0052, U+004F, U+0057, U+0059;
}
@font-face {
  font-family: "源泉圓體 R";
  font-display: swap;
  src: local("源泉圓體 R"), url("../fonts/GenSenRoundedTW-R.ttf") format("truetype");
  unicode-range: U+4E00-9FFF, U+3100-312F;
}
@font-face {
  font-family: "EuroStyle";
  font-display: swap;
  src: local("EuroStyle"), url("../fonts/EuroStyle Normal.ttf") format("truetype");
  unicode-range: U+00-024F, U+00-02AF;
}
@font-face {
  font-family: "Eurostile Extended";
  font-display: swap;
  src: local("Eurostile Extended"), url("../fonts/EurostileExtended-Roman.woff") format("woff"), url("../fonts/EurostileExtended-Roman.woff2") format("woff2"), url("../fonts/EurostileExtended.ttf") format("truetype");
  unicode-range: U+00-024F, U+00-02AF;
}
@font-face {
  font-family: "EurostileBold";
  font-display: swap;
  src: local("EurostileBold"), url("../fonts/EurostileBold.ttf") format("truetype");
  unicode-range: U+00-024F, U+00-02AF;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

header {
  background-image: url(../image/01_index_02_header_700.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-box-shadow: inset 0px -20px 20px #282828;
          box-shadow: inset 0px -20px 20px #282828;
}
@media all and (min-width: 992px) {
  header {
    background-image: url(../image/01_index_02_header.png);
    -webkit-box-shadow: inset 0px -50px 50px #282828;
            box-shadow: inset 0px -50px 50px #282828;
  }
}

nav {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  top: 0;
  left: 0;
  padding: 70px 0;
  z-index: 100;
  -webkit-transition: padding 0.3s linear;
  transition: padding 0.3s linear;
}
@media all and (max-width: 1200px) {
  nav {
    padding: 70px 15px;
  }
}
@media all and (max-width: 991px) {
  nav {
    padding: 0;
  }
}
nav .input-toggler {
  display: none;
}
nav .menu-toggler {
  position: absolute;
  right: 30px;
  top: 20px;
  width: 25px;
  z-index: 1000;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}
@media all and (max-width: 991px) {
  nav .menu-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
nav .menu-toggler .menu-toggler-line {
  width: 100%;
  height: 2px;
  background: #C53932;
  margin: 0 0 5px 0px;
  position: relative;
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
nav .sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
nav .sidebar .nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav .sidebar .nav-brand img {
  width: 180px;
}
@media all and (max-width: 1200px) {
  nav .sidebar .nav-brand img {
    width: 160px;
  }
}
@media all and (max-width: 991px) {
  nav .sidebar .nav-brand img {
    width: 140px;
    min-width: 120px;
    margin: 15px 0;
  }
}
@media all and (max-width: 768px) {
  nav .sidebar .nav-brand img {
    width: 120px;
  }
}
nav .sidebar .menu {
  text-align: center;
  display: -webkit-box;
  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;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
nav .sidebar .menu .dropdown-menu {
  width: 100%;
  font-size: 0.9rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: 45px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: visibility 0.5s linear;
  transition: visibility 0.5s linear;
}
@media all and (max-width: 991px) {
  nav .sidebar .menu .dropdown-menu {
    position: unset;
    visibility: visible;
    overflow: unset;
    -webkit-transition: none;
    transition: none;
    font-size: 1rem;
  }
}
nav .sidebar .menu .dropdown-menu li {
  padding: 4px 0;
  margin-bottom: 5px;
  background-color: #818181;
  -webkit-transform: translateY(-150px);
          transform: translateY(-150px);
  -webkit-transition: background-color 0.2s linear, -webkit-transform 0.5s cubic-bezier(0.74, -0.23, 0.4, 0.88);
  transition: background-color 0.2s linear, -webkit-transform 0.5s cubic-bezier(0.74, -0.23, 0.4, 0.88);
  transition: transform 0.5s cubic-bezier(0.74, -0.23, 0.4, 0.88), background-color 0.2s linear;
  transition: transform 0.5s cubic-bezier(0.74, -0.23, 0.4, 0.88), background-color 0.2s linear, -webkit-transform 0.5s cubic-bezier(0.74, -0.23, 0.4, 0.88);
}
@media all and (max-width: 991px) {
  nav .sidebar .menu .dropdown-menu li {
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    background-color: transparent;
  }
}
nav .sidebar .menu .dropdown-menu li:hover {
  background-color: #C53932;
}
@media all and (max-width: 991px) {
  nav .sidebar .menu .dropdown-menu li:first-of-type {
    border-top: 1px solid #C53932;
  }
}
nav .sidebar .menu .dropdown-menu li a {
  display: block;
  color: #fff;
}
nav .sidebar .menu > li {
  width: 16%;
  text-align: center;
  position: relative;
  cursor: default;
}
@media all and (max-width: 991px) {
  nav .sidebar .menu > li {
    width: 150px;
    margin: 0 auto 10px auto;
  }
}
nav .sidebar .menu > li:hover .dropdown-menu {
  visibility: visible;
}
nav .sidebar .menu > li:hover .dropdown-menu li {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
nav .sidebar .menu .menu-link {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  -webkit-transition: color 0.4s ease, font-weight 0.4s ease;
  transition: color 0.4s ease, font-weight 0.4s ease;
}
nav .sidebar .user-account {
  cursor: pointer;
  border: 1px solid #C53932;
  border-radius: 25px;
  z-index: 2;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
nav .sidebar .user-account div {
  display: inline-block;
}
nav .sidebar .user-account div.user {
  padding: 0.6em 1.2em;
  border-radius: 22px;
  color: #fff;
  display: none;
}
nav .sidebar .user-account div.user .user-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 80px;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  margin: 0 5px;
}
nav .sidebar .user-account div.user .svg-icons {
  display: inline-block;
}
nav .sidebar .user-account div.user .svg-icons.i-person {
  width: 25px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 8.8174 22.7357 5.76516 20.4853 3.51472C18.2349 1.26428 15.1826 0 12 0V0ZM14.6 8.77C14.8314 8.77 15.0576 8.83862 15.25 8.96718C15.4424 9.09574 15.5924 9.27847 15.6809 9.49226C15.7695 9.70605 15.7927 9.9413 15.7475 10.1683C15.7024 10.3952 15.5909 10.6037 15.4273 10.7673C15.2637 10.9309 15.0552 11.0424 14.8283 11.0875C14.6013 11.1327 14.3661 11.1095 14.1523 11.0209C13.9385 10.9324 13.7557 10.7824 13.6272 10.59C13.4986 10.3976 13.43 10.1714 13.43 9.94C13.43 9.6297 13.5533 9.3321 13.7727 9.11269C13.9921 8.89327 14.2897 8.77 14.6 8.77V8.77ZM10 8C10.2314 8 10.4576 8.06862 10.65 8.19718C10.8424 8.32574 10.9924 8.50847 11.0809 8.72226C11.1695 8.93605 11.1927 9.1713 11.1475 9.39826C11.1024 9.62521 10.9909 9.83369 10.8273 9.99732C10.6637 10.1609 10.4552 10.2724 10.2283 10.3175C10.0013 10.3627 9.76606 10.3395 9.55227 10.2509C9.33848 10.1624 9.15575 10.0124 9.02719 9.82002C8.89863 9.62761 8.83001 9.4014 8.83001 9.17C8.83001 8.8597 8.95327 8.5621 9.17269 8.34268C9.39211 8.12327 9.6897 8 10 8ZM17 16C16.87 16.07 16.74 16.13 16.62 16.21L15.8 16.58C14.217 17.244 12.4583 17.3635 10.8 16.92C10.0971 16.7127 9.42456 16.4135 8.80001 16.03C8.68001 15.94 8.56001 15.88 8.45001 15.79C8.21844 15.6347 7.99483 15.4678 7.78001 15.29L7.37001 15C6.83833 14.551 6.37659 14.0252 6.00001 13.44C5.95461 13.2946 5.95652 13.1385 6.00545 12.9942C6.05438 12.85 6.14781 12.7249 6.2723 12.6371C6.39679 12.5493 6.54592 12.5032 6.69825 12.5056C6.85058 12.5079 6.99824 12.5584 7.12001 12.65C7.59648 13.2492 8.12888 13.8017 8.71001 14.3C9.61109 15.0599 10.7073 15.5518 11.874 15.7198C13.0407 15.8877 14.2312 15.7249 15.31 15.25C15.8033 15.0465 16.2756 14.7953 16.72 14.5C16.8329 14.4065 16.9716 14.3497 17.1176 14.3371C17.2636 14.3245 17.41 14.3568 17.5371 14.4296C17.6643 14.5025 17.7662 14.6124 17.8293 14.7447C17.8923 14.877 17.9135 15.0253 17.89 15.17C17.82 15.56 17.35 15.82 17 16Z' fill='white'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
  margin-right: 2px;
}
nav .sidebar .user-account div.user .svg-icons.i-menu {
  width: 20px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.62 1.24H16.62C16.7844 1.24 16.9421 1.17468 17.0584 1.05841C17.1747 0.942134 17.24 0.784434 17.24 0.62C17.24 0.455566 17.1747 0.297866 17.0584 0.181594C16.9421 0.0653212 16.7844 0 16.62 0H0.62C0.455566 0 0.297866 0.0653212 0.181594 0.181594C0.0653213 0.297866 0 0.455566 0 0.62C0 0.784434 0.0653213 0.942134 0.181594 1.05841C0.297866 1.17468 0.455566 1.24 0.62 1.24Z' fill='white'/%3E%3Cpath d='M0.62 7.24H16.62C16.7844 7.24 16.9421 7.17468 17.0584 7.05841C17.1747 6.94213 17.24 6.78443 17.24 6.62C17.24 6.45557 17.1747 6.29787 17.0584 6.18159C16.9421 6.06532 16.7844 6 16.62 6H0.62C0.455566 6 0.297866 6.06532 0.181594 6.18159C0.0653212 6.29787 0 6.45557 0 6.62C0 6.78443 0.0653212 6.94213 0.181594 7.05841C0.297866 7.17468 0.455566 7.24 0.62 7.24Z' fill='white'/%3E%3Cpath d='M16.62 13.24H0.62C0.455566 13.24 0.297866 13.1747 0.181594 13.0584C0.0653212 12.9421 0 12.7844 0 12.62C0 12.4556 0.0653212 12.2979 0.181594 12.1816C0.297866 12.0653 0.455566 12 0.62 12H16.62C16.7844 12 16.9421 12.0653 17.0584 12.1816C17.1747 12.2979 17.24 12.4556 17.24 12.62C17.24 12.7844 17.1747 12.9421 17.0584 13.0584C16.9421 13.1747 16.7844 13.24 16.62 13.24Z' fill='white'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}
nav .sidebar .user-account div.user-login {
  display: inline-block;
}
nav .sidebar .user-account div.user-regist {
  display: inline-block;
}
nav .sidebar .user-account div.user-regist a {
  background-color: transparent;
  padding: 8px 20px 8px 10px;
}
@media all and (max-width: 991px) {
  nav .sidebar .user-account div.user-regist a {
    padding: 8px 15px;
  }
}
nav .sidebar .user-account div a {
  display: inline-block;
  padding: 8px 25px;
  background-color: #C53932;
  border-radius: 18px;
}
@media all and (max-width: 991px) {
  nav .sidebar .user-account div a {
    padding: 8px 15px;
    border-radius: 18px;
  }
}
nav .sidebar .user-account div.account-sub {
  display: none;
  text-align: center;
  height: 0;
  overflow: hidden;
  width: 100%;
  -webkit-transition: height 0.3s cubic-bezier(0.6, -0.3, 0.4, 0.88);
  transition: height 0.3s cubic-bezier(0.6, -0.3, 0.4, 0.88);
}
nav .sidebar .user-account div.account-sub hr {
  border-color: #fff;
  background-color: #fff;
  width: 85%;
  margin: 30px auto 20px auto;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
nav .sidebar .user-account div.account-sub a {
  display: block;
  background-color: transparent;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: translate(0px, -5px);
          transform: translate(0px, -5px);
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s linear;
  transition: opacity 0.4s linear, -webkit-transform 0.4s linear;
  transition: transform 0.4s linear, opacity 0.4s linear;
  transition: transform 0.4s linear, opacity 0.4s linear, -webkit-transform 0.4s linear;
  padding: 0 0 15px 0;
}
nav .sidebar .user-account div.account-sub a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
}
nav .sidebar .user-account div.account-sub a:hover::before {
  border-radius: 100%;
  margin-right: 5px;
  margin-bottom: 3px;
  background-color: #5A96C3;
}
nav .sidebar .user-account.-active {
  background-color: #C53932;
}
nav .sidebar .user-account.-active .account-sub {
  height: 190px;
}
nav .sidebar .user-account.-active .account-sub hr {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
nav .sidebar .user-account.-active .account-sub a {
  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1;
}
nav .sidebar .user-account.-active .account-sub a:nth-of-type(1) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
nav .sidebar .user-account.-active .account-sub a:nth-of-type(2) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
nav .sidebar .user-account.-active .account-sub a:nth-of-type(3) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
nav .sidebar .user-account.-leave {
  background-color: transparent;
}
nav .sidebar .user-account.-leave .account-sub {
  -webkit-transition: height 0.3s cubic-bezier(0.6, -0.3, 0.4, 0.88) 1s;
  transition: height 0.3s cubic-bezier(0.6, -0.3, 0.4, 0.88) 1s;
  height: 0;
}
nav .sidebar .user-account.-leave .account-sub hr {
  -webkit-transition: -webkit-transform 0.4s ease 0.9s;
  transition: -webkit-transform 0.4s ease 0.9s;
  transition: transform 0.4s ease 0.9s;
  transition: transform 0.4s ease 0.9s, -webkit-transform 0.4s ease 0.9s;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
}
nav .sidebar .user-account.-leave .account-sub a {
  -webkit-transition: opacity 0.5s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.5s linear, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, opacity 0.5s linear;
  transition: transform 0.3s linear, opacity 0.5s linear, -webkit-transform 0.3s linear;
  -webkit-transform: translate(0px, -5px);
          transform: translate(0px, -5px);
  opacity: 0;
}
nav .sidebar .user-account.-leave .account-sub a:nth-of-type(1) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
nav .sidebar .user-account.-leave .account-sub a:nth-of-type(2) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
nav .sidebar .user-account.-leave .account-sub a:nth-of-type(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
nav .sidebar .user-account.isUser {
  background-color: #C53932;
  border: none;
}
nav .sidebar .user-account.isUser .account-sub {
  position: absolute;
  top: 25px;
  display: block;
  z-index: -2;
  background-color: #C53932;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}
nav .sidebar .user-account.isUser .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav .sidebar .user-account.isUser .user-login,
nav .sidebar .user-account.isUser .user-regist {
  display: none;
}
nav .sidebar .user-account.isUser:hover {
  background-color: #C53932;
}
nav .sidebar .user-account:hover {
  background-color: transparent;
}
@media all and (max-width: 991px) {
  nav .input-toggler ~ .sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler ~ .sidebar .nav-menu {
    -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;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler ~ .sidebar .user-account {
    display: none;
    margin-bottom: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler ~ .sidebar .user-account .account-sub {
    -webkit-transition: none;
    transition: none;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler ~ .sidebar .user-account .account-sub hr {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
    margin: 0 auto 20px auto;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler ~ .sidebar .user-account .account-sub a {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    padding: 0 0 10px 0;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler ~ .sidebar .menu {
    width: 100%;
    z-index: 999;
    display: none;
  }
}
nav .input-toggler ~ .sidebar-overlay {
  position: absolute;
  background-color: #000;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  display: none;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  z-index: 99;
}
@media all and (max-width: 991px) {
  nav .input-toggler:checked ~ .sidebar {
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 20px;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler:checked ~ .sidebar .menu {
    z-index: 999;
    display: block;
    padding-bottom: 20px;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler:checked ~ .sidebar .nav-menu {
    height: 100vh;
    font-size: 1.1rem;
  }
}
@media all and (max-width: 991px) {
  nav .input-toggler:checked ~ .sidebar .user-account {
    z-index: 999;
    display: block;
  }
}
nav .input-toggler:checked ~ .menu-toggler .menu-toggler-line {
  top: 5px;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
nav .input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(2) {
  display: none;
}
nav .input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(3) {
  top: -2px;
  -webkit-transform: translateY(10);
          transform: translateY(10);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
@media all and (max-width: 991px) {
  nav .input-toggler:checked ~ .sidebar-overlay {
    display: block;
    opacity: 1;
  }
}

.ui-datepicker-month,
.ui-datepicker-year {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  background-color: #3a3a3a;
}

.ui-widget-header {
  background: #3a3a3a;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 3px;
}

.ui-widget-header .ui-icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="10" height="13" viewBox="0 0 10 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.286023 7.03462L8.95386 12.8845C9.05389 12.952 9.17095 12.9915 9.29236 12.9988C9.41377 13.006 9.53492 12.9808 9.64267 12.9258C9.75042 12.8707 9.84067 12.788 9.90365 12.6866C9.96664 12.5851 9.99996 12.4688 10 12.3502V0.65042C10.0001 0.531782 9.96685 0.415385 9.90391 0.313844C9.84098 0.212302 9.75073 0.12949 9.64296 0.074381C9.53519 0.019272 9.414 -0.00603138 9.29253 0.00121319C9.17106 0.00845776 9.05394 0.0479739 8.95386 0.115479L0.286023 5.96538C0.197717 6.02546 0.125599 6.10544 0.0758019 6.19852C0.0260045 6.2916 0 6.39502 0 6.5C0 6.60498 0.0260045 6.7084 0.0758019 6.80148C0.125599 6.89456 0.197717 6.97454 0.286023 7.03462V7.03462Z" fill="white"/></svg>');
}

.ui-icon-circle-triangle-e {
  background-position: 0px 2px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ui-icon-circle-triangle-w {
  background-position: 0px 2px;
}

.ui-datepicker-next-hover,
.ui-datepicker-prev-hover {
  background: transparent !important;
  border: 1px solid transparent !important;
  right: 3px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid transparent;
  background: transparent;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid rgba(252, 201, 0, 0.3294117647);
  background: rgba(252, 201, 0, 0.3294117647);
  color: #000;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #DD362B;
  background: #DD362B;
  color: #fff;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body,
html {
  letter-spacing: 1.3px;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  position: relative;
  background-color: #282828;
  line-height: 1.4;
  font-family: "源泉圓體 R", Microsoft JhengHei, Arial, sans-serif;
}
body.no-scroll,
html.no-scroll {
  overflow: hidden;
}
@media all and (min-width: 992px) {
  body,
html {
    font-size: 16px;
  }
}
@media all and (min-width: 769px) and (max-width: 991px) {
  body,
html {
    font-size: 15px;
  }
}

h1,
h2,
p,
h4,
h5,
h6,
span {
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
  color: #fff;
  text-rendering: optimizeLegibility;
}

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

input[type=text],
input[type=password],
input[type=number],
select,
option,
input[type=tel],
input[type=email],
input[type=date] {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border-radius: 5px;
  border: 1px solid #818181;
  background: rgba(235, 235, 235, 0.0941176471);
  color: #fff;
}

button,
input,
optgroup,
select,
textarea {
  line-height: 1.15;
}

/* The container */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.container-checkbox .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background-color: #ccc;
}

.container-checkbox input:checked ~ .checkmark {
  background-color: #C53932;
}

.container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

form {
  width: 100%;
}

select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3315 0.284188C11.5154 0.102129 11.7637 0 12.0224 0C12.2812 0 12.5295 0.102129 12.7134 0.284188C12.8041 0.373589 12.8762 0.480154 12.9255 0.597679C12.9747 0.715204 13 0.841342 13 0.968754C13 1.09617 12.9747 1.2223 12.9255 1.33983C12.8762 1.45735 12.8041 1.56392 12.7134 1.65332L7.19163 7.06485C7.00734 7.24666 6.75888 7.34859 6.5 7.34859C6.24112 7.34859 5.99266 7.24666 5.80837 7.06485L0.286631 1.65332C0.195851 1.56392 0.123758 1.45735 0.0745498 1.33983C0.0253414 1.2223 0 1.09617 0 0.968754C0 0.841342 0.0253414 0.715204 0.0745498 0.597679C0.123758 0.480154 0.195851 0.373589 0.286631 0.284188C0.470502 0.102129 0.718801 0 0.977555 0C1.23631 0 1.48461 0.102129 1.66848 0.284188L6.50212 4.72221L11.3315 0.284188Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
  border-radius: 5px;
  padding: 0 15px;
  width: 100%;
  color: #fff;
  font-family: "源泉圓體 R", Microsoft JhengHei, Arial, sans-serif;
}
select option {
  background: #3a3a3a;
  color: #fff;
  border: 1px solid #818181;
}
select option :hover {
  background-color: transparent;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  background: transparent;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  box-shadow: 0 0 2px 2px rgba(129, 129, 129, 0.337254902);
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  box-shadow: 0 0 2px 2px rgba(129, 129, 129, 0.337254902);
}

ul,
li {
  list-style: none;
  padding: 0;
}

/* other share */
:focus {
  outline-width: 0px;
}

:-moz-focusring {
  outline: 2px dotted rgba(129, 129, 129, 0.337254902);
}

input:focus,
select:focus {
  -webkit-box-shadow: 0 0 2px 2px rgba(129, 129, 129, 0.337254902);
          box-shadow: 0 0 2px 2px rgba(129, 129, 129, 0.337254902);
}

input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 0px 100px #3a3a3a inset;
  -webkit-text-fill-color: #fff;
}

.i-location {
  background: url("data:image/svg+xml,%3Csvg width='40' height='58' viewBox='0 0 40 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C14.6957 0 9.60859 2.10714 5.85786 5.85786C2.10714 9.60859 0 14.6957 0 20C0 35 20 57.14 20 57.14C20 57.14 40 35 40 20C40 14.6957 37.8929 9.60859 34.1421 5.85786C30.3914 2.10714 25.3043 0 20 0ZM20 27.14C18.5878 27.14 17.2074 26.7212 16.0332 25.9367C14.8591 25.1521 13.9439 24.037 13.4035 22.7324C12.8631 21.4277 12.7217 19.9921 12.9972 18.6071C13.2727 17.222 13.9527 15.9498 14.9513 14.9513C15.9498 13.9527 17.222 13.2727 18.6071 12.9972C19.9921 12.7217 21.4277 12.8631 22.7324 13.4035C24.037 13.9439 25.1521 14.8591 25.9367 16.0332C26.7212 17.2074 27.14 18.5878 27.14 20C27.14 20.9376 26.9553 21.8661 26.5965 22.7324C26.2377 23.5986 25.7118 24.3857 25.0487 25.0487C24.3857 25.7118 23.5986 26.2377 22.7324 26.5965C21.8661 26.9553 20.9376 27.14 20 27.14Z' fill='%23C53932'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.i-ticket {
  background: url("data:image/svg+xml,%3Csvg width='34' height='21' viewBox='0 0 34 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 19.12V14.26C33.9964 13.8713 33.8478 13.498 33.5833 13.2131C33.3187 12.9282 32.9574 12.7524 32.57 12.72C31.9696 12.67 31.4096 12.3969 31.0005 11.9545C30.5915 11.5121 30.363 10.9326 30.36 10.33C30.3654 9.72923 30.5951 9.15212 31.0039 8.71184C31.4127 8.27156 31.9713 7.99987 32.57 7.95003C32.9574 7.91766 33.3187 7.74182 33.5833 7.45696C33.8478 7.1721 33.9964 6.79875 34 6.41003V1.55003C34.0014 1.34611 33.9622 1.14396 33.8848 0.955305C33.8073 0.766651 33.6932 0.595252 33.549 0.451056C33.4048 0.306859 33.2334 0.192738 33.0448 0.115313C32.8561 0.0378891 32.654 -0.00129583 32.45 3.26833e-05H24.71C24.2315 -0.000881737 23.7593 0.108626 23.33 0.320033C23.247 0.364672 23.1543 0.388037 23.06 0.388037C22.9658 0.388037 22.873 0.364672 22.79 0.320033C22.3604 0.109639 21.8884 0.000187233 21.41 3.26833e-05H1.55003C1.34611 -0.00129583 1.14396 0.0378891 0.955305 0.115313C0.766651 0.192738 0.595252 0.306859 0.451056 0.451056C0.306859 0.595252 0.192738 0.766651 0.115313 0.955305C0.0378891 1.14396 -0.00129583 1.34611 3.26833e-05 1.55003V6.41003C0.00590629 6.79808 0.155293 7.17019 0.419367 7.45458C0.683441 7.73897 1.04349 7.91547 1.43003 7.95003C2.0236 8.0045 2.57539 8.2788 2.97714 8.71911C3.3789 9.15943 3.60163 9.73397 3.60163 10.33C3.60163 10.9261 3.3789 11.5006 2.97714 11.941C2.57539 12.3813 2.0236 12.6556 1.43003 12.71C1.04179 12.7448 0.680357 12.9227 0.416046 13.2092C0.151734 13.4957 0.00344669 13.8703 3.26833e-05 14.26V19.11C3.26833e-05 19.5211 0.163336 19.9154 0.454017 20.206C0.744699 20.4967 1.13895 20.66 1.55003 20.66H21.42C21.8983 20.6588 22.3701 20.5494 22.8 20.34C22.8812 20.2954 22.9724 20.272 23.065 20.272C23.1577 20.272 23.2488 20.2954 23.33 20.34C23.7597 20.5504 24.2317 20.6599 24.71 20.66H32.45C32.6531 20.6614 32.8544 20.6225 33.0424 20.5457C33.2304 20.4689 33.4014 20.3557 33.5454 20.2125C33.6895 20.0694 33.8038 19.8992 33.8819 19.7117C33.9599 19.5242 34 19.3231 34 19.12ZM23.06 4.91003C22.7302 4.91004 22.4138 4.77972 22.1797 4.54746C21.9455 4.3152 21.8127 3.99982 21.81 3.67003V2.40003C21.8126 2.23587 21.8476 2.07384 21.9128 1.92318C21.978 1.77251 22.0723 1.63618 22.1902 1.52196C22.3082 1.40774 22.4475 1.31787 22.6001 1.25749C22.7528 1.1971 22.9159 1.16739 23.08 1.17003C23.4045 1.17267 23.7148 1.30342 23.9433 1.53381C24.1718 1.76419 24.3 2.07554 24.3 2.40003V3.67003C24.2974 3.99982 24.1645 4.3152 23.9304 4.54746C23.6963 4.77972 23.3798 4.91004 23.05 4.91003H23.06ZM23.06 9.76003C22.7285 9.76003 22.4106 9.62834 22.1761 9.39392C21.9417 9.1595 21.81 8.84155 21.81 8.51003V7.30003C21.81 6.96851 21.9417 6.65057 22.1761 6.41615C22.4106 6.18173 22.7285 6.05003 23.06 6.05003C23.3916 6.05003 23.7095 6.18173 23.9439 6.41615C24.1783 6.65057 24.31 6.96851 24.31 7.30003V8.51003C24.31 8.84155 24.1783 9.1595 23.9439 9.39392C23.7095 9.62834 23.3916 9.76003 23.06 9.76003ZM23.06 14.6C22.7302 14.6 22.4138 14.4697 22.1797 14.2375C21.9455 14.0052 21.8127 13.6898 21.81 13.36V12.14C21.8179 11.8102 21.9558 11.4969 22.1937 11.2684C22.4316 11.0399 22.7502 10.9147 23.08 10.92C23.4028 10.9226 23.7116 11.052 23.9398 11.2803C24.168 11.5085 24.2974 11.8173 24.3 12.14V13.36C24.3 13.6898 24.1697 14.0063 23.9375 14.2404C23.7052 14.4745 23.3898 14.6074 23.06 14.61V14.6ZM23.06 19.5C22.7302 19.4974 22.4149 19.3645 22.1826 19.1304C21.9503 18.8963 21.82 18.5798 21.82 18.25V16.99C21.8479 16.6791 21.9912 16.3899 22.2216 16.1792C22.452 15.9685 22.7528 15.8517 23.065 15.8517C23.3772 15.8517 23.6781 15.9685 23.9085 16.1792C24.1389 16.3899 24.2821 16.6791 24.31 16.99V18.29C24.31 18.4537 24.2776 18.6158 24.2147 18.7669C24.1518 18.918 24.0595 19.0551 23.9433 19.1704C23.8271 19.2857 23.6892 19.3768 23.5376 19.4385C23.386 19.5003 23.2237 19.5314 23.06 19.53V19.5Z' fill='%237A6A56'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.i-ticket-white {
  background: url("data:image/svg+xml,%3Csvg width='34' height='21' viewBox='0 0 34 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34 19.12V14.26C33.9964 13.8713 33.8478 13.498 33.5833 13.2131C33.3187 12.9282 32.9574 12.7524 32.57 12.72C31.9696 12.67 31.4096 12.3969 31.0005 11.9545C30.5915 11.5121 30.363 10.9326 30.36 10.33C30.3654 9.72923 30.5951 9.15212 31.0039 8.71184C31.4127 8.27156 31.9713 7.99987 32.57 7.95003C32.9574 7.91766 33.3187 7.74182 33.5833 7.45696C33.8478 7.1721 33.9964 6.79875 34 6.41003V1.55003C34.0014 1.34611 33.9622 1.14396 33.8848 0.955305C33.8073 0.766651 33.6932 0.595252 33.549 0.451056C33.4048 0.306859 33.2334 0.192738 33.0448 0.115313C32.8561 0.0378891 32.654 -0.00129583 32.45 3.26833e-05H24.71C24.2315 -0.000881737 23.7593 0.108626 23.33 0.320033C23.247 0.364672 23.1543 0.388037 23.06 0.388037C22.9658 0.388037 22.873 0.364672 22.79 0.320033C22.3604 0.109639 21.8884 0.000187233 21.41 3.26833e-05H1.55003C1.34611 -0.00129583 1.14396 0.0378891 0.955305 0.115313C0.766651 0.192738 0.595252 0.306859 0.451056 0.451056C0.306859 0.595252 0.192738 0.766651 0.115313 0.955305C0.0378891 1.14396 -0.00129583 1.34611 3.26833e-05 1.55003V6.41003C0.00590629 6.79808 0.155293 7.17019 0.419367 7.45458C0.683441 7.73897 1.04349 7.91547 1.43003 7.95003C2.0236 8.0045 2.57539 8.2788 2.97714 8.71911C3.3789 9.15943 3.60163 9.73397 3.60163 10.33C3.60163 10.9261 3.3789 11.5006 2.97714 11.941C2.57539 12.3813 2.0236 12.6556 1.43003 12.71C1.04179 12.7448 0.680357 12.9227 0.416046 13.2092C0.151734 13.4957 0.00344669 13.8703 3.26833e-05 14.26V19.11C3.26833e-05 19.5211 0.163336 19.9154 0.454017 20.206C0.744699 20.4967 1.13895 20.66 1.55003 20.66H21.42C21.8983 20.6588 22.3701 20.5494 22.8 20.34C22.8812 20.2954 22.9724 20.272 23.065 20.272C23.1577 20.272 23.2488 20.2954 23.33 20.34C23.7597 20.5504 24.2317 20.6599 24.71 20.66H32.45C32.6531 20.6614 32.8544 20.6225 33.0424 20.5457C33.2304 20.4689 33.4014 20.3557 33.5454 20.2125C33.6895 20.0694 33.8038 19.8992 33.8819 19.7117C33.9599 19.5242 34 19.3231 34 19.12ZM23.06 4.91003C22.7302 4.91004 22.4138 4.77972 22.1797 4.54746C21.9455 4.3152 21.8127 3.99982 21.81 3.67003V2.40003C21.8126 2.23587 21.8476 2.07384 21.9128 1.92318C21.978 1.77251 22.0723 1.63618 22.1902 1.52196C22.3082 1.40774 22.4475 1.31787 22.6001 1.25749C22.7528 1.1971 22.9159 1.16739 23.08 1.17003C23.4045 1.17267 23.7148 1.30342 23.9433 1.53381C24.1718 1.76419 24.3 2.07554 24.3 2.40003V3.67003C24.2974 3.99982 24.1645 4.3152 23.9304 4.54746C23.6963 4.77972 23.3798 4.91004 23.05 4.91003H23.06ZM23.06 9.76003C22.7285 9.76003 22.4106 9.62834 22.1761 9.39392C21.9417 9.1595 21.81 8.84155 21.81 8.51003V7.30003C21.81 6.96851 21.9417 6.65057 22.1761 6.41615C22.4106 6.18173 22.7285 6.05003 23.06 6.05003C23.3916 6.05003 23.7095 6.18173 23.9439 6.41615C24.1783 6.65057 24.31 6.96851 24.31 7.30003V8.51003C24.31 8.84155 24.1783 9.1595 23.9439 9.39392C23.7095 9.62834 23.3916 9.76003 23.06 9.76003ZM23.06 14.6C22.7302 14.6 22.4138 14.4697 22.1797 14.2375C21.9455 14.0052 21.8127 13.6898 21.81 13.36V12.14C21.8179 11.8102 21.9558 11.4969 22.1937 11.2684C22.4316 11.0399 22.7502 10.9147 23.08 10.92C23.4028 10.9226 23.7116 11.052 23.9398 11.2803C24.168 11.5085 24.2974 11.8173 24.3 12.14V13.36C24.3 13.6898 24.1697 14.0063 23.9375 14.2404C23.7052 14.4745 23.3898 14.6074 23.06 14.61V14.6ZM23.06 19.5C22.7302 19.4974 22.4149 19.3645 22.1826 19.1304C21.9503 18.8963 21.82 18.5798 21.82 18.25V16.99C21.8479 16.6791 21.9912 16.3899 22.2216 16.1792C22.452 15.9685 22.7528 15.8517 23.065 15.8517C23.3772 15.8517 23.6781 15.9685 23.9085 16.1792C24.1389 16.3899 24.2821 16.6791 24.31 16.99V18.29C24.31 18.4537 24.2776 18.6158 24.2147 18.7669C24.1518 18.918 24.0595 19.0551 23.9433 19.1704C23.8271 19.2857 23.6892 19.3768 23.5376 19.4385C23.386 19.5003 23.2237 19.5314 23.06 19.53V19.5Z' fill='white'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.i-movie {
  background: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.3782 8L28.3418 0.0363636C28.2288 0.0166837 28.1146 0.00453576 28 0H22.6182L14.6182 8H20.3782ZM10.3782 8L18.3782 0H12.6182L4.61818 8H10.3782ZM31.1055 1.51273L24.6182 8H32V4C31.997 3.09266 31.681 2.21415 31.1055 1.51273V1.51273ZM8.36364 0H4C2.93913 0 1.92172 0.421427 1.17157 1.17157C0.421427 1.92172 0 2.93913 0 4V8H0.363636L8.36364 0ZM0 24C0 25.0609 0.421427 26.0783 1.17157 26.8284C1.92172 27.5786 2.93913 28 4 28H28C28.5253 28 29.0454 27.8965 29.5307 27.6955C30.016 27.4945 30.457 27.1999 30.8284 26.8284C31.1999 26.457 31.4945 26.016 31.6955 25.5307C31.8965 25.0454 32 24.5253 32 24V10H0V24Z' fill='%23C53932'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

.i-calendar {
  background: url("data:image/svg+xml,%3Csvg width='30' height='33' viewBox='0 0 30 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.51043 4.90115C6.4087 4.94279 6.29967 4.96422 6.18957 4.96422C5.9672 4.96422 5.75394 4.87693 5.5967 4.72156C5.43946 4.56619 5.35112 4.35546 5.35112 4.13573V0.828492C5.35112 0.608762 5.43946 0.398032 5.5967 0.24266C5.75394 0.0872873 5.9672 0 6.18957 0C6.41194 0 6.6252 0.0872873 6.78244 0.24266C6.93968 0.398032 7.02801 0.608762 7.02801 0.828492V4.13573C7.02801 4.24452 7.00633 4.35226 6.96419 4.45278C6.92206 4.55329 6.8603 4.64463 6.78244 4.72156C6.70458 4.79849 6.61215 4.85952 6.51043 4.90115Z' fill='%23C53932'/%3E%3Cpath d='M15.4873 4.72156C15.3301 4.87693 15.1168 4.96422 14.8944 4.96422C14.6721 4.96422 14.4588 4.87693 14.3016 4.72156C14.1443 4.56619 14.056 4.35546 14.056 4.13573V0.828492C14.056 0.608762 14.1443 0.398032 14.3016 0.24266C14.4588 0.0872873 14.6721 0 14.8944 0C15.1168 0 15.3301 0.0872873 15.4873 0.24266C15.6445 0.398032 15.7329 0.608762 15.7329 0.828492V4.13573C15.7329 4.35546 15.6445 4.56619 15.4873 4.72156Z' fill='%23C53932'/%3E%3Cpath d='M23.5991 4.96422C23.8209 4.96246 24.0332 4.8746 24.19 4.71961C24.3469 4.56462 24.4358 4.35491 24.4376 4.13573V0.828492C24.4376 0.608762 24.3492 0.398032 24.192 0.24266C24.0347 0.0872873 23.8215 0 23.5991 0C23.3767 0 23.1635 0.0872873 23.0062 0.24266C22.849 0.398032 22.7607 0.608762 22.7607 0.828492V4.13573C22.7607 4.24452 22.7824 4.35226 22.8245 4.45278C22.8666 4.55329 22.9284 4.64463 23.0062 4.72156C23.0841 4.79849 23.1765 4.85952 23.2783 4.90115C23.38 4.94279 23.489 4.96422 23.5991 4.96422Z' fill='%23C53932'/%3E%3Cpath d='M0 20.6516V12.0703H9.21609V20.6516H0Z' fill='%23C53932'/%3E%3Cpath d='M29.9932 12.0703H20.7839V20.6516H29.9932V12.0703Z' fill='%23C53932'/%3E%3Cpath d='M10.6884 22.1134H19.3047V32.1429H10.6884V22.1134Z' fill='%23C53932'/%3E%3Cpath d='M27.5187 2.04078H25.801V4.13559C25.801 4.7126 25.569 5.26599 25.1561 5.674C24.7432 6.08201 24.1831 6.31122 23.5992 6.31122C23.0152 6.31122 22.4552 6.08201 22.0423 5.674C21.6294 5.26599 21.3974 4.7126 21.3974 4.13559V2.04078H17.0961V4.13559C17.0961 4.7126 16.8641 5.26599 16.4512 5.674C16.0383 6.08201 15.4783 6.31122 14.8943 6.31122C14.3104 6.31122 13.7504 6.08201 13.3375 5.674C12.9245 5.26599 12.6926 4.7126 12.6926 4.13559V2.04078H8.39128V4.13559C8.39128 4.7126 8.1593 5.26599 7.74639 5.674C7.33348 6.08201 6.77345 6.31122 6.1895 6.31122C5.60556 6.31122 5.04553 6.08201 4.63261 5.674C4.2197 5.26599 3.98773 4.7126 3.98773 4.13559V2.04078H2.47444C2.14981 2.0399 1.8282 2.10231 1.52803 2.22445C1.22785 2.34659 0.95502 2.52606 0.725158 2.75257C0.495296 2.97908 0.312922 3.24817 0.188486 3.54445C0.0640509 3.84072 0 4.15834 0 4.47911V10.6153H29.9932V4.47911C29.9932 4.15834 29.9291 3.84072 29.8047 3.54445C29.6803 3.24817 29.4979 2.97908 29.268 2.75257C29.0382 2.52606 28.7653 2.34659 28.4652 2.22445C28.165 2.10231 27.8434 2.0399 27.5187 2.04078Z' fill='%23C53932'/%3E%3Cpath d='M10.6884 12.0703H19.3047V20.6516H10.6884V12.0703Z' fill='%23C53932'/%3E%3Cpath d='M0 22.1334V29.6976C0 30.0184 0.0640509 30.336 0.188486 30.6323C0.312922 30.9286 0.495296 31.1977 0.725158 31.4242C0.95502 31.6507 1.22785 31.8302 1.52803 31.9523C1.8282 32.0744 2.14981 32.1369 2.47444 32.136H9.20245V22.1334H0Z' fill='%23C53932'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.7907 32.136V22.1334H30V29.6976C30 30.0184 29.936 30.336 29.8115 30.6323C29.6871 30.9286 29.5047 31.1977 29.2748 31.4242C29.045 31.6507 28.7721 31.8302 28.472 31.9523C28.1718 32.0744 27.8502 32.1369 27.5256 32.136H20.7907ZM25.1738 28.8692L27.6074 26.451V26.4308C27.6792 26.3837 27.7396 26.3215 27.7843 26.2487C27.829 26.1759 27.8569 26.0942 27.866 26.0095C27.8751 25.9248 27.8652 25.8391 27.837 25.7586C27.8088 25.6782 27.763 25.6048 27.7028 25.5438C27.6426 25.4828 27.5695 25.4357 27.4888 25.4058C27.4081 25.3759 27.3217 25.364 27.2358 25.3709C27.1498 25.3778 27.0665 25.4033 26.9917 25.4456C26.9169 25.4879 26.8525 25.5461 26.803 25.6158L24.758 27.6702L23.9264 26.8484C23.8134 26.7395 23.6612 26.6793 23.5033 26.6812C23.3455 26.6831 23.1948 26.7469 23.0845 26.8585C22.9742 26.9702 22.9134 27.1206 22.9153 27.2766C22.9172 27.4326 22.9818 27.5814 23.0948 27.6904L24.3422 28.8692C24.3967 28.9233 24.4615 28.9663 24.5328 28.9957C24.6042 29.025 24.6807 29.0401 24.758 29.0401C24.8353 29.0401 24.9118 29.025 24.9832 28.9957C25.0546 28.9663 25.1193 28.9233 25.1738 28.8692Z' fill='%23C53932'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

.i-cam {
  background: url("data:image/svg+xml,%3Csvg width='34' height='26' viewBox='0 0 34 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.00122805 3.43125V21.5712C-0.00140526 22.0199 0.0845222 22.4647 0.254086 22.88C0.42365 23.2954 0.673517 23.6732 0.989367 23.9919C1.30522 24.3105 1.68084 24.5637 2.09472 24.7369C2.50859 24.9101 2.95257 24.9999 3.40123 25.0012H21.5012C22.4022 24.9986 23.2654 24.6395 23.9025 24.0025C24.5395 23.3654 24.8986 22.5022 24.9012 21.6012V18.8512L32.2712 22.4712C32.4376 22.5852 32.6346 22.6462 32.8362 22.6462C33.0379 22.6462 33.2348 22.5852 33.4012 22.4712C33.5714 22.3902 33.7152 22.2627 33.8161 22.1035C33.9169 21.9442 33.9707 21.7597 33.9712 21.5712V3.43125C33.9676 3.23015 33.9136 3.03318 33.814 2.85844C33.7144 2.68371 33.5724 2.53681 33.4012 2.43125C33.0324 2.32263 32.6401 2.32263 32.2712 2.43125L24.9312 6.15125V3.43125C24.9436 2.97744 24.8634 2.52587 24.6954 2.10411C24.5274 1.68236 24.2752 1.29927 23.9542 0.978263C23.6332 0.657253 23.2501 0.405053 22.8284 0.237069C22.4066 0.0690857 21.955 -0.0111557 21.5012 0.00124672H3.40123C2.94991 -0.00702807 2.5016 0.0762646 2.08338 0.246094C1.66515 0.415923 1.28569 0.668764 0.967913 0.989345C0.650136 1.30993 0.400638 1.69159 0.234489 2.1113C0.0683403 2.531 -0.011011 2.98002 0.00122805 3.43125V3.43125Z' fill='%23C53932'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.i-chair {
  background: url("data:image/svg+xml,%3Csvg width='34' height='31' viewBox='0 0 34 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00577 13.89H3.91577V5.36C3.91577 1.55 6.36577 0 12.3658 0H21.6258C27.6258 0 30.0758 1.55 30.0758 5.36V13.89H29.9858C28.6274 14.1576 27.3788 14.822 26.3981 15.7993C25.4173 16.7765 24.7483 18.0226 24.4758 19.38L24.1758 20.89H24.0758C19.3897 20.09 14.6019 20.09 9.91577 20.89H9.81577L9.49577 19.34C9.21755 17.9926 8.54842 16.757 7.57201 15.7877C6.59559 14.8184 5.35518 14.1584 4.00577 13.89Z' fill='%23C53932'/%3E%3Cpath d='M31.7558 30.7799H2.23584L2.22584 30.6299L0.0458372 18.6299C-0.0274615 18.2335 -0.0127055 17.8258 0.0890602 17.4357C0.190826 17.0456 0.377112 16.6827 0.634726 16.3726C0.892341 16.0625 1.21498 15.8128 1.5798 15.6413C1.94462 15.4697 2.3427 15.3805 2.74584 15.3799C3.96403 15.3833 5.14371 15.807 6.08565 16.5795C7.02759 17.352 7.67405 18.4259 7.91584 19.6199L8.20584 21.1099H8.10584C6.76584 21.4099 5.54584 21.7399 4.35584 22.1099C4.16529 22.1629 4.00075 22.2839 3.89323 22.4499C3.78571 22.6159 3.74265 22.8155 3.77217 23.0111C3.80169 23.2067 3.90175 23.3847 4.05348 23.5116C4.20521 23.6385 4.39812 23.7054 4.59584 23.6999C4.67884 23.7103 4.76283 23.7103 4.84584 23.6999C6.30614 23.2377 7.79195 22.8604 9.29584 22.5699H9.38584C14.4263 21.6 19.6054 21.6 24.6458 22.5699H24.7258C26.2197 22.8571 27.6955 23.231 29.1458 23.6899C29.3499 23.7439 29.567 23.7182 29.7528 23.6179C29.9385 23.5176 30.0791 23.3502 30.1458 23.1499C30.2024 22.9457 30.1778 22.7276 30.0772 22.5412C29.9765 22.3547 29.8076 22.2145 29.6058 22.1499C28.4458 21.7599 27.1858 21.4299 25.8858 21.1499H25.7858L26.0858 19.6499C26.3258 18.4577 26.9707 17.3853 27.9112 16.6143C28.8516 15.8433 30.0298 15.4214 31.2458 15.4199C31.6493 15.4222 32.0472 15.513 32.4118 15.6858C32.7763 15.8585 33.0986 16.1091 33.3558 16.4199C33.6152 16.7295 33.8027 17.0928 33.9047 17.4836C34.0068 17.8744 34.0208 18.283 33.9458 18.6799L31.7558 30.7799Z' fill='%23C53932'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.i-chair-white {
  background: url("data:image/svg+xml,%3Csvg width='34' height='31' viewBox='0 0 34 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00577 13.89H3.91577V5.36C3.91577 1.55 6.36577 0 12.3658 0H21.6258C27.6258 0 30.0758 1.55 30.0758 5.36V13.89H29.9858C28.6274 14.1576 27.3788 14.822 26.3981 15.7993C25.4173 16.7765 24.7483 18.0226 24.4758 19.38L24.1758 20.89H24.0758C19.3897 20.09 14.6019 20.09 9.91577 20.89H9.81577L9.49577 19.34C9.21755 17.9926 8.54842 16.757 7.57201 15.7877C6.59559 14.8184 5.35518 14.1584 4.00577 13.89Z' fill='%23fff'/%3E%3Cpath d='M31.7558 30.7799H2.23584L2.22584 30.6299L0.0458372 18.6299C-0.0274615 18.2335 -0.0127055 17.8258 0.0890602 17.4357C0.190826 17.0456 0.377112 16.6827 0.634726 16.3726C0.892341 16.0625 1.21498 15.8128 1.5798 15.6413C1.94462 15.4697 2.3427 15.3805 2.74584 15.3799C3.96403 15.3833 5.14371 15.807 6.08565 16.5795C7.02759 17.352 7.67405 18.4259 7.91584 19.6199L8.20584 21.1099H8.10584C6.76584 21.4099 5.54584 21.7399 4.35584 22.1099C4.16529 22.1629 4.00075 22.2839 3.89323 22.4499C3.78571 22.6159 3.74265 22.8155 3.77217 23.0111C3.80169 23.2067 3.90175 23.3847 4.05348 23.5116C4.20521 23.6385 4.39812 23.7054 4.59584 23.6999C4.67884 23.7103 4.76283 23.7103 4.84584 23.6999C6.30614 23.2377 7.79195 22.8604 9.29584 22.5699H9.38584C14.4263 21.6 19.6054 21.6 24.6458 22.5699H24.7258C26.2197 22.8571 27.6955 23.231 29.1458 23.6899C29.3499 23.7439 29.567 23.7182 29.7528 23.6179C29.9385 23.5176 30.0791 23.3502 30.1458 23.1499C30.2024 22.9457 30.1778 22.7276 30.0772 22.5412C29.9765 22.3547 29.8076 22.2145 29.6058 22.1499C28.4458 21.7599 27.1858 21.4299 25.8858 21.1499H25.7858L26.0858 19.6499C26.3258 18.4577 26.9707 17.3853 27.9112 16.6143C28.8516 15.8433 30.0298 15.4214 31.2458 15.4199C31.6493 15.4222 32.0472 15.513 32.4118 15.6858C32.7763 15.8585 33.0986 16.1091 33.3558 16.4199C33.6152 16.7295 33.8027 17.0928 33.9047 17.4836C34.0068 17.8744 34.0208 18.283 33.9458 18.6799L31.7558 30.7799Z' fill='%23fff'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.disable .i-chair {
  background: url("data:image/svg+xml,%3Csvg width='34' height='31' viewBox='0 0 34 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.23584 30.7799H31.7558L33.9458 18.6799C34.0208 18.283 34.0068 17.8744 33.9047 17.4836C33.8027 17.0928 33.6152 16.7295 33.3558 16.4199C33.0986 16.1091 32.7763 15.8585 32.4118 15.6858C32.0472 15.513 31.6493 15.4222 31.2458 15.4199C30.0298 15.4214 28.8516 15.8433 27.9112 16.6143C26.9707 17.3852 26.3258 18.4577 26.0858 19.6499L25.7858 21.1499H25.8858C27.1858 21.4299 28.4458 21.7599 29.6058 22.1499C29.8076 22.2145 29.9765 22.3547 30.0772 22.5412C30.1778 22.7276 30.2024 22.9457 30.1458 23.1499C30.0791 23.3502 29.9385 23.5176 29.7528 23.6179C29.567 23.7182 29.3499 23.744 29.1458 23.6899C27.6955 23.231 26.2197 22.8571 24.7258 22.5699H24.6458C19.6054 21.6 14.4263 21.6 9.38584 22.5699H9.29584C7.79195 22.8604 6.30614 23.2377 4.84584 23.6999C4.76283 23.7103 4.67884 23.7103 4.59584 23.6999C4.39812 23.7054 4.20521 23.6385 4.05348 23.5116C3.90175 23.3847 3.80169 23.2067 3.77217 23.0111C3.74265 22.8155 3.78571 22.6159 3.89323 22.4499C4.00075 22.2839 4.16529 22.1629 4.35584 22.1099C5.54584 21.7399 6.76584 21.4099 8.10584 21.1099H8.20584L7.91584 19.6199C7.67405 18.4259 7.02759 17.352 6.08565 16.5795C5.14371 15.807 3.96403 15.3833 2.74584 15.3799C2.3427 15.3805 1.94462 15.4697 1.5798 15.6413C1.21498 15.8128 0.892341 16.0625 0.634726 16.3726C0.377112 16.6827 0.190826 17.0456 0.0890602 17.4357C-0.0127055 17.8258 -0.0274615 18.2335 0.0458372 18.6299L2.22584 30.6299L2.23584 30.7799Z' fill='%234B4B4B'/%3E%3Cpath d='M3.91577 13.89H4.00577C5.35518 14.1584 6.59559 14.8184 7.57201 15.7877C8.54842 16.757 9.21755 17.9926 9.49577 19.34L9.81577 20.89H9.91577C14.6019 20.09 19.3897 20.09 24.0758 20.89H24.1758L24.4758 19.38C24.7483 18.0226 25.4173 16.7765 26.3981 15.7993C27.3788 14.822 28.6274 14.1576 29.9858 13.89H30.0758V5.36C30.0758 1.55 27.6258 0 21.6258 0H12.3658C6.36577 0 3.91577 1.55 3.91577 5.36V13.89Z' fill='%234B4B4B'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.i-notice {
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C12.0333 0 9.13319 0.879735 6.66645 2.52796C4.19972 4.17618 2.27713 6.51886 1.14181 9.25975C0.00649929 12.0006 -0.290551 15.0166 0.288228 17.9264C0.867006 20.8361 2.29562 23.5088 4.3934 25.6066C6.49119 27.7044 9.16394 29.133 12.0737 29.7118C14.9834 30.2906 17.9994 29.9935 20.7403 28.8582C23.4812 27.7229 25.8238 25.8003 27.4721 23.3336C29.1203 20.8668 30 17.9667 30 15C30 11.0218 28.4197 7.20644 25.6066 4.3934C22.7936 1.58035 18.9783 0 15 0V0ZM14.94 7.53H15C15.1768 7.53 15.3519 7.56498 15.5151 7.63295C15.6784 7.70092 15.8265 7.80051 15.9511 7.92601C16.0756 8.0515 16.1741 8.2004 16.2409 8.36413C16.3076 8.52787 16.3413 8.70319 16.34 8.88V8.94L16 16.16C15.9823 16.4129 15.8691 16.6496 15.6835 16.8223C15.4978 16.9949 15.2535 17.0906 15 17.09C14.7465 17.0906 14.5022 16.9949 14.3165 16.8223C14.1309 16.6496 14.0178 16.4129 14 16.16L13.65 8.93C13.6365 8.57356 13.7645 8.22624 14.0062 7.96391C14.2479 7.70159 14.5836 7.5456 14.94 7.53V7.53ZM15 22.42C14.6974 22.42 14.4016 22.3303 14.15 22.1621C13.8984 21.994 13.7023 21.7551 13.5865 21.4755C13.4707 21.1959 13.4404 20.8883 13.4994 20.5915C13.5584 20.2947 13.7042 20.0221 13.9181 19.8081C14.1321 19.5942 14.4047 19.4484 14.7015 19.3894C14.9983 19.3304 15.3059 19.3607 15.5855 19.4765C15.8651 19.5923 16.104 19.7884 16.2722 20.04C16.4403 20.2916 16.53 20.5874 16.53 20.89C16.5274 21.295 16.3653 21.6826 16.079 21.969C15.7926 22.2553 15.405 22.4174 15 22.42Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

.i-notice-yellow {
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3699 10.92C16.1762 10.92 16.8299 10.2663 16.8299 9.46C16.8299 8.65366 16.1762 8 15.3699 8C14.5636 8 13.9099 8.65366 13.9099 9.46C13.9099 10.2663 14.5636 10.92 15.3699 10.92Z' fill='%23F0C300'/%3E%3Cpath d='M15.1501 21.9999C14.7668 22.0077 14.387 21.927 14.0401 21.7639C13.6932 21.6009 13.3886 21.36 13.1501 21.0599C12.9313 20.7798 12.7723 20.4578 12.6828 20.1138C12.5934 19.7698 12.5754 19.4111 12.6301 19.0599L13.1801 15.5299L13.0501 15.5899C12.7424 15.7477 12.3847 15.7768 12.0556 15.6709C11.7264 15.5649 11.4529 15.3326 11.2951 15.0249C11.1373 14.7173 11.1081 14.3595 11.2141 14.0304C11.3201 13.7013 11.5524 13.4277 11.8601 13.2699L14.2701 11.9999C14.4835 11.8879 14.724 11.8378 14.9644 11.8555C15.2047 11.8732 15.4354 11.9579 15.6301 12.0999C15.825 12.2416 15.9774 12.4339 16.0709 12.656C16.1643 12.8781 16.1951 13.1215 16.1601 13.3599L15.2101 19.3599C15.7929 19.231 16.3375 18.9673 16.8001 18.5899C16.9395 18.4908 17.0972 18.4204 17.2641 18.3829C17.4309 18.3453 17.6036 18.3413 17.772 18.371C17.9405 18.4008 18.1013 18.4638 18.2452 18.5563C18.389 18.6488 18.5131 18.769 18.6101 18.9099C18.8081 19.194 18.8856 19.5449 18.8256 19.886C18.7657 20.227 18.5731 20.5304 18.2901 20.7299C17.423 21.4111 16.385 21.8401 15.2901 21.9699L15.1501 21.9999Z' fill='%23F0C300'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.66645 27.4721C9.13319 29.1203 12.0333 30 15 30C18.9783 30 22.7936 28.4197 25.6066 25.6066C28.4197 22.7936 30 18.9783 30 15C30 12.0333 29.1203 9.13319 27.4721 6.66645C25.8238 4.19972 23.4812 2.27713 20.7403 1.14181C17.9994 0.00649929 14.9834 -0.290551 12.0737 0.288228C9.16394 0.867006 6.49119 2.29562 4.3934 4.3934C2.29562 6.49119 0.867006 9.16394 0.288228 12.0737C-0.290551 14.9834 0.00649929 17.9994 1.14181 20.7403C2.27713 23.4812 4.19972 25.8238 6.66645 27.4721ZM7.51092 3.7918C9.72769 2.31059 12.3339 1.52001 15 1.52001C18.5735 1.5253 21.9991 2.94721 24.526 5.47405C27.0528 8.00089 28.4747 11.4265 28.48 15C28.48 17.6661 27.6894 20.2723 26.2082 22.4891C24.727 24.7059 22.6217 26.4336 20.1586 27.4539C17.6954 28.4742 14.9851 28.7411 12.3702 28.221C9.75533 27.7009 7.35342 26.417 5.46821 24.5318C3.583 22.6466 2.29915 20.2447 1.77902 17.6298C1.25889 15.015 1.52584 12.3046 2.54611 9.84143C3.56638 7.37829 5.29415 5.273 7.51092 3.7918Z' fill='%23F0C300'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.i-back {
  background: url("data:image/svg+xml,%3Csvg width='31' height='20' viewBox='0 0 31 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.70007 0.469826L0.0800781 9.07983V10.9198L0.0853195 10.925L8.70012 19.5298C8.81877 19.6541 8.9616 19.7528 9.11981 19.8199C9.27802 19.887 9.44829 19.921 9.62012 19.9198C9.79028 19.9196 9.95863 19.885 10.115 19.8179C10.2714 19.7509 10.4126 19.6529 10.5301 19.5298C10.6508 19.4099 10.7465 19.2674 10.8118 19.1103C10.8772 18.9533 10.9108 18.7849 10.9108 18.6148C10.9108 18.4447 10.8772 18.2763 10.8118 18.1193C10.7465 17.9623 10.6508 17.8197 10.5301 17.6998L4.13793 11.3002H22.54C22.8848 11.3002 23.2155 11.1632 23.4593 10.9194C23.7031 10.6756 23.84 10.345 23.84 10.0002C23.84 9.65541 23.7031 9.32475 23.4593 9.08096C23.2155 8.83716 22.8848 8.7002 22.54 8.7002H4.13713L10.5301 2.29983C10.6502 2.17967 10.7456 2.03702 10.8106 1.88002C10.8756 1.72302 10.9091 1.55476 10.9091 1.38483C10.9091 1.2149 10.8756 1.04663 10.8106 0.889631C10.7456 0.732635 10.6502 0.589985 10.5301 0.469826C10.4099 0.349667 10.2673 0.254351 10.1103 0.189322C9.95327 0.124292 9.785 0.0908203 9.61507 0.0908203C9.44514 0.0908203 9.27688 0.124292 9.11988 0.189322C8.96288 0.254351 8.82023 0.349667 8.70007 0.469826Z' fill='%23282828'/%3E%3Cpath d='M26.8501 11.3002H29.0001C29.3449 11.3002 29.6756 11.1632 29.9193 10.9194C30.1631 10.6756 30.3001 10.345 30.3001 10.0002C30.3001 9.65541 30.1631 9.32475 29.9193 9.08096C29.6756 8.83716 29.3449 8.7002 29.0001 8.7002H26.8501C26.5053 8.7002 26.1747 8.83716 25.9309 9.08096C25.6871 9.32475 25.5501 9.65541 25.5501 10.0002C25.5501 10.345 25.6871 10.6756 25.9309 10.9194C26.1747 11.1632 26.5053 11.3002 26.8501 11.3002Z' fill='%23282828'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

.i-next {
  background: url("data:image/svg+xml,%3Csvg width='32' height='20' viewBox='0 0 32 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3 19.5298L30.9148 10.925L30.9201 10.9198C31.041 10.7991 31.137 10.6557 31.2024 10.4978C31.2679 10.3399 31.3016 10.1707 31.3016 9.99983C31.3016 9.82893 31.2679 9.6597 31.2024 9.50184C31.137 9.34398 31.041 9.20057 30.9201 9.07983L22.3001 0.469826C22.0574 0.227152 21.7283 0.0908203 21.3851 0.0908203C21.2151 0.0908203 21.0469 0.124292 20.8899 0.189322C20.7329 0.254351 20.5902 0.349667 20.4701 0.469826C20.3499 0.589985 20.2546 0.732635 20.1896 0.889631C20.1245 1.04663 20.0911 1.2149 20.0911 1.38483C20.0911 1.72802 20.2274 2.05715 20.4701 2.29983L26.863 8.7002H8.45992C8.11513 8.7002 7.78445 8.83716 7.54066 9.08096C7.29688 9.32475 7.15991 9.65541 7.15991 10.0002C7.15991 10.345 7.29688 10.6756 7.54066 10.9194C7.78445 11.1632 8.11513 11.3002 8.45992 11.3002H26.8622L20.47 17.6998C20.3494 17.8197 20.2537 17.9623 20.1883 18.1193C20.123 18.2763 20.0894 18.4447 20.0894 18.6148C20.0894 18.7849 20.123 18.9533 20.1883 19.1103C20.2537 19.2674 20.3494 19.4099 20.47 19.5298C20.5875 19.6529 20.7287 19.7509 20.8851 19.8179C21.0415 19.885 21.2099 19.9196 21.38 19.9198C21.5519 19.921 21.7221 19.887 21.8803 19.8199C22.0386 19.7528 22.1814 19.6541 22.3 19.5298Z' fill='%23282828'/%3E%3Cpath d='M1.99995 11.3002H4.14995C4.49474 11.3002 4.82541 11.1632 5.0692 10.9194C5.31299 10.6756 5.44995 10.345 5.44995 10.0002C5.44995 9.65541 5.31299 9.32475 5.0692 9.08096C4.82541 8.83716 4.49474 8.7002 4.14995 8.7002H1.99995C1.65517 8.7002 1.32452 8.83716 1.08072 9.08096C0.836929 9.32475 0.699951 9.65541 0.699951 10.0002C0.699951 10.345 0.836929 10.6756 1.08072 10.9194C1.32452 11.1632 1.65517 11.3002 1.99995 11.3002Z' fill='%23282828'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2392156863);
}

::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2392156863);
}

:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2392156863);
}

::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2392156863);
}

::placeholder {
  color: rgba(255, 255, 255, 0.2392156863);
}

.hide {
  display: none;
}

.s-font {
  font-size: 0.93rem;
}

.xs-font {
  font-size: 0.8rem;
}

.l-font {
  font-size: 1.2rem;
}

.hr-line {
  width: 50px;
  margin-left: 0;
  height: 1px;
  background-color: #C53932;
  border: none;
  margin: 1.4em 0;
}

.mul-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.td-block {
  font-size: 1.1rem;
  font-family: "EuroStyle", Microsoft JhengHei, Arial, sans-serif;
}

.y12 {
  background: url(../image/svg/y12.svg) no-repeat center center;
  background-size: cover;
}

.y15 {
  background: url(../image/svg/y15.svg) no-repeat center center;
  background-size: cover;
}

.R {
  background: url(../image/svg/R.svg) no-repeat center center;
  background-size: cover;
}

.yp {
  background: url(../image/svg/yp.svg) no-repeat center center;
  background-size: cover;
}

.yn {
  background: url(../image/svg/yn.svg) no-repeat center center;
  background-size: cover;
}

/* share style */
@media all and (min-width: 992px) {
  .section-box {
    padding: 0 10vw;
  }
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .section-box {
    padding: 0 8vw;
  }
}
@media all and (max-width: 768px) {
  .section-box {
    padding: 0 30px;
  }
}

.main-title {
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}
.main-title div {
  margin: 0;
}
.main-title div:nth-of-type(1) {
  font-family: "EuroStyle", Microsoft JhengHei, Arial, sans-serif;
}
.main-title div:nth-of-type(1)::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #C53932;
  margin-right: 10px;
  margin-bottom: 3px;
}
.main-title div:nth-of-type(2) {
  color: #C53932;
  margin-left: 15px;
}

.primary-title {
  margin-bottom: 20px;
}
.primary-title:after {
  content: "|";
  position: relative;
  top: -2px;
  margin-left: 10px;
}

.sub-title {
  margin-bottom: 20px;
  font-size: 1.1rem;
}

.movie-item img {
    border-radius: 10px;
}
.movie-item .up-date {
  margin: 5px 0 30px 0;
  color: #C53932;
}
.movie-item .movie-level {
  margin-top: 0;
}
.movie-item .list-item > div {
  margin-bottom: 10px;
}
.movie-item .list-item > div:last-of-type {
  margin-bottom: 0;
}
.movie-item .list-item > div span {
  font-weight: normal;
  display: inline-block;
}
.movie-item .list-item .list-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.movie-item .list-item .list-row span:first-of-type {
  width: 50px;
  word-wrap: break-word;
  border-right: 1px solid #fff;
  padding-right: 10px;
  margin-right: 10px;
  display: inline-block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.movie-title {
  margin-top: 10px;
  width: 100%;
}
.movie-title span {
  display: block;
  color: #818181;
  line-height: 1.3;
}

.movie-level {
  margin: 10px 0;
  padding: 5px 10px;
  display: inline-block;
  color: #000;
  text-align: center;
  width: 80px;
  height: 32px;
}
@media all and (max-width: 768px) {
  .movie-level {
    width: 65px;
    height: 26px;
  }
}

.content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.content-row .row {
  width: 100%;
  margin-bottom: 35px;
}
@media all and (max-width: 991px) {
  .content-row .row {
    margin-bottom: 20px;
  }
}

.row-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 10%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-1 {
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .row-1 {
    width: 100%;
  }
}

.row-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 20%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-2 {
    width: 33.33%;
  }
}
@media all and (max-width: 768px) {
  .row-2 {
    width: 50%;
  }
}
@media all and (max-width: 320px) {
  .row-2 {
    width: 100%;
  }
}

.row-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-3 {
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .row-3 {
    width: 100%;
  }
}

.row-3-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-3-1 {
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .row-3-1 {
    width: 100%;
  }
}

.row-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-4 {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .row-4 {
    width: 100%;
  }
}

.row-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 70%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-7 {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .row-7 {
    width: 100%;
  }
}

.row-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 60%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-6 {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .row-6 {
    width: 100%;
  }
}

.row-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-5 {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .row-5 {
    width: 100%;
  }
}

.row-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 80%;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .row-8 {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .row-8 {
    width: 100%;
  }
}

.row-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 90%;
}

.section {
    color: #fff;
    max-width: 1200px;
    margin: 0px auto 115px auto;
}
@media all and (max-width: 768px) {
  .section {
    margin: 40px auto 40px auto;
  }
}
.section:last-of-type {
  margin-bottom: 150px;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .section:last-of-type {
    margin-bottom: 90px;
  }
}
@media all and (max-width: 768px) {
  .section:last-of-type {
    margin-bottom: 50px;
  }
}
.section .content {
  margin-bottom: 80px;
}
.section .content:last-of-type {
  margin-bottom: 0;
}
.section .actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 30px 0 60px 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .section .actions {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 768px) {
  .section .actions {
    margin-bottom: 30px;
  }
}
.section .actions .actions-btn {
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #FCC900;
  color: #FCC900;
  padding: 10px;
  text-align: center;
  margin-right: 20px;
  width: 11em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .section .actions .actions-btn {
    width: 50%;
    margin-right: 10px;
  }
}
@media all and (max-width: 768px) {
  .section .actions .actions-btn {
    width: 50%;
    margin-right: 10px;
    padding: 8px;
  }
}
.section .actions .actions-btn:last-of-type {
  margin-right: 0;
}
.section .actions .actions-btn.active {
  color: #000;
  background-color: #FCC900;
}
.section .attention {
  border: 1px solid #818181;
  border-radius: 10px;
  padding: 50px 30px 20px 30px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
@media all and (max-width: 768px) {
  .section .attention {
    padding: 50px 20px 20px 20px;
  }
}
.section .attention .svg-icons {
  display: inline-block;
}
.section .attention .svg-icons.i-notice-yellow {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 30px;
  top: 20px;
}
.section .attention .note {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section .attention .note .svg-icons {
  display: inline-block;
  margin-right: 10px;
}
.section .attention .note .svg-icons.i-notice {
  width: 25px;
  height: 25px;
}
.section .attention ul {
  margin-left: 40px;
}
.section .attention li {
  list-style: decimal-leading-zero;
}
.section .attention li:last-of-type {
  margin-bottom: 20px;
}

.actionbtn {
  text-align: center;
  margin-top: 40px;
}
@media all and (max-width: 768px) {
  .actionbtn {
    margin-top: 20px;
  }
}
.actionbtn button,
.actionbtn div {
  width: 100%;
  padding: 10px 30px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.actions .actions-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.actions .actions-btn .svg-icons {
  display: inline-block;
}
.actions .actions-btn.next {
  font-size: 1.15rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ec9b85;
  border-color: transparent;
  color: #282828;
  font-family: "EurostileBold", Microsoft JhengHei, Arial, sans-serif;
  -webkit-transition: background-color 0.35s linear;
  transition: background-color 0.35s linear;
}
.actions .actions-btn.next .i-next {
  margin-left: 10px;
  width: 25px;
  height: 25px;
}
.actions .actions-btn.next:hover {
  background-color: #d26759;
}
.actions .actions-btn.back {
  font-size: 1.15rem;
  background-color: #5e76b1;
  border-color: transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #282828;
  font-family: "EurostileBold", Microsoft JhengHei, Arial, sans-serif;
  -webkit-transition: background-color 0.35s linear;
  transition: background-color 0.35s linear;
}
.actions .actions-btn.back .i-back {
  margin-right: 10px;
  width: 25px;
  height: 25px;
}
.actions .actions-btn.back:hover {
  background-color: #1e6eb9;
}
.actions .actions-btn.prev {
  font-size: 1.15rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FCC900;
  font-family: "EurostileBold", Microsoft JhengHei, Arial, sans-serif;
}

footer {
  background-color: #141414;
  color: #fff;
  padding: 0 15px;
}
footer img {
  width: 180px;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  footer img {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 768px) {
  footer img {
    width: 150px;
    margin-bottom: 30px;
  }
}
footer > div {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 0;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  footer > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 15px;
  }
}
@media all and (max-width: 768px) {
  footer > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 40px 15px;
  }
}
footer > div div {
  text-align: left;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  footer > div div {
    text-align: center;
  }
}
@media all and (max-width: 768px) {
  footer > div div {
    text-align: center;
  }
}
footer > div a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #b9b9b9;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 10px;
  margin-right: 10px;
}
footer > div a.yt svg {
  width: 25px;
}
footer > div a:hover.fb {
  background-color: #3a589a;
}
footer > div a:hover.fb path {
  fill: #fff;
}
footer > div a:hover.ig {
  background: url(../image/svg/ig-bg.svg) no-repeat center center;
}
footer > div a:hover.ig path {
  fill: #fff;
}
footer > div a:hover.yt {
  background-color: #c02025;
}
footer > div a:hover.yt path {
  fill: #fff;
}
footer > div a:hover.email {
  background-color: #c53932;
}
footer > div a:hover.email path {
  fill: #fff;
}

/*modal*/
.modal {
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  margin: 0 auto;
}
.modal:target {
  /*opening it*/
  visibility: visible;
  opacity: 1;
}

.modal-content {
  width: 456px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: fixed;
  top: 5%;
  left: 50%;
  margin-left: -285px;
  border-radius: 10px;
  color: black;
  background: #ebebeb;
}
@media all and (max-width: 768px) {
  .modal-content {
    width: 95%;
    margin: 5% auto;
    left: 0;
    right: 0;
    top: 20px;
  }
}
.modal-content h2 {
  background-color: #FCC900;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 20px;
  font-size: 1em;
  font-family: "EurostileBold", Microsoft JhengHei, Arial, sans-serif;
  letter-spacing: 0px;
}
@media all and (max-width: 768px) {
  .modal-content h2 {
    padding: 10px 40px 10px 10px;
  }
}
.modal-content label {
  display: block;
  margin: 0 0 4px 0;
}
.modal-content input {
  background: #e2e2e2;
  color: #000;
  padding: 0 10px;
  height: 45px;
}
@media all and (max-width: 768px) {
  .modal-content input {
    height: 35px;
  }
}
.modal-content input#confirmrule, .modal-content input#lockpwd {
  height: auto;
}
.modal-content .modal-info {
  padding: 25px 35px;
}
@media all and (max-width: 768px) {
  .modal-content .modal-info {
    padding: 25px 15px;
  }
}
.modal-content .modal-info .row:not(:last-of-type) {
  margin-bottom: 15px;
}
.modal-content .modal-info .row:not(:last-of-type) .forgetpwd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.6em;
  color: #818181;
  letter-spacing: 0px;
}
.modal-content .modal-info .row:not(:last-of-type) .lockpwd {
  margin-top: 5px;
}
.modal-content .modal-info .actionbtn button {
  font-family: "EuroStyle", Microsoft JhengHei, Arial, sans-serif;
  background-color: #006ebd;
  border: 1px solid #125578;
}
.modal-content .modal-info .actionbtn a {
  display: block;
  color: #C53932;
  margin-top: 10px;
}
.modal-content ::-webkit-input-placeholder {
  color: #818181;
}
.modal-content ::-moz-placeholder {
  color: #818181;
}
.modal-content :-ms-input-placeholder {
  color: #818181;
}
.modal-content ::-ms-input-placeholder {
  color: #818181;
}
.modal-content ::placeholder {
  color: #818181;
}

/*closing*/
.close-modal {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  text-decoration: none;
  color: black;
  font-size: 1.7em;
}
.close-modal .svg-icons {
  display: block;
}
.close-modal .svg-icons.i-close {
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4624 21.8564C19.6855 21.9491 19.9248 21.9967 20.1664 21.9964C20.5271 21.9921 20.8786 21.8819 21.1772 21.6794C21.4757 21.4769 21.7082 21.1912 21.8457 20.8577C21.9831 20.5241 22.0195 20.1576 21.9503 19.8035C21.8811 19.4495 21.7093 19.1236 21.4564 18.8664L13.5864 10.9964L21.4564 3.12641C21.6264 2.95634 21.7613 2.75445 21.8534 2.53226C21.9454 2.31006 21.9928 2.07191 21.9928 1.83141C21.9928 1.5909 21.9454 1.35275 21.8534 1.13056C21.7613 0.908361 21.6264 0.706468 21.4564 0.536407C21.2863 0.366345 21.0844 0.231444 20.8622 0.139408C20.64 0.0473707 20.4019 0 20.1614 0C19.6757 0 19.2098 0.192951 18.8664 0.536407L10.9964 8.40639L3.12641 0.536407C2.78295 0.192951 2.31713 0 1.83141 0C1.34569 0 0.879862 0.192951 0.536407 0.536407C0.192951 0.879862 0 1.34569 0 1.83141C0 2.31713 0.192951 2.78295 0.536407 3.12641L8.40639 10.9964L0.536371 18.8664C0.283437 19.1236 0.111688 19.4495 0.0424806 19.8035C-0.0267265 20.1576 0.00966118 20.5241 0.147119 20.8577C0.284577 21.1912 0.517041 21.4769 0.815604 21.6794C1.11417 21.8819 1.46566 21.9921 1.82637 21.9964C2.06798 21.9967 2.30725 21.9491 2.53037 21.8564C2.75349 21.7637 2.95606 21.6278 3.12637 21.4564L10.9964 13.5864L18.8664 21.4564C19.0367 21.6278 19.2393 21.7637 19.4624 21.8564Z' fill='%23191919'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

#login .nobr {
  display: inline-block;
}
#login label[for=loginpassword] {
  display: -webkit-box;
  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;
}
#login label[for=loginpassword] .svg-icons {
  display: inline-block;
  margin-right: 5px;
}
#login label[for=loginpassword] .svg-icons.i-notice-gray {
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456725 3.7039C0.00259972 4.80026 -0.11622 6.00665 0.115291 7.17054C0.346802 8.33443 0.918247 9.40352 1.75736 10.2426C2.59648 11.0818 3.66557 11.6532 4.82946 11.8847C5.99335 12.1162 7.19974 11.9974 8.2961 11.5433C9.39246 11.0891 10.3295 10.3201 10.9888 9.33342C11.6481 8.34672 12 7.18669 12 6C12 4.4087 11.3679 2.88258 10.2426 1.75736C9.11742 0.632141 7.5913 0 6 0V0ZM5.976 3.012H6C6.07073 3.012 6.14075 3.02599 6.20605 3.05318C6.27134 3.08037 6.33061 3.12021 6.38043 3.1704C6.43026 3.2206 6.46965 3.28016 6.49635 3.34565C6.52305 3.41115 6.53653 3.48127 6.536 3.552V3.576L6.4 6.464C6.3929 6.56516 6.34765 6.65985 6.27339 6.72891C6.19913 6.79797 6.10141 6.83625 6 6.836C5.89859 6.83625 5.80087 6.79797 5.72662 6.72891C5.65236 6.65985 5.6071 6.56516 5.6 6.464L5.46 3.572C5.45458 3.42942 5.50581 3.29049 5.60249 3.18557C5.69918 3.08064 5.83346 3.01824 5.976 3.012V3.012ZM6 8.968C5.87896 8.968 5.76063 8.93211 5.65999 8.86486C5.55935 8.79761 5.48091 8.70203 5.43459 8.5902C5.38827 8.47837 5.37615 8.35532 5.39976 8.2366C5.42337 8.11789 5.48166 8.00884 5.56725 7.92325C5.65284 7.83766 5.76189 7.77937 5.88061 7.75576C5.99932 7.73214 6.12237 7.74426 6.2342 7.79058C6.34603 7.83691 6.44161 7.91535 6.50886 8.01599C6.57611 8.11663 6.612 8.23496 6.612 8.356C6.61095 8.51799 6.54614 8.67304 6.43159 8.78759C6.31705 8.90213 6.16199 8.96695 6 8.968Z' fill='%23818181'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
#login .safeverify > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#login .safeverify > div input {
  width: 50%;
  max-width: 50%;
}
#login .safeverify > div .imgsafe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#login .safeverify > div .imgsafe a {
  text-align: center;
  border-radius: 100%;
  margin-left: 5px;
  line-height: 21px;
}
#login .safeverify > div .imgsafe a .svg-icons {
  display: inline-block;
}
#login .safeverify > div .imgsafe a .svg-icons.i-fresh {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 0C16.0444 0 12.1776 1.17298 8.8886 3.37061C5.59962 5.56824 3.03617 8.69181 1.52242 12.3463C0.00866568 16.0009 -0.387401 20.0222 0.384303 23.9018C1.15601 27.7814 3.06082 31.3451 5.85787 34.1421C8.65492 36.9392 12.2186 38.844 16.0982 39.6157C19.9778 40.3874 23.9992 39.9913 27.6537 38.4776C31.3082 36.9638 34.4318 34.4004 36.6294 31.1114C38.827 27.8224 40 23.9556 40 20C40 14.6957 37.8929 9.60859 34.1421 5.85786C30.3914 2.10714 25.3043 0 20 0V0ZM8.86001 13.69H10.32C11.2811 13.5984 12.2499 13.7462 13.14 14.12C14.3183 14.7607 15.3799 15.5957 16.28 16.59C16.4802 16.7823 16.5959 17.0462 16.6015 17.3238C16.6072 17.6013 16.5023 17.8698 16.31 18.07C16.1177 18.2702 15.8538 18.3859 15.5762 18.3915C15.2987 18.3971 15.0302 18.2923 14.83 18.1C14.0876 17.2788 13.2284 16.5712 12.28 16C11.64 15.7699 10.9562 15.6878 10.28 15.76H8.86001C8.58286 15.76 8.31706 15.6499 8.12108 15.4539C7.92511 15.258 7.81501 14.9922 7.81501 14.715C7.81501 14.4378 7.92511 14.172 8.12108 13.9761C8.31706 13.7801 8.58286 13.67 8.86001 13.67V13.69ZM30.76 26.16L27.24 28.16C27.0838 28.2665 26.9007 28.3266 26.7118 28.3333C26.5228 28.3399 26.3359 28.2929 26.1726 28.1977C26.0093 28.1024 25.8764 27.9628 25.7892 27.7951C25.702 27.6274 25.6641 27.4384 25.68 27.25V26.25C24.8823 26.292 24.0855 26.1518 23.35 25.84C22.1787 25.185 21.1216 24.344 20.22 23.35C20.0211 23.159 19.9062 22.8969 19.9006 22.6212C19.8949 22.3455 19.9991 22.0789 20.19 21.88C20.381 21.6811 20.6431 21.5662 20.9188 21.5606C21.1945 21.5549 21.4611 21.659 21.66 21.85C22.3998 22.6958 23.2669 23.4211 24.23 24C24.6929 24.1735 25.1861 24.2518 25.68 24.23V23.23C25.6813 23.0396 25.7339 22.853 25.8322 22.6899C25.9305 22.5268 26.071 22.3932 26.2388 22.3032C26.4066 22.2132 26.5956 22.17 26.7858 22.1782C26.9761 22.1865 27.1606 22.2458 27.32 22.35L30.76 24.35C30.9318 24.4308 31.0771 24.5587 31.1788 24.719C31.2806 24.8793 31.3346 25.0652 31.3346 25.255C31.3346 25.4448 31.2806 25.6307 31.1788 25.791C31.0771 25.9513 30.9318 26.0792 30.76 26.16V26.16ZM30.76 15.65L27.24 17.65C27.0838 17.7565 26.9007 17.8166 26.7118 17.8233C26.5228 17.8299 26.3359 17.7829 26.1726 17.6877C26.0093 17.5924 25.8764 17.4528 25.7892 17.2851C25.702 17.1174 25.6641 16.9284 25.68 16.74V15.74C23.93 15.74 23.56 16.12 18.99 20.69C13.4 26.25 13.4 26.25 10.32 26.25H8.86001C8.58286 26.25 8.31706 26.1399 8.12108 25.9439C7.92511 25.748 7.81501 25.4822 7.81501 25.205C7.81501 24.9278 7.92511 24.662 8.12108 24.4661C8.31706 24.2701 8.58286 24.16 8.86001 24.16H10.32C12.53 24.16 12.53 24.16 17.5 19.16C22.77 13.9 23.08 13.6 25.68 13.59V12.59C25.661 12.3922 25.7014 12.1933 25.796 12.0185C25.8906 11.8438 26.0351 11.7012 26.211 11.6089C26.387 11.5167 26.5865 11.4789 26.784 11.5005C26.9815 11.522 27.1681 11.6019 27.32 11.73L30.76 13.73C30.9459 13.8124 31.1039 13.9469 31.2148 14.1173C31.3257 14.2877 31.3847 14.4867 31.3847 14.69C31.3847 14.8933 31.3257 15.0923 31.2148 15.2627C31.1039 15.4331 30.9459 15.5676 30.76 15.65V15.65Z' fill='%23191919'/%3E%3C/svg%3E ") no-repeat center;
  background-size: contain;
}

#regist .required-icon {
  color: #C53932;
}

.gotop {
  color: #fff;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  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: 1px solid #fff;
  border-radius: 100%;
  position: fixed;
  bottom: 50px;
  right: 30px;
  cursor: pointer;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.gotop .svg-icons {
  display: block;
}
.gotop .svg-icons.i-arrow-up {
  width: 10px;
  height: 10px;
  background: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.750452 11.2303H14.2508C14.3875 11.2298 14.5215 11.1921 14.6384 11.1212C14.7552 11.0503 14.8505 10.9489 14.914 10.8278C14.9775 10.7068 15.0068 10.5707 14.9987 10.4343C14.9906 10.2978 14.9455 10.1662 14.8681 10.0535L8.11791 0.303196C7.83815 -0.101065 7.16463 -0.101065 6.88413 0.303196L0.133934 10.0535C0.0558005 10.1659 0.0099812 10.2977 0.00145423 10.4343C-0.00707273 10.571 0.0220188 10.7074 0.0855682 10.8287C0.149118 10.95 0.244694 11.0516 0.361914 11.1224C0.479133 11.1932 0.613513 11.2305 0.750452 11.2303Z' fill='white'/%3E%3C/svg%3E ") no-repeat center/contain;
}
.gotop.show {
  visibility: visible;
  opacity: 1;
}

.step-bar {
  width: 100%;
  margin: 80px 0;
}
@media all and (max-width: 768px) {
  .step-bar {
    margin: 40px 0;
  }
}
.step-bar .progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  counter-reset: step;
}
.step-bar .progress li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 20%;
      -ms-flex: 20%;
          flex: 20%;
  position: relative;
  z-index: 0;
  text-align: center;
  font-family: "EurostileBold", Microsoft JhengHei, Arial, sans-serif;
}
@media all and (max-width: 768px) {
  .step-bar .progress li {
    font-size: 0.9em;
  }
}
.step-bar .progress li::before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #818181;
  border-radius: 100%;
  text-align: center;
  background-color: #282828;
  margin-bottom: 10px;
  color: #818181;
}
@media all and (max-width: 768px) {
  .step-bar .progress li::before {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
.step-bar .progress li:nth-of-type(1)::before {
  content: "1";
}
.step-bar .progress li:nth-of-type(2)::before {
  content: "2";
}
.step-bar .progress li:nth-of-type(3)::before {
  content: "3";
}
.step-bar .progress li:nth-of-type(4)::before {
  content: "4";
}
.step-bar .progress li::after {
  content: "";
  position: absolute;
  width: 65%;
  height: 1px;
  background-color: #818181;
  top: 16px;
  right: -33%;
  z-index: -1;
}
.step-bar .progress li:last-child::after {
  content: none;
}
.step-bar .progress li.active {
  color: #FCC900;
}
.step-bar .progress li.active::before {
  border-color: #FCC900;
  background-color: #FCC900;
  color: #000;
}
.step-bar .progress li.active:after {
  background-color: #FCC900;
}
.step-bar .progress li.finished {
  color: #FCC900;
}
.step-bar .progress li.finished::before {
  content: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7525 0.718829L7.77806 9.8692L3.05877 5.1355C2.7205 4.80566 2.26618 4.62193 1.79372 4.6239C1.32126 4.62588 0.868489 4.81341 0.532991 5.14607C0.197494 5.47873 0.00613063 5.92989 0.000144753 6.40232C-0.00584112 6.87475 0.174029 7.33061 0.500991 7.67167L6.68289 13.8752C6.86436 14.0581 7.08311 14.1998 7.32424 14.2906C7.56538 14.3814 7.82325 14.4192 8.08031 14.4015C8.33736 14.3837 8.58757 14.3107 8.81391 14.1876C9.04025 14.0645 9.23741 13.894 9.39198 13.6879L17.6345 2.88033C17.9227 2.49993 18.0481 2.02072 17.9833 1.54791C17.9184 1.0751 17.6686 0.647351 17.2887 0.358578C16.9035 0.0730109 16.4214 -0.0493069 15.9466 0.0181234C15.4719 0.0855536 15.0429 0.337302 14.7525 0.718829V0.718829Z' fill='%23282828'/%3E%3C/svg%3E ");
  border-color: #FCC900;
  background-color: #FCC900;
  color: #000;
  line-height: 40px;
}
.step-bar .progress li.finished:after {
  background-color: #FCC900;
}

@media all and (min-width: 769px) and (max-width: 991px) {
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media all and (max-width: 768px) {
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.iframe-rwd {
  position: relative;
  padding-bottom: 85%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
@media all and (min-width: 769px) and (max-width: 991px) {
  .iframe-rwd {
    padding-bottom: 65%;
  }
}

.iframe-rwd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
}