@charset "UTF-8";

/* @import '_common/tailwind'; */

:root {
}

.fixed {
    position: fixed;
  }

.relative {
    position: relative;
  }

:root {
}

:root {
}

.left-0 {
  left: 0;
}

.m-0 {
  margin: 0;
}

.py-\[1px\] {
    padding-top: 1px;
    padding-bottom: 1px;
  }

.p-\[2px\] {
    padding: 0.125rem;
  }

.space-y-\[5px\] > :not([hidden]) ~ :not([hidden]) {
      margin-top: 0.3125rem;
    }

.mt-\[5px\] {
    margin-top: 0.3125rem;
  }

.gap-x-\[5px\] {
    column-gap: 0.3125rem;
  }

.gap-x-\[8px\] {
    column-gap: 0.5rem;
  }

.space-x-\[10px\] > :not([hidden]) ~ :not([hidden]) {
      margin-left: 0.625rem;
    }

.mb-\[10px\] {
    margin-bottom: 0.625rem;
  }

.ml-\[10px\] {
    margin-left: 0.625rem;
  }

.py-\[10px\] {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

.gap-x-\[10px\] {
    column-gap: 0.625rem;
  }

.space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
      margin-top: 1.25rem;
    }

.mb-\[20px\] {
    margin-bottom: 1.25rem;
  }

.py-\[20px\] {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

.gap-x-\[20px\] {
    column-gap: 1.25rem;
  }

.mb-\[30px\] {
    margin-bottom: 1.875rem;
  }

.py-\[30px\] {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

.space-y-\[40px\] > :not([hidden]) ~ :not([hidden]) {
      margin-top: 2.5rem;
    }

.mr-\[40px\] {
    margin-right: 2.5rem;
  }

.mb-\[40px\] {
    margin-bottom: 2.5rem;
  }

:root {
}

.w-full {
  width: 100%;
}

.max-w-full {
  max-width: 100%;
}

.h-full {
  height: 100%;
}

.max-h-full {
  max-height: 100%;
}

.w-\[16px\] {
    width: 1rem;
  }

.h-\[16px\] {
    height: 1rem;
  }

.w-\[18px\] {
    width: 1.125rem;
  }

.h-\[18px\] {
    height: 1.125rem;
  }

.w-\[20px\] {
    width: 1.25rem;
  }

.h-\[20px\] {
    height: 1.25rem;
  }

.w-\[24px\] {
    width: 1.5rem;
  }

.h-\[24px\] {
    height: 1.5rem;
  }

:root {
}

.fill-current {
  fill: currentColor;
}

:root {
}

.indent-\[-99999px\] {
  text-indent: -6249.9375rem;
}

.not-italic {
  font-style: normal;
}

/* @each $value in var(--text-align) {
  .text-$(value) {
    text-align: $(value);
  }
} */

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

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

.hover\:no-underline:hover {
    text-decoration-line: none;
  }

:root {
}

.block {
    display: block;
  }

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

:root {
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-grow {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-wrap {
    flex-wrap: wrap;
  }

/* @for $i from 1 to 10 {
  .order-$(i) {
    order: $(i);
  }
} */

:root {
}

.rounded-full {
  border-radius: 62499.9375rem;
}

.rounded-\[14px\] {
    border-radius: 0.875rem;
  }

:root {
}

.overflow-hidden {
    overflow: hidden;
  }

:root {
}

.backdrop-blur-\[10px\] {
    backdrop-filter: blur(0.625rem);
  }

.shadow-card {
  box-shadow:
    0 1.5625rem 1.875rem 0 #a5c5a533,
    0 0.1875rem 0.625rem 0 #b2beb140;
}

.shadow-top {
  box-shadow: 0 0.3125rem 1.25rem 0 #0000001a;
}

:root {
}

.box-border {
    box-sizing: border-box;
  }

:root {
}

.leading-0 {
  line-height: 0;
}

.leading-\[1\.75\] {
    line-height: 1.75;
  }

:root {
}

.transition-opacitys {
  transition:
    opacity 0.3s,
    visibility 0.3s;
}

.transition-transform {
  transition: transform 0.3s;
}

.transition-all {
  transition: all 0.3s;
}

/* :root {
  --zIndex: (15);
} */

.z-0 {
  z-index: 0;
}

.z-\[1\] {
    z-index: 1;
  }

.z-\[5\] {
    z-index: 5;
  }

/* @each $value in var(--zIndex) {
  .z-\[$(value)\] {
    z-index: $(value);
  }

  .z-\[-$(value)\] {
    z-index: -$(value);
  }
} */

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

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
address,
del,
em,
img,
s,
small,
strong,
b,
u,
i,
ol,
ul,
li,
button,
input,
select,
textarea,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
}

ol,
ul {
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  font-weight: normal;
  vertical-align: middle;
}

a img {
  border: none;
}

img,
video {
  max-width: 100%;
  height: auto;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

button,
input,
select,
textarea {
  color: inherit;
}

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

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src:
    url(../../assets/fonts/NotoSansTC-400.woff2?636ad607) format('woff2'),
    url(../../assets/fonts/NotoSansTC-400.woff?64360c5e) format('woff');
}

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  src:
    url(../../assets/fonts/NotoSansTC-500.woff2?8fc57c7a) format('woff2'),
    url(../../assets/fonts/NotoSansTC-500.woff?649390df) format('woff');
}

@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src:
    url(../../assets/fonts/NotoSansTC-700.woff2?b9413d84) format('woff2'),
    url(../../assets/fonts/NotoSansTC-700.woff?a6266d44) format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src:
    url(../../assets/fonts/Montserrat-Regular.woff2?a6266d44) format('woff2'),
    url(../../assets/fonts/Montserrat-Regular.woff?cdb0c40d) format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src:
    url(../../assets/fonts/Montserrat-Bold.woff2?cdb0c40d) format('woff2'),
    url(../../assets/fonts/Montserrat-Bold.woff?cdb0c40d) format('woff');
}

html,
body {
  font-family: 'Noto Sans TC', 'Heiti TC', '微軟正黑體', 'Microsoft JhengHei';
  font-variation-settings: 'wght' 400;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  text-size-adjust: none;
}

html {
  height: fill-available;
}

body {
  min-height: 100vh;
  min-height: fill-available;
  display: flex;
  flex-direction: column;
  background-color: #f7faf7;
  background-repeat: no-repeat;
  background-position: top center;
}

* {
  max-height: 62499.9375rem;
}

button {
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

button:not(.overflow-hidden) {
    overflow: visible;
  }

a,
button {
  color: inherit;
  outline: 0;
  appearance: none;
}

a:focus, button:focus {
    outline: 0;
  }

a::-ms-expand, button::-ms-expand {
    display: hidden;
  }

figure {
  margin: 0;
}

.l-wrap,
.l-main {
  background-repeat: no-repeat;
  background-position-x: center;
}

.l-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.l-header {
  flex-shrink: 0;
}

.l-main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.l-footer {
  flex-shrink: 0;
}

.l-not-support {
  display: none;
}

.m-not-support {
  width: 100%;
  color: #000;
  text-align: center;
  display: table-cell;
  table-layout: auto;
  overflow-wrap: break-word;
  word-break: break-all;
  position: relative;
  vertical-align: middle;
}

.m-not-support-header {
  margin-bottom: 3.125rem;
}

.m-not-support-title {
  font-size: 1.5rem;
}

.m-not-support-figure-list {
  font-size: 0;
}

.m-not-support-figure-list > ul {
    marign: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
  }

.m-not-support-figure-list > ul > li {
      padding-right: 1.25rem;
      padding-left: 1.25rem;
      width: 7.5rem;
      float: left;
      box-sizing: content-box;
    }

.m-not-support-figure-list > ul > li > a {
        width: 100%;
        height: 100%;
        color: #000;
        display: block;
      }

.m-not-support-figure::before {
    content: '';
    width: 100%;
    height: 7.5rem;
    display: block;
    background-repeat: no-repeat;
    background-position: left top;
  }

.m-not-support-figure.\-\-chrome::before {
      background-image: url(../../assets/img/not-support/chrome.png?130c9258);
    }

.m-not-support-figure.\-\-firefox::before {
      background-image: url(../../assets/img/not-support/firefox.png?130c9258);
    }

.m-not-support-figure.\-\-edge::before {
      background-image: url(../../assets/img/not-support/edge.png?130c9258);
    }

.m-not-support-footer {
  margin-top: 3.125rem;
  color: #000;
}

.m-not-support-description {
  margin-top: 0.9375rem;
  font-size: 0.9375rem;
}

.m-not-support-copyright {
  font-size: 0;
  margin-top: 0.625rem;
}

.m-not-support-copyright > p {
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
    font-size: 0.8125rem;
  }

.m-header:not(.\-\-hidden) {
    transform: translateY(0);
  }

.m-header.\-\-hidden {
    transform: translateY(-100%);
  }

.m-header:before {
    content: '';
    inset: 0;
    position: absolute;
    pointer-events: none;
    box-shadow:
      0px 1.5625rem 1.5625rem 0px #a5c5a533,
      0px 0.1875rem 0.625rem 0px #b2beb140;
  }

.m-header-logo-channel:before {
    content: '';
    top: 50%;
    left: 0;
    width: 1px;
    height: 100%;
    background: #bebebe;
    position: absolute;
    transform: translateY(-50%);
  }

.m-breadcrumbs-item:not(:last-child):after {
      content: '';
      margin-left: 0.5rem;
      background-image: url(../../assets/img/common/breadcrumbs_arrow.svg?130c9258);
      width: 1rem;
      height: 1rem;
      display: block;
    }

.m-anchor {
  cursor: pointer;
}

.m-anchor.\-\-oval {
    border-radius: 62499.9375rem;
  }

.m-anchor:not(.\-\-gradient-green):before {
      content: '';
      inset: 0;
      position: absolute;
      z-index: -1;
      pointer-events: none;
    }

.m-anchor:not(.\-\-gradient-green).\-\-bg-green {
      color: #fff;
    }

.m-anchor:not(.\-\-gradient-green).\-\-bg-green:before {
        background-color: #009f41;
      }

.m-anchor:not(.\-\-gradient-green).\-\-square:before {
        border-radius: 0.875rem;
      }

.m-anchor.\-\-gradient-green.\-\-border::before {
        content: '';
        padding: 0.125rem;
        inset: 0;
        background: linear-gradient(90deg, #a1d488, #78cb9e);
        mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        mask-composite: exclude;
        position: absolute;
        pointer-events: none;
      }

.m-anchor.\-\-gradient-green.\-\-square::before {
        border-radius: 0.875rem;
      }

.m-top:not(.\-\-hidden) {
    opacity: 1;
    visibility: visible;
  }

.m-top.\-\-hidden {
    opacity: 0;
    visibility: hidden;
  }

@media screen and (min-width: 0\0){
  html,
  body {
    height: 100%;
  }

  .l-wrap {
    display: none;
  }

  .l-not-support {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
  }
}

@media (min-width: 481px) and (min-height: 428px){
  body {
    background-image: url(../../assets/img/common/background_top.png?997960f3);
    background-size: 100% auto;
  }
  .l-wrap {
    background-image: url(../../assets/img/common/background_bottom.png?997960f3);
    background-size: 100% auto;
  }
}

@media (min-width: 481px) and (max-width: 1024px) and (min-height: 428px),
    (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5){
    
    .tm\:fixed {
      position: fixed;
    }
  /* 補上和 bootstrap 判斷 device 尺寸不同的邏輯 */
  /* end */

  
  .tm\:bottom-0 {
    bottom: 0;
  }

  
  .tm\:left-0 {
    left: 0;
  }

    
    .tm\:p-\[2px\] {
      padding: 0.125rem;
    }

    
    .tm\:p-\[4px\] {
      padding: 0.25rem;
    }
       .tm\:space-y-\[5px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 0.3125rem;
      }

    
    .tm\:mt-\[5px\] {
      margin-top: 0.3125rem;
    }

    
    .tm\:mb-\[5px\] {
      margin-bottom: 0.3125rem;
    }

    
    .tm\:m-\[-5px\] {
      margin: -0.3125rem;
    }

    
    .tm\:p-\[5px\] {
      padding: 0.3125rem;
    }

    
    .tm\:right-\[10px\] {
      right: 0.625rem;
    }

    .pt\:mr-\[10px\] {
      margin-right: 0.625rem;
    }

    
    .tm\:mb-\[10px\] {
      margin-bottom: 0.625rem;
    }

    .pt\:mx-\[-10px\] {
      margin-left: -0.625rem;
      margin-right: -0.625rem;
    }

    
    .tm\:p-\[10px\] {
      padding: 0.625rem;
    }

    .pt\:px-\[10px\],
    .tm\:px-\[10px\] {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }

    
    .t\:py-\[10px\] {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
       .tm\:space-y-\[15px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 0.9375rem;
      }

    
    .tm\:mt-\[15px\] {
      margin-top: 0.9375rem;
    }

    
    .tm\:mr-\[15px\] {
      margin-right: 0.9375rem;
    }

    .pt\:mb-\[15px\] {
      margin-bottom: 0.9375rem;
    }

    
    .tm\:ml-\[15px\] {
      margin-left: 0.9375rem;
    }

    
    .tm\:p-\[15px\] {
      padding: 0.9375rem;
    }

    
    .t\:px-\[15px\] {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
    }

    
    .t\:pt-\[15px\] {
      padding-top: 0.9375rem;
    }

    
    .tm\:pl-\[15px\] {
      padding-left: 0.9375rem;
    }

    
    .tm\:pr-\[18px\] {
      padding-right: 1.125rem;
    }

    
    .t\:my-\[20px\] {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }

    
    .tm\:mt-\[20px\] {
      margin-top: 1.25rem;
    }

    
    .tm\:mr-\[20px\] {
      margin-right: 1.25rem;
    }

    
    .tm\:mb-\[20px\] {
      margin-bottom: 1.25rem;
    }

    
    .t\:my-\[-20px\] {
      margin-top: -1.25rem;
      margin-bottom: -1.25rem;
    }

    
    .tm\:px-\[20px\] {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }

    
    .tm\:pt-\[20px\] {
      padding-top: 1.25rem;
    }

    
    .tm\:pb-\[20px\] {
      padding-bottom: 1.25rem;
    }

    .pt\:gap-x-\[20px\] {
      column-gap: 1.25rem;
    }

    
    .tm\:px-\[22px\] {
      padding-left: 1.375rem;
      padding-right: 1.375rem;
    }

    
    .tm\:mt-\[30px\] {
      margin-top: 1.875rem;
    }

    
    .tm\:mb-\[32px\] {
      margin-bottom: 2rem;
    }

    
    .tm\:mt-\[40px\] {
      margin-top: 2.5rem;
    }

    
    .tm\:pt-\[40px\] {
      padding-top: 2.5rem;
    }
    
    .tm\:top-\[60px\] {
      top: 3.75rem;
    }
       .tm\:space-y-\[60px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 3.75rem;
      }

    
    .tm\:mt-\[60px\] {
      margin-top: 3.75rem;
    }

    
    .tm\:pt-\[60px\] {
      padding-top: 3.75rem;
    }

    
    .t\:pb-\[65px\] {
      padding-bottom: 4.0625rem;
    }

    
    .t\:pb-\[80px\] {
      padding-bottom: 5rem;
    }

    
    .tm\:mt-\[130px\] {
      margin-top: 8.125rem;
    }
  
  .tm\:w-full {
    width: 100%;
  }
    
    .tm\:w-\[24px\] {
      width: 1.5rem;
    }

    
    .tm\:h-\[24px\] {
      height: 1.5rem;
    }

    
    .tm\:h-\[28px\] {
      height: 1.75rem;
    }

    
    .t\:h-\[36px\] {
      height: 2.25rem;
    }
    
    .tm\:w-\[40px\],
    .t\:w-\[40px\] {
      width: 2.5rem;
    }

    
    .tm\:h-\[40px\],
    .t\:h-\[40px\] {
      height: 2.5rem;
    }

    
    .tm\:h-\[44px\] {
      height: 2.75rem;
    }
    
    .tm\:w-\[60px\] {
      width: 3.75rem;
    }

    
    .tm\:h-\[60px\] {
      height: 3.75rem;
    }
    
    .tm\:w-\[80px\] {
      width: 5rem;
    }

    
    .tm\:h-\[80px\] {
      height: 5rem;
    }

    
    .t\:h-\[152px\] {
      height: 9.5rem;
    }
    
    .tm\:w-\[154px\] {
      width: 9.625rem;
    }
    
    .t\:w-\[198px\] {
      width: 12.375rem;
    }

    
    .t\:h-\[316px\] {
      height: 19.75rem;
    }

    
    .t\:h-\[330px\] {
      height: 20.625rem;
    }

    
    .t\:h-\[348px\] {
      height: 21.75rem;
    }

    
    .t\:h-\[398px\] {
      height: 24.875rem;
    }

    
    .t\:h-\[406px\] {
      height: 25.375rem;
    }

    
    .t\:h-\[408px\] {
      height: 25.5rem;
    }

    
    .t\:h-\[410px\] {
      height: 25.625rem;
    }

    
    .t\:h-\[440px\] {
      height: 27.5rem;
    }
    
    .t\:w-\[650px\] {
      width: 40.625rem;
    }
    .pt\:w-1\/3 {
      width: 33.33333%;
    }
    .pt\:w-1\/4 {
      width: 25%;
    }

  .border-transparent {
    --border-color: transparent;
  }
    .text-\[\#000\] {
      --text-opacity: 1;
      color: rgba(0,0,0, var(--text-opacity));
    }
    .text-\[\#009f41\] {
      --text-opacity: 1;
      color: rgba(0,159,65, var(--text-opacity));
    }

    .bg-\[\#009f41\] {
      --bg-opacity: 1;
      background-color: rgba(0,159,65, var(--bg-opacity));
    }
        .bg-\[\#009f41\].bg-opacity-80 {
          --bg-opacity: 0.8;
        }
    .text-\[\#555\],
    .tm\:text-\[\#555\] {
      --text-opacity: 1;
      color: rgba(85,85,85, var(--text-opacity));
    }

    
    .tm\:border-\[\#555\] {
      --border-color: #555;
    }
      .divide-\[\#bebebe\] > * ~ *, .tm\:divide-\[\#bebebe\] > * ~ * {
        --divide-color: #bebebe;
      }

    
    .tm\:bg-\[\#f7faf7\] {
      --bg-opacity: 1;
      background-color: rgba(247,250,247, var(--bg-opacity));
    }
        
        .tm\:bg-\[\#f7faf7\].bg-opacity-80 {
          --bg-opacity: 0.8;
        }
    .text-\[\#fff\],
    .pt\:text-\[\#fff\] {
      --text-opacity: 1;
      color: rgba(255,255,255, var(--text-opacity));
    }

    .bg-\[\#fff\] {
      --bg-opacity: 1;
      background-color: rgba(255,255,255, var(--bg-opacity));
    }
        .bg-\[\#fff\].bg-opacity-80 {
          --bg-opacity: 0.8;
        }
  .pt\:not-italic,
  .tm\:not-italic,
  .t\:not-italic {
    font-style: normal;
  }
    .text-\[14px\] {
      font-size: 0.875rem;
    }
    .text-\[16px\],
    .tm\:text-\[16px\] {
      font-size: 1rem;
    }
    .text-\[20px\],
    .tm\:text-\[20px\] {
      font-size: 1.25rem;
    }
    .text-\[24px\],
    .tm\:text-\[24px\] {
      font-size: 1.5rem;
    }
    .text-\[36px\],
    .tm\:text-\[36px\] {
      font-size: 2.25rem;
    }
  
  .tm\:hidden {
    display: none;
  }
    
    .tm\:inline-block {
      display: inline-block;
    }
    .pt\:flex {
      display: flex;
    }
  /* 補上和 bootstrap 判斷 device 尺寸不同的邏輯 */

  .pt\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .pt\:justify-center {
    justify-content: center;
  }
    .pt\:items-center {
      align-items: center;
    }
  /* end */

  .pt\:flex-1 {
    flex: 1 1 0%;
  }
    .pt\:flex-wrap {
      flex-wrap: wrap;
    }
    
    .tm\:order-1 {
      order: 1;
    }
  
  .tm\:rounded-full {
    border-radius: 62499.9375rem;
  }

    
    .tm\:border-\[1px\] {
      --border-style: solid;
      border: 1px var(--border-style) var(--border-color);
    }

    
    .tm\:divide-y-\[1px\] {
      --divide-y-style: solid;
    }

       .tm\:divide-y-\[1px\] > * ~ * {
        border-top: 1px var(--divide-y-style) var(--divide-color);
      }
    .pt\:rounded-\[14px\],
    .tm\:rounded-\[14px\],
    .t\:rounded-\[14px\] {
      border-radius: 0.875rem;
    }
    
    .tm\:overflow-hidden {
      overflow: hidden;
    }
  
  .tm\:transition-heights {
    transition:
      height 0.3s,
      max-height 0.3s;
  }

    
    .tm\:z-\[-1\] {
      z-index: -1;
    }

  /* @each $value in var(--zIndex) {
    .pt\:z-\[$(value)\],
    .tm\:z-\[$(value)\],
    .t\:z-\[$(value)\] {
      z-index: $(value);
    }

    .pt\:z-\[-$(value)\],
    .tm\:z-\[-$(value)\],
    .t\:z-\[-$(value)\] {
      z-index: -$(value);
    }
  } */
  html,
  body {
    font-size: 2.08333333vw;
  }
  .l-wrap {
    background-position-y: calc(100% - 15.9375rem);
  }

    .l-wrap.\-\-has-margin-bottom,
    .l-wrap.pt\:\-\-has-margin-bottom,
    .l-wrap.tm\:\-\-has-margin-bottom,
    .l-wrap.m\:\-\-has-margin-bottom {
      margin-bottom: 3.75rem;
    }
    .l-main:not(.\-\-has-padding-top):not(.pt\:\-\-has-padding-top):not(.tm\:\-\-has-padding-top):not(
        .t\:\-\-has-padding-top
      ) {
      padding-top: 3.75rem;
    }

    .l-main.\-\-has-padding-top,
    .l-main.pt\:\-\-has-padding-top,
    .l-main.tm\:\-\-has-padding-top,
    .l-main.t\:\-\-has-padding-top {
      padding-top: 6.25rem;
    }
      .m-container:not(.\-\-body-w-full):not(.pt\:\-\-body-w-full):not(.tm\:\-\-body-w-full):not(
        .t\:\-\-body-w-full
      ) .m-container-body {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
      }
    .m-anchor.\-\-height-lg,
    .m-anchor.pt\:\-\-height-lg,
    .m-anchor.tm\:\-\-height-lg,
    .m-anchor.t\:\-\-height-lg {
      height: 3.75rem;
    }

    .m-anchor.\-\-height-md,
    .m-anchor.pt\:\-\-height-md,
    .m-anchor.tm\:\-\-height-md,
    .m-anchor.t\:\-\-height-md {
      height: 2.5rem;
    }

    .m-anchor.\-\-padding-x-sm,
    .m-anchor.pt\:\-\-padding-sm,
    .m-anchor.tm\:\-\-padding-sm,
    .m-anchor.t\:\-\-padding-sm {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
    }
    .m-top:not(.\-\-has-fixed-bottom):not(.pt\:\-\-has-fixed-bottom):not(.m-top.tm\:\-\-has-fixed-bottom):not(.m-top.t\:\-\-has-fixed-bottom
      ) {
      bottom: 0.625rem;
    }

    .m-top.\-\-has-fixed-bottom,
    .m-top.pt\:\-\-has-fixed-bottom,
    .m-top.tm\:\-\-has-fixed-bottom,
    .m-top.t\:\-\-has-fixed-bottom {
      bottom: 4.375rem;
    }
}

@media (min-width: 1281px){
  html,
  body {
    font-size: 1rem;
  }
}

@media (min-width: 1025px) and (max-width: 1280px){
  html,
  body {
    font-size: 1.25000000vw;
  }
}

@media (min-width: 1025px){
  /* 補上和 bootstrap 判斷 device 尺寸不同的邏輯 */
  /* end */

  .p\:top-0 {
    top: 0;
  }

  .p\:m-0 {
    margin: 0;
  }

  .p\:p-0 {
    padding: 0;
  }

    .p\:mb-\[5px\] {
      margin-bottom: 0.3125rem;
    }
      .p\:space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 0.625rem;
      }

    
    .pt\:mr-\[10px\] {
      margin-right: 0.625rem;
    }

    .p\:m-\[-10px\] {
      margin: -0.625rem;
    }

    
    .pt\:mx-\[-10px\] {
      margin-left: -0.625rem;
      margin-right: -0.625rem;
    }

    .p\:p-\[10px\] {
      padding: 0.625rem;
    }

    .p\:px-\[10px\],
    .pt\:px-\[10px\] {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }

    .p\:gap-x-\[10px\] {
      column-gap: 0.625rem;
    }

    .p\:p-\[12px\] {
      padding: 0.75rem;
    }

    .p\:mt-\[15px\] {
      margin-top: 0.9375rem;
    }

    .p\:mb-\[15px\],
    .pt\:mb-\[15px\] {
      margin-bottom: 0.9375rem;
    }

    .p\:p-\[15px\] {
      padding: 0.9375rem;
    }

    .p\:px-\[15px\] {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
    }

    .p\:py-\[15px\] {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem;
    }

    .p\:mt-\[20px\] {
      margin-top: 1.25rem;
    }

    .p\:mr-\[20px\] {
      margin-right: 1.25rem;
    }

    .p\:mb-\[20px\] {
      margin-bottom: 1.25rem;
    }

    .p\:ml-\[20px\] {
      margin-left: 1.25rem;
    }

    .p\:p-\[20px\] {
      padding: 1.25rem;
    }

    .p\:pl-\[20px\] {
      padding-left: 1.25rem;
    }

    .p\:gap-x-\[20px\],
    .pt\:gap-x-\[20px\] {
      column-gap: 1.25rem;
    }

    .p\:pr-\[22px\] {
      padding-right: 1.375rem;
    }

    .p\:my-\[30px\] {
      margin-top: 1.875rem;
      margin-bottom: 1.875rem;
    }

    .p\:mt-\[30px\] {
      margin-top: 1.875rem;
    }

    .p\:my-\[-30px\] {
      margin-top: -1.875rem;
      margin-bottom: -1.875rem;
    }

    .p\:px-\[30px\] {
      padding-left: 1.875rem;
      padding-right: 1.875rem;
    }

    .p\:pt-\[30px\] {
      padding-top: 1.875rem;
    }

    .p\:right-\[40px\] {
      right: 2.5rem;
    }

    .p\:mt-\[40px\] {
      margin-top: 2.5rem;
    }

    .p\:mb-\[40px\] {
      margin-bottom: 2.5rem;
    }

    .p\:px-\[50px\] {
      padding-left: 3.125rem;
      padding-right: 3.125rem;
    }

    .p\:mt-\[60px\] {
      margin-top: 3.75rem;
    }

    .p\:mt-\[70px\] {
      margin-top: 4.375rem;
    }

    .p\:pb-\[90px\] {
      padding-bottom: 5.625rem;
    }
      .p\:space-y-\[100px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 6.25rem;
      }

    .p\:mt-\[100px\] {
      margin-top: 6.25rem;
    }

    .p\:pt-\[100px\] {
      padding-top: 6.25rem;
    }

    .p\:pb-\[160px\] {
      padding-bottom: 10rem;
    }

    .p\:mt-\[200px\] {
      margin-top: 12.5rem;
    }

    .p\:mt-\[225px\] {
      margin-top: 14.0625rem;
    }

  .p\:h-full {
    height: 100%;
  }

    .p\:h-\[40px\] {
      height: 2.5rem;
    }
    .p\:w-\[50px\] {
      width: 3.125rem;
    }

    .p\:h-\[50px\] {
      height: 3.125rem;
    }

    .p\:min-h-\[72px\] {
      min-height: 4.5rem;
    }
    .p\:w-\[80px\] {
      width: 5rem;
    }

    .p\:h-\[80px\] {
      height: 5rem;
    }
    .p\:w-\[100px\] {
      width: 6.25rem;
    }

    .p\:h-\[100px\] {
      height: 6.25rem;
    }
    .p\:w-\[220px\] {
      width: 13.75rem;
    }

    .p\:h-\[258px\] {
      height: 16.125rem;
    }

    .p\:h-\[585px\] {
      height: 36.5625rem;
    }

    .p\:max-h-\[600px\] {
      max-height: 37.5rem;
    }

    .p\:max-w-\[620px\] {
      max-width: 38.75rem;
    }

    .p\:h-\[642px\] {
      height: 40.125rem;
    }

    .p\:h-\[705px\] {
      height: 44.0625rem;
    }

    .p\:h-\[735px\] {
      height: 45.9375rem;
    }

    .p\:h-\[754px\] {
      height: 47.125rem;
    }

    .p\:h-\[757px\] {
      height: 47.3125rem;
    }

    .p\:h-\[813px\] {
      height: 50.8125rem;
    }
    .p\:w-\[1200px\] {
      width: 75rem;
    }

    .p\:max-w-\[1200px\] {
      max-width: 75rem;
    }

    .p\:max-w-\[1400px\] {
      max-width: 87.5rem;
    }
    
    .pt\:w-1\/3 {
      width: 33.33333%;
    }
    
    .pt\:w-1\/4 {
      width: 25%;
    }

  .border-transparent {
    --border-color: transparent;
  }
    .text-\[\#000\] {
      --text-opacity: 1;
      color: rgba(0,0,0, var(--text-opacity));
    }
    .text-\[\#009f41\],
    .p\:text-\[\#009f41\] {
      --text-opacity: 1;
      color: rgba(0,159,65, var(--text-opacity));
    }

    .bg-\[\#009f41\] {
      --bg-opacity: 1;
      background-color: rgba(0,159,65, var(--bg-opacity));
    }
        .bg-\[\#009f41\].bg-opacity-80,
        .bg-\[\#009f41\].p\:bg-opacity-80 {
          --bg-opacity: 0.8;
        }

    
    .p\:hover\:border-\[\#009f41\] {
    }

       .p\:hover\:border-\[\#009f41\]:hover {
        --border-color: #009f41;
      }
    .text-\[\#555\] {
      --text-opacity: 1;
      color: rgba(85,85,85, var(--text-opacity));
    }
      .divide-\[\#bebebe\] > * ~ * {
        --divide-color: #bebebe;
      }
    .text-\[\#fff\],
    .pt\:text-\[\#fff\] {
      --text-opacity: 1;
      color: rgba(255,255,255, var(--text-opacity));
    }

    .bg-\[\#fff\] {
      --bg-opacity: 1;
      background-color: rgba(255,255,255, var(--bg-opacity));
    }
        .bg-\[\#fff\].bg-opacity-80,
        .bg-\[\#fff\].p\:bg-opacity-80 {
          --bg-opacity: 0.8;
        }
  .p\:not-italic,
  .pt\:not-italic {
    font-style: normal;
  }
    .p\:text-center {
      text-align: center;
    }
    .text-\[14px\] {
      font-size: 0.875rem;
    }
    .text-\[16px\],
    .p\:text-\[16px\] {
      font-size: 1rem;
    }
    .text-\[20px\],
    .p\:text-\[20px\] {
      font-size: 1.25rem;
    }
    .text-\[24px\],
    .p\:text-\[24px\] {
      font-size: 1.5rem;
    }
    
    .p\:text-\[28px\] {
      font-size: 1.75rem;
    }
    
    .p\:text-\[32px\] {
      font-size: 2rem;
    }
    .text-\[36px\] {
      font-size: 2.25rem;
    }
    
    .p\:text-\[52px\] {
      font-size: 3.25rem;
    }
  .p\:hidden {
    display: none;
  }
    .p\:flex,
    .pt\:flex {
      display: flex;
    }

  
  .pt\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  
  .pt\:justify-center {
    justify-content: center;
  }
    .p\:justify-between {
      justify-content: space-between;
    }
    .p\:items-center,
    .pt\:items-center {
      align-items: center;
    }

  .p\:flex-1,
  .pt\:flex-1 {
    flex: 1 1 0%;
  }
    
    .pt\:flex-wrap {
      flex-wrap: wrap;
    }

    
    .p\:border-\[1px\] {
      --border-style: solid;
      border: 1px var(--border-style) var(--border-color);
    }

    
    .p\:divide-x-\[1px\] {
      --divide-x-style: solid;
    }
       .p\:divide-x-\[1px\] > * ~ * {
        border-left: 1px var(--divide-x-style) var(--divide-color);
      }
    
    .pt\:rounded-\[14px\] {
      border-radius: 0.875rem;
    }
    .p\:rounded-\[24px\] {
      border-radius: 1.5rem;
    }
    .p\:backdrop-blur-\[10px\] {
      backdrop-filter: blur(0.625rem);
    }

  .p\:transition-colors {
    transition:
      background-color 0.3s,
      color 0.3s,
      border-color 0.3s;
  }

  /* @each $value in var(--zIndex) {
    .p\:z-\[$(value)\],
    .pt\:z-\[$(value)\] {
      z-index: $(value);
    }

    .p\:z-\[-$(value)\],
    .pt\:z-\[-$(value)\] {
      z-index: -$(value);
    }
  } */
  .l-wrap {
    background-position-y: calc(100% - 21.25rem);
  }
    .l-main:not(.\-\-has-padding-top):not(.p\:\-\-has-padding-top):not(.pt\:\-\-has-padding-top) {
      padding-top: 5rem;
    }

    .l-main.\-\-has-padding-top,
    .l-main.p\:\-\-has-padding-top,
    .l-main.pt\:\-\-has-padding-top {
      padding-top: 8.75rem;
    }
      .m-container:not(.\-\-body-w-full):not(.p\:\-\-body-w-full):not(.pt\:\-\-body-w-full) .m-container-body {
        max-width: 75rem;
      }
      .m-anchor:not(.\-\-gradient-green):before {
        transition:
          background-color 0.3s,
          transform 0.3s;
      }
          .m-anchor:not(.\-\-gradient-green).\-\-bg-green:hover:before {
            background-color: #33b267;
            transform: scaleX(1.03) scaleY(1.06);
          }

    .m-anchor.\-\-height-lg,
    .m-anchor.p\:\-\-height-lg,
    .m-anchor.pt\:\-\-height-lg {
      height: 3.75rem;
    }

    .m-anchor.\-\-height-md,
    .m-anchor.p\:\-\-height-md,
    .m-anchor.pt\:\-\-height-md {
      height: 2.5rem;
    }

    .m-anchor.\-\-padding-x-sm,
    .m-anchor.p\:\-\-padding-sm,
    .m-anchor.pt\:\-\-padding-sm {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
    }
    .m-top:not(.\-\-has-fixed-bottom):not(.p\:\-\-has-fixed-bottom):not(.m-top.pt\:\-\-has-fixed-bottom) {
      bottom: 2.5rem;
    }

    .m-top.\-\-has-fixed-bottom,
    .m-top.p\:\-\-has-fixed-bottom,
    .m-top.pt\:\-\-has-fixed-bottom {
      bottom: 6.25rem;
    }
}

@media (max-width: 999px) and (max-height: 428px) and (orientation: landscape),
    (max-width: 480px) and (orientation: portrait){
    
    .m\:absolute {
      position: absolute;
    }
    .tm\:fixed {
      position: fixed;
    }
  /* 補上和 bootstrap 判斷 device 尺寸不同的邏輯 */

  /* end */

  
  .m\:top-0 {
    top: 0;
  }

  .tm\:bottom-0 {
    bottom: 0;
  }

  .tm\:left-0,
  .m\:left-0 {
    left: 0;
  }

    .tm\:p-\[2px\] {
      padding: 0.125rem;
    }

    .tm\:p-\[4px\] {
      padding: 0.25rem;
    }
      .tm\:space-y-\[5px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 0.3125rem;
      }

    .tm\:mt-\[5px\] {
      margin-top: 0.3125rem;
    }

    .tm\:mb-\[5px\] {
      margin-bottom: 0.3125rem;
    }

    .tm\:m-\[-5px\] {
      margin: -0.3125rem;
    }

    .tm\:p-\[5px\] {
      padding: 0.3125rem;
    }

    .tm\:right-\[10px\] {
      right: 0.625rem;
    }

    .tm\:mb-\[10px\] {
      margin-bottom: 0.625rem;
    }

    .tm\:p-\[10px\],
    .m\:p-\[10px\] {
      padding: 0.625rem;
    }

    .tm\:px-\[10px\] {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
    }
      .tm\:space-y-\[15px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 0.9375rem;
      }

    .tm\:mt-\[15px\] {
      margin-top: 0.9375rem;
    }

    .tm\:mr-\[15px\] {
      margin-right: 0.9375rem;
    }

    .tm\:ml-\[15px\] {
      margin-left: 0.9375rem;
    }

    .tm\:p-\[15px\] {
      padding: 0.9375rem;
    }

    
    .m\:pt-\[15px\] {
      padding-top: 0.9375rem;
    }

    .tm\:pl-\[15px\] {
      padding-left: 0.9375rem;
    }

    .tm\:pr-\[18px\] {
      padding-right: 1.125rem;
    }
       .m\:space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 1.25rem;
      }

    .tm\:mt-\[20px\] {
      margin-top: 1.25rem;
    }

    .tm\:mr-\[20px\] {
      margin-right: 1.25rem;
    }

    .tm\:mb-\[20px\] {
      margin-bottom: 1.25rem;
    }

    .tm\:px-\[20px\] {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }

    .tm\:pt-\[20px\] {
      padding-top: 1.25rem;
    }

    .tm\:pb-\[20px\] {
      padding-bottom: 1.25rem;
    }

    .tm\:px-\[22px\] {
      padding-left: 1.375rem;
      padding-right: 1.375rem;
    }
       .m\:space-y-\[30px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 1.875rem;
      }

    .tm\:mt-\[30px\] {
      margin-top: 1.875rem;
    }

    
    .m\:pb-\[30px\] {
      padding-bottom: 1.875rem;
    }

    .tm\:mb-\[32px\] {
      margin-bottom: 2rem;
    }

    .tm\:mt-\[40px\] {
      margin-top: 2.5rem;
    }

    .tm\:pt-\[40px\] {
      padding-top: 2.5rem;
    }
    .tm\:top-\[60px\] {
      top: 3.75rem;
    }
      .tm\:space-y-\[60px\] > :not([hidden]) ~ :not([hidden]) {
        margin-top: 3.75rem;
      }

    .tm\:mt-\[60px\] {
      margin-top: 3.75rem;
    }

    .tm\:pt-\[60px\] {
      padding-top: 3.75rem;
    }

    
    .m\:pb-\[60px\] {
      padding-bottom: 3.75rem;
    }

    
    .m\:pl-\[75px\] {
      padding-left: 4.6875rem;
    }

    .tm\:mt-\[130px\] {
      margin-top: 8.125rem;
    }
  .tm\:w-full {
    width: 100%;
  }
    .tm\:w-\[24px\] {
      width: 1.5rem;
    }

    .tm\:h-\[24px\] {
      height: 1.5rem;
    }

    .tm\:h-\[28px\] {
      height: 1.75rem;
    }
    .tm\:w-\[40px\] {
      width: 2.5rem;
    }

    .tm\:h-\[40px\] {
      height: 2.5rem;
    }

    .tm\:h-\[44px\] {
      height: 2.75rem;
    }
    .tm\:w-\[60px\],
    .m\:w-\[60px\] {
      width: 3.75rem;
    }

    .tm\:h-\[60px\],
    .m\:h-\[60px\] {
      height: 3.75rem;
    }
    .tm\:w-\[80px\] {
      width: 5rem;
    }

    .tm\:h-\[80px\] {
      height: 5rem;
    }
    .tm\:w-\[154px\] {
      width: 9.625rem;
    }

    
    .m\:h-\[224px\] {
      height: 14rem;
    }
    
    .m\:w-\[335px\] {
      width: 20.9375rem;
    }

    
    .m\:h-\[379px\] {
      height: 23.6875rem;
    }

    
    .m\:h-\[386px\] {
      height: 24.125rem;
    }

    
    .m\:h-\[402px\] {
      height: 25.125rem;
    }

    
    .m\:h-\[433px\] {
      height: 27.0625rem;
    }

    
    .m\:h-\[434px\] {
      height: 27.125rem;
    }

    
    .m\:h-\[435px\] {
      height: 27.1875rem;
    }

    
    .m\:h-\[495px\] {
      height: 30.9375rem;
    }

    
    .m\:h-\[562px\] {
      height: 35.125rem;
    }
    
    .m\:w-1\/2 {
      width: 50%;
    }

  .border-transparent {
    --border-color: transparent;
  }
    .text-\[\#000\] {
      --text-opacity: 1;
      color: rgba(0,0,0, var(--text-opacity));
    }
    .text-\[\#009f41\] {
      --text-opacity: 1;
      color: rgba(0,159,65, var(--text-opacity));
    }

    .bg-\[\#009f41\] {
      --bg-opacity: 1;
      background-color: rgba(0,159,65, var(--bg-opacity));
    }
        .bg-\[\#009f41\].bg-opacity-80 {
          --bg-opacity: 0.8;
        }
    .text-\[\#555\],
    .tm\:text-\[\#555\] {
      --text-opacity: 1;
      color: rgba(85,85,85, var(--text-opacity));
    }

    
    .tm\:border-\[\#555\] {
      --border-color: #555;
    }
      .divide-\[\#bebebe\] > * ~ *, .tm\:divide-\[\#bebebe\] > * ~ * {
        --divide-color: #bebebe;
      }

    
    .tm\:bg-\[\#f7faf7\] {
      --bg-opacity: 1;
      background-color: rgba(247,250,247, var(--bg-opacity));
    }
        
        .tm\:bg-\[\#f7faf7\].bg-opacity-80 {
          --bg-opacity: 0.8;
        }
    .text-\[\#fff\] {
      --text-opacity: 1;
      color: rgba(255,255,255, var(--text-opacity));
    }

    .bg-\[\#fff\] {
      --bg-opacity: 1;
      background-color: rgba(255,255,255, var(--bg-opacity));
    }
        .bg-\[\#fff\].bg-opacity-80 {
          --bg-opacity: 0.8;
        }
  .tm\:not-italic,
  .m\:not-italic {
    font-style: normal;
  }
    .text-\[14px\] {
      font-size: 0.875rem;
    }
    .text-\[16px\],
    .tm\:text-\[16px\] {
      font-size: 1rem;
    }
    .text-\[20px\],
    .tm\:text-\[20px\] {
      font-size: 1.25rem;
    }
    .text-\[24px\],
    .tm\:text-\[24px\] {
      font-size: 1.5rem;
    }
    .text-\[36px\],
    .tm\:text-\[36px\] {
      font-size: 2.25rem;
    }
  .tm\:hidden,
  .m\:hidden {
    display: none;
  }
    .tm\:inline-block {
      display: inline-block;
    }
  /* 補上和 bootstrap 判斷 device 尺寸不同的邏輯 */
  /* end */
    .tm\:order-1 {
      order: 1;
    }
  .tm\:rounded-full {
    border-radius: 62499.9375rem;
  }

    
    .tm\:border-\[1px\] {
      --border-style: solid;
      border: 1px var(--border-style) var(--border-color);
    }

    
    .tm\:divide-y-\[1px\] {
      --divide-y-style: solid;
    }

       .tm\:divide-y-\[1px\] > * ~ * {
        border-top: 1px var(--divide-y-style) var(--divide-color);
      }
    .tm\:rounded-\[14px\],
    .m\:rounded-\[14px\] {
      border-radius: 0.875rem;
    }
    .tm\:overflow-hidden {
      overflow: hidden;
    }
  .tm\:transition-heights {
    transition:
      height 0.3s,
      max-height 0.3s;
  }

    .tm\:z-\[-1\] {
      z-index: -1;
    }

  /* @each $value in var(--zIndex) {
    .tm\:z-\[$(value)\],
    .m\:z-\[$(value)\] {
      z-index: $(value);
    }

    .tm\:z-\[-$(value)\],
    .m\:z-\[-$(value)\] {
      z-index: -$(value);
    }
  } */
  html,
  body {
    font-size: 4.26666667vw;
  }

  body {
    background-image: url(../../assets/img/common/background_top_m.png?7848a29c);
    background-size: 53.125rem auto;
  }
  .l-wrap {
    background-image: url(../../assets/img/common/background_bottom_m.png?dc4939f5);
    background-position-y: calc(100% + 12.5rem);
    background-size: 53.125rem auto;
  }

    .l-wrap.\-\-has-margin-bottom,
    .l-wrap.tm\:\-\-has-margin-bottom,
    .l-wrap.m\:\-\-has-margin-bottom {
      margin-bottom: 3.75rem;
    }
    .l-main:not(.\-\-has-padding-top):not(.tm\:\-\-has-padding-top):not(.m\:\-\-has-padding-top) {
      padding-top: 3.75rem;
    }

    .l-main.\-\-has-padding-top,
    .l-main.tm\:\-\-has-padding-top,
    .l-main.m\:\-\-has-padding-top {
      padding-top: 6.25rem;
    }
      .m-container:not(.\-\-body-w-full):not(.tm\:\-\-body-w-full):not(.m\:\-\-body-w-full) .m-container-body {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
      }
    .m-anchor.\-\-height-lg,
    .m-anchor.tm\:\-\-height-lg,
    .m-anchor.m\:\-\-height-lg {
      height: 3.75rem;
    }

    .m-anchor.\-\-height-md,
    .m-anchor.tm\:\-\-height-md,
    .m-anchor.m\:\-\-height-md {
      height: 2.5rem;
    }

    .m-anchor.\-\-padding-x-sm,
    .m-anchor.tm\:\-\-padding-sm,
    .m-anchor.m\:\-\-padding-sm {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
    }
    .m-top:not(.\-\-has-fixed-bottom):not(.m-top.tm\:\-\-has-fixed-bottom):not(.m-top.m\:\-\-has-fixed-bottom) {
      bottom: 0.625rem;
    }

    .m-top.\-\-has-fixed-bottom,
    .m-top.tm\:\-\-has-fixed-bottom,
    .m-top.m\:\-\-has-fixed-bottom {
      bottom: 4.375rem;
    }
}

@media (max-width: 739px) and (orientation: landscape) and (min-width: 480px),
    (max-width: 999px) and (max-height: 428px) and (orientation: landscape) and (min-width: 480px){
  html,
  body {
    font-size: 2.41054614vw;
  }
}

@media (max-width: 1024px),
    (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5){
      .m-nav:not(.\-\-open) .m-nav-container {
        max-height: 0;
      }
        .m-nav:not(.\-\-open) .m-nav-ctrl-button:before,
        .m-nav:not(.\-\-open) .m-nav-ctrl-button:after,
        .m-nav:not(.\-\-open) .m-nav-ctrl-button > i {
          transition:
            top 0.15s 0.3s,
            transform 0.3s,
            opacity 0.3s;
        }

        .m-nav:not(.\-\-open) .m-nav-ctrl-button:before {
          top: 0.3125rem;
        }

        .m-nav:not(.\-\-open) .m-nav-ctrl-button:after {
          top: 0.75rem;
        }

        .m-nav:not(.\-\-open) .m-nav-ctrl-button > i {
          top: 1.1875rem;
        }
      .m-nav.\-\-open .m-nav-container {
        max-height: calc(100vh - 3.75rem);
      }
        .m-nav.\-\-open .m-nav-ctrl-button:before,
        .m-nav.\-\-open .m-nav-ctrl-button:after,
        .m-nav.\-\-open .m-nav-ctrl-button > i {
          transition:
            top 0.3s,
            transform 0.15s 0.3s,
            opacity 0.15s 0.15s;
        }

        .m-nav.\-\-open .m-nav-ctrl-button:before {
          top: 0.6875rem;
          transform: rotate(-45deg);
        }

        .m-nav.\-\-open .m-nav-ctrl-button:after {
          top: 0.6875rem;
          transform: rotate(45deg);
        }

        .m-nav.\-\-open .m-nav-ctrl-button > i {
          top: 0.6875rem;
          opacity: 0;
        }
    .m-nav-ctrl-button:before,
    .m-nav-ctrl-button:after,
    .m-nav-ctrl-button > i {
      right: 0.1875rem;
      height: 2PX;
      border-radius: 62499.9375rem;
      background-color: #333;
      position: absolute;
    }

    .m-nav-ctrl-button:before,
    .m-nav-ctrl-button:after {
      content: '';
      width: 1.125rem;
    }
    .m-nav-ctrl-button > i {
      width: 0.5625rem;
    }

  .m-nav-container-items {
    height: calc(100vh - 3.75rem);
  }
}