@import url('real/mmui_var.css');@import url('real/ripple.css');@import url('real/popupmenu.css');@import url('real/popover.css');@import url('real/table.css');@import url('real/dialog.css');@import url('real/icon.css');@import url('real/input.css');@import url('real/select.css');@import url('real/radio.css');@import url('real/checkbox.css');@import url('real/switch.css');@import url('real/button.css');@import url('real/card.css');@import url('real/shadow.css');@import url('real/grid.css');@import url('real/ul.css');@import url('real/step.css');@import url('real/process.css');@import url('real/dragdrop.css');@import url('real/anchor.css');@import url('real/calendar.css');@import url('real/treeview.css');@import url('real/tag.css');@import url('real/slideout.css');@import url('real/menu.css');@font-face {
    font-family: 'NotoSansTC';
    src: url('../f/NotoSansTC-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'NotoSansTCBold';
    src: url('../f/NotoSansTC-SemiBold.ttf');
}

@font-face {
    font-family: 'Material Symbols Rounded';
    font-style: normal;
    font-weight: 100 700;
    src: url('../f/google_icon_round.woff2') format('woff2');
}

@font-face {
    font-family: 'Material Symbols Rounded Fill';
    font-style: normal;
    font-weight: 100 700;
    src: url('../f/google_icon_round_fill.woff2') format('woff2');
}

* {
    scrollbar-color: var(--GlobalBorderColor) transparent;
    scrollbar-width: thin;
}
html {
    scrollbar-width: none;
}
body {
    color: var(--GlobalFontColor);
    background-color: var(--GlobalBGColor);
}
h1 {
    font-size: var(--H1FontSize);
    line-height: var(--H1LineHeight);
}
h2 {
    font-size: var(--H2FontSize);
    line-height: var(--H2LineHeight);
}
h3 {
    font-size: var(--H3FontSize);
    line-height: var(--H3LineHeight);
}
h4 {
    font-size: var(--H4FontSize);
    line-height: var(--H4LineHeight);
}
h5 {
    font-size: var(--H5FontSize);
    line-height: var(--H5LineHeight);
}
h6 {
    font-size: var(--H6FontSize);
    line-height: var(--H6LineHeight);
}

hr {
    margin: 21px 0px 21px 0px ;
    border-bottom: 1px solid var(--GlobalBorderColor);
}

.mmui_RBox {
    position: relative;
    overflow-x: hidden; overflow-y: scroll;
    width: 100vw;
    height: 100vh;
}

.mmui_AR {
    text-align: right;
}

.mmui_Opacity {
    opacity: 0;
    transition: all 0.2s;
}
.mmui_Opacity.Show {
    opacity: 1;
    cursor: pointer;
}

::selection {
  background-color: var(--ColorTeal);
  color: var(--ColorWhite);
}

::-moz-selection {
  background-color: var(--ColorTeal);
  color: var(--ColorWhite);
}