@charset "UTF-8";

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

body {
  margin: 0;
  font-family: Montserrat,Noto Sans TC,微軟正黑體,Microsoft JhengHei,Heiti TC,黑體,Nunito Sans,sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: none;
}

.mask-on body:before {
  display: block;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 150vh;
  background-color: rgba(0,0,0,.5);
  z-index: 999;
}

.body-lock body {
  position: fixed;
  top: 0;
  width: 100%;
  overflow: hidden;
}

[class^=component] {
  font-family: Montserrat,Noto Sans TC,微軟正黑體,Microsoft JhengHei,Heiti TC,黑體,Nunito Sans,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

  [class^=component] *, [class^=component] :after, [class^=component] :before {
    box-sizing: border-box;
  }
  [class^=component] a {
    color: #111;
    text-decoration: none;
    outline: 0;
}
@media (prefers-reduced-motion:no-preference) {
  [class^=component] :root {
    scroll-behavior: smooth;
  }
}

[class^=component] [tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

[class^=component] hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25;
}

  [class^=component] hr:not([size]) {
    height: 1px;
  }

[class^=component] p {
  margin-top: 0;
  margin-bottom: 1rem;
}

[class^=component] abbr[data-bs-original-title], [class^=component] abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

[class^=component] address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

[class^=component] ol, [class^=component] ul {
  padding-left: 2rem;
}

[class^=component] dl, [class^=component] ol, [class^=component] ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

  [class^=component] ol ol, [class^=component] ol ul, [class^=component] ul ol, [class^=component] ul ul {
    margin-bottom: 0;
  }

[class^=component] dt {
  font-weight: 700;
}

[class^=component] dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

[class^=component] blockquote {
  margin: 0 0 1rem;
}

[class^=component] b, [class^=component] strong {
  font-weight: bolder;
}

[class^=component] small {
  font-size: .875em;
}

[class^=component] mark {
  padding: .2em;
  background-color: #fcf8e3;
}

[class^=component] sub, [class^=component] sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline;
}

[class^=component] sub {
  bottom: -.25em;
}

[class^=component] sup {
  top: -.5em;
}

[class^=component] figure {
  margin: 0;
}

[class^=component] img, [class^=component] svg {
  vertical-align: middle;
}

[class^=component] table {
  caption-side: bottom;
  border-collapse: collapse;
}

[class^=component] caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #6c757d;
  text-align: left;
}

[class^=component] th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

[class^=component] tbody, [class^=component] td, [class^=component] tfoot, [class^=component] th, [class^=component] thead, [class^=component] tr {
  border: 0 solid;
  border-color: inherit;
}

[class^=component] label {
  display: inline-block;
}

[class^=component] button {
  border-radius: 0;
}

  [class^=component] button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

[class^=component] button, [class^=component] input, [class^=component] optgroup, [class^=component] select, [class^=component] textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

[class^=component] button, [class^=component] select {
  text-transform: none;
}

[class^=component] [role=button] {
  cursor: pointer;
}

[class^=component] select {
  word-wrap: normal;
}

[class^=component] [list]::-webkit-calendar-picker-indicator {
  display: none;
}

[class^=component] [type=button], [class^=component] [type=reset], [class^=component] [type=submit], [class^=component] button {
  -webkit-appearance: button;
}

  [class^=component] [type=button]:not(:disabled), [class^=component] [type=reset]:not(:disabled), [class^=component] [type=submit]:not(:disabled), [class^=component] button:not(:disabled) {
    cursor: pointer;
  }

[class^=component] ::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

[class^=component] textarea {
  resize: vertical;
}

[class^=component] fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

[class^=component] legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit;
}

@media (min-width:1200px) {
  [class^=component] legend {
    font-size: 1.5rem;
  }
}

[class^=component] legend + * {
  clear: left;
}

[class^=component] ::-webkit-datetime-edit-day-field, [class^=component] ::-webkit-datetime-edit-fields-wrapper, [class^=component] ::-webkit-datetime-edit-hour-field, [class^=component] ::-webkit-datetime-edit-minute, [class^=component] ::-webkit-datetime-edit-month-field, [class^=component] ::-webkit-datetime-edit-text, [class^=component] ::-webkit-datetime-edit-year-field {
  padding: 0;
}

[class^=component] ::-webkit-inner-spin-button {
  height: auto;
}

[class^=component] [type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

[class^=component] ::-webkit-search-decoration {
  -webkit-appearance: none;
}

[class^=component] ::-webkit-color-swatch-wrapper {
  padding: 0;
}

[class^=component] ::file-selector-button {
  font: inherit;
}

[class^=component] ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

[class^=component] output {
  display: inline-block;
}

[class^=component] iframe {
  border: 0;
}

[class^=component] summary {
  display: list-item;
  cursor: pointer;
}

[class^=component] progress {
  vertical-align: baseline;
}

[class^=component] [hidden] {
  display: none !important;
}

[class^=c-], comp {
  font-family: Montserrat,Noto Sans TC,微軟正黑體,Microsoft JhengHei,Heiti TC,黑體,Nunito Sans,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

comp {
  display: block;
}

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

@media (prefers-reduced-motion:no-preference) {
  comp :root {
    scroll-behavior: smooth;
  }
}

comp [tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

comp hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25;
}

  comp hr:not([size]) {
    height: 1px;
  }

comp p {
  margin-top: 0;
  margin-bottom: 1rem;
}

comp abbr[data-bs-original-title], comp abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

comp address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

comp ol, comp ul {
  padding-left: 2rem;
}

comp dl, comp ol, comp ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

  comp ol ol, comp ol ul, comp ul ol, comp ul ul {
    margin-bottom: 0;
  }

comp dt {
  font-weight: 700;
}

comp dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

comp blockquote {
  margin: 0 0 1rem;
}

comp b, comp strong {
  font-weight: bolder;
}

comp small {
  font-size: .875em;
}

comp mark {
  padding: .2em;
  background-color: #fcf8e3;
}

comp sub, comp sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline;
}

comp sub {
  bottom: -.25em;
}

comp sup {
  top: -.5em;
}

comp figure {
  margin: 0;
}

comp img, comp svg {
  vertical-align: middle;
}

comp table {
  caption-side: bottom;
  border-collapse: collapse;
}

comp caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #6c757d;
  text-align: left;
}

comp th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

comp tbody, comp td, comp tfoot, comp th, comp thead, comp tr {
  border: 0 solid;
  border-color: inherit;
}

comp label {
  display: inline-block;
}

comp button {
  border-radius: 0;
}

  comp button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

comp button, comp input, comp optgroup, comp select, comp textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

comp button, comp select {
  text-transform: none;
}

comp [role=button] {
  cursor: pointer;
}

comp select {
  word-wrap: normal;
}

comp [list]::-webkit-calendar-picker-indicator {
  display: none;
}

comp [type=button], comp [type=reset], comp [type=submit], comp button {
  -webkit-appearance: button;
}

  comp [type=button]:not(:disabled), comp [type=reset]:not(:disabled), comp [type=submit]:not(:disabled), comp button:not(:disabled) {
    cursor: pointer;
  }

comp ::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

comp textarea {
  resize: vertical;
}

comp fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

comp legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit;
}

@media (min-width:1200px) {
  comp legend {
    font-size: 1.5rem;
  }
}

comp legend + * {
  clear: left;
}

comp ::-webkit-datetime-edit-day-field, comp ::-webkit-datetime-edit-fields-wrapper, comp ::-webkit-datetime-edit-hour-field, comp ::-webkit-datetime-edit-minute, comp ::-webkit-datetime-edit-month-field, comp ::-webkit-datetime-edit-text, comp ::-webkit-datetime-edit-year-field {
  padding: 0;
}

comp ::-webkit-inner-spin-button {
  height: auto;
}

comp [type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

comp ::-webkit-search-decoration {
  -webkit-appearance: none;
}

comp ::-webkit-color-swatch-wrapper {
  padding: 0;
}

comp ::file-selector-button {
  font: inherit;
}

comp ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

comp output {
  display: inline-block;
}

comp iframe {
  border: 0;
}

comp summary {
  display: list-item;
  cursor: pointer;
}

comp progress {
  vertical-align: baseline;
}

comp [hidden] {
  display: none !important;
}

.c-main {
  display: block;
}

.component-breadcrumb {
  margin-top: 62px;
  transition: margin-top .3s ease-in;
}

@media (min-width:992px) {
  .component-breadcrumb {
    margin-top: 76px;
  }
}

.c-main,
.component-header + .c-main {
  margin-top: 62px;
  transition: margin-top .3s ease-in;
}

@media (min-width:992px) {
  .c-main,
  .component-header + .c-main {
    margin-top: 76px;
  }
}