/* dialog content style Var */
:root {
  --font-family-system-default: "Arial", "sans-serif", "Noto Sans CJK TC", "Microsoft JhengHei", "PingFang", "STHeiti";
  --font-family-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Helvetica, "PingFang TC", "Microsoft Jhenghei", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
  /* font-family: 思源黑體, 微軟正黑體, 蘋方體, 黑體, sans-serif(無襯線字), serif(襯線字); */
  --font-default-color: #393E46;
  --font-title-weight: bold;

  /* 小字 (輔助文字、標註) */
  --font-size-xs: 0.75rem;
  /* 12px */
  --font-size-sm: 0.875rem;
  /* 14px */

  /* 內文 & 基本字體 */
  --font-size-base: 1rem;
  /* 16px */
  --font-size-md: 1.125rem;
  /* 18px */

  /* 標題 */
  --font-size-lg: 1.5rem;
  /* 24px */
  --font-size-xl: 2rem;
  /* 32px */
  --font-size-xxl: 2.5rem;
  /* 40px */
  --font-size-xxxl: 3rem;
  /* 48px */

  /* 水平排列 */
  --font-title-inputSpacing-right: 0px 6px 0px 0px;
  /* 垂直排列 */
  --font-title-inputSpacing-bottom: 0px 0px 6px 0px;
  /* button */
  --button-border-radius: 3px;
  --button-shadow: rgba(149, 157, 165, 0.2) 0px 5px 15px;
  --button-font-color: #ffffff;
  --button-background: #306ca1;
  --button-hover-background: #306ca180;
  --add-button-background: #248EA6;
  /* tab */
  --tabs-header-background: #EEEEEE;
  --tabs-default-color: #929AAB;
  --tabs-hover-color: #393E46;
  --tabs-active-color: #306ca1;
  --tabs-default-border-bottom: 2px solid transition;
  --tabs-transition: 0.3s ease;
  --tabs-active-border-bottom: 2px solid #306ca1;
  /* checkbox */
  --checkbox-accent-color: #306ca1;
  --checkbox-width: 14px;
  --checkbox-height: 14px;
  /* input-底線樣式 */
  --input-border-bottom: 1px solid #dedede;
  --input-radius: 0px;
  /* input-readonly */
  --input-readonly-color: #393E46;
  --input-readonly-background: #dedede;
  /* input-focus */
  --input-focus: 1px solid #306ca1;
  /* column & tree */
  --column-selected-background: #DEDEDE;
  --column-hover-background: #EEEEEE;
  /* scrollbar */
  --scrollbar-width: 6px;
  --scrollbar-height: 6px;
  --scrollbar-thumb-radius: 5px;
  --scrollbar-track-color: #ffffff;
  --scrollbar-thumb-color: rgba(16, 33, 60, 0.51);
  --scrollbar-thumb-color-hover: rgba(179, 179, 179, .8);
  /* border (區塊間隔線條) */
  --area-border: 1px solid #eeeeee;
  /* card */
  --card-box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 15px;
  /* system grid */
  --grid-td-odd-background: #ffffff;
  --grid-td-even-background: #F7F7F7;
  /*偶數*/
  --grid-td-selected-background: #306ca133;
  --grid-td-hover-background: #EEEEEE;

  /* truncate 文字不斷行設定 */
  --truncate-overflow: ellipsis;
  --truncate-display: nowrap;
  --truncate-overflow-x: hidden;
  --truncate-align: center;
}