@charset "UTF-8";.base-modal-component[data-v-654bdcc0] {
  position: relative;
  margin: 0 auto;
  background: #fff;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  max-height: calc(100vh - 3.5rem);
  overflow-y: auto;
  --v-modal--title-font-size: 20px;
}
.base-modal-component.fullscreen[data-v-654bdcc0] {
  width: 100vw;
  height: 100vh;
  max-height: none;
  border-radius: 0;
  box-shadow: none;
}
.base-modal-component .v-form[data-v-654bdcc0] {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modal-header[data-v-654bdcc0] {
  display: flex;
  align-items: center;
  text-align: center;
  position: sticky;
  background: #fff;
  top: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  transition: box-shadow 100ms ease;
  z-index: 10;
}
.modal-header.on-top[data-v-654bdcc0] {
  box-shadow: none;
}
.modal-header .modal-title[data-v-654bdcc0] {
  flex: 1;
}
.modal-header .modal-title .txt-title[data-v-654bdcc0] {
  font-size: var(--v-modal--title-font-size);
  color: #1e2194;
  padding: 30px 50px 0;
  font-weight: 500;
}
.modal-header .btn-close[data-v-654bdcc0] {
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 5px;
  z-index: 10;
}
.modal-header .btn-close[data-v-654bdcc0]:hover {
  background: #f8f9fa;
}
.modal-header .btn-close:hover img[data-v-654bdcc0] {
  opacity: 0.8;
}
.modal-header .btn-close img[data-v-654bdcc0] {
  display: block;
  width: 16px;
  opacity: 0.5;
}
.modal-body[data-v-654bdcc0] {
  flex: 1;
  height: 0;
  padding: var(--v-modal-padding);
}
.buttons[data-v-654bdcc0] {
  position: sticky;
  bottom: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 20px;
  box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.16);
  transition: box-shadow 100ms ease;
}
.buttons.on-bottom[data-v-654bdcc0] {
  box-shadow: none;
}
.buttons .v-btn[data-v-654bdcc0] {
  border-radius: 10px;
}[data-v-30431d15]:root {
  --c-breakpoint-xs: 375px;
  --c-breakpoint-sm: 768px;
  --c-breakpoint-md: 960px;
  --c-breakpoint-lg: 1366px;
  --c-breakpoint-xl: 1920px;
}
.popup-alert-component[data-v-30431d15] {
  padding: 5px 20px 43px;
}
.popup-alert-component.with-buttons[data-v-30431d15] {
  padding-bottom: 20px;
}
.popup-alert-component[data-v-30431d15] .v-icon {
  position: static;
}
.popup-alert-component .img[data-v-30431d15] {
  margin-bottom: 10px;
  height: 40px;
  text-align: center;
}
.popup-alert-component .alert-title[data-v-30431d15] {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  color: #1e2194;
  text-align: center;
  padding-bottom: 20px;
}
.popup-alert-component .message[data-v-30431d15] {
  white-space: pre-line;
  word-break: break-word;
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (max-width: 374px) {
.popup-alert-component .message[data-v-30431d15] {
    font-size: 12px;
}
}
.icon-panel[data-v-30431d15] {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}.svg-icon[data-v-b17980e3] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
/**
 * Roboto local
 * >> font-family: 'Roboto', 'local-Roboto', 'sans-serif'
 * - SF UI
 * - ArialRoundedMTBold
 * - 其他預設字體
 */
@font-face {
  font-family: "local-Roboto";
  font-weight: normal;
  font-display: swap;
  src: url("/assets/4.6.1/Roboto-Regular.f0lhpOnz.ttf");
}
@font-face {
  font-family: "local-Roboto";
  font-weight: 500;
  font-display: swap;
  src: url("/assets/4.6.1/Roboto-Medium.DPwG85_g.ttf");
}
@font-face {
  font-family: "local-Roboto";
  font-weight: bold;
  font-display: swap;
  src: url("/assets/4.6.1/Roboto-Bold.D-aAu_L5.ttf");
}
/**
 * Open Sans local
 * >> font-family: 'Open Sans', 'local-Open Sans', 'sans-serif'
 * - HelveticaNeue
 */
@font-face {
  font-family: "local-Open Sans";
  font-weight: normal;
  font-display: swap;
  src: url("/assets/4.6.1/OpenSans-Regular.C58Z07Fu.ttf");
}
@font-face {
  font-family: "local-Open Sans";
  font-weight: 600;
  font-display: swap;
  src: url("/assets/4.6.1/OpenSans-SemiBold.Dax9uKCl.ttf");
}
@font-face {
  font-family: "local-Open Sans";
  font-weight: bold;
  font-display: swap;
  src: url("/assets/4.6.1/OpenSans-Bold.CwuBacfM.ttf");
}
/**
 * PT sans local
 * >> font-family: 'PT Sans', 'local-PT Sans', 'sans-serif'
 * - PTSans
 */
@font-face {
  font-family: "local-PT Sans";
  font-weight: normal;
  src: url("/assets/4.6.1/PTSans-Regular.CNJ_Sm49.ttf");
}
@font-face {
  font-family: "local-PT Sans";
  font-weight: bold;
  src: url("/assets/4.6.1/PTSans-Regular.CNJ_Sm49.ttf");
}
.ff-roboto[data-v-c57924eb],
.ff-sfui[data-v-c57924eb] {
  font-family: "Roboto", "local-Roboto", "sans-serif";
}
.ff-roboto.medium[data-v-c57924eb],
.ff-sfui.medium[data-v-c57924eb] {
  font-weight: 500;
}
.ff-roboto.bold[data-v-c57924eb],
.ff-sfui.bold[data-v-c57924eb] {
  font-weight: bold;
}
.ff-op-sans[data-v-c57924eb],
.ff-helv[data-v-c57924eb] {
  font-family: "Open Sans", "local-Open Sans", "sans-serif";
}
.ff-op-sans.medium[data-v-c57924eb],
.ff-helv.medium[data-v-c57924eb] {
  font-weight: 600;
}
.ff-op-sans.bold[data-v-c57924eb],
.ff-helv.bold[data-v-c57924eb] {
  font-weight: bold;
}
.ff-pt-sans[data-v-c57924eb] {
  font-family: "PT Sans", "local-PT Sans", "sans-serif";
}
.ff-pt-sans.medium[data-v-c57924eb] {
  font-weight: 500;
}
.ff-pt-sans.bold[data-v-c57924eb] {
  font-weight: bold;
}
.icon-title[data-v-c57924eb] {
  padding-top: 20px;
  text-align: center;
}
.txt-title[data-v-c57924eb] {
  text-align: center;
  padding: 25px 20px 20px 20px;
  font-family: "Roboto", "local-Roboto", "sans-serif";
  font-size: 20px;
  color: #1e2194;
  font-weight: 500;
}
.txt-title.with-icon[data-v-c57924eb] {
  padding: 10px 0 0 0;
  font-family: "Roboto", "local-Roboto", "sans-serif";
  font-size: 16px;
  color: #1a1a1a;
  font-weight: 500;
}
.txt-message[data-v-c57924eb] {
  padding: 20px 40px 20px;
  text-align: center;
  white-space: pre-wrap;
  font-family: "Roboto", "local-Roboto", "sans-serif";
  font-size: 16px;
  color: #1a1a1a;
  font-weight: 500;
}
.txt-message.with-icon[data-v-c57924eb] {
  padding: 10px 0;
  font-family: "Roboto", "local-Roboto", "sans-serif";
  font-size: 16px;
  color: #1a1a1a;
  font-weight: normal;
}[data-v-ca2b2969]:root {
  --c-breakpoint-xs: 375px;
  --c-breakpoint-sm: 768px;
  --c-breakpoint-md: 960px;
  --c-breakpoint-lg: 1366px;
  --c-breakpoint-xl: 1920px;
}
.popup-wrong-component[data-v-ca2b2969] {
  padding: 1rem 1.5rem;
}
.icon-panel[data-v-ca2b2969] {
  display: flex;
  justify-content: center;
}
.message[data-v-ca2b2969] {
  margin-top: 20px;
  white-space: pre-line;
  word-break: break-word;
  font-size: 1.125rem;
  font-weight: 500;
  color: #333;
}
@media only screen and (max-width: 374px) {
.message[data-v-ca2b2969] {
    font-size: 12px;
}
}
.try-again[data-v-ca2b2969] {
  font-size: 0.85rem;
  font-style: italic;
  color: #666;
  padding: 1rem 0;
}
@media only screen and (max-width: 374px) {
.try-again[data-v-ca2b2969] {
    font-size: 12px;
}
}.snackbar-item[data-v-d137854f] {
  cursor: pointer;
  opacity: 0.85;
}
.snackbar-item .progress[data-v-d137854f] {
  position: absolute;
  content: " ";
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: currentColor;
  opacity: 0.5;
  animation-name: snackbar-progress-d137854f;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.snackbar-item:hover .progress[data-v-d137854f] {
  animation-play-state: paused;
}
@keyframes snackbar-progress-d137854f {
from {
    width: 0%;
}
to {
    width: 100%;
}
}
html {
  overflow-y: auto;
}

a.v-btn,
button.v-btn {
  text-transform: none;
}
a.v-btn:not(.v-tab),
button.v-btn:not(.v-tab) {
  letter-spacing: normal;
}
a.v-btn.v-btn--icon,
button.v-btn.v-btn--icon {
  padding: 0;
}
a.v-btn.v-btn--icon[disabled],
button.v-btn.v-btn--icon[disabled] {
  opacity: 0.5;
  pointer-events: all;
  cursor: not-allowed !important;
}
a.v-btn.v-btn--icon .v-btn__content,
button.v-btn.v-btn--icon .v-btn__content {
  display: flex;
  align-items: center;
}
a.v-btn.v-btn--icon img,
button.v-btn.v-btn--icon img {
  max-width: 100%;
  max-height: 100%;
}
a.v-btn .v-btn__content,
button.v-btn .v-btn__content {
  font-weight: inherit;
  font-family: inherit;
  font-size: inherit;
}
a.v-btn.theme--dark.v-btn--disabled .v-btn__content,
button.v-btn.theme--dark.v-btn--disabled .v-btn__content {
  color: rgba(0, 0, 0, 0.26) !important;
}
a.v-btn .material-symbols-outlined,
button.v-btn .material-symbols-outlined {
  display: block;
}
a.v-btn.v-btn--variant-plain,
button.v-btn.v-btn--variant-plain {
  opacity: 1;
}

.select-exhibit {
  white-space: normal;
  overflow-wrap: break-word;
  max-width: 460px;
}

.v-input {
  --v-input-focused-color: rgb(var(--v-theme-primary));
}
.v-input .v-field.v-field--focused .v-field__outline {
  color: var(--v-input-focused-color);
}
.v-input .v-field .v-field__input::placeholder {
  opacity: 1;
}

.tinymce-editor .tox-toolbar__group[role=toolbar] button[title=Fonts] {
  width: 100px;
}
.tinymce-editor .tox-toolbar__group[role=toolbar] button[title="Font sizes"] {
  width: 80px;
}

/**
 * Roboto local
 * >> font-family: 'Roboto', 'local-Roboto', 'sans-serif'
 * - SF UI
 * - ArialRoundedMTBold
 * - 其他預設字體
 */
@font-face {
  font-family: "local-Roboto";
  font-weight: normal;
  font-display: swap;
  src: url("/assets/4.6.1/Roboto-Regular.f0lhpOnz.ttf");
}
@font-face {
  font-family: "local-Roboto";
  font-weight: 500;
  font-display: swap;
  src: url("/assets/4.6.1/Roboto-Medium.DPwG85_g.ttf");
}
@font-face {
  font-family: "local-Roboto";
  font-weight: bold;
  font-display: swap;
  src: url("/assets/4.6.1/Roboto-Bold.D-aAu_L5.ttf");
}
/**
 * Open Sans local
 * >> font-family: 'Open Sans', 'local-Open Sans', 'sans-serif'
 * - HelveticaNeue
 */
@font-face {
  font-family: "local-Open Sans";
  font-weight: normal;
  font-display: swap;
  src: url("/assets/4.6.1/OpenSans-Regular.C58Z07Fu.ttf");
}
@font-face {
  font-family: "local-Open Sans";
  font-weight: 600;
  font-display: swap;
  src: url("/assets/4.6.1/OpenSans-SemiBold.Dax9uKCl.ttf");
}
@font-face {
  font-family: "local-Open Sans";
  font-weight: bold;
  font-display: swap;
  src: url("/assets/4.6.1/OpenSans-Bold.CwuBacfM.ttf");
}
/**
 * PT sans local
 * >> font-family: 'PT Sans', 'local-PT Sans', 'sans-serif'
 * - PTSans
 */
@font-face {
  font-family: "local-PT Sans";
  font-weight: normal;
  src: url("/assets/4.6.1/PTSans-Regular.CNJ_Sm49.ttf");
}
@font-face {
  font-family: "local-PT Sans";
  font-weight: bold;
  src: url("/assets/4.6.1/PTSans-Regular.CNJ_Sm49.ttf");
}
.ff-roboto,
.ff-sfui {
  font-family: "Roboto", "local-Roboto", "sans-serif";
}
.ff-roboto.medium,
.ff-sfui.medium {
  font-weight: 500;
}
.ff-roboto.bold,
.ff-sfui.bold {
  font-weight: bold;
}

.ff-op-sans,
.ff-helv {
  font-family: "Open Sans", "local-Open Sans", "sans-serif";
}
.ff-op-sans.medium,
.ff-helv.medium {
  font-weight: 600;
}
.ff-op-sans.bold,
.ff-helv.bold {
  font-weight: bold;
}

.ff-pt-sans {
  font-family: "PT Sans", "local-PT Sans", "sans-serif";
}
.ff-pt-sans.medium {
  font-weight: 500;
}
.ff-pt-sans.bold {
  font-weight: bold;
}

:root {
  --c-breakpoint-xs: 375px;
  --c-breakpoint-sm: 768px;
  --c-breakpoint-md: 960px;
  --c-breakpoint-lg: 1366px;
  --c-breakpoint-xl: 1920px;
}

html,
body {
  height: 100vh;
  width: 100vw;
}

.c-container {
  width: 1366px;
  margin: auto;
  max-width: 100%;
}

a {
  color: rgb(var(--v-theme-primary));
}

a.c-link {
  text-decoration: none;
}
a.c-link:hover {
  text-decoration: underline;
}

.divider {
  border-bottom: rgb(var(--v-theme-secondary)) 1px solid;
  margin: 15px 0;
}

.no-select {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media only screen and (max-width: 1365px) {
  .c-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.custom-progress-loading {
  animation: progress-loading 1s infinite linear;
  display: flex;
}

@-moz-keyframes progress-loading {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes progress-loading {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes progress-loading {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes progress-loading {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.form-group {
  margin-top: 20px;
}
.form-group.invalid .form-label {
  color: #ff5252;
}
.form-group.invalid input,
.form-group.invalid select {
  border-color: #ff5252 !important;
}
.form-group .form-label {
  padding: 5px 0;
  font-size: 16px;
  font-weight: 500;
  color: #696666;
}
.form-group .invalid-error {
  color: #ff5252;
}
.form-group .form-input input,
.form-group .form-input select {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.form-group .form-input input:disabled,
.form-group .form-input select:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.form-group .form-input select {
  appearance: none;
  background: url("/images/arrow-icon.svg") no-repeat right 10px center;
  background-size: 15px;
  background-position: right 10px center;
}

.row {
  display: flex;
}
.row > .col {
  flex: 1;
}
.row > .col-auto {
  flex: 0 0 auto;
}[data-v-d1919c3c]:root {
  --c-breakpoint-xs: 375px;
  --c-breakpoint-sm: 768px;
  --c-breakpoint-md: 960px;
  --c-breakpoint-lg: 1366px;
  --c-breakpoint-xl: 1920px;
}
.session-expired-redirect-modal[data-v-d1919c3c] {
  padding: 20px 24px 24px;
  text-align: center;
}
.message[data-v-d1919c3c] {
  margin-top: 12px;
  color: #1a1a1a;
  font-size: 1rem;
  line-height: 1.5;
}
@media only screen and (max-width: 374px) {
.message[data-v-d1919c3c] {
    font-size: 0.875rem;
}
}