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

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

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

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

* {
    scrollbar-color: var(--GlobalBorderColor) transparent;
    scrollbar-width: thin;
}
/* 關掉 WebKit／Blink 在觸控點擊時蓋上的原生 tap highlight。原生高亮以「最近的可點元素」為範圍，
   點卡片內容時整塊 fieldset（.mmui_Card）會變色，是這裡要消掉的效果。此屬性可繼承，設在 html 上
   即全站生效，不需要寫成 *{}——那只是對每個元素重複同一條宣告，還會切斷繼承鏈。
   代價是行動裝置失去唯一的原生按壓回饋，所以下面與各元件 css 補上 :active 樣式；沒有補的元素
   （例如 .mmui_Table 的列）是因為它們本來就不可點，hover 底色只是游標位置提示。 */
html {
    -webkit-tap-highlight-color: transparent;
}

/* 以 onclick 屬性驅動的可點元素（topmenu 的選單列、account_toolbox／title_left 的 .mmui_Grid_H）
   沒有自己的元件樣式，在這裡統一給按壓底色。.mmui_Button 與 [role=button] 排除在外，它們在
   button.css 有內凹陰影版本的 :active，兩者疊加會讓底色蓋掉陰影。 */
[onclick]:not(.mmui_Button):not([role=button]):active {
    transition-duration: var(--TransitionRT1);
    background-color: var(--GlobalTapActiveColor);
}
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);
}