@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

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

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

a img {
  border: none;
}

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

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

.row-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.row-cols > * {
  flex: 0 0 auto;
  width: auto;
}

.g-5 {
  justify-content: space-around;
  --gutter-x: 5px;
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.g-10 {
  justify-content: space-around;
  --gutter-x: 10px;
  margin-left: -5px;
  margin-right: -5px;
}

.g-15 {
  justify-content: space-around;
  --gutter-x: 15px;
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.g-20 {
  justify-content: space-around;
  --gutter-x: 20px;
  margin-left: -10px;
  margin-right: -10px;
}

.g-25 {
  justify-content: space-around;
  --gutter-x: 25px;
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.g-30 {
  justify-content: space-around;
  --gutter-x: 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.g-35 {
  justify-content: space-around;
  --gutter-x: 35px;
  margin-left: -17.5px;
  margin-right: -17.5px;
}

.g-40 {
  justify-content: space-around;
  --gutter-x: 40px;
  margin-left: -20px;
  margin-right: -20px;
}

.g-45 {
  justify-content: space-around;
  --gutter-x: 45px;
  margin-left: -22.5px;
  margin-right: -22.5px;
}

.g-50 {
  justify-content: space-around;
  --gutter-x: 50px;
  margin-left: -25px;
  margin-right: -25px;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: calc((100% - (var(--gutter-x) * 1)) / 1);
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: calc((100% - (var(--gutter-x) * 2)) / 2);
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: calc((100% - (var(--gutter-x) * 3)) / 3);
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: calc((100% - (var(--gutter-x) * 4)) / 4);
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: calc((100% - (var(--gutter-x) * 5)) / 5);
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: calc((100% - (var(--gutter-x) * 6)) / 6);
}

.col-1 {
  flex: 0 0 auto;
  width: calc(100%/12*1);
}

.col-2 {
  flex: 0 0 auto;
  width: calc(100%/12*2);
}

.col-3 {
  flex: 0 0 auto;
  width: calc(100%/12*3);
}

.col-4 {
  flex: 0 0 auto;
  width: calc(100%/12*4);
}

.col-5 {
  flex: 0 0 auto;
  width: calc(100%/12*5);
}

.col-6 {
  flex: 0 0 auto;
  width: calc(100%/12*6);
}

.col-7 {
  flex: 0 0 auto;
  width: calc(100%/12*7);
}

.col-8 {
  flex: 0 0 auto;
  width: calc(100%/12*8);
}

.col-9 {
  flex: 0 0 auto;
  width: calc(100%/12*9);
}

.col-10 {
  flex: 0 0 auto;
  width: calc(100%/12*10);
}

.col-11 {
  flex: 0 0 auto;
  width: calc(100%/12*11);
}

.col-12 {
  flex: 0 0 auto;
  width: calc(100%/12*12);
}

@media (min-width: 640px) {
  .row-sm {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .g-5-sm {
    justify-content: space-around;
    --gutter-x: 5px;
  }

  .g-10-sm {
    justify-content: space-around;
    --gutter-x: 10px;
  }

  .g-15-sm {
    justify-content: space-around;
    --gutter-x: 15px;
  }

  .g-20-sm {
    justify-content: space-around;
    --gutter-x: 20px;
  }

  .g-25-sm {
    justify-content: space-around;
    --gutter-x: 25px;
  }

  .row-cols-1-sm > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 1)) / 1);
  }

  .row-cols-2-sm > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 2)) / 2);
  }

  .row-cols-3-sm > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 3)) / 3);
  }

  .row-cols-4-sm > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 4)) / 4);
  }

  .row-cols-5-sm > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 5)) / 5);
  }

  .row-cols-6-sm > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 6)) / 6);
  }

  .col-1-sm {
    flex: 0 0 auto;
    width: calc(100%/12*1);
  }

  .col-2-sm {
    flex: 0 0 auto;
    width: calc(100%/12*2);
  }

  .col-3-sm {
    flex: 0 0 auto;
    width: calc(100%/12*3);
  }

  .col-4-sm {
    flex: 0 0 auto;
    width: calc(100%/12*4);
  }

  .col-5-sm {
    flex: 0 0 auto;
    width: calc(100%/12*5);
  }

  .col-6-sm {
    flex: 0 0 auto;
    width: calc(100%/12*6);
  }

  .col-7-sm {
    flex: 0 0 auto;
    width: calc(100%/12*7);
  }

  .col-8-sm {
    flex: 0 0 auto;
    width: calc(100%/12*8);
  }

  .col-9-sm {
    flex: 0 0 auto;
    width: calc(100%/12*9);
  }

  .col-10-sm {
    flex: 0 0 auto;
    width: calc(100%/12*10);
  }

  .col-11-sm {
    flex: 0 0 auto;
    width: calc(100%/12*11);
  }

  .col-12-sm {
    flex: 0 0 auto;
    width: calc(100%/12*12);
  }
}
@media (min-width: 768px) {
  .row-md {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .g-5-md {
    justify-content: space-around;
    --gutter-x: 5px;
  }

  .g-10-md {
    justify-content: space-around;
    --gutter-x: 10px;
  }

  .g-15-md {
    justify-content: space-around;
    --gutter-x: 15px;
  }

  .g-20-md {
    justify-content: space-around;
    --gutter-x: 20px;
  }

  .g-25-md {
    justify-content: space-around;
    --gutter-x: 25px;
  }

  .row-cols-1-md > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 1)) / 1);
  }

  .row-cols-2-md > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 2)) / 2);
  }

  .row-cols-3-md > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 3)) / 3);
  }

  .row-cols-4-md > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 4)) / 4);
  }

  .row-cols-5-md > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 5)) / 5);
  }

  .row-cols-6-md > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 6)) / 6);
  }

  .col-1-md {
    flex: 0 0 auto;
    width: calc(100%/12*1);
  }

  .col-2-md {
    flex: 0 0 auto;
    width: calc(100%/12*2);
  }

  .col-3-md {
    flex: 0 0 auto;
    width: calc(100%/12*3);
  }

  .col-4-md {
    flex: 0 0 auto;
    width: calc(100%/12*4);
  }

  .col-5-md {
    flex: 0 0 auto;
    width: calc(100%/12*5);
  }

  .col-6-md {
    flex: 0 0 auto;
    width: calc(100%/12*6);
  }

  .col-7-md {
    flex: 0 0 auto;
    width: calc(100%/12*7);
  }

  .col-8-md {
    flex: 0 0 auto;
    width: calc(100%/12*8);
  }

  .col-9-md {
    flex: 0 0 auto;
    width: calc(100%/12*9);
  }

  .col-10-md {
    flex: 0 0 auto;
    width: calc(100%/12*10);
  }

  .col-11-md {
    flex: 0 0 auto;
    width: calc(100%/12*11);
  }

  .col-12-md {
    flex: 0 0 auto;
    width: calc(100%/12*12);
  }
}
@media (min-width: 1024px) {
  .row-lg {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .g-5-lg {
    --gutter-x: 5px;
    justify-content: space-around;
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .g-10-lg {
    --gutter-x: 10px;
    justify-content: space-around;
    margin-left: -5px;
    margin-right: -5px;
  }

  .g-15-lg {
    --gutter-x: 15px;
    justify-content: space-around;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }

  .g-20-lg {
    --gutter-x: 20px;
    justify-content: space-around;
    margin-left: -10px;
    margin-right: -10px;
  }

  .g-25-lg {
    --gutter-x: 25px;
    justify-content: space-around;
    margin-left: -12.5px;
    margin-right: -12.5px;
  }

  .g-30-lg {
    --gutter-x: 30px;
    justify-content: space-around;
    margin-left: -15px;
    margin-right: -15px;
  }

  .g-35-lg {
    --gutter-x: 35px;
    justify-content: space-around;
    margin-left: -17.5px;
    margin-right: -17.5px;
  }

  .g-40-lg {
    --gutter-x: 40px;
    justify-content: space-around;
    margin-left: -20px;
    margin-right: -20px;
  }

  .g-45-lg {
    --gutter-x: 45px;
    justify-content: space-around;
    margin-left: -22.5px;
    margin-right: -22.5px;
  }

  .g-50-lg {
    --gutter-x: 50px;
    justify-content: space-around;
    margin-left: -25px;
    margin-right: -25px;
  }

  .row-cols-1-lg > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 1)) / 1);
  }

  .row-cols-2-lg > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 2)) / 2);
  }

  .row-cols-3-lg > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 3)) / 3);
  }

  .row-cols-4-lg > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 4)) / 4);
  }

  .row-cols-5-lg > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 5)) / 5);
  }

  .row-cols-6-lg > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 6)) / 6);
  }

  .col-1-lg {
    flex: 0 0 auto;
    width: calc(100%/12*1);
  }

  .col-2-lg {
    flex: 0 0 auto;
    width: calc(100%/12*2);
  }

  .col-3-lg {
    flex: 0 0 auto;
    width: calc(100%/12*3);
  }

  .col-4-lg {
    flex: 0 0 auto;
    width: calc(100%/12*4);
  }

  .col-5-lg {
    flex: 0 0 auto;
    width: calc(100%/12*5);
  }

  .col-6-lg {
    flex: 0 0 auto;
    width: calc(100%/12*6);
  }

  .col-7-lg {
    flex: 0 0 auto;
    width: calc(100%/12*7);
  }

  .col-8-lg {
    flex: 0 0 auto;
    width: calc(100%/12*8);
  }

  .col-9-lg {
    flex: 0 0 auto;
    width: calc(100%/12*9);
  }

  .col-10-lg {
    flex: 0 0 auto;
    width: calc(100%/12*10);
  }

  .col-11-lg {
    flex: 0 0 auto;
    width: calc(100%/12*11);
  }

  .col-12-lg {
    flex: 0 0 auto;
    width: calc(100%/12*12);
  }
}
@media (min-width: 1280px) {
  .row-xl {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .g-5-xl {
    justify-content: space-around;
    --gutter-x: 5px;
  }

  .g-10-xl {
    justify-content: space-around;
    --gutter-x: 10px;
  }

  .g-15-xl {
    justify-content: space-around;
    --gutter-x: 15px;
  }

  .g-20-xl {
    justify-content: space-around;
    --gutter-x: 20px;
  }

  .g-25-xl {
    justify-content: space-around;
    --gutter-x: 25px;
  }

  .row-cols-1-xl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 1)) / 1);
  }

  .row-cols-2-xl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 2)) / 2);
  }

  .row-cols-3-xl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 3)) / 3);
  }

  .row-cols-4-xl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 4)) / 4);
  }

  .row-cols-5-xl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 5)) / 5);
  }

  .row-cols-6-xl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 6)) / 6);
  }

  .col-1-xl {
    flex: 0 0 auto;
    width: calc(100%/12*1);
  }

  .col-2-xl {
    flex: 0 0 auto;
    width: calc(100%/12*2);
  }

  .col-3-xl {
    flex: 0 0 auto;
    width: calc(100%/12*3);
  }

  .col-4-xl {
    flex: 0 0 auto;
    width: calc(100%/12*4);
  }

  .col-5-xl {
    flex: 0 0 auto;
    width: calc(100%/12*5);
  }

  .col-6-xl {
    flex: 0 0 auto;
    width: calc(100%/12*6);
  }

  .col-7-xl {
    flex: 0 0 auto;
    width: calc(100%/12*7);
  }

  .col-8-xl {
    flex: 0 0 auto;
    width: calc(100%/12*8);
  }

  .col-9-xl {
    flex: 0 0 auto;
    width: calc(100%/12*9);
  }

  .col-10-xl {
    flex: 0 0 auto;
    width: calc(100%/12*10);
  }

  .col-11-xl {
    flex: 0 0 auto;
    width: calc(100%/12*11);
  }

  .col-12-xl {
    flex: 0 0 auto;
    width: calc(100%/12*12);
  }
}
@media (min-width: 1536px) {
  .row-xxl {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .g-5-xxl {
    justify-content: space-around;
    --gutter-x: 5px;
  }

  .g-10-xxl {
    justify-content: space-around;
    --gutter-x: 10px;
  }

  .g-15-xxl {
    justify-content: space-around;
    --gutter-x: 15px;
  }

  .g-20-xxl {
    justify-content: space-around;
    --gutter-x: 20px;
  }

  .g-25-xxl {
    justify-content: space-around;
    --gutter-x: 25px;
  }

  .row-cols-1-xxl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 1)) / 1);
  }

  .row-cols-2-xxl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 2)) / 2);
  }

  .row-cols-3-xxl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 3)) / 3);
  }

  .row-cols-4-xxl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 4)) / 4);
  }

  .row-cols-5-xxl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 5)) / 5);
  }

  .row-cols-6-xxl > * {
    flex: 0 0 auto;
    width: calc((100% - (var(--gutter-x) * 6)) / 6);
  }

  .col-1-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*1);
  }

  .col-2-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*2);
  }

  .col-3-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*3);
  }

  .col-4-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*4);
  }

  .col-5-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*5);
  }

  .col-6-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*6);
  }

  .col-7-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*7);
  }

  .col-8-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*8);
  }

  .col-9-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*9);
  }

  .col-10-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*10);
  }

  .col-11-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*11);
  }

  .col-12-xxl {
    flex: 0 0 auto;
    width: calc(100%/12*12);
  }
}
.d-flex {
  display: flex !important;
}

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

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

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

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

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 640px) {
  .d-flex-sm {
    display: flex !important;
  }

  .d-none-sm {
    display: none !important;
  }

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

  .flex-row-sm {
    flex-direction: row !important;
  }

  .flex-column-sm {
    flex-direction: column !important;
  }

  .flex-row-reverse-sm {
    flex-direction: row-reverse !important;
  }

  .flex-column-reverse-sm {
    flex-direction: column-reverse !important;
  }

  .flex-wrap-sm {
    flex-wrap: wrap !important;
  }

  .justify-content-start-sm {
    justify-content: flex-start !important;
  }

  .justify-content-end-sm {
    justify-content: flex-end !important;
  }

  .justify-content-center-sm {
    justify-content: center !important;
  }

  .justify-content-between-sm {
    justify-content: space-between !important;
  }

  .justify-content-around-sm {
    justify-content: space-around !important;
  }

  .align-items-start-sm {
    align-items: flex-start !important;
  }

  .align-items-end-sm {
    align-items: flex-end !important;
  }

  .align-items-center-sm {
    align-items: center !important;
  }

  .align-items-baseline-sm {
    align-items: baseline !important;
  }

  .align-items-stretch-sm {
    align-items: stretch !important;
  }

  .align-content-start-sm {
    align-content: flex-start !important;
  }

  .align-content-end-sm {
    align-content: flex-end !important;
  }

  .align-content-center-sm {
    align-content: center !important;
  }

  .align-content-between-sm {
    align-content: space-between !important;
  }

  .align-content-around-sm {
    align-content: space-around !important;
  }

  .align-content-stretch-sm {
    align-content: stretch !important;
  }

  .align-self-auto-sm {
    align-self: auto !important;
  }

  .align-self-start-sm {
    align-self: flex-start !important;
  }

  .align-self-end-sm {
    align-self: flex-end !important;
  }

  .align-self-center-sm {
    align-self: center !important;
  }

  .align-self-baseline-sm {
    align-self: baseline !important;
  }

  .align-self-stretch-sm {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .d-flex-md {
    display: flex !important;
  }

  .d-none-md {
    display: none !important;
  }

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

  .flex-row-md {
    flex-direction: row !important;
  }

  .flex-column-md {
    flex-direction: column !important;
  }

  .flex-row-reverse-md {
    flex-direction: row-reverse !important;
  }

  .flex-column-reverse-md {
    flex-direction: column-reverse !important;
  }

  .flex-wrap-md {
    flex-wrap: wrap !important;
  }

  .justify-content-start-md {
    justify-content: flex-start !important;
  }

  .justify-content-end-md {
    justify-content: flex-end !important;
  }

  .justify-content-center-md {
    justify-content: center !important;
  }

  .justify-content-between-md {
    justify-content: space-between !important;
  }

  .justify-content-around-md {
    justify-content: space-around !important;
  }

  .align-items-start-md {
    align-items: flex-start !important;
  }

  .align-items-end-md {
    align-items: flex-end !important;
  }

  .align-items-center-md {
    align-items: center !important;
  }

  .align-items-baseline-md {
    align-items: baseline !important;
  }

  .align-items-stretch-md {
    align-items: stretch !important;
  }

  .align-content-start-md {
    align-content: flex-start !important;
  }

  .align-content-end-md {
    align-content: flex-end !important;
  }

  .align-content-center-md {
    align-content: center !important;
  }

  .align-content-between-md {
    align-content: space-between !important;
  }

  .align-content-around-md {
    align-content: space-around !important;
  }

  .align-content-stretch-md {
    align-content: stretch !important;
  }

  .align-self-auto-md {
    align-self: auto !important;
  }

  .align-self-start-md {
    align-self: flex-start !important;
  }

  .align-self-end-md {
    align-self: flex-end !important;
  }

  .align-self-center-md {
    align-self: center !important;
  }

  .align-self-baseline-md {
    align-self: baseline !important;
  }

  .align-self-stretch-md {
    align-self: stretch !important;
  }
}
@media (min-width: 1024px) {
  .d-flex-lg {
    display: flex !important;
  }

  .d-none-lg {
    display: none !important;
  }

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

  .d-inlineBlock-lg {
    display: inline-block !important;
  }

  .flex-row-lg {
    flex-direction: row !important;
  }

  .flex-column-lg {
    flex-direction: column !important;
  }

  .flex-row-reverse-lg {
    flex-direction: row-reverse !important;
  }

  .flex-column-reverse-lg {
    flex-direction: column-reverse !important;
  }

  .flex-wrap-lg {
    flex-wrap: wrap !important;
  }

  .justify-content-start-lg {
    justify-content: flex-start !important;
  }

  .justify-content-end-lg {
    justify-content: flex-end !important;
  }

  .justify-content-center-lg {
    justify-content: center !important;
  }

  .justify-content-between-lg {
    justify-content: space-between !important;
  }

  .justify-content-around-lg {
    justify-content: space-around !important;
  }

  .align-items-start-lg {
    align-items: flex-start !important;
  }

  .align-items-end-lg {
    align-items: flex-end !important;
  }

  .align-items-center-lg {
    align-items: center !important;
  }

  .align-items-baseline-lg {
    align-items: baseline !important;
  }

  .align-items-stretch-lg {
    align-items: stretch !important;
  }

  .align-content-start-lg {
    align-content: flex-start !important;
  }

  .align-content-end-lg {
    align-content: flex-end !important;
  }

  .align-content-center-lg {
    align-content: center !important;
  }

  .align-content-between-lg {
    align-content: space-between !important;
  }

  .align-content-around-lg {
    align-content: space-around !important;
  }

  .align-content-stretch-lg {
    align-content: stretch !important;
  }

  .align-self-auto-lg {
    align-self: auto !important;
  }

  .align-self-start-lg {
    align-self: flex-start !important;
  }

  .align-self-end-lg {
    align-self: flex-end !important;
  }

  .align-self-center-lg {
    align-self: center !important;
  }

  .align-self-baseline-lg {
    align-self: baseline !important;
  }

  .align-self-stretch-lg {
    align-self: stretch !important;
  }
}
.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mx-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.my-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mx-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.my-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.mx-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.my-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mx-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.my-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.my-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.mx-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.my-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.px-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.py-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.px-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

.py-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.px-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.py-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.px-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}

.py-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.px-85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}

.py-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.py-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.px-95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}

.py-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.px-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.py-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.space-5 {
  padding: 5px !important;
}

.space-10 {
  padding: 10px !important;
}

.space-15 {
  padding: 15px !important;
}

.space-20 {
  padding: 20px !important;
}

.space-25 {
  padding: 25px !important;
}

.space-30 {
  padding: 30px !important;
}

.space-35 {
  padding: 35px !important;
}

.space-40 {
  padding: 40px !important;
}

.space-45 {
  padding: 45px !important;
}

.space-50 {
  padding: 50px !important;
}

.space-55 {
  padding: 55px !important;
}

.space-60 {
  padding: 60px !important;
}

.space-65 {
  padding: 65px !important;
}

.space-70 {
  padding: 70px !important;
}

.space-75 {
  padding: 75px !important;
}

.space-80 {
  padding: 80px !important;
}

.space-85 {
  padding: 85px !important;
}

.space-90 {
  padding: 90px !important;
}

.space-95 {
  padding: 95px !important;
}

.space-100 {
  padding: 100px !important;
}

@media (min-width: 640px) {
  .mt-5-sm {
    margin-top: 5px !important;
  }

  .mt-10-sm {
    margin-top: 10px !important;
  }

  .mt-15-sm {
    margin-top: 15px !important;
  }

  .mt-20-sm {
    margin-top: 20px !important;
  }

  .mt-25-sm {
    margin-top: 25px !important;
  }

  .mt-30-sm {
    margin-top: 30px !important;
  }

  .mt-35-sm {
    margin-top: 35px !important;
  }

  .mt-40-sm {
    margin-top: 40px !important;
  }

  .mt-45-sm {
    margin-top: 45px !important;
  }

  .mt-50-sm {
    margin-top: 50px !important;
  }

  .mt-55-sm {
    margin-top: 55px !important;
  }

  .mt-60-sm {
    margin-top: 60px !important;
  }

  .mt-65-sm {
    margin-top: 65px !important;
  }

  .mt-70-sm {
    margin-top: 70px !important;
  }

  .mt-75-sm {
    margin-top: 75px !important;
  }

  .mt-80-sm {
    margin-top: 80px !important;
  }

  .mt-85-sm {
    margin-top: 85px !important;
  }

  .mt-90-sm {
    margin-top: 90px !important;
  }

  .mt-95-sm {
    margin-top: 95px !important;
  }

  .mt-100-sm {
    margin-top: 100px !important;
  }

  .mb-5-sm {
    margin-bottom: 5px !important;
  }

  .mb-10-sm {
    margin-bottom: 10px !important;
  }

  .mb-15-sm {
    margin-bottom: 15px !important;
  }

  .mb-20-sm {
    margin-bottom: 20px !important;
  }

  .mb-25-sm {
    margin-bottom: 25px !important;
  }

  .mb-30-sm {
    margin-bottom: 30px !important;
  }

  .mb-35-sm {
    margin-bottom: 35px !important;
  }

  .mb-40-sm {
    margin-bottom: 40px !important;
  }

  .mb-45-sm {
    margin-bottom: 45px !important;
  }

  .mb-50-sm {
    margin-bottom: 50px !important;
  }

  .mb-55-sm {
    margin-bottom: 55px !important;
  }

  .mb-60-sm {
    margin-bottom: 60px !important;
  }

  .mb-65-sm {
    margin-bottom: 65px !important;
  }

  .mb-70-sm {
    margin-bottom: 70px !important;
  }

  .mb-75-sm {
    margin-bottom: 75px !important;
  }

  .mb-80-sm {
    margin-bottom: 80px !important;
  }

  .mb-85-sm {
    margin-bottom: 85px !important;
  }

  .mb-90-sm {
    margin-bottom: 90px !important;
  }

  .mb-95-sm {
    margin-bottom: 95px !important;
  }

  .mb-100-sm {
    margin-bottom: 100px !important;
  }

  .ml-5-sm {
    margin-left: 5px !important;
  }

  .ml-10-sm {
    margin-left: 10px !important;
  }

  .ml-15-sm {
    margin-left: 15px !important;
  }

  .ml-20-sm {
    margin-left: 20px !important;
  }

  .ml-25-sm {
    margin-left: 25px !important;
  }

  .ml-30-sm {
    margin-left: 30px !important;
  }

  .ml-35-sm {
    margin-left: 35px !important;
  }

  .ml-40-sm {
    margin-left: 40px !important;
  }

  .ml-45-sm {
    margin-left: 45px !important;
  }

  .ml-50-sm {
    margin-left: 50px !important;
  }

  .ml-55-sm {
    margin-left: 55px !important;
  }

  .ml-60-sm {
    margin-left: 60px !important;
  }

  .ml-65-sm {
    margin-left: 65px !important;
  }

  .ml-70-sm {
    margin-left: 70px !important;
  }

  .ml-75-sm {
    margin-left: 75px !important;
  }

  .ml-80-sm {
    margin-left: 80px !important;
  }

  .ml-85-sm {
    margin-left: 85px !important;
  }

  .ml-90-sm {
    margin-left: 90px !important;
  }

  .ml-95-sm {
    margin-left: 95px !important;
  }

  .ml-100-sm {
    margin-left: 100px !important;
  }

  .mr-5-sm {
    margin-right: 5px !important;
  }

  .mr-10-sm {
    margin-right: 10px !important;
  }

  .mr-15-sm {
    margin-right: 15px !important;
  }

  .mr-20-sm {
    margin-right: 20px !important;
  }

  .mr-25-sm {
    margin-right: 25px !important;
  }

  .mr-30-sm {
    margin-right: 30px !important;
  }

  .mr-35-sm {
    margin-right: 35px !important;
  }

  .mr-40-sm {
    margin-right: 40px !important;
  }

  .mr-45-sm {
    margin-right: 45px !important;
  }

  .mr-50-sm {
    margin-right: 50px !important;
  }

  .mr-55-sm {
    margin-right: 55px !important;
  }

  .mr-60-sm {
    margin-right: 60px !important;
  }

  .mr-65-sm {
    margin-right: 65px !important;
  }

  .mr-70-sm {
    margin-right: 70px !important;
  }

  .mr-75-sm {
    margin-right: 75px !important;
  }

  .mr-80-sm {
    margin-right: 80px !important;
  }

  .mr-85-sm {
    margin-right: 85px !important;
  }

  .mr-90-sm {
    margin-right: 90px !important;
  }

  .mr-95-sm {
    margin-right: 95px !important;
  }

  .mr-100-sm {
    margin-right: 100px !important;
  }

  .pt-5-sm {
    padding-top: 5px !important;
  }

  .pt-10-sm {
    padding-top: 10px !important;
  }

  .pt-15-sm {
    padding-top: 15px !important;
  }

  .pt-20-sm {
    padding-top: 20px !important;
  }

  .pt-25-sm {
    padding-top: 25px !important;
  }

  .pt-30-sm {
    padding-top: 30px !important;
  }

  .pt-35-sm {
    padding-top: 35px !important;
  }

  .pt-40-sm {
    padding-top: 40px !important;
  }

  .pt-45-sm {
    padding-top: 45px !important;
  }

  .pt-50-sm {
    padding-top: 50px !important;
  }

  .pt-55-sm {
    padding-top: 55px !important;
  }

  .pt-60-sm {
    padding-top: 60px !important;
  }

  .pt-65-sm {
    padding-top: 65px !important;
  }

  .pt-70-sm {
    padding-top: 70px !important;
  }

  .pt-75-sm {
    padding-top: 75px !important;
  }

  .pt-80-sm {
    padding-top: 80px !important;
  }

  .pt-85-sm {
    padding-top: 85px !important;
  }

  .pt-90-sm {
    padding-top: 90px !important;
  }

  .pt-95-sm {
    padding-top: 95px !important;
  }

  .pt-100-sm {
    padding-top: 100px !important;
  }

  .pb-5-sm {
    padding-bottom: 5px !important;
  }

  .pb-10-sm {
    padding-bottom: 10px !important;
  }

  .pb-15-sm {
    padding-bottom: 15px !important;
  }

  .pb-20-sm {
    padding-bottom: 20px !important;
  }

  .pb-25-sm {
    padding-bottom: 25px !important;
  }

  .pb-30-sm {
    padding-bottom: 30px !important;
  }

  .pb-35-sm {
    padding-bottom: 35px !important;
  }

  .pb-40-sm {
    padding-bottom: 40px !important;
  }

  .pb-45-sm {
    padding-bottom: 45px !important;
  }

  .pb-50-sm {
    padding-bottom: 50px !important;
  }

  .pb-55-sm {
    padding-bottom: 55px !important;
  }

  .pb-60-sm {
    padding-bottom: 60px !important;
  }

  .pb-65-sm {
    padding-bottom: 65px !important;
  }

  .pb-70-sm {
    padding-bottom: 70px !important;
  }

  .pb-75-sm {
    padding-bottom: 75px !important;
  }

  .pb-80-sm {
    padding-bottom: 80px !important;
  }

  .pb-85-sm {
    padding-bottom: 85px !important;
  }

  .pb-90-sm {
    padding-bottom: 90px !important;
  }

  .pb-95-sm {
    padding-bottom: 95px !important;
  }

  .pb-100-sm {
    padding-bottom: 100px !important;
  }

  .pl-5-sm {
    padding-left: 5px !important;
  }

  .pl-10-sm {
    padding-left: 10px !important;
  }

  .pl-15-sm {
    padding-left: 15px !important;
  }

  .pl-20-sm {
    padding-left: 20px !important;
  }

  .pl-25-sm {
    padding-left: 25px !important;
  }

  .pl-30-sm {
    padding-left: 30px !important;
  }

  .pl-35-sm {
    padding-left: 35px !important;
  }

  .pl-40-sm {
    padding-left: 40px !important;
  }

  .pl-45-sm {
    padding-left: 45px !important;
  }

  .pl-50-sm {
    padding-left: 50px !important;
  }

  .pl-55-sm {
    padding-left: 55px !important;
  }

  .pl-60-sm {
    padding-left: 60px !important;
  }

  .pl-65-sm {
    padding-left: 65px !important;
  }

  .pl-70-sm {
    padding-left: 70px !important;
  }

  .pl-75-sm {
    padding-left: 75px !important;
  }

  .pl-80-sm {
    padding-left: 80px !important;
  }

  .pl-85-sm {
    padding-left: 85px !important;
  }

  .pl-90-sm {
    padding-left: 90px !important;
  }

  .pl-95-sm {
    padding-left: 95px !important;
  }

  .pl-100-sm {
    padding-left: 100px !important;
  }

  .pr-5-sm {
    padding-right: 5px !important;
  }

  .pr-10-sm {
    padding-right: 10px !important;
  }

  .pr-15-sm {
    padding-right: 15px !important;
  }

  .pr-20-sm {
    padding-right: 20px !important;
  }

  .pr-25-sm {
    padding-right: 25px !important;
  }

  .pr-30-sm {
    padding-right: 30px !important;
  }

  .pr-35-sm {
    padding-right: 35px !important;
  }

  .pr-40-sm {
    padding-right: 40px !important;
  }

  .pr-45-sm {
    padding-right: 45px !important;
  }

  .pr-50-sm {
    padding-right: 50px !important;
  }

  .pr-55-sm {
    padding-right: 55px !important;
  }

  .pr-60-sm {
    padding-right: 60px !important;
  }

  .pr-65-sm {
    padding-right: 65px !important;
  }

  .pr-70-sm {
    padding-right: 70px !important;
  }

  .pr-75-sm {
    padding-right: 75px !important;
  }

  .pr-80-sm {
    padding-right: 80px !important;
  }

  .pr-85-sm {
    padding-right: 85px !important;
  }

  .pr-90-sm {
    padding-right: 90px !important;
  }

  .pr-95-sm {
    padding-right: 95px !important;
  }

  .pr-100-sm {
    padding-right: 100px !important;
  }

  .mx-5-sm {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .my-5-sm {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mx-10-sm {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-10-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mx-15-sm {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .my-15-sm {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mx-20-sm {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-20-sm {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mx-25-sm {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .my-25-sm {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .mx-30-sm {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-30-sm {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mx-35-sm {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .my-35-sm {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .mx-40-sm {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-40-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mx-45-sm {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .my-45-sm {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .mx-50-sm {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-50-sm {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mx-55-sm {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .my-55-sm {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .mx-60-sm {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-60-sm {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mx-65-sm {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }

  .my-65-sm {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }

  .mx-70-sm {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-70-sm {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mx-75-sm {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }

  .my-75-sm {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }

  .mx-80-sm {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-80-sm {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mx-85-sm {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }

  .my-85-sm {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }

  .mx-90-sm {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-90-sm {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mx-95-sm {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }

  .my-95-sm {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }

  .mx-100-sm {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-100-sm {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .px-5-sm {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .py-5-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .px-10-sm {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-10-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .px-15-sm {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .py-15-sm {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .px-20-sm {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-20-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .px-25-sm {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .py-25-sm {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .px-30-sm {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-30-sm {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .px-35-sm {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .py-35-sm {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .px-40-sm {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-40-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .px-45-sm {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .py-45-sm {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .px-50-sm {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-50-sm {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .px-55-sm {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .py-55-sm {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .px-60-sm {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-60-sm {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .px-65-sm {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }

  .py-65-sm {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }

  .px-70-sm {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-70-sm {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .px-75-sm {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }

  .py-75-sm {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }

  .px-80-sm {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-80-sm {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .px-85-sm {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }

  .py-85-sm {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }

  .px-90-sm {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-90-sm {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .px-95-sm {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }

  .py-95-sm {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }

  .px-100-sm {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-100-sm {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .space-5-sm {
    padding: 5px !important;
  }

  .space-10-sm {
    padding: 10px !important;
  }

  .space-15-sm {
    padding: 15px !important;
  }

  .space-20-sm {
    padding: 20px !important;
  }

  .space-25-sm {
    padding: 25px !important;
  }

  .space-30-sm {
    padding: 30px !important;
  }

  .space-35-sm {
    padding: 35px !important;
  }

  .space-40-sm {
    padding: 40px !important;
  }

  .space-45-sm {
    padding: 45px !important;
  }

  .space-50-sm {
    padding: 50px !important;
  }

  .space-55-sm {
    padding: 55px !important;
  }

  .space-60-sm {
    padding: 60px !important;
  }

  .space-65-sm {
    padding: 65px !important;
  }

  .space-70-sm {
    padding: 70px !important;
  }

  .space-75-sm {
    padding: 75px !important;
  }

  .space-80-sm {
    padding: 80px !important;
  }

  .space-85-sm {
    padding: 85px !important;
  }

  .space-90-sm {
    padding: 90px !important;
  }

  .space-95-sm {
    padding: 95px !important;
  }

  .space-100-sm {
    padding: 100px !important;
  }
}
@media (min-width: 768px) {
  .mt-5-md {
    margin-top: 5px !important;
  }

  .mt-10-md {
    margin-top: 10px !important;
  }

  .mt-15-md {
    margin-top: 15px !important;
  }

  .mt-20-md {
    margin-top: 20px !important;
  }

  .mt-25-md {
    margin-top: 25px !important;
  }

  .mt-30-md {
    margin-top: 30px !important;
  }

  .mt-35-md {
    margin-top: 35px !important;
  }

  .mt-40-md {
    margin-top: 40px !important;
  }

  .mt-45-md {
    margin-top: 45px !important;
  }

  .mt-50-md {
    margin-top: 50px !important;
  }

  .mt-55-md {
    margin-top: 55px !important;
  }

  .mt-60-md {
    margin-top: 60px !important;
  }

  .mt-65-md {
    margin-top: 65px !important;
  }

  .mt-70-md {
    margin-top: 70px !important;
  }

  .mt-75-md {
    margin-top: 75px !important;
  }

  .mt-80-md {
    margin-top: 80px !important;
  }

  .mt-85-md {
    margin-top: 85px !important;
  }

  .mt-90-md {
    margin-top: 90px !important;
  }

  .mt-95-md {
    margin-top: 95px !important;
  }

  .mt-100-md {
    margin-top: 100px !important;
  }

  .mb-5-md {
    margin-bottom: 5px !important;
  }

  .mb-10-md {
    margin-bottom: 10px !important;
  }

  .mb-15-md {
    margin-bottom: 15px !important;
  }

  .mb-20-md {
    margin-bottom: 20px !important;
  }

  .mb-25-md {
    margin-bottom: 25px !important;
  }

  .mb-30-md {
    margin-bottom: 30px !important;
  }

  .mb-35-md {
    margin-bottom: 35px !important;
  }

  .mb-40-md {
    margin-bottom: 40px !important;
  }

  .mb-45-md {
    margin-bottom: 45px !important;
  }

  .mb-50-md {
    margin-bottom: 50px !important;
  }

  .mb-55-md {
    margin-bottom: 55px !important;
  }

  .mb-60-md {
    margin-bottom: 60px !important;
  }

  .mb-65-md {
    margin-bottom: 65px !important;
  }

  .mb-70-md {
    margin-bottom: 70px !important;
  }

  .mb-75-md {
    margin-bottom: 75px !important;
  }

  .mb-80-md {
    margin-bottom: 80px !important;
  }

  .mb-85-md {
    margin-bottom: 85px !important;
  }

  .mb-90-md {
    margin-bottom: 90px !important;
  }

  .mb-95-md {
    margin-bottom: 95px !important;
  }

  .mb-100-md {
    margin-bottom: 100px !important;
  }

  .ml-5-md {
    margin-left: 5px !important;
  }

  .ml-10-md {
    margin-left: 10px !important;
  }

  .ml-15-md {
    margin-left: 15px !important;
  }

  .ml-20-md {
    margin-left: 20px !important;
  }

  .ml-25-md {
    margin-left: 25px !important;
  }

  .ml-30-md {
    margin-left: 30px !important;
  }

  .ml-35-md {
    margin-left: 35px !important;
  }

  .ml-40-md {
    margin-left: 40px !important;
  }

  .ml-45-md {
    margin-left: 45px !important;
  }

  .ml-50-md {
    margin-left: 50px !important;
  }

  .ml-55-md {
    margin-left: 55px !important;
  }

  .ml-60-md {
    margin-left: 60px !important;
  }

  .ml-65-md {
    margin-left: 65px !important;
  }

  .ml-70-md {
    margin-left: 70px !important;
  }

  .ml-75-md {
    margin-left: 75px !important;
  }

  .ml-80-md {
    margin-left: 80px !important;
  }

  .ml-85-md {
    margin-left: 85px !important;
  }

  .ml-90-md {
    margin-left: 90px !important;
  }

  .ml-95-md {
    margin-left: 95px !important;
  }

  .ml-100-md {
    margin-left: 100px !important;
  }

  .mr-5-md {
    margin-right: 5px !important;
  }

  .mr-10-md {
    margin-right: 10px !important;
  }

  .mr-15-md {
    margin-right: 15px !important;
  }

  .mr-20-md {
    margin-right: 20px !important;
  }

  .mr-25-md {
    margin-right: 25px !important;
  }

  .mr-30-md {
    margin-right: 30px !important;
  }

  .mr-35-md {
    margin-right: 35px !important;
  }

  .mr-40-md {
    margin-right: 40px !important;
  }

  .mr-45-md {
    margin-right: 45px !important;
  }

  .mr-50-md {
    margin-right: 50px !important;
  }

  .mr-55-md {
    margin-right: 55px !important;
  }

  .mr-60-md {
    margin-right: 60px !important;
  }

  .mr-65-md {
    margin-right: 65px !important;
  }

  .mr-70-md {
    margin-right: 70px !important;
  }

  .mr-75-md {
    margin-right: 75px !important;
  }

  .mr-80-md {
    margin-right: 80px !important;
  }

  .mr-85-md {
    margin-right: 85px !important;
  }

  .mr-90-md {
    margin-right: 90px !important;
  }

  .mr-95-md {
    margin-right: 95px !important;
  }

  .mr-100-md {
    margin-right: 100px !important;
  }

  .pt-5-md {
    padding-top: 5px !important;
  }

  .pt-10-md {
    padding-top: 10px !important;
  }

  .pt-15-md {
    padding-top: 15px !important;
  }

  .pt-20-md {
    padding-top: 20px !important;
  }

  .pt-25-md {
    padding-top: 25px !important;
  }

  .pt-30-md {
    padding-top: 30px !important;
  }

  .pt-35-md {
    padding-top: 35px !important;
  }

  .pt-40-md {
    padding-top: 40px !important;
  }

  .pt-45-md {
    padding-top: 45px !important;
  }

  .pt-50-md {
    padding-top: 50px !important;
  }

  .pt-55-md {
    padding-top: 55px !important;
  }

  .pt-60-md {
    padding-top: 60px !important;
  }

  .pt-65-md {
    padding-top: 65px !important;
  }

  .pt-70-md {
    padding-top: 70px !important;
  }

  .pt-75-md {
    padding-top: 75px !important;
  }

  .pt-80-md {
    padding-top: 80px !important;
  }

  .pt-85-md {
    padding-top: 85px !important;
  }

  .pt-90-md {
    padding-top: 90px !important;
  }

  .pt-95-md {
    padding-top: 95px !important;
  }

  .pt-100-md {
    padding-top: 100px !important;
  }

  .pb-5-md {
    padding-bottom: 5px !important;
  }

  .pb-10-md {
    padding-bottom: 10px !important;
  }

  .pb-15-md {
    padding-bottom: 15px !important;
  }

  .pb-20-md {
    padding-bottom: 20px !important;
  }

  .pb-25-md {
    padding-bottom: 25px !important;
  }

  .pb-30-md {
    padding-bottom: 30px !important;
  }

  .pb-35-md {
    padding-bottom: 35px !important;
  }

  .pb-40-md {
    padding-bottom: 40px !important;
  }

  .pb-45-md {
    padding-bottom: 45px !important;
  }

  .pb-50-md {
    padding-bottom: 50px !important;
  }

  .pb-55-md {
    padding-bottom: 55px !important;
  }

  .pb-60-md {
    padding-bottom: 60px !important;
  }

  .pb-65-md {
    padding-bottom: 65px !important;
  }

  .pb-70-md {
    padding-bottom: 70px !important;
  }

  .pb-75-md {
    padding-bottom: 75px !important;
  }

  .pb-80-md {
    padding-bottom: 80px !important;
  }

  .pb-85-md {
    padding-bottom: 85px !important;
  }

  .pb-90-md {
    padding-bottom: 90px !important;
  }

  .pb-95-md {
    padding-bottom: 95px !important;
  }

  .pb-100-md {
    padding-bottom: 100px !important;
  }

  .pl-5-md {
    padding-left: 5px !important;
  }

  .pl-10-md {
    padding-left: 10px !important;
  }

  .pl-15-md {
    padding-left: 15px !important;
  }

  .pl-20-md {
    padding-left: 20px !important;
  }

  .pl-25-md {
    padding-left: 25px !important;
  }

  .pl-30-md {
    padding-left: 30px !important;
  }

  .pl-35-md {
    padding-left: 35px !important;
  }

  .pl-40-md {
    padding-left: 40px !important;
  }

  .pl-45-md {
    padding-left: 45px !important;
  }

  .pl-50-md {
    padding-left: 50px !important;
  }

  .pl-55-md {
    padding-left: 55px !important;
  }

  .pl-60-md {
    padding-left: 60px !important;
  }

  .pl-65-md {
    padding-left: 65px !important;
  }

  .pl-70-md {
    padding-left: 70px !important;
  }

  .pl-75-md {
    padding-left: 75px !important;
  }

  .pl-80-md {
    padding-left: 80px !important;
  }

  .pl-85-md {
    padding-left: 85px !important;
  }

  .pl-90-md {
    padding-left: 90px !important;
  }

  .pl-95-md {
    padding-left: 95px !important;
  }

  .pl-100-md {
    padding-left: 100px !important;
  }

  .pr-5-md {
    padding-right: 5px !important;
  }

  .pr-10-md {
    padding-right: 10px !important;
  }

  .pr-15-md {
    padding-right: 15px !important;
  }

  .pr-20-md {
    padding-right: 20px !important;
  }

  .pr-25-md {
    padding-right: 25px !important;
  }

  .pr-30-md {
    padding-right: 30px !important;
  }

  .pr-35-md {
    padding-right: 35px !important;
  }

  .pr-40-md {
    padding-right: 40px !important;
  }

  .pr-45-md {
    padding-right: 45px !important;
  }

  .pr-50-md {
    padding-right: 50px !important;
  }

  .pr-55-md {
    padding-right: 55px !important;
  }

  .pr-60-md {
    padding-right: 60px !important;
  }

  .pr-65-md {
    padding-right: 65px !important;
  }

  .pr-70-md {
    padding-right: 70px !important;
  }

  .pr-75-md {
    padding-right: 75px !important;
  }

  .pr-80-md {
    padding-right: 80px !important;
  }

  .pr-85-md {
    padding-right: 85px !important;
  }

  .pr-90-md {
    padding-right: 90px !important;
  }

  .pr-95-md {
    padding-right: 95px !important;
  }

  .pr-100-md {
    padding-right: 100px !important;
  }

  .mx-5-md {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .my-5-md {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mx-10-md {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-10-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mx-15-md {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .my-15-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mx-20-md {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-20-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mx-25-md {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .my-25-md {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .mx-30-md {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-30-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mx-35-md {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .my-35-md {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .mx-40-md {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-40-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mx-45-md {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .my-45-md {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .mx-50-md {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-50-md {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mx-55-md {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .my-55-md {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .mx-60-md {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-60-md {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mx-65-md {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }

  .my-65-md {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }

  .mx-70-md {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-70-md {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mx-75-md {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }

  .my-75-md {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }

  .mx-80-md {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-80-md {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mx-85-md {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }

  .my-85-md {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }

  .mx-90-md {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-90-md {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mx-95-md {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }

  .my-95-md {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }

  .mx-100-md {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-100-md {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .px-5-md {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .py-5-md {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .px-10-md {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-10-md {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .px-15-md {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .py-15-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .px-20-md {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-20-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .px-25-md {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .py-25-md {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .px-30-md {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-30-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .px-35-md {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .py-35-md {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .px-40-md {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-40-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .px-45-md {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .py-45-md {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .px-50-md {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-50-md {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .px-55-md {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .py-55-md {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .px-60-md {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-60-md {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .px-65-md {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }

  .py-65-md {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }

  .px-70-md {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-70-md {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .px-75-md {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }

  .py-75-md {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }

  .px-80-md {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-80-md {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .px-85-md {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }

  .py-85-md {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }

  .px-90-md {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-90-md {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .px-95-md {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }

  .py-95-md {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }

  .px-100-md {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-100-md {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .space-5-md {
    padding: 5px !important;
  }

  .space-10-md {
    padding: 10px !important;
  }

  .space-15-md {
    padding: 15px !important;
  }

  .space-20-md {
    padding: 20px !important;
  }

  .space-25-md {
    padding: 25px !important;
  }

  .space-30-md {
    padding: 30px !important;
  }

  .space-35-md {
    padding: 35px !important;
  }

  .space-40-md {
    padding: 40px !important;
  }

  .space-45-md {
    padding: 45px !important;
  }

  .space-50-md {
    padding: 50px !important;
  }

  .space-55-md {
    padding: 55px !important;
  }

  .space-60-md {
    padding: 60px !important;
  }

  .space-65-md {
    padding: 65px !important;
  }

  .space-70-md {
    padding: 70px !important;
  }

  .space-75-md {
    padding: 75px !important;
  }

  .space-80-md {
    padding: 80px !important;
  }

  .space-85-md {
    padding: 85px !important;
  }

  .space-90-md {
    padding: 90px !important;
  }

  .space-95-md {
    padding: 95px !important;
  }

  .space-100-md {
    padding: 100px !important;
  }
}
@media (min-width: 1024px) {
  .mt-5-lg {
    margin-top: 5px !important;
  }

  .mt-10-lg {
    margin-top: 10px !important;
  }

  .mt-15-lg {
    margin-top: 15px !important;
  }

  .mt-20-lg {
    margin-top: 20px !important;
  }

  .mt-25-lg {
    margin-top: 25px !important;
  }

  .mt-30-lg {
    margin-top: 30px !important;
  }

  .mt-35-lg {
    margin-top: 35px !important;
  }

  .mt-40-lg {
    margin-top: 40px !important;
  }

  .mt-45-lg {
    margin-top: 45px !important;
  }

  .mt-50-lg {
    margin-top: 50px !important;
  }

  .mt-55-lg {
    margin-top: 55px !important;
  }

  .mt-60-lg {
    margin-top: 60px !important;
  }

  .mt-65-lg {
    margin-top: 65px !important;
  }

  .mt-70-lg {
    margin-top: 70px !important;
  }

  .mt-75-lg {
    margin-top: 75px !important;
  }

  .mt-80-lg {
    margin-top: 80px !important;
  }

  .mt-85-lg {
    margin-top: 85px !important;
  }

  .mt-90-lg {
    margin-top: 90px !important;
  }

  .mt-95-lg {
    margin-top: 95px !important;
  }

  .mt-100-lg {
    margin-top: 100px !important;
  }

  .mb-5-lg {
    margin-bottom: 5px !important;
  }

  .mb-10-lg {
    margin-bottom: 10px !important;
  }

  .mb-15-lg {
    margin-bottom: 15px !important;
  }

  .mb-20-lg {
    margin-bottom: 20px !important;
  }

  .mb-25-lg {
    margin-bottom: 25px !important;
  }

  .mb-30-lg {
    margin-bottom: 30px !important;
  }

  .mb-35-lg {
    margin-bottom: 35px !important;
  }

  .mb-40-lg {
    margin-bottom: 40px !important;
  }

  .mb-45-lg {
    margin-bottom: 45px !important;
  }

  .mb-50-lg {
    margin-bottom: 50px !important;
  }

  .mb-55-lg {
    margin-bottom: 55px !important;
  }

  .mb-60-lg {
    margin-bottom: 60px !important;
  }

  .mb-65-lg {
    margin-bottom: 65px !important;
  }

  .mb-70-lg {
    margin-bottom: 70px !important;
  }

  .mb-75-lg {
    margin-bottom: 75px !important;
  }

  .mb-80-lg {
    margin-bottom: 80px !important;
  }

  .mb-85-lg {
    margin-bottom: 85px !important;
  }

  .mb-90-lg {
    margin-bottom: 90px !important;
  }

  .mb-95-lg {
    margin-bottom: 95px !important;
  }

  .mb-100-lg {
    margin-bottom: 100px !important;
  }

  .ml-5-lg {
    margin-left: 5px !important;
  }

  .ml-10-lg {
    margin-left: 10px !important;
  }

  .ml-15-lg {
    margin-left: 15px !important;
  }

  .ml-20-lg {
    margin-left: 20px !important;
  }

  .ml-25-lg {
    margin-left: 25px !important;
  }

  .ml-30-lg {
    margin-left: 30px !important;
  }

  .ml-35-lg {
    margin-left: 35px !important;
  }

  .ml-40-lg {
    margin-left: 40px !important;
  }

  .ml-45-lg {
    margin-left: 45px !important;
  }

  .ml-50-lg {
    margin-left: 50px !important;
  }

  .ml-55-lg {
    margin-left: 55px !important;
  }

  .ml-60-lg {
    margin-left: 60px !important;
  }

  .ml-65-lg {
    margin-left: 65px !important;
  }

  .ml-70-lg {
    margin-left: 70px !important;
  }

  .ml-75-lg {
    margin-left: 75px !important;
  }

  .ml-80-lg {
    margin-left: 80px !important;
  }

  .ml-85-lg {
    margin-left: 85px !important;
  }

  .ml-90-lg {
    margin-left: 90px !important;
  }

  .ml-95-lg {
    margin-left: 95px !important;
  }

  .ml-100-lg {
    margin-left: 100px !important;
  }

  .mr-5-lg {
    margin-right: 5px !important;
  }

  .mr-10-lg {
    margin-right: 10px !important;
  }

  .mr-15-lg {
    margin-right: 15px !important;
  }

  .mr-20-lg {
    margin-right: 20px !important;
  }

  .mr-25-lg {
    margin-right: 25px !important;
  }

  .mr-30-lg {
    margin-right: 30px !important;
  }

  .mr-35-lg {
    margin-right: 35px !important;
  }

  .mr-40-lg {
    margin-right: 40px !important;
  }

  .mr-45-lg {
    margin-right: 45px !important;
  }

  .mr-50-lg {
    margin-right: 50px !important;
  }

  .mr-55-lg {
    margin-right: 55px !important;
  }

  .mr-60-lg {
    margin-right: 60px !important;
  }

  .mr-65-lg {
    margin-right: 65px !important;
  }

  .mr-70-lg {
    margin-right: 70px !important;
  }

  .mr-75-lg {
    margin-right: 75px !important;
  }

  .mr-80-lg {
    margin-right: 80px !important;
  }

  .mr-85-lg {
    margin-right: 85px !important;
  }

  .mr-90-lg {
    margin-right: 90px !important;
  }

  .mr-95-lg {
    margin-right: 95px !important;
  }

  .mr-100-lg {
    margin-right: 100px !important;
  }

  .pt-5-lg {
    padding-top: 5px !important;
  }

  .pt-10-lg {
    padding-top: 10px !important;
  }

  .pt-15-lg {
    padding-top: 15px !important;
  }

  .pt-20-lg {
    padding-top: 20px !important;
  }

  .pt-25-lg {
    padding-top: 25px !important;
  }

  .pt-30-lg {
    padding-top: 30px !important;
  }

  .pt-35-lg {
    padding-top: 35px !important;
  }

  .pt-40-lg {
    padding-top: 40px !important;
  }

  .pt-45-lg {
    padding-top: 45px !important;
  }

  .pt-50-lg {
    padding-top: 50px !important;
  }

  .pt-55-lg {
    padding-top: 55px !important;
  }

  .pt-60-lg {
    padding-top: 60px !important;
  }

  .pt-65-lg {
    padding-top: 65px !important;
  }

  .pt-70-lg {
    padding-top: 70px !important;
  }

  .pt-75-lg {
    padding-top: 75px !important;
  }

  .pt-80-lg {
    padding-top: 80px !important;
  }

  .pt-85-lg {
    padding-top: 85px !important;
  }

  .pt-90-lg {
    padding-top: 90px !important;
  }

  .pt-95-lg {
    padding-top: 95px !important;
  }

  .pt-100-lg {
    padding-top: 100px !important;
  }

  .pb-5-lg {
    padding-bottom: 5px !important;
  }

  .pb-10-lg {
    padding-bottom: 10px !important;
  }

  .pb-15-lg {
    padding-bottom: 15px !important;
  }

  .pb-20-lg {
    padding-bottom: 20px !important;
  }

  .pb-25-lg {
    padding-bottom: 25px !important;
  }

  .pb-30-lg {
    padding-bottom: 30px !important;
  }

  .pb-35-lg {
    padding-bottom: 35px !important;
  }

  .pb-40-lg {
    padding-bottom: 40px !important;
  }

  .pb-45-lg {
    padding-bottom: 45px !important;
  }

  .pb-50-lg {
    padding-bottom: 50px !important;
  }

  .pb-55-lg {
    padding-bottom: 55px !important;
  }

  .pb-60-lg {
    padding-bottom: 60px !important;
  }

  .pb-65-lg {
    padding-bottom: 65px !important;
  }

  .pb-70-lg {
    padding-bottom: 70px !important;
  }

  .pb-75-lg {
    padding-bottom: 75px !important;
  }

  .pb-80-lg {
    padding-bottom: 80px !important;
  }

  .pb-85-lg {
    padding-bottom: 85px !important;
  }

  .pb-90-lg {
    padding-bottom: 90px !important;
  }

  .pb-95-lg {
    padding-bottom: 95px !important;
  }

  .pb-100-lg {
    padding-bottom: 100px !important;
  }

  .pl-5-lg {
    padding-left: 5px !important;
  }

  .pl-10-lg {
    padding-left: 10px !important;
  }

  .pl-15-lg {
    padding-left: 15px !important;
  }

  .pl-20-lg {
    padding-left: 20px !important;
  }

  .pl-25-lg {
    padding-left: 25px !important;
  }

  .pl-30-lg {
    padding-left: 30px !important;
  }

  .pl-35-lg {
    padding-left: 35px !important;
  }

  .pl-40-lg {
    padding-left: 40px !important;
  }

  .pl-45-lg {
    padding-left: 45px !important;
  }

  .pl-50-lg {
    padding-left: 50px !important;
  }

  .pl-55-lg {
    padding-left: 55px !important;
  }

  .pl-60-lg {
    padding-left: 60px !important;
  }

  .pl-65-lg {
    padding-left: 65px !important;
  }

  .pl-70-lg {
    padding-left: 70px !important;
  }

  .pl-75-lg {
    padding-left: 75px !important;
  }

  .pl-80-lg {
    padding-left: 80px !important;
  }

  .pl-85-lg {
    padding-left: 85px !important;
  }

  .pl-90-lg {
    padding-left: 90px !important;
  }

  .pl-95-lg {
    padding-left: 95px !important;
  }

  .pl-100-lg {
    padding-left: 100px !important;
  }

  .pr-5-lg {
    padding-right: 5px !important;
  }

  .pr-10-lg {
    padding-right: 10px !important;
  }

  .pr-15-lg {
    padding-right: 15px !important;
  }

  .pr-20-lg {
    padding-right: 20px !important;
  }

  .pr-25-lg {
    padding-right: 25px !important;
  }

  .pr-30-lg {
    padding-right: 30px !important;
  }

  .pr-35-lg {
    padding-right: 35px !important;
  }

  .pr-40-lg {
    padding-right: 40px !important;
  }

  .pr-45-lg {
    padding-right: 45px !important;
  }

  .pr-50-lg {
    padding-right: 50px !important;
  }

  .pr-55-lg {
    padding-right: 55px !important;
  }

  .pr-60-lg {
    padding-right: 60px !important;
  }

  .pr-65-lg {
    padding-right: 65px !important;
  }

  .pr-70-lg {
    padding-right: 70px !important;
  }

  .pr-75-lg {
    padding-right: 75px !important;
  }

  .pr-80-lg {
    padding-right: 80px !important;
  }

  .pr-85-lg {
    padding-right: 85px !important;
  }

  .pr-90-lg {
    padding-right: 90px !important;
  }

  .pr-95-lg {
    padding-right: 95px !important;
  }

  .pr-100-lg {
    padding-right: 100px !important;
  }

  .mx-5-lg {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .my-5-lg {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mx-10-lg {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .my-10-lg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mx-15-lg {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .my-15-lg {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mx-20-lg {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .my-20-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mx-25-lg {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .my-25-lg {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .mx-30-lg {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .my-30-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mx-35-lg {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .my-35-lg {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .mx-40-lg {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .my-40-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mx-45-lg {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .my-45-lg {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .mx-50-lg {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .my-50-lg {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .mx-55-lg {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .my-55-lg {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .mx-60-lg {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .my-60-lg {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mx-65-lg {
    margin-left: 65px !important;
    margin-right: 65px !important;
  }

  .my-65-lg {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }

  .mx-70-lg {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .my-70-lg {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .mx-75-lg {
    margin-left: 75px !important;
    margin-right: 75px !important;
  }

  .my-75-lg {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }

  .mx-80-lg {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .my-80-lg {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .mx-85-lg {
    margin-left: 85px !important;
    margin-right: 85px !important;
  }

  .my-85-lg {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }

  .mx-90-lg {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .my-90-lg {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .mx-95-lg {
    margin-left: 95px !important;
    margin-right: 95px !important;
  }

  .my-95-lg {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }

  .mx-100-lg {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .my-100-lg {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .px-5-lg {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .py-5-lg {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .px-10-lg {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .py-10-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .px-15-lg {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .py-15-lg {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .px-20-lg {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .py-20-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .px-25-lg {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .py-25-lg {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .px-30-lg {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .py-30-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .px-35-lg {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .py-35-lg {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .px-40-lg {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .py-40-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .px-45-lg {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .py-45-lg {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .px-50-lg {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .py-50-lg {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .px-55-lg {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .py-55-lg {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .px-60-lg {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .py-60-lg {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .px-65-lg {
    padding-left: 65px !important;
    padding-right: 65px !important;
  }

  .py-65-lg {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }

  .px-70-lg {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .py-70-lg {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .px-75-lg {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }

  .py-75-lg {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }

  .px-80-lg {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .py-80-lg {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .px-85-lg {
    padding-left: 85px !important;
    padding-right: 85px !important;
  }

  .py-85-lg {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }

  .px-90-lg {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .py-90-lg {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .px-95-lg {
    padding-left: 95px !important;
    padding-right: 95px !important;
  }

  .py-95-lg {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }

  .px-100-lg {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .py-100-lg {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .space-5-lg {
    padding: 5px !important;
  }

  .space-10-lg {
    padding: 10px !important;
  }

  .space-15-lg {
    padding: 15px !important;
  }

  .space-20-lg {
    padding: 20px !important;
  }

  .space-25-lg {
    padding: 25px !important;
  }

  .space-30-lg {
    padding: 30px !important;
  }

  .space-35-lg {
    padding: 35px !important;
  }

  .space-40-lg {
    padding: 40px !important;
  }

  .space-45-lg {
    padding: 45px !important;
  }

  .space-50-lg {
    padding: 50px !important;
  }

  .space-55-lg {
    padding: 55px !important;
  }

  .space-60-lg {
    padding: 60px !important;
  }

  .space-65-lg {
    padding: 65px !important;
  }

  .space-70-lg {
    padding: 70px !important;
  }

  .space-75-lg {
    padding: 75px !important;
  }

  .space-80-lg {
    padding: 80px !important;
  }

  .space-85-lg {
    padding: 85px !important;
  }

  .space-90-lg {
    padding: 90px !important;
  }

  .space-95-lg {
    padding: 95px !important;
  }

  .space-100-lg {
    padding: 100px !important;
  }
}
.w-5-px {
  width: 5px !important;
}

.w-10-px {
  width: 10px !important;
}

.w-15-px {
  width: 15px !important;
}

.w-20-px {
  width: 20px !important;
}

.w-25-px {
  width: 25px !important;
}

.w-30-px {
  width: 30px !important;
}

.w-35-px {
  width: 35px !important;
}

.w-40-px {
  width: 40px !important;
}

.w-45-px {
  width: 45px !important;
}

.w-50-px {
  width: 50px !important;
}

.w-55-px {
  width: 55px !important;
}

.w-60-px {
  width: 60px !important;
}

.w-65-px {
  width: 65px !important;
}

.w-70-px {
  width: 70px !important;
}

.w-75-px {
  width: 75px !important;
}

.w-80-px {
  width: 80px !important;
}

.w-85-px {
  width: 85px !important;
}

.w-90-px {
  width: 90px !important;
}

.w-95-px {
  width: 95px !important;
}

.w-100-px {
  width: 100px !important;
}

.w-5-pc {
  width: 5% !important;
}

.w-10-pc {
  width: 10% !important;
}

.w-15-pc {
  width: 15% !important;
}

.w-20-pc {
  width: 20% !important;
}

.w-25-pc {
  width: 25% !important;
}

.w-30-pc {
  width: 30% !important;
}

.w-35-pc {
  width: 35% !important;
}

.w-40-pc {
  width: 40% !important;
}

.w-45-pc {
  width: 45% !important;
}

.w-50-pc {
  width: 50% !important;
}

.w-55-pc {
  width: 55% !important;
}

.w-60-pc {
  width: 60% !important;
}

.w-65-pc {
  width: 65% !important;
}

.w-70-pc {
  width: 70% !important;
}

.w-75-pc {
  width: 75% !important;
}

.w-80-pc {
  width: 80% !important;
}

.w-85-pc {
  width: 85% !important;
}

.w-90-pc {
  width: 90% !important;
}

.w-95-pc {
  width: 95% !important;
}

.w-100-pc {
  width: 100% !important;
}

.f-z-xs {
  font-size: 0.75rem !important;
}

.f-z-s {
  font-size: 0.875rem !important;
}

.f-z-base {
  font-size: 1rem !important;
}

.f-z-m {
  font-size: 1.125rem !important;
}

.f-z-l {
  font-size: 1.375rem !important;
}

.f-z-xl {
  font-size: 1.5rem !important;
}

.f-z-xxl {
  font-size: 1.625rem !important;
}

.f-z-xxxl {
  font-size: 1.75rem !important;
}

.f-z-xxxxl {
  font-size: 2.25rem !important;
}

.text-align-c {
  text-align: center !important;
}

.text-align-l {
  text-align: left !important;
}

.text-align-r {
  text-align: right !important;
}

.border-r-20 {
  border-radius: 20px;
}

.f-w-bold {
  font-weight: bold;
}

.boxShadow {
  border-radius: 20px;
  border: 1px solid #e8e8e8;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.arrow {
  position: relative;
}
.arrow::before {
  position: absolute;
  content: '';
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
}

.arrow--right::before {
  border-right: 3px solid #3b3b3b;
  border-top: 3px solid #3b3b3b;
  transform: rotate(45deg);
}

.arrow--left::before {
  border-left: 3px solid #3b3b3b;
  border-top: 3px solid #3b3b3b;
  transform: rotate(-45deg);
}

.title {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
}
.title--line {
  position: relative;
  padding-top: 0.8em;
}
.title--line::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 4em;
  height: 6px;
  margin-left: -2em;
}
.title--line--g::before {
  background-color: #c3c3c3;
}
.title--line--p::before {
  background-color: #6a00db;
}
.title--light {
  color: #c3c3c3;
}
.title--dark {
  color: #1e1e1e;
}
.title--l {
  font-size: 2.25rem;
}

.video__wrap {
  position: relative;
  margin-bottom: 15px;
}
.video__wrap::before {
  display: block;
  content: '';
  padding-top: 56%;
}
.video__wrap video, .video__wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__wrap--arc {
  border-radius: 15px;
  overflow: hidden;
}
.video__tag {
  font-size: 0.875rem;
  margin-bottom: 5px;
}
.video__tit {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  color: #6a00db;
}
.video__tit a {
  color: #6a00db;
}
.video__tit--l {
  font-size: 1.375rem;
  font-weight: bold;
}
.video__txt {
  font-size: 0.875rem;
}

@media (hover: hover) {
  .video__tit a:hover {
    text-decoration: underline;
  }
}
.articleItem {
  position: relative;
  align-items: flex-start;
}
.articleItem__img {
  position: relative;
  overflow: hidden;
  width: 90px;
}
.articleItem__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover;
}
.articleItem__img::before {
  display: block;
  content: '';
}
.articleItem__img--rectangle::before {
  padding-top: 70%;
}
.articleItem__img--square::before {
  padding-top: 100%;
}
.articleItem__cont {
  flex: 1 0 0;
  padding-left: 15px;
}
.articleItem__tit {
  margin-bottom: 15px;
  font-size: 1.125rem;
  font-weight: bold;
  height: 2.5em;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.articleItem__txt {
  font-size: 0.875rem;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: #818181;
  line-height: 1.5;
}
.articleItem__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .articleItem:hover .articleItem__tit {
    text-decoration: underline;
  }
}
@media (min-width: 768px) {
  .articleItem__img {
    width: 120px;
  }

  .articleItem__cont {
    padding-left: 20px;
  }
}
.podcast {
  position: relative;
}
.podcast__img {
  width: 70px;
}
.podcast__cont {
  flex: 1 0 0;
  padding-left: 1rem;
}
.podcast__cont p {
  margin-top: 1rem;
  font-size: 0.75rem;
}
.podcast__tit {
  font-size: 1.125rem;
  color: #333333;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.podcast__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .podcast:hover .podcast__tit {
    text-decoration: underline;
  }
}
.card {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.shop {
  position: relative;
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
  height: auto;
  z-index: 0;
}
.shop__inner {
  position: relative;
  border-radius: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 100%;
  background-color: #fff;
}
.shop__img {
  position: relative;
  overflow: hidden;
}
.shop__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover;
}
.shop__img::before {
  display: block;
  content: '';
  padding-top: 62%;
}
.shop__info {
  display: flex;
  margin-bottom: 15px;
}
.shop__tit {
  flex: 1 0 0;
  font-family: "Noto Serif TC", serif;
  font-size: 1.375rem;
}
.shop__category {
  width: 5em;
  color: #6a00db;
  text-align: right;
}
.shop__body {
  padding: 20px;
}
.shop__add {
  margin-bottom: 5px;
  color: #818181;
}
.shop__rating {
  margin-bottom: 5px;
}
.shop__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .shop:hover .shop__tit {
    text-decoration: underline;
  }
}
.articleCard {
  position: relative;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  height: auto;
  z-index: 0;
}
.articleCard__inner {
  position: relative;
  padding: 20px 20px 30px 20px;
  border-radius: 20px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  height: 100%;
  background-color: #fff;
}
.articleCard__img {
  position: relative;
  overflow: hidden;
}
.articleCard__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover;
}
.articleCard__img::before {
  display: block;
  content: '';
  padding-top: 54%;
}
.articleCard__date {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 0.875rem;
}
.articleCard__tit {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: bold;
}
.articleCard__txt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: #818181;
}
.articleCard__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .articleCard:hover .articleCard__tit {
    text-decoration: underline;
  }
}
.iconBtn {
  position: relative;
  padding: 0.5em;
  background: linear-gradient(to bottom, #6a00da 0%, #8f6bed 80%, #b5aaeb 100%);
  background-position: center bottom;
  border-radius: 15px;
  font-size: 1.2rem;
  text-align: center;
  transition: 3s;
  font-size: 0.875rem;
}
.iconBtn__icon {
  position: relative;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.iconBtn__icon::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: calc(100% * 3);
  height: 100%;
  background-image: url(https://s.yimg.com/bf/tw/ysm/soeasy/v3/image/iconBtn-icon-sprites.png);
  background-size: cover;
}
.iconBtn__tit h3 {
  color: #fff;
}
.iconBtn__tit p {
  font-size: 0.5rem;
  color: #fff;
  text-transform: uppercase;
}
.iconBtn__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iconBtn__icon--1::before {
  transform: translateX(0%);
}

.iconBtn__icon--2::before {
  transform: translateX(-33.333333%);
}

.iconBtn__icon--3::before {
  transform: translateX(-66.666666%);
}

@media (min-width: 768px) {
  .iconBtn {
    padding: 0.5em 1em;
    font-size: 1.75rem;
  }

  .iconBtn__tit h3 {
    letter-spacing: 0.15em;
  }
  .iconBtn__tit p {
    font-size: 0.75rem;
  }
}
@media (min-width: 1024px) {
  .iconBtn__tit {
    flex: 1 0 0;
    padding-left: 0.2em;
  }
}
@media (hover: hover) {
  .iconBtn:hover {
    background-size: 100% 200%;
  }
}
.category {
  position: relative;
  padding: 20px;
}
.category__icon {
  position: relative;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.category__icon::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: calc(100% * 8);
  height: 100%;
  background-image: url(https://s.yimg.com/bf/tw/ysm/soeasy/v3/image/category-icon-sprites.png);
  background-size: cover;
}
.category__tit {
  margin-bottom: 0.8em;
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
}
.category__txt {
  font-size: 0.875rem;
  color: #818181;
}
.category__txt a {
  color: #818181;
  transition: 0.3s;
}
.category__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .category__txt a:hover {
    color: #6a00db;
  }
}
.category__icon--1::before {
  transform: translateX(0%);
}

.category__icon--2::before {
  transform: translateX(-12.5%);
}

.category__icon--3::before {
  transform: translateX(-25%);
}

.category__icon--4::before {
  transform: translateX(-37.5%);
}

.category__icon--5::before {
  transform: translateX(-50%);
}

.category__icon--6::before {
  transform: translateX(-62.5%);
}

.category__icon--7::before {
  transform: translateX(-75%);
}

.category__icon--8::before {
  transform: translateX(-87.5%);
}

.ad {
  margin: 0 auto;
  max-width: 560px;
}

@media (min-width: 1024px) {
  .ad {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.rating * {
  display: inline-block;
}
.rating__star {
  position: relative;
  z-index: 0;
  width: 100px;
  height: 15px;
  background-color: #e6e6e6;
}
.rating__star::before, .rating__star::after {
  position: absolute;
  content: '';
  height: 100%;
}
.rating__star::before {
  background-color: #f4cc25;
  z-index: 1;
}
.rating__star::after {
  width: 100%;
  background-image: url(https://s.yimg.com/bf/tw/ysm/soeasy/v3/image/images/stars.svg);
  background-size: cover;
  z-index: 2;
}
.rating__score {
  margin-left: 0.5em;
  color: #6a00db;
}

[data-score="1"]::before, [data-score="1.1"]::before, [data-score="1.2"]::before, [data-score="1.3"]::before, [data-score="1.4"]::before {
  width: 20%;
}

[data-score="1.5"]::before, [data-score="1.6"]::before, [data-score="1.7"]::before, [data-score="1.8"]::before, [data-score="1.9"]::before {
  width: 30%;
}

[data-score="2"]::before, [data-score="2.1"]::before, [data-score="2.2"]::before, [data-score="2.3"]::before, [data-score="2.4"]::before {
  width: 40%;
}

[data-score="2.5"]::before, [data-score="2.6"]::before, [data-score="2.7"]::before, [data-score="2.8"]::before, [data-score="2.9"]::before {
  width: 50%;
}

[data-score="3"]::before, [data-score="3.1"]::before, [data-score="3.2"]::before, [data-score="3.3"]::before, [data-score="3.4"]::before {
  width: 60%;
}

[data-score="3.5"]::before, [data-score="3.6"]::before, [data-score="3.7"]::before, [data-score="3.8"]::before, [data-score="3.9"]::before {
  width: 70%;
}

[data-score="4"]::before, [data-score="4.1"]::before, [data-score="4.2"]::before, [data-score="4.3"]::before, [data-score="4.4"]::before {
  width: 80%;
}

[data-score="4.5"]::before, [data-score="4.6"]::before, [data-score="4.7"]::before, [data-score="4.8"]::before, [data-score="4.9"]::before {
  width: 90%;
}

[data-score="5"]::before {
  width: 100%;
}

.badgeList {
  font-size: 0;
  margin: 0 -4px;
}

.badge {
  margin: 5px 2px 0 2px;
  padding: 0.3em 0.5em;
  display: inline-block;
  font-size: 0.875rem;
  background-color: #6a00db;
  color: #fff;
  border-radius: 6px;
}
.badge__icon {
  position: relative;
  display: inline-block;
  margin-right: 0.1em;
  width: 1.2em;
  height: 1.2em;
  overflow: hidden;
  vertical-align: middle;
}

.shopSwiper__btn {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.shopSwiper__btn .arrow {
  position: absolute;
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
}
.shopSwiper__btn .arrow::before {
  border-width: 2px;
}

.shopSwiper__btn--left {
  transform: translatex(10%);
}

.shopSwiper__btn--right {
  transform: translatex(-10%);
}

@media (min-width: 1024px) {
  .shopSwiper__btn {
    width: 60px;
    height: 60px;
  }
}
.shopListSwiper__btn {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.shopListSwiper__btn .arrow {
  position: absolute;
  width: 40%;
  height: 40%;
  top: 30%;
  left: 30%;
}
.shopListSwiper__btn .arrow::before {
  border-width: 2px;
}

.shopListSwiper__btn--left {
  transform: translatex(10%);
}

.shopListSwiper__btn--right {
  transform: translatex(-10%);
}

@media (min-width: 1024px) {
  .shopListSwiper__btn {
    width: 60px;
    height: 60px;
  }
}
.result {
  padding-bottom: 40px;
}
.result__img {
  position: relative;
  overflow: hidden;
}
.result__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover;
}
.result__img::before {
  display: block;
  content: '';
  padding-top: 75%;
}
.result__img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.result__tit {
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: bold;
}
.result__tit a {
  color: #1e1e1e;
}
.result__add, .result__tel {
  font-size: 1.125rem;
}
.result__web {
  color: #6a00db;
  word-break: break-all;
}
.result__txt {
  margin-top: 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: #818181;
}

.result + .result {
  border-top: 1px solid #e8e8e8;
  padding-top: 40px;
}

@media (hover: hover) {
  .result__tit:hover a {
    text-decoration: underline;
  }
}
@media (min-width: 1024px) {
  .result {
    align-items: flex-start;
  }
  .result__header {
    display: flex;
    justify-content: space-between;
  }
  .result__tit {
    flex: 1 0 0;
    padding-right: 1em;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .result__cont {
    padding-left: 30px;
  }
  .result__txt {
    margin-top: 30px;
    -webkit-line-clamp: 2;
  }
}
.shopList {
  padding-bottom: 40px;
}
.shopList__img {
  position: relative;
  overflow: hidden;
}
.shopList__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover;
}
.shopList__img::before {
  display: block;
  content: '';
  padding-top: 75%;
}
.shopList__img a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shopList__tit {
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: bold;
}
.shopList__tit a {
  color: #1e1e1e;
}
.shopList__add, .shopList__tel {
  font-size: 1.125rem;
}
.shopList__web {
  color: #6a00db;
  word-break: break-all;
}
.shopList__txt {
  margin-top: 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: #818181;
}
.shopList__txt2 {
  margin-top: 10px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  color: #1e1e1e;
  font-size: 1.125rem;
  font-weight:bold;
}
.shopList .badgeList {
  margin-top: 10px;
}

.shopList + .shopList {
  border-top: 1px solid #e8e8e8;
  padding-top: 40px;
}

@media (hover: hover) {
  .shopList__tit:hover a {
    text-decoration: underline;
  }
}
@media (min-width: 1024px) {
  .shopList {
    align-items: flex-start;
  }
  .shopList__header {
    display: flex;
    justify-content: space-between;
  }
  .shopList__tit {
    flex: 1 0 0;
    padding-right: 1em;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .shopList__cont {
    padding-left: 30px;
  }
  .shopList__txt {
    margin-top: 30px;
    -webkit-line-clamp: 2;
  }
}
.relatedShop {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  align-items: flex-start;
}
.relatedShop__img {
  position: relative;
  overflow: hidden;
  width: 90px;
}
.relatedShop__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-object-fit: cover;
  object-fit: cover;
}
.relatedShop__img::before {
  display: block;
  content: '';
  padding-top: 81%;
}
.relatedShop__cont {
  flex: 1 0 0;
  padding-left: 15px;
}
.relatedShop__tit {
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-weight: bold;
}
.relatedShop__txt {
  margin-top: 5px;
  font-size: 0.875rem;
}
.relatedShop .badgeList {
  margin-top: 20px;
  width: 100%;
}
.relatedShop__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.relatedShop + .relatedShop {
  border-top: 1px solid #e8e8e8;
}

@media (min-width: 1024px) {
  .relatedShop {
    padding-top: 0;
    padding-bottom: 0;
  }
  .relatedShop__img {
    width: 120px;
  }
  .relatedShop__cont {
    padding-left: 20px;
  }

  .relatedShop + .relatedShop {
    border-top: none;
  }
}
@media (hover: hover) {
  .relatedShop:hover .relatedShop__tit {
    text-decoration: underline;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

html {
  font-size: 16px;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "STHeitiTC-light", STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
  line-height: 1.7;
  background-color: #fff;
  color: #4a4a4a;
}

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

svg {
  width: 100%;
}

a, button {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}

button {
  font-family: inherit;
  background-color: transparent;
  border: none;
}

h1, h2, h3, h4 {
  line-height: 1.3;
  color: #1e1e1e;
}

input[type="tel"],
input[type="text"],
input[type="email"],
select {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  color: #4c4c4c;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: #fff 5000s ease-in-out 0s;
  -webkit-text-fill-color: #c3c3c3;
  background-color: transparent !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
  background-color: #fff !important;
}

input:focus,
select:focus {
  background-color: #fff;
  outline: none;
}

input::placeholder {
  color: #c3c3c3;
}

.container {
  padding-left: 20px;
  padding-right: 20px;
}

.header {
  position: fixed;
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.header .container {
  position: relative;
  width: 100%;
  font-size: 1.375rem;
}

.backBtn {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  z-index: 9;
}
.backBtn .arrow {
  width: 100%;
  height: 100%;
}
.backBtn .arrow::before {
  border-color: #3c018e;
}

.navBtn {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  z-index: 9;
}

.navBtn__bar {
  position: absolute;
  top: 50%;
  left: 10%;
  margin-top: -2px;
  width: 80%;
  height: 4px;
  background-color: #6a00db;
}

.navBtn__bar:nth-child(2) {
  transform: translateY(-280%);
}

.navBtn__bar:nth-child(3) {
  transform: translateY(280%);
}

.navClose {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
}
.navClose::before, .navClose::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #6a00db;
  left: 0;
  top: 50%;
  margin-top: -1.5px;
}
.navClose::before {
  transform: rotate(45deg);
}
.navClose::after {
  transform: rotate(-45deg);
}

.logo {
  position: absolute;
  top: 50%;
  left: 20px;
  padding-right: 0.5em;
  transform: translateY(-55%);
  width: calc((100% - 8em)/2);
}

.pageTit {
  text-align: center;
  padding: 0 0.5em;
  font-weight: bold;
}

.header .cta-publish {
  padding: 0.5em 1em;
  font-size: 1.125rem;
}

.header .cta-publish__mainTxt {
  letter-spacing: 0;
}

.nav {
  position: fixed;
  width: 70%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 999;
  background-color: #fff;
  padding-top: 80px;
  transform: translateX(100%);
  transition: .3s;
  text-align: center;
}

.nav.js-active {
  transform: translateX(0);
}

.menu {
  margin-top: 20px;
  font-size: 0;
}
.menu__item {
  position: relative;
  font-size: 1.125rem;
}
.menu__item::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #6a00db;
  opacity: 0;
}
.menu a {
  display: inline-block;
  width: 100%;
  padding: 1em;
  color: #565656;
  font-weight: bold;
}

@media (hover: hover) {
  .menu__item:hover a {
    color: #6a00db;
  }
}
.anti-fraud {
  background-color: #9a4bef;
  color: #fff;
}
.anti-fraud a {
  padding: 0.5em 0.5em;
}

.anti-fraud-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.cta-publish {
  padding: 0.5em 0.7em;
  border: 3px solid #6a00db;
  border-radius: 10px;
  color: #3b3b3b;
  background-color: #fff;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #e0e2e3 100%);
  background-position: center bottom;
  font-size: 1.5rem;
  font-weight: bold;
  transition: 3s;
}

.cta-publish__icon {
  position: relative;
  top: 3px;
  margin-right: 5px;
  width: 1.2em;
}

.cta-publish__mainTxt {
  letter-spacing: 0.1em;
}

.cta-publish__subTxt {
  margin-left: 10px;
  line-height: 1;
  font-size: 0.75rem;
}

@media (hover: hover) {
  .cta-publish:hover {
    background-size: 100% 200%;
  }
}
.search__group {
  display: flex;
  align-items: center;
  height: 55px;
  background-color: #fff;
  border: 1px solid #eeeeee;
}
.search__group > div {
  height: 55px;
  line-height: 55px;
  color: #3b3b3b;
  font-size: 1rem;
}
.search__group > div + div {
  border-left: 1px solid #eeeeee;
}
.search__group + .search__group {
  margin-top: 10px;
}
.search__city {
  flex: 1 0 0;
}
.search__district {
  flex: 1 0 0;
}
.search__area, .search__city, .search__district {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.search input, .search select {
  height: 100%;
}
.search select {
  font-weight: bold;
}
.search__area, .search input, .search select {
  padding: 0 0.8em;
}
.search__area__icon {
  position: relative;
  top: 3px;
  width: 1.2em;
  margin-right: 0.2em;
}
.search__keywords {
  flex: 1 0 0;
  font-size: 1rem;
}
.search__btn {
  position: relative;
  width: 55px;
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #6a00db;
}
.search__btn svg {
  width: 45%;
}

.search__district, .search__city {
  position: relative;
}

.search select {
  padding-right: 2em;
}

.search__district .arrow, .search__city .arrow {
  position: absolute;
  top: 50%;
  right: 0.8em;
  width: 1em;
  height: 1em;
  margin-top: -0.4em;
}

.wrapper {
  margin-top: 90px;
}

.footer {
  padding: 30px 0;
  text-align: center;
  background-color: #fff;
}

.footer .anti-fraud {
  display: inline-block;
}

.links {
  padding: 1.5rem 0;
  font-size: 0;
}

.links li {
  display: inline-block;
}
.links li a {
  padding: 0 1rem;
  font-size: 1rem;
  color: #5e5e5e;
}
.links li + li {
  border-left: 1px solid #5e5e5e;
}

@media (hover: hover) {
  .links a:hover {
    text-decoration: underline;
  }
}
.copyright {
  color: #818181;
}

.swiper-pagination-clickable {
  margin-top: 10px;
  text-align: center;
}

.swiper-pagination-bullet-active {
  background-color: #6a00db;
}

.swiper-grid-column > .swiper-wrapper {
  flex-direction: row;
}

.swiper-button-disabled .arrow {
  opacity: 0.3;
}

.shopSwiper {
  position: relative;
  margin: 0 -10px;
}

.adWrap {
  max-width: 560px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .links li a {
    font-size: 1.125rem;
  }
}
@media (min-width: 1024px) {
  .header .container {
    display: flex;
    align-items: center;
  }

  .logo {
    padding-right: 0;
    flex: 1 0 0;
  }

  .nav {
    position: static;
    display: block;
    padding: 0 1em;
    width: auto;
    height: auto;
    text-align: right;
    background-color: transparent;
    transform: translateX(0);
  }

  .logo, .header .cta-publish {
    position: static;
    transform: translateY(0);
    width: auto;
  }

  .header .cta-publish {
    max-width: auto;
  }

  .anti-fraud {
    font-size: 0.875rem;
  }

  .menu {
    margin-top: 0;
  }

  .menu__item {
    font-size: 1rem;
    display: inline-block;
  }

  .menu__item a {
    padding: 0 0.8em;
    line-height: 90px;
  }

  .menu__item.active::after {
    opacity: 1;
  }

  .menu__item.active a {
    color: #6a00db;
  }

  .cta-publish {
    margin-left: 30px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 55px;
  }

  .search {
    flex: 1 0 0;
    display: flex;
    align-items: center;
  }
  .search__group {
    border: none;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
  }
  .search__group > div {
    border-left: 1px solid #eeeeee;
  }

  .search__group:nth-child(1) {
    width: auto;
  }

  .search__group:nth-child(2) {
    flex: 1 0 0;
  }

  .search__city, .search__district {
    width: auto;
  }

  .search__district {
    flex: auto 0 0;
  }

  .search__group + .search__group {
    margin-top: 0;
  }

  .footer {
    padding-top: 0;
    padding-bottom: 0;
  }

  .copyright {
    padding: 1rem 0;
    border-top: 1px solid #e8e8e8;
  }

  .adWrap {
    max-width: 1140px;
  }
}
@media (min-width: 1180px) {
  .anti-fraud {
    font-size: 1rem;
  }

  .menu__item {
    font-size: 1.125rem;
  }

  .menu__item a {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (min-width: 1024px) {
  .search__group > div {
    font-size: 1.125rem;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .container:after {
    content: " ";
    display: block;
    clear: both;
  }

  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .search__area, .search input, .search select {
    padding-left: 1em;
    padding-right: 1em;
  }

  .search select {
    padding-left: 1em;
    padding-right: 2em;
  }
}
@media (max-width: 375px) {
  .header .container {
    font-size: 1.4rem;
  }
}