@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&display=swap');

@import '/global/checkbox-custom.css';
@import '/global/dialog.css';
@import '/global/select-custom.css';
@import '/global/select-custom-multiple.css';
@import '/global/scroll-bar-custom.css';
@import '/global/scroll-bar-transparent.css';

/**
* CS  - Custom Select
* CSB - Custom Sidebar
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* color: initial; */
  font-family: "Noto Sans TC", "Montserrat", sans-serif;
  outline: none;
  
  -webkit-tap-highlight-color: transparent;
  
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

:root {
  --body-color: #e4e9f7;
  --sidebar-color: #fff;
  --primary-color: #695cfe;
  --primary-color2: #9052ff;
  --primary-color3: #b96cfe;
  --text-color: #707070;
  --text-color2: #000;
  --text-color3: #fff;
  --text-link: #695cfe;
  --background-color: #fff;
  --background-color-rgb: 255,255,255;
  --background-color2: #c8c8c8;
  --header-text: #4b4c4d;
  --footer-border: #ccc;
  --footer-text: #4b4c4d;
  --error-code: #707070;
  --error-desc: #4b4c4d;
  --tran-02: all 0.2s ease;
  --tran-03: all 0.3s ease;
  --tran-04: all 0.4s ease;
  --tran-05: all 0.5s ease;
}

.dark {
  --body-color: #18191a;
  --sidebar-color: #242526;
  --primary-color: #ccc;
  --text-color: #ddd;
  --text-color2: #ddd;
  --text-color3: #fff;
  --background-color: #3a3b3c;
  --background-color-rgb: 58,59,60;
  --background-color2: #303132;
  --header-text: #ddd;
  --footer-border: #fff;
  --footer-text: #ddd;
  --error-code: #707070;
  --error-desc: #ddd;
}

.dark [data-aot]:not([data-aot=dark]),.light [data-aot]:not([data-aot=light]) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  background: var(--body-color);
  color: var(--text-color2);
  transition: var(--tran-02);
  display: flex;
  flex-flow: column;
}

a {
  color: initial;
  text-decoration: none;
}

a, button {
  cursor: pointer;
}

select {
  -webkit-appearance: none;
}

.sE {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -webkit-user-drag: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.sD {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  pointer-events: none;
}

[show-on-print] {
  /* display: initial;
}

[hide-on-print] { */
  display: none;
}

@media print {
  @page {
    margin: 0;
  }

  [hide-on-print] {
    display: none !important;
  }

  [show-on-print] {
    display: initial !important;
  }
}