@charset "UTF-8";
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(1), .main-title div:nth-of-type(2), .sub-title, .movie-title, .movie-level, .section .actions .actions-btn.active, .section .attention .note, .actionbtn button,
.actionbtn div, footer .footer-info .toolbar a {
  font-weight: 700;
}

@font-face {
  font-family: "BaiJamjuree-regular";
  font-display: swap;
  src: local("BaiJamjuree-regular"), url("../fonts/BaiJamjuree-regular.ttf") format("truetype");
  unicode-range: U+0600, U+00-024F;
}
@font-face {
    font-family: "bold-font";
    font-display: swap;
    src: local("BaiJamjuree-Bold"), url("../fonts/BaiJamjuree-Bold.ttf") format("truetype");
    unicode-range: U+0600, U+00-024F;
}
@font-face {
    font-family: 'NotoSansTC-Bold';
    src: url('../fonts/NotoSansTC-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'regular-font';
    src: url('../fonts/NotoSansTC-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'BaiJamjuree-Regular';
    src: url('../fonts/BaiJamjuree-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "NotoSansTC-Black";
  font-display: swap;
  src: local("NotoSansTC-Black"), url("../fonts/NotoSansTC-Black.ttf") format("truetype");
  unicode-range: U+4E00-9FFF;
}
@font-face {
    font-family: 'Outfit-VariableFont_wght';
    src: url('../fonts/Outfit-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'AlegreyaSansSC-Regular';
    src: url('../fonts/AlegreyaSansSC-Regular.ttf') format('truetype');
}
/*! 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/headerbg.png?I+DfKKUJFcA=');
    background-repeat: no-repeat;
    background-size: cover;
    /*background-size: contain;*/
    background-position: center bottom;
}
@media all and (max-width: 768px) {
    header {
        background-image: url('../image/headerbg_w.png');
        background-position: center top;
        background-size: 100% 80%;
        background-color: rgba(0, 0, 0, 0.3);
    }
}
@media all and (min-width: 769px) and (max-width: 992px) {
    header {
        /*background-size: contain;*/
    }
}
@media all and (min-width: 1920px) {
    header {
        /*background-image: url('../image/headerbg.png');*/
    }
}

nav {
  max-width: 1600px;
  margin: 0 160px;
  top: 0;
  left: 0;
  padding: 40px 0 50px 0;
  z-index: 100;
  -webkit-transition: padding 0.3s linear;
  transition: padding 0.3s linear;
}
@media all and (min-width: 1920px) {
  nav {
    max-width: 1600px;
    margin: 0 auto;
  }
}
@media all and (min-width: 1201px) and (max-width: 1919px) {
  nav {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media all and (min-width: 993px) and (max-width: 1200px) {
  nav {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 15px 50px 15px;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  nav {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 15px;
  }

    .headarea_add {
        min-height: 40px;
    }
}
@media all and (max-width: 768px) {
  nav {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px 15px;
  }
}

@media all and (max-width: 768px) {
    .headarea_add {
        min-height: 30px;
    }
}

nav .input-toggler {
    display: none;
}
nav .menu-toggler {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 35px;
    height: 35px;
    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;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
}
@media all and (max-width: 991px) {
  nav .menu-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
nav .menu-toggler .menu-toggler-line {
    width: 60%;
    height: 3px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 5px;
    margin: 0 0 3px 0px;
    position: relative;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    z-index: -1
}
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: 300px;
}
@media all and (min-width: 993px) and (max-width: 1200px) {
  nav .sidebar .nav-brand img {
    width: 200px;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  nav .sidebar .nav-brand img {
    width: 180px;
  }
}
@media all and (max-width: 768px) {
  nav .sidebar .nav-brand img {
    width: 180px;
  }
}
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 .mp-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 .mp-menu .dropdown-menu li {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
        background-color: transparent;
    }
}
nav .sidebar .mp-menu .dropdown-menu li:hover {
    background-color: #B22D2D;
}
@media all and (max-width: 991px) {
    nav .sidebar .mp-menu .dropdown-menu li:first-of-type {
        border-top: 1px solid #B22D2D;
    }
}
nav .sidebar .mp-menu .dropdown-menu li a {
    display: block;
/*    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;*/
    /*color: #fff;*/
}
nav .sidebar .mp-menu > li {
    width: 20%;
    text-align: center;
    position: relative;
    cursor: default;
}
@media all and (min-width: 993px) and (max-width: 1200px) {
    nav .sidebar .mp-menu > li {
        width: 20%;
    }
}
@media all and (max-width: 991px) {
    nav .sidebar .mp-menu > li {
        width: 100%;
        padding-left: 5% !important;
        margin: 0 auto 10px;
    }
}
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: 0 0 8px 0;
  /*color: #fff;*/
}
    nav .sidebar .menu .menu-link:hover::before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        background-color: #fff;
    }

nav .sidebar .user-account {
  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 1em;
        border-radius: 22px;
        /*color: #fff;*/
        color: #fff4e0;
        display: none;
        font-family: 'AlegreyaSansSC-Regular';
        font-size: clamp(0.875rem, 0.6964rem + 0.5714vw, 1.125rem);
    }
        nav .sidebar .user-account div.user .user-name {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            max-width: 120px;
            min-width: 80px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: clip;
            margin: 0 5px;
            color: #fff;
            font-size: clamp(1.125rem, 0.9464rem + 0.5714vw, 1.375rem);
        }
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;
  margin-right: 10px;
  border: 1px solid #B22D2D;
  border-radius: 5px;
}
nav .sidebar .user-account div.user-login a::after {
  display: inline-block;
  width: 27px;
  height: 18px;
  margin-left: 5px;
  content: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 9.25H27.25' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M27.25 9.25C22.28 9.25 18.25 5.22 18.25 0.25' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M27.25 9.25C22.28 9.25 18.25 13.28 18.25 18.25' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
nav .sidebar .user-account div.user-login a:hover {
  font-weight: 700;
}
nav .sidebar .user-account div.user-login a:hover:after {
  content: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 9.25H27.25' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M27.25 9.25C22.28 9.25 18.25 5.22 18.25 0.25' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M27.25 9.25C22.28 9.25 18.25 13.28 18.25 18.25' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
nav .sidebar .user-account div.user-regist {
  display: inline-block;
}
nav .sidebar .user-account div.user-regist a {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
nav .sidebar .user-account div.user-regist a::after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 30px;
  height: 20px;
  margin-left: 5px;
  content: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 9.25H27.25' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M27.25 9.25C22.28 9.25 18.25 5.22 18.25 0.25' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M27.25 9.25C22.28 9.25 18.25 13.28 18.25 18.25' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
nav .sidebar .user-account div.user-regist a:hover {
  font-weight: 700;
}
nav .sidebar .user-account div.user-regist a:hover:after {
  content: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.25 9.25H27.25' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M27.25 9.25C22.28 9.25 18.25 5.22 18.25 0.25' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M27.25 9.25C22.28 9.25 18.25 13.28 18.25 18.25' stroke='white' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
nav .sidebar .user-account div a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 25px;
  background-color: #B22D2D;
  border-radius: 5px;
}
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: "\f0a4";
            display: inline-block;
            width: 8px;
            height: 8px;
            margin-right: 5px;
            font-family: "Font Awesome 5 Free";
            margin-right: 18px;
            margin-bottom: 3px;
        }
    nav .sidebar .user-account div.account-sub a:hover::before {
        content: "\f0a4";
        margin-right: 18px;
        margin-bottom: 3px;
        color: var(--color-yellow-text);
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }
nav .sidebar .user-account.-active {
  background-color: #B22D2D;
}
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: #B22D2D;
  border: none;
}
nav .sidebar .user-account.isUser .account-sub {
  position: absolute;
  top: 25px;
  display: block;
  z-index: -2;
  background-color: #B22D2D;
  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;
  font-weight: normal;
}
nav .sidebar .user-account.isUser .user-login,
nav .sidebar .user-account.isUser .user-regist {
  display: none;
}
nav .sidebar .user-account.isUser:hover {
  background-color: #B22D2D;
}
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;
    margin-top: 10vh;
  }
}
@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;
    width: 100%;
    height: 100%;
    background: #000;
    top: 5px;
    left: 0px;
    bottom: 5px;
    opacity: 0;
    display: none;
    border-radius: 15px;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    z-index: 99;
    background-image: url('../image/background_bear.png');
    background-repeat: repeat-y;
}

@media all and (max-width: 991px) {
  nav .input-toggler:checked ~ .sidebar {
    height: 100%;
    /*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: 100%;
    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;
    /*height: 50%;*/
  }
}

.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 {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  position: relative;
  background-color: #E1E1E1;
  line-height: 1.4;
  font-family: "regular-font", Microsoft JhengHei, Arial, sans-serif;
}
@media all and (min-width: 1920px) {
  body,
  html {
    font-size: 20px;
  }
}
@media all and (min-width: 1201px) and (max-width: 1919px) {
  body,
  html {
    font-size: 18px;
  }
}
@media all and (min-width: 993px) and (max-width: 1200px) {
  body,
  html {
    font-size: 16px;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  body,
  html {
    font-size: 15px;
  }
}
@media all and (max-width: 768px) {
  body,
  html {
    font-size: 13px;
  }
}

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: 6px;
  left: 0;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  background-color: #ccc;
}

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

.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,%3Csvg xmlns='http://www.w3.org/2000/svg' id='selectarrow' data-name='selectarrow' version='1.1' viewBox='0 0 18.25 9.85' width='13' height='8'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23dcdcdc; stroke-miterlimit: 10; stroke-width: .25px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Down'%3E%3Cpath class='st0' d='M9.12,9.73c-.15,0-.31-.06-.42-.18L.3,1.15C.07.91.07.54.3.3S.91.07,1.15.3l7.98,7.98L17.1.3c.23-.23.61-.23.85,0s.23.61,0,.85l-8.4,8.4c-.12.12-.27.18-.42.18Z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95% center;
  cursor: pointer;
  border-radius: 5px;
  padding: 0 15px;
  width: 100%;
  color: #fff;
}
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 xmlns='http://www.w3.org/2000/svg' id='pin' data-name='pinicon' version='1.1' viewBox='0 0 34 48.57'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23b22d2d; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M17,0C7.61,0,0,7.61,0,17c0,12.75,17,31.57,17,31.57,0,0,17-18.82,17-31.57C34,7.61,26.39,0,17,0ZM17,23.07c-3.35,0-6.07-2.72-6.07-6.07s2.72-6.07,6.07-6.07,6.07,2.72,6.07,6.07-2.72,6.07-6.07,6.07Z'/%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='28' height='18' viewBox='0 0 28 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8701 16.1101V12.1801C27.8701 11.5301 27.3601 10.9901 26.7101 10.9301C25.7001 10.8501 24.9301 10.0101 24.9201 9.00014C24.9201 7.99014 25.7001 7.15014 26.7101 7.07014C27.3601 7.02014 27.8601 6.48014 27.8701 5.82014V1.89014C27.8701 1.20014 27.3101 0.640137 26.6201 0.640137H20.3501C19.9601 0.640137 19.5801 0.730136 19.2301 0.900136C19.0901 0.970136 18.9401 0.970136 18.8001 0.900136C18.4501 0.730136 18.0701 0.640137 17.6801 0.640137H1.6001C0.910098 0.640137 0.350098 1.20014 0.350098 1.89014V5.82014C0.350098 6.47014 0.860098 7.01014 1.5101 7.07014C2.5801 7.15014 3.3701 8.08014 3.2901 9.14014C3.2201 10.0901 2.4601 10.8501 1.5101 10.9201C0.860098 10.9701 0.360098 11.5101 0.350098 12.1701V16.1001C0.350098 16.7901 0.910098 17.3501 1.6001 17.3501H17.6801C18.0701 17.3501 18.4501 17.2601 18.8001 17.0901C18.9401 17.0201 19.1001 17.0201 19.2301 17.0901C19.5801 17.2601 19.9601 17.3501 20.3501 17.3501H26.6201C27.3101 17.3501 27.8701 16.7901 27.8701 16.1001V16.1101ZM19.0101 4.62014C18.4501 4.62014 18.0001 4.17014 18.0001 3.61014V2.58014C18.0001 2.02014 18.4701 1.58014 19.0201 1.59014C19.5701 1.59014 20.0101 2.04014 20.0101 2.58014V3.60014C20.0101 4.16014 19.5601 4.61014 19.0001 4.61014L19.0101 4.62014ZM19.0101 8.54014C18.4501 8.54014 18.0001 8.09014 18.0001 7.53014V6.55014C18.0001 5.99014 18.4501 5.54014 19.0101 5.54014C19.5701 5.54014 20.0201 5.99014 20.0201 6.55014V7.53014C20.0201 8.09014 19.5701 8.54014 19.0101 8.54014ZM19.0101 12.4501C18.4501 12.4501 18.0001 12.0001 18.0001 11.4401V10.4601C18.0001 9.90014 18.4701 9.46014 19.0201 9.47014C19.5701 9.47014 20.0101 9.92014 20.0101 10.4601V11.4401C20.0101 12.0001 19.5601 12.4501 19.0101 12.4501ZM19.0101 16.4201C18.4501 16.4201 18.0001 15.9701 18.0001 15.4101V14.3901C18.0001 13.8301 18.4401 13.3801 19.0001 13.3701C19.5601 13.3601 20.0101 13.8101 20.0201 14.3701C20.0201 14.3701 20.0201 14.3901 20.0201 14.4001V15.4201C20.0201 15.9801 19.5701 16.4301 19.0101 16.4301V16.4201Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

.i-ticket-black {
  background: url("data:image/svg+xml,%3Csvg width='28' height='18' viewBox='0 0 28 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8701 16.1101V12.1801C27.8701 11.5301 27.3601 10.9901 26.7101 10.9301C25.7001 10.8501 24.9301 10.0101 24.9201 9.00014C24.9201 7.99014 25.7001 7.15014 26.7101 7.07014C27.3601 7.02014 27.8601 6.48014 27.8701 5.82014V1.89014C27.8701 1.20014 27.3101 0.640137 26.6201 0.640137H20.3501C19.9601 0.640137 19.5801 0.730136 19.2301 0.900136C19.0901 0.970136 18.9401 0.970136 18.8001 0.900136C18.4501 0.730136 18.0701 0.640137 17.6801 0.640137H1.6001C0.910098 0.640137 0.350098 1.20014 0.350098 1.89014V5.82014C0.350098 6.47014 0.860098 7.01014 1.5101 7.07014C2.5801 7.15014 3.3701 8.08014 3.2901 9.14014C3.2201 10.0901 2.4601 10.8501 1.5101 10.9201C0.860098 10.9701 0.360098 11.5101 0.350098 12.1701V16.1001C0.350098 16.7901 0.910098 17.3501 1.6001 17.3501H17.6801C18.0701 17.3501 18.4501 17.2601 18.8001 17.0901C18.9401 17.0201 19.1001 17.0201 19.2301 17.0901C19.5801 17.2601 19.9601 17.3501 20.3501 17.3501H26.6201C27.3101 17.3501 27.8701 16.7901 27.8701 16.1001V16.1101ZM19.0101 4.62014C18.4501 4.62014 18.0001 4.17014 18.0001 3.61014V2.58014C18.0001 2.02014 18.4701 1.58014 19.0201 1.59014C19.5701 1.59014 20.0101 2.04014 20.0101 2.58014V3.60014C20.0101 4.16014 19.5601 4.61014 19.0001 4.61014L19.0101 4.62014ZM19.0101 8.54014C18.4501 8.54014 18.0001 8.09014 18.0001 7.53014V6.55014C18.0001 5.99014 18.4501 5.54014 19.0101 5.54014C19.5701 5.54014 20.0201 5.99014 20.0201 6.55014V7.53014C20.0201 8.09014 19.5701 8.54014 19.0101 8.54014ZM19.0101 12.4501C18.4501 12.4501 18.0001 12.0001 18.0001 11.4401V10.4601C18.0001 9.90014 18.4701 9.46014 19.0201 9.47014C19.5701 9.47014 20.0101 9.92014 20.0101 10.4601V11.4401C20.0101 12.0001 19.5601 12.4501 19.0101 12.4501ZM19.0101 16.4201C18.4501 16.4201 18.0001 15.9701 18.0001 15.4101V14.3901C18.0001 13.8301 18.4401 13.3801 19.0001 13.3701C19.5601 13.3601 20.0101 13.8101 20.0201 14.3701C20.0201 14.3701 20.0201 14.3901 20.0201 14.4001V15.4201C20.0201 15.9801 19.5701 16.4301 19.0101 16.4301V16.4201Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

.i-movie {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='moiveicon' data-name='movieicon1' version='1.1' viewBox='0 0 40 31.37'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23b22d2d; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M38.44,0H1.56C.7,0,0,.7,0,1.56v28.25c0,.86.7,1.56,1.56,1.56h36.87c.86,0,1.56-.7,1.56-1.56V1.56c0-.86-.7-1.56-1.56-1.56ZM6.73,28.8c0,.17-.14.31-.31.31H2.29c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM6.73,22.98c0,.17-.14.31-.31.31H2.29c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM6.73,17.15c0,.17-.14.31-.31.31H2.29c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM6.73,11.33c0,.17-.14.31-.31.31H2.29c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM6.73,5.51c0,.17-.14.31-.31.31H2.29c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM38.02,28.8c0,.17-.14.31-.31.31h-4.12c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM38.02,22.98c0,.17-.14.31-.31.31h-4.12c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM38.02,17.15c0,.17-.14.31-.31.31h-4.12c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM38.02,11.33c0,.17-.14.31-.31.31h-4.12c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93ZM38.02,5.51c0,.17-.14.31-.31.31h-4.12c-.17,0-.31-.14-.31-.31v-2.93c0-.17.14-.31.31-.31h4.12c.17,0,.31.14.31.31v2.93Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

.i-calendar {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='moviedate' data-name='moviedate1' version='1.1' viewBox='0 0 40 42.99'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23b22d2d; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M40,5.04c0-1.85-1.5-3.34-3.34-3.34h-2.1V.31c0-.17-.14-.31-.31-.31h0c-.17,0-.31.14-.31.31v1.38h-.65V.31c0-.17-.14-.31-.31-.31s-.31.14-.31.31v1.38h-4.91V.31c0-.17-.14-.31-.31-.31s-.31.14-.31.31v1.38h-.65V.31c0-.17-.14-.31-.31-.31h0c-.17,0-.31.14-.31.31v1.38h-4.91V.31c0-.17-.14-.31-.31-.31s-.31.14-.31.31v1.38h-.65V.31c0-.17-.14-.31-.31-.31s-.31.14-.31.31v1.38h-4.91V.31c0-.17-.14-.31-.31-.31s-.31.14-.31.31v1.38h-.65V.31c0-.17-.14-.31-.31-.31h0c-.17,0-.31.14-.31.31v1.38h-4.91V.31c0-.17-.14-.31-.31-.31s-.31.14-.31.31v1.38h-.65V.31c0-.17-.14-.31-.31-.31s-.31.14-.31.31v1.38h-2.1C1.5,1.7,0,3.19,0,5.04v5.87h40v-5.87ZM6.39,6.9c-.86,0-1.56-.7-1.56-1.56,0-.51.24-.96.61-1.24v1.23c0,.17.14.31.31.31s.31-.14.31-.31v-1.52c.1-.02.21-.03.32-.03s.22.01.32.03v1.52c0,.17.14.31.31.31s.31-.14.31-.31v-1.23c.37.29.61.74.61,1.24,0,.86-.7,1.56-1.56,1.56ZM13.19,6.9c-.86,0-1.56-.7-1.56-1.56,0-.51.24-.96.61-1.24v1.23c0,.17.14.31.31.31h0c.17,0,.31-.14.31-.31v-1.52c.1-.02.21-.03.32-.03s.22.01.32.03v1.52c0,.17.14.31.31.31s.31-.14.31-.31v-1.23c.37.29.61.74.61,1.24,0,.86-.7,1.56-1.56,1.56ZM20,6.9c-.86,0-1.56-.7-1.56-1.56,0-.51.24-.96.61-1.24v1.23c0,.17.14.31.31.31s.31-.14.31-.31v-1.52c.1-.02.21-.03.32-.03s.22.01.32.03v1.52c0,.17.14.31.31.31s.31-.14.31-.31v-1.23c.37.29.61.74.61,1.24,0,.86-.7,1.56-1.56,1.56ZM26.81,6.9c-.86,0-1.56-.7-1.56-1.56,0-.51.24-.96.61-1.24v1.23c0,.17.14.31.31.31h0c.17,0,.31-.14.31-.31v-1.52c.1-.02.21-.03.32-.03s.22.01.32.03v1.52c0,.17.14.31.31.31s.31-.14.31-.31v-1.23c.37.29.61.74.61,1.24,0,.86-.7,1.56-1.56,1.56ZM33.61,6.9c-.86,0-1.56-.7-1.56-1.56,0-.51.24-.96.61-1.24v1.23c0,.17.14.31.31.31s.31-.14.31-.31v-1.52c.1-.02.21-.03.32-.03s.22.01.32.03v1.52c0,.17.14.31.31.31h0c.17,0,.31-.14.31-.31v-1.23c.37.29.61.74.61,1.24,0,.86-.7,1.56-1.56,1.56Z'/%3E%3Cpath class='st0' d='M0,12.21v27.41c0,1.86,1.51,3.37,3.37,3.37h33.26c1.86,0,3.37-1.51,3.37-3.37V12.21H0ZM22,30.25c0,.77-.19,1.45-.58,2.05-.38.6-.92,1.06-1.62,1.38-.7.32-1.5.49-2.41.49h-1.93c-1.42,0-2.52-.4-3.33-1.21-.8-.81-1.2-1.93-1.2-3.38h2.7c0,.69.16,1.22.48,1.6.32.38.77.57,1.35.57h1.93c.56,0,1.01-.14,1.35-.41.34-.27.52-.63.52-1.08v-.79c0-.41-.18-.74-.54-.99-.36-.25-.82-.38-1.39-.38h-2.54v-2.38h2.54c.5,0,.91-.12,1.21-.37.3-.24.46-.57.46-.96v-.79c0-.37-.15-.67-.44-.88-.29-.22-.67-.33-1.13-.33h-1.93c-.54,0-.96.19-1.26.57-.3.38-.45.91-.45,1.6h-2.76c0-1.44.39-2.57,1.18-3.38.79-.81,1.88-1.21,3.29-1.21h1.93c.85,0,1.6.15,2.25.46.66.3,1.16.73,1.52,1.28.36.55.54,1.18.54,1.9v.79c0,.49-.13.95-.38,1.37-.25.42-.61.79-1.07,1.09.54.32.96.71,1.26,1.17.3.46.45.95.45,1.45v.79ZM29.06,34h-2.74v-10.92l-3.2,1.61v-2.54l3.85-2.05h2.08v13.9Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

.i-cam {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 40 29.33'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B isolation: isolate; %7D .st2 %7B fill: %23bf272d; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='-581.58' y='422.4' width='1920' height='210'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st1'%3E%3Cg id='_圖層_1' data-name='圖層_1'%3E%3Cg id='Video_Recorder'%3E%3Cpath class='st2' d='M0,4v10.67s0,10.67,0,10.67c0,2.13,1.73,4,4,4h21.33c2.27,0,4-1.87,4-4v-3.2s8.67,4.27,8.67,4.27c.4.27.93.27,1.33,0,.4-.13.67-.67.67-1.07v-10.67s0-10.67,0-10.67c0-.53-.27-.93-.67-1.2-.4-.13-.8-.13-1.33,0l-8.67,4.4v-3.2C29.33,1.73,27.6,0,25.33,0H4C1.73,0,0,1.73,0,4Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

.i-chair {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 38 45.58'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B isolation: isolate; %7D .st2 %7B fill: %234b4b4b; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='-582.58' y='350.19' width='1920' height='210'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st1'%3E%3Cg id='_圖層_1' data-name='圖層_1'%3E%3Cg%3E%3Crect class='st2' x='0' y='32.8' width='38' height='12.78' rx='6.39' ry='6.39'/%3E%3Cpath class='st2' d='M6.39,31.63h25.22c1.95,0,3.7.81,4.96,2.11.4-2.05.4-5.08.4-9.56v-10.36c0-7.6-5.88-13.82-13.06-13.82h-9.8C6.92,0,1.04,6.22,1.04,13.82v10.36c0,4.53,0,7.59.3,9.67,1.26-1.36,3.05-2.22,5.05-2.22Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.i-chair-red {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 38 45.58'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B isolation: isolate; %7D .st2 %7B fill: %23bf272d; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='-582.58' y='350.19' width='1920' height='210'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st1'%3E%3Cg id='_圖層_1' data-name='圖層_1'%3E%3Cg%3E%3Crect class='st2' x='0' y='32.8' width='38' height='12.78' rx='6.39' ry='6.39'/%3E%3Cpath class='st2' d='M6.39,31.63h25.22c1.95,0,3.7.81,4.96,2.11.4-2.05.4-5.08.4-9.56v-10.36c0-7.6-5.88-13.82-13.06-13.82h-9.8C6.92,0,1.04,6.22,1.04,13.82v10.36c0,4.53,0,7.59.3,9.67,1.26-1.36,3.05-2.22,5.05-2.22Z'/%3E%3C/g%3E%3C/g%3E%3C/g%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;
}

.i-building {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23B22D2D' class='bi bi-buildings-fill' viewBox='0 0 16 16'%3E%3Cpath d='M15 .5a.5.5 0 0 0-.724-.447l-8 4A.5.5 0 0 0 6 4.5v3.14L.342 9.526A.5.5 0 0 0 0 10v5.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V14h1v1.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5zM2 11h1v1H2zm2 0h1v1H4zm-1 2v1H2v-1zm1 0h1v1H4zm9-10v1h-1V3zM8 5h1v1H8zm1 2v1H8V7zM8 9h1v1H8zm2 0h1v1h-1zm-1 2v1H8v-1zm1 0h1v1h-1zm3-2v1h-1V9zm-1 2h1v1h-1zm-2-4h1v1h-1zm3 0v1h-1V7zm-2-2v1h-1V5zm1 0h1v1h-1z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.disable .i-chair {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 38 45.58'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B isolation: isolate; %7D .st2 %7B fill: %234b4b4b; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='-582.58' y='350.19' width='1920' height='210'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st1'%3E%3Cg id='_圖層_1' data-name='圖層_1'%3E%3Cg%3E%3Crect class='st2' x='0' y='32.8' width='38' height='12.78' rx='6.39' ry='6.39'/%3E%3Cpath class='st2' d='M6.39,31.63h25.22c1.95,0,3.7.81,4.96,2.11.4-2.05.4-5.08.4-9.56v-10.36c0-7.6-5.88-13.82-13.06-13.82h-9.8C6.92,0,1.04,6.22,1.04,13.82v10.36c0,4.53,0,7.59.3,9.67,1.26-1.36,3.05-2.22,5.05-2.22Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.i-notice {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 30 30'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B isolation: isolate; %7D .st2 %7B fill: %23b22d2d; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='-305' y='-415' width='1920' height='210'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st1'%3E%3Cg id='_圖層_1' data-name='圖層_1'%3E%3Cpath class='st2' d='M15,0C6.72,0,0,6.72,0,15s6.72,15,15,15c8.28,0,14.99-6.72,15-15C30,6.72,23.28,0,15,0ZM14.94,7.53s.04,0,.06,0c.74,0,1.34.6,1.34,1.34,0,.02,0,.04,0,.06l-.4,7.22c-.03.52-.45.92-.97.92-.52,0-.95-.41-.98-.93l-.35-7.23c-.03-.74.54-1.37,1.29-1.4ZM15,22.42c-.84,0-1.53-.68-1.53-1.53s.68-1.53,1.53-1.53,1.53.68,1.53,1.53-.68,1.53-1.53,1.53Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 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='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 13.84L12 6.92L0 0V13.84Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.i-next {
  background: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 13.84L12 6.92L0 0V13.84Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

.i-cancel {
  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 0H3C1.34315 0 0 1.34315 0 3V19C0 20.6569 1.34315 22 3 22H19C20.6569 22 22 20.6569 22 19V3C22 1.34315 20.6569 0 19 0Z' fill='%23232323'/%3E%3Cpath d='M14.3498 8.11978C14.6898 8.45978 14.4798 8.79978 14.3498 8.94978L12.3098 10.9898L14.3598 13.0398C14.7398 13.4198 14.4798 13.7398 14.4098 13.8198L13.8498 14.3798C13.7598 14.4598 13.4398 14.7198 13.0598 14.3398L11.0098 12.2898L8.95978 14.3398C8.57978 14.7198 8.25978 14.4598 8.17978 14.3898L7.61978 13.8298C7.53978 13.7398 7.27978 13.4198 7.65978 13.0398L9.70978 10.9898L7.70978 8.97978C7.61978 8.87978 7.28978 8.48978 7.64978 8.11978L8.13978 7.62978C8.47978 7.28978 8.81978 7.50978 8.96978 7.62978L11.0098 9.66978L13.0098 7.66978C13.1098 7.57978 13.4998 7.24978 13.8698 7.60978L14.3598 8.09978L14.3498 8.11978Z' fill='%23D7D7D7' stroke='black' stroke-width='0.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: contain;
}

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

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

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

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

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

.hide {
  display: none;
}



.hr-line {
  width: 50px;
  margin-left: 0;
  height: 1px;
  background-color: #B22D2D;
  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;
    word-wrap: break-word;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.td-block {
  font-size: 1.1rem;
}

.y12 {
  background-color: #F3C735;
}
.y12::before {
  content: attr(data-text);
}

.y15 {
  background-color: #E38C28;
}
.y15::before {
  content: attr(data-text);
}

.R {
  background-color: #DB352B;
}
.R::before {
  content: attr(data-text);
}

.yp {
  background-color: #44A8EA;
}
.yp::before {
  content: attr(data-text);
}

.yn {
  background-color: #73BE44;
}
.yn::before {
  content: attr(data-text);
}

.level_none {
    background-color: #E1E1E1;
}

    .level_none::before {
        content: attr(data-text);
    }


.darkbg {
    background-color: var(--color-dark-bg);
}

.darkcolor {
  color: #000;
}

.redcolor {
  color: #B22D2D;
}

.font-bold {
  font-family: "bold-font";  
}

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

/* share style */
.content-box {
  padding: 0 15px;
  margin: 0 auto;
}
@media all and (min-width: 1920px) {
    .content-box {
        max-width: 1750px;
        margin: 0 auto;
    }
}
@media all and (min-width: 1201px) and (max-width: 1919px) {
  .content-box {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .content-box {
    max-width: 75%;
    margin: 0 auto;
  }
}

.main-title {
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (max-width: 768px) {
  .main-title {
    margin-bottom: 30px;
  }
}

.main-title div {
  margin: 0;
}

.main-title div:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-title .red {
    color: #B22D2D;
    font-family: Outfit-VariableFont_wght;
    font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    margin-bottom: 5px;
    margin-left: 10px;
}

.main-title .dark {
    font-family: Outfit-VariableFont_wght;
    font-size: clamp(1.5rem, 1.5rem + 0vw, 1.5rem);
    color: transparent !important;
    line-height: 1;
    background: url(https://github.com/ecemgo/mini-samples-great-tricks/assets/13468728/2bd7c4f1-264e-47de-a50c-5483dbff2525);
    background-clip: text;
    -webkit-background-clip: text;
    background-position: 0 0;
    animation: animated-text 20s linear infinite;
}

.main-title .ctitle,
.modal .page .login {
    display: inline-block;
    color: transparent;
    background-image: url('../image/circle-bg.svg');
    background-color: #000;
    background-size: 400px;
    background-position: 50% 80%;
    background-blend-mode: overlay;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.015em;
    font-size: clamp(1.375rem, 1.375rem + 0vw, 1.375rem);
    font-weight: bold;
}

.modal .page .login {
    font-size: clamp(1.875rem, 1.875rem + 0vw, 1.875rem); /*30*/
}

.main-title .etitle {
    font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
    border-bottom: #B22D2D solid 1.5px;
    font-family: "regular-font", "BaiJamjuree-Regular";
}

.flex-container {
    display: flex;
    flex-direction: column;
}

.flex-container_row {
    display: flex;
    flex-direction: row;
}

@media all and (min-width: 769px) and (max-width: 992px) {
  .main-title div:nth-of-type(1)::before {
    width: 66px;
    height: 30px;
  }
}
@media all and (max-width: 768px) {
  .main-title div:nth-of-type(1)::before {
    width: 48px;
    height: 21px;
  }
}

.main-title div:nth-of-type(2) {
    color: #B22D2D;
    margin-left: 8px;
}

@keyframes animated-text {
    100% {
        background-position: 100% 0;
    }
}

.main-title.darkcolor div:nth-of-type(1)::before {
  background-image: url(/image/svg/arrow_black.svg);
}

.primary-title {
  margin-bottom: 20px;
}

    .primary-title::first-letter {
        color: var(--color-red-company);
        font-size: 32px;
    }

.primary-title_en {
    color: #E1E1E1;
    margin-left: 10px;
    font-weight: 100;
}

.primary-title_en::after {
    content: "";
    margin-left: 3px;
    padding-right: 50px;
    border-bottom: solid 1px;
}

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

.movie-item img {
  border-radius: 5px;
}
.movie-item .list-item {
  color: #000;
  margin-top: 10px;
}
.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 {
  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 p:first-of-type {
  word-wrap: break-word;
  border-right: 1px solid #000;
  padding-right: 10px;
  margin-right: 10px;
  display: inline-block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.movie-title {
  width: 100%;
  color: #000;
  margin-bottom: 20px;
}
.movie-title span {
  display: block;
  color: #666666;
  margin: 5px 0 10px 0;
  font-weight: 400;
}

.movie-level {
  padding: 5px 15px;
  display: inline-block;
  color: #000;
  text-align: center;
  position: absolute;
  bottom: 15px;
  right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-family: "bold-font";
}

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

.row-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 10%;
}
@media all and (min-width: 993px) and (max-width: 1200px) {
  .row-1 {
    width: 50%;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .row-1 {
    width: 100%;
  }
}
@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 (max-width: 992px) {
  .row-2 {
    width: 50%;
  }
}
/*@media (max-width: 768px) {
  .row-2 {
    width: 50%;
  }
}*/

.row-footer-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25% !important;
}

@media (max-width: 992px) {
    .row-footer-img {
        width: 100%;
    }
}

.row-footer-storelist {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75% !important;
}

@media (max-width: 992px) {
    .row-footer-storelist {
        width: 100%;
    }
}

.row-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 30%;
}
@media all and (min-width: 993px) and (max-width: 1200px) {
  .row-3 {
    width: 50%;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .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: 993px) and (max-width: 1200px) {
  .row-3-1 {
    width: 50%;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .row-3-1 {
    width: 50%;
  }
}
@media all and (max-width: 768px) {
  .row-3-1 {
    width: 100%;
  }
}

.section .news-info .row-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45%;
}

.row-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40%;
}
@media all and (min-width: 993px) and (max-width: 1200px) {
  .row-4 {
    width: 100%;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .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: 993px) and (max-width: 1200px) {
  .row-7 {
    width: 100%;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .row-7 {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .row-7 {
    width: 100%;
  }
}

.section .news-info .row-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.row-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 60%;
}
@media all and (min-width: 993px) and (max-width: 1200px) {
  .row-6 {
    width: 100%;
  }
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .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: 992px) {
  .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 (max-width: 992px) {
  .row-8 {
    width: 100%;
  }
}

.row-swiper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 76%;
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .row-swiper {
        width: 75% !important;
        margin: 0 auto;
    }
}

@media (min-width: 993px) and (max-width: 1024px) {
    .row-swiper {
        width: 67% !important;
        margin: 0 auto;
    }
}

@media (max-width: 992px) {
    .row-swiper {
        width: 95%;
        margin: 0 auto;
    }
}

.row-booking {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 24%;
}

@media (max-width: 1280px) {
    .row-booking {
        width: 25%;
    }
}

@media (max-width: 1024px) {
    .row-booking {
        width: 25%;
        padding-right: 20px !important;
    }
}

@media (max-width: 992px) {
    .row-booking {
        width: 80%;
        margin: 0 auto;
    }
}

/*
@media (max-width: 768px) {
    .row-booking {
        width: 95%;
    }
}*/
/*@media (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;
  margin: 0 auto;
  padding: 50px 0 0 0;
}
.section-up {
    margin-top: -40px;
}

@media all and (max-width: 768px) {
  .section {
    padding: 30px 0;
  }
    .section-up {
        margin-top: -15px;
    }
}
.section:last-of-type {
  padding: 50px 0 30px 0;
}
@media all and (max-width: 768px) {
  .section:last-of-type {
    padding: 30px 0;
  }
}
.section .content {
  margin-bottom: 30px;
}
.section .content:last-of-type {
  margin-bottom: 0;
}
.section .actions {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 50px 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (min-width: 769px) and (max-width: 992px) {
  .section .actions {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 768px) {
  .section .actions {
    margin-bottom: 30px;
  }
}
.section .actions .actions-btn,
.modal .page .right .actions .actions-btn {
    border-radius: 5px;
    background-color: #232323;
    color: #E1E1E1;
    cursor: pointer;
    padding: 15px 1vw;
    text-align: center;
    margin-right: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .section .actions .actions-btn:hover,
    .modal .page .right .actions .actions-btn:hover {
        animation: bouncePop 0.4s ease;
    }

@keyframes bouncePop {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

@media all and (min-width: 769px) and (max-width: 992px) {
  .section .actions .actions-btn {
    margin-right: 10px;
  }
}
@media all and (max-width: 768px) {
  .section .actions .actions-btn {
    margin-right: 10px;
    padding: 15px;
  }
}
.section .actions .actions-btn:last-of-type {
  margin-right: 0;
}
.section .actions .actions-btn.active {
  color: #fff;
  background-color: #B22D2D;
}
.section .attention {
  border: 1px solid #000;
  border-radius: 10px;
  padding: 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 .note {
  padding-bottom: 20px;
  border-bottom: 1px dashed #B22D2D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: 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;
  margin-bottom: 5px;
  line-height: 25px;
}

.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 {
  min-width: 180px;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFDF00;
  border-color: transparent;
  color: #282828;
  -webkit-transition: background-color 0.35s linear;
  transition: background-color 0.35s linear;
  font-size: 0.95rem;
  font-family: "bold-font";
}
.actions .actions-btn.next .i-next {
  margin-left: 10px;
  width: 10px;
  height: 10px;
}
.actions .actions-btn.back {
  min-width: 180px;
  padding: 10px;
  background-color: #232323;
  border-color: transparent;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-transition: background-color 0.35s linear;
  transition: background-color 0.35s linear;
  font-size: 0.95rem;
  font-family: "bold-font";
}
.actions .actions-btn.back .i-back {
  margin-right: 10px;
  width: 10px;
  height: 10px;
}
.actions .actions-btn.prev {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: 1px solid #3E3E3E;
  color: #000;
  font-family: "bold-font";
}

footer {
    background-image: url('../image/footer_bg.png?I+DfKKUJFcA=');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
footer .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row !important;
    padding: 60px 15px 40px 15px;
}
    footer img {
        width: 75%;
        height: 75%;
    }

@media (max-width: 768px) {
    footer {
        background-image: none;
        background-color: #B22D2D;
    }
    footer .footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px !important;
    }
        footer img {
            position: relative;
            top: 10px !important;
            padding-bottom: 25px;
        }
}

footer .footer-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 3vw;
}
footer .footer-info .branch-store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #fff;
}
    footer .footer-info .branch-store .store-list {
        display: -webkit-box;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
        margin-left: 3%;
    }

    footer .footer-info .branch-store .store {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 5px;
        font-size: clamp(1rem, 1rem + 0vw, 1rem);
        display: flex;
        flex: 1;
    }

    footer .footer-info .branch-store .store > div {
        margin-left: 10px;
    }

@media (max-width: 1025px) {
    footer .footer-info .branch-store {
        flex-direction: column;
    }

/*        footer .footer-info .branch-store .row-2 {
            text-align: center;
            object-fit: contain;
        }    */

        footer .footer-info .branch-store .store-list {
            width: 100%;
            grid-template-columns: 100%;
            margin: 0 !important;
            padding: 0 !important;
            margin-top: 30px;
        }

        footer .footer-info .branch-store .store {
            font-size: clamp(1.25rem, 1.25rem + 0vw, 1.25rem); /*20*/
            flex-direction: row !important;
            justify-content: center;
            justify-items: center;
        }
}

@media (min-width: 769) and (max-width: 1026px) {

    footer .footer-info .branch-store .row-2 {
        width: 100% !important;
        /*min-height: 100% !important;*/
        text-align: center;
        object-fit: contain;
    }
}

@media(max-width: 1025px) {

    footer .footer-info .branch-store .row-2 {
        width: 36% !important;
        height: 28%;
        text-align: center;
        object-fit: contain;
    }
}

@media(max-width: 1023px) {

    footer .footer-info .branch-store .row-2 {
        width: 55% !important;
        height: 25%;
        text-align: center;
        object-fit: contain;
    }
}

@media(max-width: 768px) {

    footer .footer-info .branch-store .row-2 {
        width: 40% !important;
        text-align: center;
        object-fit: contain;
    }
}

@media(max-width: 765px) {

    footer .footer-info .branch-store .row-2 {
        width: 55% !important;
        text-align: center;
        object-fit: contain;
    }
}

@media (max-width: 375px) {

    footer .footer-info .branch-store .row-2 {        
        width: 65% !important;
        text-align: center;
        object-fit: contain;
    }
}

        footer .footer-info .branch-store .store 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: 36px;
            height: 36px;
            border: 1px solid #fff;
            border-radius: 50%;
            text-align: center;
            margin-right: 5px;
        }

            footer .footer-info .branch-store .store a svg {
                width: 18px;
            }

            footer .footer-info .branch-store .store a path {
                fill: #fff;
            }

            footer .footer-info .branch-store .store a:hover.fb {
                background-color: #3a589a;
            }

                footer .footer-info .branch-store .store a:hover.fb path {
                    fill: #fff;
                }

            footer .footer-info .branch-store .store a:hover.ig {
                background: url(/image/svg/ig-bg.svg) no-repeat center center;
            }

                footer .footer-info .branch-store .store a:hover.ig path {
                    fill: #fff;
                }

        footer .footer-info .branch-store span {
            font-family: "regular-font";
            margin: 0 15px 0 5px;
        }

footer .footer-info .toolbar {
    color: #fff;
    font-family: "regular-font", "NotoSansTC-Regular";
    text-align: center;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: clamp(1.1rem, 1.1rem + 0vw, 1.1rem);
}

@media (max-width: 1026px) {
    footer .footer-info .toolbar {
        flex-direction: column;
        font-size: clamp(1.3rem, 1.3rem + 0vw, 1.3rem);
        margin-top: 20px !important;
    }

        footer .footer-info .toolbar div {
            margin-top: 10px;
        }
}

    @media (max-width: 1023px) {
        footer .footer-info .toolbar {
            flex-direction: column;
            font-size: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
            margin-top: 20px !important;
        }

            footer .footer-info .toolbar div {
                margin-top: 15px;
            }
    }

    @media (max-width: 769px) {
        footer .footer-info .toolbar {
            flex-direction: column;
            font-size: clamp(1.3rem, 1.3rem + 0vw, 1.3rem);
            margin-top: 0 !important;
        }

            footer .footer-info .toolbar div {
                margin-top: 15px;
            }

        footer .footer-info .branch-store .store a {
            width: 28px;
            height: 28px;
        }
    }

@media (max-width: 766px) {
    footer .footer-info .toolbar {
        flex-direction: column;
        font-size: clamp(1.1rem, 1.1rem + 0vw, 1.1rem);
        margin-top: 0 !important;
    }

        footer .footer-info .toolbar div {
            margin-top: 15px;
        }

    footer .footer-info .branch-store .store a {
        width: 28px;
        height: 28px;
    }
}

    @media (max-width: 411px) {
        footer .footer-info .toolbar {
            margin: 0 !important;
            margin-bottom: 10px;
            padding: 0px;
            flex-direction: column;
            font-size: clamp( 0.95rem, 0.95rem + 0vw, 0.95rem);
        }

            footer .footer-info .toolbar div {
                margin-top: 9px;
            }
    }

    @media (max-width: 374px) {
        footer .footer-info .toolbar {
            font-size: clamp( 0.8rem, 0.8rem + 0vw, 0.8rem);
        }
    }

    footer .footer-info .toolbar a {
        padding: 0 20px;
        display: inline-block;
    }

        footer .footer-info .toolbar a:nth-of-type(2) {
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
        }

    .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 {
        max-width: 1000px;
        margin: 0 auto;
    }

    @media all and (min-width: 993px) and (max-width: 1200px) {
        .step-bar {
            max-width: 800px;
        }
    }

    @media all and (min-width: 769px) and (max-width: 992px) {
        .step-bar {
            max-width: 700px;
        }
    }

    @media all and (max-width: 768px) {
        .step-bar {
            max-width: 100%;
            margin: 0 auto;
        }
    }

    .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-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;
            color: #AFAFAF;
        }

    @media all and (max-width: 768px) {
        .step-bar .progress li {
            font-size: 0.9em;
        }
    }

    .step-bar .progress li::before {
        content: counter(step);
        counter-increment: step;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border: 1px solid #AFAFAF;
        border-radius: 100%;
        text-align: center;
        color: #AFAFAF;
        margin-right: 15px;
        font-weight: 800;
        font-size: 1.2rem;
    }

    @media all and (max-width: 768px) {
        .step-bar .progress li::before {
            width: 35px;
            height: 35px;
            line-height: 35px;
        }
    }

    .step-bar .progress li::after {
        content: url(/image/svg/step.svg);
        position: absolute;
        width: 20px;
        height: 21px;
        top: 15px;
        left: 175px;
        z-index: -1;
    }

    @media all and (min-width: 993px) and (max-width: 1200px) {
        .step-bar .progress li::after {
            left: 78%;
        }
    }

    @media all and (min-width: 769px) and (max-width: 992px) {
        .step-bar .progress li::after {
            left: 78%;
        }
    }

    @media all and (max-width: 768px) {
        .step-bar .progress li::after {
            left: 78%;
            top: 10px;
        }
    }

    .step-bar .progress li:last-child::after {
        content: none;
    }

    .step-bar .progress li.active {
        color: #000;
        font-family: "bold-font";
    }

        .step-bar .progress li.active::before {
            border-color: #FFDF00;
            background-color: #FFDF00;
            color: #000;
        }

    .step-bar .progress li.finished::before {
        content: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.8 13.7255L3.2 10.1961L0 13.3333L6.8 20L24 3.13725L20.8 0L6.8 13.7255Z' fill='black'/%3E%3C/svg%3E%0A");
        color: #000;
    }

    .step-bar .progress li.finished::after {
        content: url("/image/svg/donestep.svg");
        color: #000;
    }

    /*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: 600px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -285px;
        margin-top: -100px;
        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 20px 0;
        font-size: 20px;
    }

    .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;
            }

    /*Loading CSS*/
    .loader {
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #3498db;
        width: 120px;
        height: 120px;
        -webkit-animation: spin 2s linear infinite; /* Safari */
        animation: spin 2s linear infinite;
    }

    /* Safari */
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes spin {
        from {
            transform: scale(1) rotate(0deg);
        }

        to {
            transform: scale(1) rotate(360deg);
        }
    }

    /*Alert CSS*/
    .swal2-popup {
        font-family: Microsoft JhengHei, Arial, sans-serif;
        /*font-size: 14px !important;*/
        font-size: clamp(0.625rem, 0.5675rem + 0.2433vw, 0.75rem) !important; /*10 & 12*/
    }

    .swal2-styled {
        font-family: Microsoft JhengHei, Arial, sans-serif;
        font-size: clamp(1rem, 0.885rem + 0.4866vw, 1.25rem) !important; /*16 & 20*/
        /*font-size: 20px !important;*/
        background-color: #818181;
    }

    .swal2-title {
        line-height: 30px !important;
    }

    .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
        animation: bouncePop 0.4s ease;
    }

    .confirm-buttonsty,
    .cancel-buttonsty,
    .confirm-buttonsty2 {
        color: white !important;
        border-radius: 5px !important;
        border: 1px solid var(--color-dark-bg) !important;
    }

        .confirm-buttonsty:hover,
        .cancel-buttonsty:hover,
        .confirm-buttonsty2:hover {
            background-color: var(--color-red-company) !important;
        }

        .confirm-buttonsty2:focus {
            background-color: var(--color-bule-text) !important;
        }