@charset "UTF-8";

/* src/styles.scss */
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.25;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  white-space: nowrap;
}
img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
@font-face {
  font-family: "\672a\4f86\7192\9ed1";
  font-weight: 100;
  src: url("./media/GlowSansTC-Normal-Light-XD2UVSYO.otf") format("opentype");
}
@font-face {
  font-family: "\672a\4f86\7192\9ed1";
  font-weight: 200;
  src: url("./media/GlowSansTC-Normal-Book-AUZBXJRM.otf") format("opentype");
}
@font-face {
  font-family: "\672a\4f86\7192\9ed1";
  font-weight: normal;
  src: url("./media/GlowSansTC-Normal-Bold-YZ5U6WHG.otf") format("opentype");
}
@font-face {
  font-family: "\672a\4f86\7192\9ed1";
  font-weight: bold;
  src: url("./media/GlowSansTC-Normal-ExtraBold-Z7MHNFN3.otf") format("opentype");
}
@font-face {
  font-family: "\601d\6e90\9ed1\9ad4";
  font-weight: 100;
  src: url("./media/SourceHanSansTC-Light-4WPKKLDG.otf") format("opentype");
}
@font-face {
  font-family: "\601d\6e90\9ed1\9ad4";
  font-weight: 200;
  src: url("./media/SourceHanSansTC-Regular-6KAX6IBE.otf") format("opentype");
}
@font-face {
  font-family: "\601d\6e90\9ed1\9ad4";
  font-weight: normal;
  src: url("./media/SourceHanSansTC-Bold-5C633WW7.otf") format("opentype");
}
@font-face {
  font-family: "\601d\6e90\9ed1\9ad4";
  font-weight: bold;
  src: url("./media/SourceHanSansTC-Heavy-4XFCOLVW.otf") format("opentype");
}
@font-face {
  font-family: "LINESeedSans";
  font-weight: 100;
  src: url("./media/LINESeedSans_Th-MPSIOWHJ.ttf") format("opentype");
}
@font-face {
  font-family: "LINESeedSans";
  font-weight: 200;
  src: url("./media/LINESeedSans_Rg-L64755NZ.ttf") format("opentype");
}
@font-face {
  font-family: "LINESeedSans";
  font-weight: normal;
  src: url("./media/LINESeedSans_Rg-L64755NZ.ttf") format("truetype");
}
@font-face {
  font-family: "LINESeedSans";
  font-weight: bold;
  src: url("./media/LINESeedSans_Bd-A7TBXP7D.ttf") format("truetype");
}
html {
  font-family:
    "\672a\4f86\7192\9ed1",
    "Noto Sans TC",
    sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
html {
  --mat-sys-background: light-dark(#fff8f8, #1b1113);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#ffecef, #392d30);
  --mat-sys-inverse-primary: light-dark(#ffb1c4, #a6335b);
  --mat-sys-inverse-surface: light-dark(#392d30, #f2dee1);
  --mat-sys-on-background: light-dark(#23191b, #f2dee1);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #65002e);
  --mat-sys-on-primary-container: light-dark(#871944, #ffd9e0);
  --mat-sys-on-primary-fixed: light-dark(#3f001a, #3f001a);
  --mat-sys-on-primary-fixed-variant: light-dark(#871944, #871944);
  --mat-sys-on-secondary: light-dark(#ffffff, #373100);
  --mat-sys-on-secondary-container: light-dark(#4f4700, #f2e482);
  --mat-sys-on-secondary-fixed: light-dark(#201c00, #201c00);
  --mat-sys-on-secondary-fixed-variant: light-dark(#4f4700, #4f4700);
  --mat-sys-on-surface: light-dark(#23191b, #f2dee1);
  --mat-sys-on-surface-variant: light-dark(#564146, #f9dbe0);
  --mat-sys-on-tertiary: light-dark(#ffffff, #4e2600);
  --mat-sys-on-tertiary-container: light-dark(#6f3800, #ffdcc4);
  --mat-sys-on-tertiary-fixed: light-dark(#2f1500, #2f1500);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#6f3800, #6f3800);
  --mat-sys-outline: light-dark(#897176, #a48a8f);
  --mat-sys-outline-variant: light-dark(#dcbfc5, #564146);
  --mat-sys-primary: light-dark(#a6335b, #ffb1c4);
  --mat-sys-primary-container: light-dark(#ffd9e0, #871944);
  --mat-sys-primary-fixed: light-dark(#ffd9e0, #ffd9e0);
  --mat-sys-primary-fixed-dim: light-dark(#ffb1c4, #ffb1c4);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#695f05, #d5c869);
  --mat-sys-secondary-container: light-dark(#f2e482, #4f4700);
  --mat-sys-secondary-fixed: light-dark(#f2e482, #f2e482);
  --mat-sys-secondary-fixed-dim: light-dark(#d5c869, #d5c869);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fff8f8, #1b1113);
  --mat-sys-surface-bright: light-dark(#fff8f8, #433638);
  --mat-sys-surface-container: light-dark(#fee9ec, #281d1f);
  --mat-sys-surface-container-high: light-dark(#f8e3e6, #332729);
  --mat-sys-surface-container-highest: light-dark(#f2dee1, #3e3234);
  --mat-sys-surface-container-low: light-dark(#fff0f2, #23191b);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #150c0e);
  --mat-sys-surface-dim: light-dark(#e9d5d8, #1b1113);
  --mat-sys-surface-tint: light-dark(#a6335b, #ffb1c4);
  --mat-sys-surface-variant: light-dark(#f9dbe0, #564146);
  --mat-sys-tertiary: light-dark(#924c00, #ffb77f);
  --mat-sys-tertiary-container: light-dark(#ffdcc4, #6f3800);
  --mat-sys-tertiary-fixed: light-dark(#ffdcc4, #ffdcc4);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb77f, #ffb77f);
  --mat-sys-neutral-variant20: #3e2b30;
  --mat-sys-neutral10: #23191b;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-dialog-container-shape: 14px;
  --mdc-dialog-container-color: transparent;
  --mat-select-panel-background-color: #faeaec;
  --mat-option-label-text-color: #2e2121;
  --mat-option-selected-state-layer-color: #f0e48f;
  --mat-option-selected-state-label-text-color: #2e2121;
  --pink-lighter: #fbdce9;
  --pink-light: #fac6d0;
  --pink: #f1a8ba;
  --pink-dark: #efa6b8;
  --pink-darker: #ff6193;
  --skin: #f8efe7;
  --skin-dark: #fadcb5;
  --blue: #b5ebfa;
  --blue-dark: #92eafa;
  --blue-darker: #0dc7e3;
  --green: #e4eed4;
  --yellow-lighter: #fffff7;
  --yellow-light: #f9edc8;
  --yellow: #f9e774;
  --purple: #e2deed;
  --white: #ffffff;
  --font-color: #302121;
  min-width: 360px;
  font-family:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif !important;
  --mat-sys-body-large-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-body-large-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-body-medium-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-body-small-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-display-large-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-display-medium-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-display-small-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-headline-large-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-headline-medium-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-headline-small-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-label-large-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-label-medium-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-label-small-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-title-large-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-title-medium-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
  --mat-sys-title-small-font:
    "\672a\4f86\7192\9ed1",
    "\601d\6e90\9ed1\9ad4",
    Roboto,
    sans-serif;
}
html {
  --mat-dialog-container-max-width: min(1100px, 110vh, 80vw);
  --mat-dialog-container-min-width: min(1100px, 110vh, 80vw);
  --mat-dialog-container-small-max-width: 100vw;
  --mat-dialog-container-small-min-width: 100vw;
}
word {
  display: inline-block;
}
sm-br,
md-br,
lg-br,
xl-br {
  display: none;
}
@media screen and (max-width: 576px) {
  sm-br {
    display: block;
  }
}
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.cursor-pointer {
  cursor: pointer;
}
.wait {
  font-size: 5em;
  color: var(--font-color);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -75%);
  z-index: 20;
  text-align: center;
}
.portrait {
  position: relative;
}
.portrait .wait {
  position: absolute;
}
@media screen and (max-width: 768px) {
  md-br {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  lg-br {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  xl-br {
    display: block;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-TVGNLXQ7.css.map */