@charset "UTF-8";
/*
-----------------------------------
  0. Reset
  1. 變數
  2. mixin
  3. 樣式共用
  4. flex欄位
  5. button按鈕
  6. form表單
  7. checkbox & radio
  8. switch
  9. list style列表樣式
  10. risk degree風險等級
  11. well提醒面板 
  12. panel面板
  13. tab頁籤
  14. step步驟
  15. table表格
  16. pagination頁碼
  17. 整體grid佈局
  18. header & nav
  19. main主要內容
  20. block區塊
  21. footer
  22. modal跳窗
  23. login登入頁
  24. dashboard頁
  25. 整合搜尋頁
  26. chatbot頁
  27. multiple select套件css設定修改
  28. daterangepicker套件css設定修改
-----------------------------------
*/
/*===============================
  Reset
================================*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*===============================
  變數
================================*/
:root {
  --fontFamily:NotoSans, "PingFangTC", Microsoft JhengHei,"微軟正黑體", "Helvetica", "sans-serif";
  /*語意化顏色變數*/
  --primaryText: #222222;
  --placeholderText:#6C6C6C;
  --inputBorder:#B4BFC9;
  --divideBorder:#BFBFBF;
  --input_disabled:#F5F5F5;
  --searchBorder:#E1E1E1;
  --border:#ebebeb;
  --primaryColor: #4674A0;
  --primaryColor_subtle:#396085;
  --primaryBg:#C8E5F2;
  --secondaryColor:#39496A;
  --secondaryColor_subtle:#2a3650;
  --green:#019338;
  --green_subtle:#00772D;
  --red:#E5002F;
  --blue_focus:#2E75FF;
  --link:#0074BF;
  --black900:#222222;
  --black800:#5C5C5C;
  --black700:#6C6C6C;
  --black600:#B4BFC9;
  --black500:#BFBFBF;
  --black400:#E1E1E1;
  --black300:#E5E6E8;
  --black200:#EBEBEB;
  --black100:#F5F5F5;
  --blue700:#2A3650;
  --blue600:#39496A;
  --blue500:#396085;
  --blue400:#4674A0;
  --blue300:#0074BF;
  --blue200:#2E75FF;
  --blue100:#C8E5F2;
  --green200:#00772D;
  --green100:#019338;
  --red100:#E5002F;
}

/*===============================
  mixin
================================*/
/*===============================
  樣式共用
================================*/
* {
  font-family: var(--fontFamily);
}

body {
  font-family: var(--fontFamily);
  font-size: 1rem;
  width: 100%;
  line-height: 1.375;
  color: var(--primaryText);
  box-sizing: border-box;
  position: relative;
  min-height: 100vh;
  min-width: 1200px;
  overflow-y: auto;
}
body.mobile-menu-open {
  overflow: hidden;
}

.red {
  color: var(--red) !important;
}

.bold {
  font-weight: bold;
}

.link {
  color: var(--link);
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s;
}

.ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center !important;
}

.divide {
  min-height: 1.125rem;
  border-left: 1px solid var(--secondaryColor);
  margin: 0 0.5rem;
}

/*===============================
  flex欄位
================================*/
.flex-row {
  display: flex;
  position: relative;
}
.flex-row.align-items-start {
  align-items: flex-start;
}
.flex-row.align-items-center {
  align-items: center;
}
.flex-row.align-items-end {
  align-items: flex-end;
}
.flex-row.justify-content-start {
  justify-content: flex-start;
}
.flex-row.justify-content-center {
  justify-content: center;
}
.flex-row.justify-content-end {
  justify-content: flex-end;
}
.flex-row.justify-content-between {
  justify-content: space-between;
}
.flex-row.gap-4 {
  gap: 0.25rem;
}
.flex-row.gap-8 {
  gap: 0.5rem;
}
.flex-row.gap-10 {
  gap: 0.625rem;
}
.flex-row.gap-16 {
  gap: 1rem;
}
.flex-row.gap-20 {
  gap: 1.25rem;
}
.flex-row.gap-24 {
  gap: 1.5rem;
}
.flex-row.gap-32 {
  gap: 2rem;
}
.flex-row.flex-wrap {
  flex-wrap: wrap;
}
.flex-row.column {
  flex-direction: column !important;
}

.flex-custom-col {
  flex-basis: calc((100% - 0.5rem * (var(--custom-col, 4) - 1)) / var(--custom-col, 4));
}

.col-12-md {
  width: 100%;
  box-sizing: border-box;
}

.col-11-md {
  width: 91.6667%;
  box-sizing: border-box;
}

.col-10-md {
  width: 83.3333%;
  box-sizing: border-box;
}

.col-9-md {
  width: 75%;
  box-sizing: border-box;
}

.col-8-md {
  width: 66.6666%;
  box-sizing: border-box;
}

.col-7-md {
  width: 58.3333%;
  box-sizing: border-box;
}

.col-6-md {
  width: 50%;
  box-sizing: border-box;
}

.col-5-md {
  width: 41.6666%;
  box-sizing: border-box;
}

.col-4-md {
  width: 33.3333%;
  box-sizing: border-box;
}

.col-3-md {
  width: 25%;
  box-sizing: border-box;
}

.col-2-md {
  width: 16.6666%;
  box-sizing: border-box;
}

.col-1-md {
  width: 8.3333%;
  box-sizing: border-box;
}

@media screen and (max-width: 992px) {
  .col-12-sm {
    width: 100%;
  }
  .col-11-sm {
    width: 91.6667%;
    box-sizing: border-box;
  }
  .col-10-sm {
    width: 83.3333%;
  }
  .col-9-sm {
    width: 75%;
  }
  .col-8-sm {
    width: 66.6666%;
  }
  .col-7-sm {
    width: 58.3333%;
  }
  .col-6-sm {
    width: 50%;
  }
  .col-5-sm {
    width: 41.6666%;
  }
  .col-4-sm {
    width: 33.3333%;
  }
  .col-3-sm {
    width: 25%;
  }
  .col-2-sm {
    width: 16.6666%;
  }
  .col-1-sm {
    width: 8.3333%;
  }
  .flex-row.mobile-column {
    flex-direction: column;
  }
}
.marginBottom-8 {
  margin-bottom: 0.5rem;
}

.marginBottom-10 {
  margin-bottom: 0.625rem;
}

.marginBottom-16 {
  margin-bottom: 1rem;
}

.marginBottom-20 {
  margin-bottom: 1.25rem;
}

.marginBottom-24 {
  margin-bottom: 1.5rem;
}

.marginBottom-32 {
  margin-bottom: 2rem;
}

.marginBottom-40 {
  margin-bottom: 2.5rem;
}

.marginBottom-48 {
  margin-bottom: 3rem;
}

/*===============================
  button按鈕
================================*/
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  color: #fff;
  width: fit-content;
  padding: 0.625rem 1rem;
  border-radius: 4px;
  font-weight: inherit;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
  transition: all 0.3s;
}
.button:disabled {
  cursor: not-allowed;
  opacity: 0.6 !important;
}
.button .icon {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
  line-height: normal;
}
.button:has(.icon) {
  text-align: left;
  padding: 0.5rem 1rem;
}

.button-primary {
  background-color: var(--primaryColor);
  border-color: var(--primaryColor);
}
.button-primary:not(:disabled):hover {
  background-color: var(--primaryColor_subtle);
  border-color: var(--primaryColor_subtle);
}

.button-secondary {
  background-color: var(--secondaryColor);
  border-color: var(--secondaryColor);
}
.button-secondary:not(:disabled):hover {
  background-color: var(--secondaryColor_subtle);
  border-color: var(--secondaryColor_subtle);
}

.button-success {
  background-color: var(--green);
  border-color: var(--green);
}
.button-success:not(:disabled):hover {
  background-color: var(--green_subtle);
  border-color: var(--green_subtle);
}

.button-default {
  background-color: rgba(70, 116, 160, 0.1);
  border-color: transparent;
  color: var(--secondaryColor);
}

.button-outline-primary {
  background-color: #fff;
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
.button-outline-primary:not(:disabled):hover {
  border-color: var(--primaryColor);
  background-color: var(--primaryColor);
  color: #fff;
}

.button-underline-link {
  padding: 0;
  color: var(--primaryText);
  text-decoration: underline;
}

.button-return {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
  color: var(--primaryColor);
  width: fit-content;
  padding: 0;
  border: 0;
  font-weight: inherit;
  line-height: 1;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
  transition: all 0.3s;
}
.button-return img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  vertical-align: middle;
}

.button-function-primary {
  font-size: 1rem !important;
  color: var(--link);
  gap: 0.25rem;
}
.button-function-primary:not(:disabled):hover {
  color: var(--link);
}
.button-function-primary:disabled {
  filter: grayscale(1);
}

.button-size-sm {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem !important;
}

.button-sm {
  width: 6rem;
}

.button-block {
  width: 100%;
}

/*===============================
  form表單
================================*/
.form-group {
  display: flex;
  gap: 0.5rem;
}
.form-group.vertical-form {
  flex-direction: column;
}
.form-group.vertical-form .label {
  height: auto;
}
.form-group:has(.form-control:required) .control-label::after {
  content: "*";
  color: var(--red);
  font-size: 150%;
  line-height: 50%;
  vertical-align: middle;
}
.form-group:has(.required) > .label {
  position: relative;
}
.form-group:has(.required) > .label .control-label::after {
  content: "*";
  color: var(--red);
  font-size: 150%;
  line-height: 50%;
  vertical-align: middle;
}

.label {
  height: 2.25rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  line-height: normal;
}
.label.label-width-xs {
  flex-basis: 2rem;
}
.label.label-width-sm {
  flex-basis: 5rem;
}
.label.label-width-md {
  flex-basis: 8.5rem;
}

.field {
  flex-grow: 1;
  position: relative;
  line-height: normal;
}

.function {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  line-height: normal;
  position: relative;
}

.form-control {
  width: 100%;
  min-height: 2.25rem;
  font-size: 1rem;
  line-height: 1;
  padding: 0.375rem 0.5rem;
  color: var(--primaryText);
  border-radius: 4px;
  border: solid 1px var(--inputBorder);
  background-color: #fff;
  transition: all 0.3s;
  box-sizing: border-box;
  outline: none;
}
.form-control::placeholder {
  color: var(--placeholderText);
}
.form-control:disabled {
  color: var(--placeholderText);
  background-color: var(--input_disabled);
  cursor: not-allowed;
}
.form-control:focus {
  border: solid 1px var(--blue_focus);
}
.form-control.error {
  border: solid 1px var(--red);
}

textarea.form-control {
  height: 9.625rem;
  line-height: 1.4;
  color: var(--primaryText);
  white-space: pre-wrap;
}

.prompt {
  display: none;
  margin-top: 0.25rem;
}

.error + .prompt {
  display: inline-flex;
}

.input-icon {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: 50%;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  cursor: pointer;
}
.input-icon.calendar {
  background-image: url(../images/icon_calendar.png);
}
.input-icon.time {
  background-image: url(../images/icon_time.png);
}
.input-icon.search {
  background-image: url(../images/icon_search_L.png);
}

.field:has(.input-icon) > .form-control,
.function:has(.input-icon) > .form-control {
  padding-right: 2rem;
}

.search-group .form-control {
  border-radius: 1000px;
  padding-left: 1rem;
  padding-right: 2.5rem;
}
.search-group .input-icon {
  width: 2rem;
  height: 2rem;
  background-size: 2rem;
}
.search-group.search-md .form-control {
  min-height: 3rem;
  padding: 0.625rem 1rem;
  padding-right: 3.5rem;
}
.search-group.search-md .input-icon {
  width: 2.5rem;
  height: 2.5rem;
  background-size: 2.5rem;
}

/*auto complete*/
.autocomplete-wrap {
  position: relative;
}

.autocomplete-list {
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid var(--searchBorder);
  overflow: hidden;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 10;
}
.autocomplete-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.autocomplete-list ul li {
  padding: 0.625rem 1rem;
  background-color: #fff;
  transition: all 0.3s;
  cursor: pointer;
}
.autocomplete-list ul li.selected, .autocomplete-list ul li:hover {
  background-color: rgba(70, 116, 160, 0.2);
}

/*===============================
  checkbox & radio
================================*/
.form-checkbox,
.form-radio {
  min-height: 2.25rem;
  line-height: normal;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  user-select: none;
}
.form-checkbox:has(:disabled),
.form-radio:has(:disabled) {
  cursor: not-allowed;
}

input[type=checkbox] {
  flex-shrink: 0;
  appearance: none;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid var(--inputBorder);
  border-radius: 2px;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
input[type=checkbox]::before {
  content: "";
  display: block;
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg) scale(0);
  transition: all 0.1s ease;
  box-sizing: content-box;
}
input[type=checkbox]:checked {
  background-color: #1b68ff;
  border-color: #1b68ff;
}
input[type=checkbox]:checked::before {
  transform: translateX(-50%) rotate(45deg) scale(1);
}
input[type=checkbox]:disabled {
  background-color: #ebebeb;
  border-color: var(--inputBorder);
  cursor: not-allowed;
}
input[type=checkbox]:disabled::before {
  transform: translateX(-50%) rotate(45deg) scale(0);
}
input[type=checkbox]:disabled:checked {
  cursor: not-allowed;
  background-color: #ebebeb;
  border-color: var(--inputBorder);
}
input[type=checkbox]:disabled:checked::before {
  border-right-color: #fff;
  border-bottom-color: #fff;
  transform: translateX(-50%) rotate(45deg) scale(1);
}

input[type=radio] {
  flex-shrink: 0;
  appearance: none;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid var(--inputBorder);
  border-radius: 50%;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
input[type=radio]::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.1s ease;
}
input[type=radio]:checked {
  background-color: #1b68ff;
  border-color: #1b68ff;
}
input[type=radio]:checked::before {
  transform: translate(-50%, -50%) scale(1);
}
input[type=radio]:disabled {
  background-color: #ebebeb;
  border-color: var(--inputBorder);
  cursor: not-allowed;
}
input[type=radio]:disabled::before {
  transform: translateX(-50%) rotate(45deg) scale(0);
}
input[type=radio]:disabled:checked {
  cursor: not-allowed;
  background-color: #ebebeb;
  border-color: var(--inputBorder);
}
input[type=radio]:disabled:checked::before {
  background-color: #fff;
  transform: translate(-50%, -50%) scale(1);
}

/*===============================
  switch
================================*/
label.switch {
  --switchWidth: 4.125rem;
  --switchHeight: 1.75rem;
  --switchBtn: calc(var(--switchHeight) - (var(--switchPaddingVertical) * 2));
  --switchPaddingVertical: 0.3125rem;
  --switchPaddingHorizontal: 0.3125rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
label.switch .switch-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
label.switch .switch-checkbox:checked + .switch-box {
  background-color: var(--green);
}
label.switch .switch-checkbox:checked + .switch-box:before {
  content: "啟用";
  left: calc(var(--switchPaddingHorizontal) + 3px);
  color: #fff;
}
label.switch .switch-checkbox:checked + .switch-box .switch-btn {
  background-color: #fff;
  left: calc(var(--switchWidth) - var(--switchPaddingHorizontal) - var(--switchBtn));
}
label.switch .switch-box {
  display: inline-block;
  width: var(--switchWidth);
  height: var(--switchHeight);
  background-color: #5c5c5c;
  padding: var(--switchPaddingVertical) var(--switchPaddingHorizontal);
  border-radius: 1000px;
  vertical-align: middle;
  transition: 0.3s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
label.switch .switch-box:before {
  content: "停用";
  display: inline-block;
  font-size: 1rem;
  line-height: normal;
  color: #fff;
  position: absolute;
  top: 50%;
  left: calc(var(--switchPaddingHorizontal) + var(--switchBtn) + 3px);
  transform: translateY(-50%);
  transition: 0.3s;
}
label.switch .switch-box .switch-btn {
  display: block;
  width: var(--switchBtn);
  height: var(--switchBtn);
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0px;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: var(--switchPaddingHorizontal);
  transform: translateY(-50%);
}

/*===============================
  sort排序
================================*/
.sort-dropdown .dropdown-menu {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.sort-dropdown .dropdown-menu li a {
  min-width: 10.75rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  color: var(--primaryText);
  background-color: #fff;
  padding: 0.5rem;
  transition: all 0.3s;
  box-sizing: border-box;
}
.sort-dropdown .dropdown-menu li a:hover {
  background-color: rgba(70, 116, 160, 0.1);
}
.sort-dropdown .dropdown-menu li + li {
  border-top: 1px solid var(--divideBorder);
}
.sort-dropdown.dropdown .dropdown-menu {
  left: inherit;
  right: 0;
}

.btn-sort {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem;
  border-radius: 4px;
  background-color: #fff;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.btn-sort img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  vertical-align: middle;
}
.btn-sort span {
  font-size: 1rem;
}

/*dropdown 切換樣式功能*/
.dropdown {
  position: relative;
}
.dropdown .dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 10;
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.dropdown .dropdown-menu.active {
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}

/*===============================
  list style列表樣式
================================*/
.list-style-disc {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.125rem;
  margin: 0;
}
.list-style-disc > li {
  font-size: 1rem;
  line-height: 1.5;
}
.list-style-disc > li ol,
.list-style-disc > li ul {
  padding-left: 1.125rem;
}

.list-style-decimal {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 1.125rem;
}
.list-style-decimal > li {
  font-size: 1rem;
  line-height: 1.5;
}
.list-style-decimal > li ol,
.list-style-decimal > li ul {
  padding-left: 1.125rem;
}

.list-style-cjk-ideographic {
  list-style-type: cjk-ideographic;
  list-style-position: outside;
  padding-left: 2.25rem;
}
.list-style-cjk-ideographic > li {
  font-size: 1rem;
  line-height: 1.5;
}
.list-style-cjk-ideographic > li ol,
.list-style-cjk-ideographic > li ul {
  padding-left: 1.125rem;
}

/*===============================
  risk degree風險等級
================================*/
.risk-degree {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  color: var(--primaryText);
  line-height: normal;
}
.risk-degree > img {
  width: 2.375rem;
  height: 1.25rem;
  object-fit: contain;
}

/*===============================
  well提醒面板
================================*/
.well {
  padding: 0.625rem 0.5rem;
  background-color: #f5f5f5;
  margin-bottom: 1rem;
  border-radius: 4px;
}

/*===============================
  panel面板
================================*/
.panel {
  width: 100%;
  background-color: #fff;
  padding: 1.5rem 1rem;
  border-radius: 8px;
  box-sizing: border-box;
  margin: auto;
}

.panel-bordered {
  border: 1px solid var(--border);
}

.panel-sm {
  max-width: 960px;
}

.panel-padding-lg {
  padding-left: 9rem;
  padding-right: 9rem;
}

.panel-padding-xl {
  padding: 2.5rem;
  padding-left: 9rem;
  padding-right: 9rem;
}

/*===============================
  tab頁籤
================================*/
.tab-group {
  display: flex;
  margin-bottom: 1rem;
}

.tab {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.125rem;
}

.tab-primary {
  padding: 0.5rem 1.5rem;
  color: #6c6c6c;
  background-color: #e5e6e8;
}
.tab-primary.active {
  color: #fff;
  background-color: var(--primaryColor);
}
.tab-primary:first-child {
  border-radius: 4px 0 0 4px;
}
.tab-primary:last-child {
  border-radius: 0 4px 4px 0;
}
.tab-primary:only-child {
  border-radius: 4px;
}

/*===============================
  step步驟
================================*/
.step-content {
  position: relative;
}

.step-pane {
  width: 100%;
  display: none;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-behavior: allow-discrete;
}
.step-pane.active {
  display: block;
  opacity: 1;
}
@starting-style {
  .step-pane.active {
    opacity: 0;
  }
}

/*===============================
  table表格
================================*/
.table-container {
  margin-bottom: 1rem;
}

.scroll-table {
  width: 100%;
  overflow: auto;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
}
.scroll-table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scroll-table::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(57, 96, 133, 0.2);
}
.scroll-table::-webkit-scrollbar-track {
  background-color: transparent;
}
.scroll-table::-webkit-scrollbar-corner {
  background-color: transparent;
}
.scroll-table::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}

.table-fixed {
  table-layout: fixed;
}

.table-sort {
  width: 0.375rem;
  object-fit: contain;
  vertical-align: middle;
  padding-left: 0.5rem;
  cursor: pointer;
}

.primary-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.primary-table thead tr th,
.primary-table thead tr td {
  height: 2.625rem;
  font-size: 1rem;
  text-align: left;
  color: #fff;
  background-color: #5c5c5c;
  padding: 0.75rem 0.5rem;
  line-height: 1.125rem;
  overflow-wrap: break-word;
  box-sizing: border-box;
  vertical-align: middle;
}
.primary-table tbody tr th,
.primary-table tbody tr td {
  height: 3.25rem;
  font-size: 1rem;
  text-align: left;
  padding: 0.75rem 0.5rem;
  background-color: #fff;
  line-height: normal;
  overflow-wrap: break-word;
  box-sizing: border-box;
  vertical-align: middle;
}
.primary-table tbody tr th p,
.primary-table tbody tr td p {
  margin: 0;
}
.primary-table tbody tr th a,
.primary-table tbody tr td a {
  color: var(--link);
  text-decoration: none;
}
.primary-table tbody tr th a:hover,
.primary-table tbody tr td a:hover {
  text-decoration: underline;
}
.primary-table tbody tr th .closed-date,
.primary-table tbody tr td .closed-date {
  width: 5rem;
  font-size: 0.875rem;
}
.primary-table tbody tr th.no-data,
.primary-table tbody tr td.no-data {
  text-align: center;
  color: #6c6c6c;
}
.primary-table tbody tr:nth-child(odd) th,
.primary-table tbody tr:nth-child(odd) td {
  background-color: var(--border);
}
.primary-table tbody tr.disabled th,
.primary-table tbody tr.disabled td {
  opacity: 0.7;
}

.nest-tr {
  display: none;
}
.nest-tr > th,
.nest-tr > td {
  padding: 0 !important;
  border: 0 !important;
}
.nest-tr.active {
  display: table-row;
}

.nest-table {
  width: 100%;
  border-collapse: collapse;
}
.nest-table tbody tr th,
.nest-table tbody tr td {
  height: auto;
  padding: 0.5rem 1rem;
  border: 1px solid var(--divideBorder);
  background-color: #f4f4f4 !important;
  box-sizing: border-box;
}
.nest-table tbody tr th {
  width: 6.25rem;
  text-align: center;
  font-weight: bold;
}

.primary-table:has(.nest-table) > tbody > tr > th,
.primary-table:has(.nest-table) > tbody > tr > td {
  border-bottom: 1px solid var(--divideBorder);
}
.primary-table:has(.nest-table) > tbody > tr:nth-child(odd) > th,
.primary-table:has(.nest-table) > tbody > tr:nth-child(odd) > td {
  background-color: #fff;
}

/*巢狀表格開合按鈕*/
.table-collapse {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url(../images/icon_table_arrow_default.png);
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.table-collapse.active {
  background-image: url(../images/icon_table_arrow_open.png);
}

.sticky-table thead tr {
  position: sticky;
  top: 0;
  z-index: 2;
}

/*===============================
  pagination頁碼
================================*/
.pagination {
  margin-bottom: 1rem;
}
.pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  flex-wrap: wrap;
  line-height: normal;
}
.pagination ul li {
  display: inline-flex;
}
.pagination ul li:has(.disabled) {
  cursor: not-allowed;
}
.pagination ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--primaryColor);
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  line-height: normal;
  padding: 0.375rem 0.625rem;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  text-decoration: none;
  transition: all 0.3s;
}
.pagination ul li a:not(.page-prev):not(.page-next):hover {
  color: #fff;
  background-color: var(--primaryColor);
}
.pagination ul li a.active {
  color: #fff;
  background-color: var(--primaryColor);
  font-weight: bold;
}
.pagination ul li a.page-prev {
  background-image: url(../images/icon_arrow_left_blue.png);
}
.pagination ul li a.page-next {
  background-image: url(../images/icon_arrow_right_blue.png);
}
.pagination ul li a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.pagination ul li a.disabled.page-prev {
  background-image: url(../images/icon_arrow_left_gray.png);
}
.pagination ul li a.disabled.page-next {
  background-image: url(../images/icon_arrow_right_gray.png);
}

/*===============================
  整體grid佈局
================================*/
.full-bg {
  display: grid;
  width: 100%;
  height: 100vh;
  grid-template-rows: 4rem auto;
}

.main {
  overflow-y: auto;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
}
.main::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.main::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(57, 96, 133, 0.2);
}
.main::-webkit-scrollbar-track {
  background-color: transparent;
}
.main::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}

/*===============================
  header & nav
================================*/
.header {
  padding: 0.375rem 1.5rem;
  background-color: var(--primaryBg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.header .logo {
  width: 240px;
  height: 52px;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}
.header .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.navbar {
  display: flex;
  align-items: center;
}
.navbar .nav-item a {
  display: inline-flex;
  padding: 0.625rem 0.5rem;
  color: var(--primaryText);
  text-decoration: none;
}

/*===============================
  main主要內容
================================*/
.main {
  background-color: #f5f5f5;
}

.main-content {
  min-height: calc(100vh - 4rem - 3rem);
  padding: 1rem 2.5rem;
  box-sizing: border-box;
}

.primary-title {
  font-size: 1.5rem;
  background-color: transparent;
  font-weight: bold;
  margin-top: 0;
}

.icon-title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  line-height: normal;
  background-color: transparent;
  margin: 0;
}
.icon-title img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
  vertical-align: middle;
}

.secondary-title {
  font-size: 0.875rem;
  font-weight: normal;
  color: #6c6c6c;
  background-color: transparent;
  margin: 0;
}

.tertiary-title {
  font-size: 1rem;
  font-weight: normal;
  color: #6c6c6c;
  background-color: transparent;
  margin: 0;
}

/*===============================
  block區塊
================================*/
.block {
  padding: 0.75rem;
  background-color: #fff;
  border-radius: 8px;
}

.block-padding-md {
  padding: 1.5rem;
}

.editor-container {
  height: 400px;
  border-radius: 4px;
  border: solid 1px var(--inputBorder);
}

/*===============================
  footer
================================*/
footer {
  height: 3rem;
  line-height: 1;
  text-align: center;
  padding: 0.75rem 1rem 1rem;
  box-sizing: border-box;
  background-color: transparent;
}

/*===============================
  modal跳窗
================================*/
/*跳窗*/
.modals {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  overflow-x: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: none;
  overflow-y: auto;
}

.modals-dialog {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 56px;
  margin-bottom: 56px;
}
.modals-dialog.modal-sm {
  max-width: 560px;
}
.modals-dialog.modal-md {
  max-width: 960px;
}
.modals-dialog.modal-lg {
  max-width: 1200px;
}

.modals.fades {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.modals.fades .modals-dialog {
  -webkit-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  -o-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.modals.fades.in {
  opacity: 1;
}
.modals.fades.in .modals-dialog {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.modals-wrap {
  border-radius: 8px;
  background-color: #fff;
  position: relative;
  margin-bottom: 72px;
  box-shadow: 0 4px 18px 0 rgba(34, 42, 50, 0.3);
}
.modals-wrap .modals-close {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon_close_black.png);
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: 50% 50%;
  background-color: transparent;
  white-space: nowrap;
  text-indent: 101%;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  z-index: 1;
  cursor: pointer;
}
.modals-wrap .modals-header {
  background-color: var(--primaryBg);
  padding: 1rem 1.5rem 1rem 2.5rem;
  box-sizing: border-box;
  border-radius: 8px 8px 0 0;
}
.modals-wrap .modals-header .modal-title {
  font-size: 1.125rem;
  color: var(--primaryText);
  font-weight: bold;
  margin: 0;
}
.modals-wrap .modals-body {
  padding: 2rem 2.5rem;
}
.modals-wrap .modals-footer {
  padding: 0.5rem 2.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.modals-wrap .modals-footer .modal-btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

@media screen and (max-width: 992px) {
  .modals-dialog {
    padding: 0 1rem;
  }
}
/*通知alert*/
.alerts {
  display: none;
}
.alerts.fades {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.alerts.fades .alerts-dialog {
  -webkit-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  -o-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.alerts.fades.in {
  opacity: 1;
}
.alerts.fades.in .alerts-dialog {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.alerts-dialog {
  width: fit-content;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 88px;
  margin-bottom: 56px;
}

.alerts-wrap {
  line-height: 1;
  padding: 1.5rem 2.5rem;
  border-radius: 4px;
  background-color: rgba(200, 229, 242, 0.5);
  position: relative;
  overflow: hidden;
}
.alerts-wrap.alerts-success {
  background-color: rgba(1, 147, 56, 0.7);
  color: #fff;
}
.alerts-wrap.alerts-sm {
  padding: 0.5rem 0.625rem;
}
.alerts-wrap.alerts-sm .icon-title {
  font-size: 1rem;
}

/*loading*/
.loading {
  display: none;
  width: 100%;
  height: 100vh;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow-x: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.loading .box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}
.loading .box .message {
  max-width: 300px;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  margin: auto;
}

/*===============================
  login登入頁
================================*/
.login-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  min-height: 100vh;
}

.login-block-left {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.login-block-left .container {
  width: 100%;
  padding: 2rem 19%;
  box-sizing: border-box;
}
.login-block-left .container .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  margin: 0;
  margin-bottom: 2.125rem;
}
.login-block-left .container .title img {
  width: 470px;
  height: auto;
  object-fit: contain;
  vertical-align: middle;
}
.login-block-left .container .title span {
  font-size: 1.625rem;
  letter-spacing: 10.4px;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  text-align: justify;
}
.login-block-left .container .title span .en {
  font-size: 0.875rem;
  letter-spacing: 0.56px;
}
.login-block-left .azion-logo {
  width: 70px;
  height: 37px;
  object-fit: contain;
  position: absolute;
  left: 50%;
  bottom: 1rem;
  transform: translateX(-50%);
  z-index: -1;
}

.login-block-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-image: linear-gradient(to top, rgba(200, 229, 242, 0.6) 25%, rgba(213, 243, 255, 0.25) 60%);
}
.login-block-right .container {
  width: 100%;
  min-height: calc(100vh - 3rem);
  padding: 0 3rem;
  padding-top: 8%;
  box-sizing: border-box;
  background-image: url(../images/img_login.png);
  background-size: calc(100% - 6rem);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  position: relative;
}
.login-block-right .announcement-panel {
  width: calc(100% - 6rem);
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1440px) {
  .login-block-right .announcement-panel {
    top: 20%;
  }
}
.login-block-right .announcement-panel .subtitle {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 1.75rem;
  color: var(--primaryColor);
  background-color: transparent;
  margin: 0;
  margin-bottom: 1.125rem;
}
.login-block-right .announcement-panel .subtitle img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  vertical-align: middle;
}
.login-block-right .announcement-panel ul {
  max-height: 30vw;
  overflow-y: auto;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
}
.login-block-right .announcement-panel ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.login-block-right .announcement-panel ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(57, 96, 133, 0.2);
}
.login-block-right .announcement-panel ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.login-block-right .announcement-panel ul::-webkit-scrollbar-corner {
  background-color: transparent;
}
.login-block-right .announcement-panel ul::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}
.login-block-right .announcement-panel ul li {
  font-size: 1.25rem;
  letter-spacing: 2px;
}

/*===============================
  dashboard頁
================================*/
.keyword-list {
  overflow-y: auto;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
}
.keyword-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.keyword-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(57, 96, 133, 0.2);
}
.keyword-list::-webkit-scrollbar-track {
  background-color: transparent;
}
.keyword-list::-webkit-scrollbar-corner {
  background-color: transparent;
}
.keyword-list::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}
.keyword-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}
.keyword-list ul li {
  padding: 12px;
  border-bottom: dashed 1px var(--inputBorder);
  background-color: rgba(200, 229, 242, 0.1);
}
.keyword-list ul li .list-header {
  margin-bottom: 0.5rem;
}
.keyword-list ul li .list-header a {
  color: var(--link);
  text-decoration: none;
}
.keyword-list ul li .list-header a:hover {
  text-decoration: underline;
}
.keyword-list ul li .list-body {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #6c6c6c;
}
.keyword-list ul li .list-body .time {
  flex-shrink: 0;
  flex-grow: 0;
}
.keyword-list ul li .list-body .source {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}

.wordcloud-container {
  position: relative;
}

.slide-container {
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.slide-container::before {
  content: "少";
  font-size: 1rem;
  position: absolute;
  top: 50%;
  right: calc(100% + 1rem);
  transform: translateY(-50%);
}
.slide-container::after {
  content: "多";
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: calc(100% + 1rem);
  transform: translateY(-50%);
}

.wordcloud-slider {
  --sliderWidth: 300px;
  --SliderthumbWidth: 1rem;
  -webkit-appearance: none;
  appearance: none;
  width: var(--sliderWidth);
  height: 16px;
  background-color: rgba(70, 116, 160, 0.4);
  border-radius: 1000px;
  border: 0;
  outline: none;
  border-radius: 1rem;
  /*  slider progress trick  */
  overflow: hidden;
}

/* Track: webkit browsers */
/* Track: Mozilla Firefox */
.wordcloud-slider::-webkit-slider-runnable-track,
.wordcloud-slider::-moz-range-track {
  height: 16px;
  background-color: rgba(70, 116, 160, 0.4);
  border-radius: 16px;
}

.wordcloud-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: var(--SliderthumbWidth);
  height: 1rem;
  background-color: #fff;
  border: 2px solid var(--primaryColor);
  border-radius: 50%;
  /*  slider progress trick  */
  box-shadow: calc(-1 * (var(--sliderWidth) + var(--SliderthumbWidth) / 2)) 0 0 var(--sliderWidth) var(--primaryColor);
  cursor: pointer;
}

.wordcloud-slider::-moz-range-thumb {
  width: var(--SliderthumbWidth);
  height: 1rem;
  background-color: #fff;
  border: 1px solid var(--primaryColor);
  border-radius: 50%;
  /*  slider progress trick  */
  box-shadow: calc(-1 * (var(--sliderWidth) + var(--SliderthumbWidth) / 2)) 0 0 var(--sliderWidth) var(--primaryColor);
  cursor: pointer;
}

.layout-container {
  padding: 1.5rem;
  border: 1px solid var(--divideBorder);
}
.layout-container .layout-panel {
  font-size: 1.5rem;
  background-color: #f5f5f5;
  padding: 1.5rem;
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05), 0 1px 4px 0 rgba(12, 12, 13, 0.1);
  margin-bottom: 1rem;
  user-select: none;
  cursor: grab;
}
.layout-container .layout-panel.dragging {
  background-color: rgba(200, 229, 242, 0.2);
  box-shadow: 0 4px 4px -4px rgba(12, 12, 13, 0.05), 0 16px 16px -8px rgba(12, 12, 13, 0.1);
  border: 2px dashed #C8E5F2;
  cursor: grabbing;
}

.disclaimer-container {
  height: 560px;
  padding: 1rem 1.5rem;
  border: 1px solid var(--divideBorder);
  box-sizing: border-box;
  overflow-y: auto;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
}
.disclaimer-container::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.disclaimer-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(57, 96, 133, 0.2);
}
.disclaimer-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.disclaimer-container::-webkit-scrollbar-corner {
  background-color: transparent;
}
.disclaimer-container::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}
.disclaimer-container .title {
  font-size: 1.25rem;
  font-weight: normal;
  margin: 0;
  margin-bottom: 0.5rem;
}
.disclaimer-container p {
  margin: 0;
}

/*===============================
  整合搜尋頁
================================*/
.aside-filter {
  flex-grow: 0;
  flex-shrink: 0;
  width: 15rem;
  padding: 0.5rem;
  box-sizing: border-box;
  background-color: #fff;
}
.aside-filter .head {
  font-size: 1.125rem;
  padding: 0.375rem 0.875rem;
  background-color: rgba(70, 116, 160, 0.8);
  color: #fff;
}
.aside-filter .filter-item {
  border-top: 1px solid var(--divideBorder);
  margin-top: 0.5rem;
}
.aside-filter .filter-item .filter-head {
  font-weight: bold;
  padding: 0.625rem;
}
.aside-filter .filter-item .filter-body .option-box {
  max-height: 400px;
  overflow-y: auto;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
}
.aside-filter .filter-item .filter-body .option-box::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.aside-filter .filter-item .filter-body .option-box::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(57, 96, 133, 0.2);
}
.aside-filter .filter-item .filter-body .option-box::-webkit-scrollbar-track {
  background-color: transparent;
}
.aside-filter .filter-item .filter-body .option-box::-webkit-scrollbar-corner {
  background-color: transparent;
}
.aside-filter .filter-item .filter-body .option-box::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}
.aside-filter .filter-item .filter-body .option {
  padding: 0.625rem;
}
.aside-filter .filter-item .filter-body .option .form-group {
  gap: 0;
}
.aside-filter .filter-item .filter-body .option .form-checkbox,
.aside-filter .filter-item .filter-body .option .form-radio {
  min-height: auto;
}
.aside-filter .footer {
  padding-top: 0.5rem;
  border-top: 1px solid var(--divideBorder);
}

.result-container {
  width: calc(100% - 15rem - 1.5rem);
}
.result-container .info {
  white-space: nowrap;
}

.result-list {
  margin-bottom: 2rem;
}
.result-list > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.result-list .result-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 0.5rem;
  box-sizing: border-box;
}
.result-list .result-item > .field {
  width: calc(100% - 1rem - 0.5rem);
}
.result-list .result-item .result-check-one {
  margin-top: 0.1875rem;
}
.result-list .result-item .head {
  border-bottom: 1px dashed var(--inputBorder);
}
.result-list .result-item .body {
  padding-top: 0.625rem;
}
.result-list .result-item .title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.625rem;
}
.result-list .result-item .title a {
  color: var(--link);
  text-decoration: none;
}
.result-list .result-item .title a:hover {
  text-decoration: underline;
}
.result-list .result-item .content .item-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.result-list .result-item .content .item-group.column {
  flex-direction: column;
  align-items: stretch;
}
.result-list .result-item .content .item-group .item-label {
  flex-shrink: 0;
  width: 4.375rem;
  color: #6c6c6c;
}
.result-list .result-item .content .item-group .item-content {
  word-wrap: break-word;
}
.result-list .result-item .content .item-group .item-content .source {
  overflow: hidden;
}
.result-list .result-item .content .item-group .item-content .set {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.result-list .result-item .content .item-group .item-content .set + .set {
  padding-top: 0.5rem;
}
.result-list .result-item .content .item-group .item-content .set .badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 1.375rem;
  line-height: 1;
  padding: 0.25rem 0.625rem;
  border-radius: 1000px;
  background-color: rgba(57, 73, 106, 0.1);
  font-size: 0.75rem;
  color: var(--secondaryColor);
  box-sizing: border-box;
}
.result-list .result-item .content .item-group .item-content p {
  margin: 0;
  text-align: justify;
}
.result-list .result-item .content .item-group .item-content .results {
  font-size: 0.875rem;
  color: var(--primaryColor);
  margin-top: 0.875rem;
}
.result-list .result-item .footer .results {
  font-size: 0.875rem;
  color: var(--primaryColor);
}

/*===============================
  chatbot頁
================================*/
.chatbot-container {
  width: 100%;
}

.chatbot-message-container {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 1.75rem;
  background-color: #fff;
  border-radius: 4px 4px 0 0;
  position: relative;
}

.chatbot-message-timestamp {
  height: 2rem;
  font-size: 1rem;
  color: #4e4e4e;
  background-color: #fff;
  border-radius: 1000px;
  border: 1px solid #bfbfbf;
  text-align: center;
  padding: 0.5rem 1rem;
  line-height: 1;
  box-sizing: border-box;
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.chatbot-message-group {
  height: 478px;
  padding: 1rem 1rem 1.75rem;
  overflow-y: auto;
  overflow-y: overlay;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
  scrollbar-width: thin;
  scrollbar-color: #e1e1e1 #fff;
}
.chatbot-message-group::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.chatbot-message-group::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #e1e1e1;
}
.chatbot-message-group::-webkit-scrollbar-track {
  background-color: transparent;
}
.chatbot-message-group::-webkit-scrollbar-corner {
  background-color: transparent;
}
.chatbot-message-group::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}

.chat-message-attempts {
  position: absolute;
  right: 1rem;
  bottom: 0.25rem;
  font-size: 0.875rem;
  color: var(--primaryText);
}

.message-row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.message-row .message-content {
  display: block;
  width: fit-content;
  max-width: 60%;
  border-radius: 8px;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  color: var(--primaryText);
  text-decoration: none;
  position: relative;
}
.message-row .user-msg {
  white-space: pre-wrap;
}
.message-row .message-time {
  font-size: 1rem;
  color: var(--placeholderText);
  position: absolute;
  bottom: 0;
}
.message-row.by-robot {
  align-items: flex-start;
}
.message-row.by-robot .message-content {
  max-width: 75%;
  background-color: #f5f5f5;
  border-bottom-left-radius: 0px;
}
.message-row.by-robot .message-time {
  left: 100%;
  margin-left: 0.5rem;
}
.message-row.by-user {
  align-items: flex-end;
}
.message-row.by-user .message-content {
  max-width: 50%;
  background-color: #e7f7ff;
  color: var(--primaryText);
  border-bottom-right-radius: 0px;
}
.message-row.by-user .message-time {
  right: 100%;
  margin-right: 0.5rem;
}
.message-row.by-default {
  align-items: flex-end;
}
.message-row.by-default .message-content {
  max-width: 50%;
  border: solid 1px #008be5;
  background-color: #fff;
  color: #008be5;
  line-height: normal;
  cursor: pointer;
  transition: all 0.3s;
}
.message-row.by-default .message-content:hover {
  background-color: rgba(0, 139, 229, 0.1);
}
.message-row.by-default .message-time {
  right: 100%;
  margin-right: 0.5rem;
}
.message-row .message-btn-group {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.button-message {
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  border-radius: 50%;
  position: relative;
}
.button-message > img {
  width: 1.5rem;
  height: 1.5rem;
}
.button-message .tooltip {
  font-size: 0.875rem;
  white-space: nowrap;
  height: 1.75rem;
  padding: 0.375rem;
  background-color: var(--black800);
  border-radius: 4px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: calc(100% + 0.25rem);
  translate: 0 -50%;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.3s;
}
.button-message:hover {
  background-color: #ebebeb;
}
.button-message:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.message-content .robot-msg h1,
.message-content .robot-msg h2,
.message-content .robot-msg h3,
.message-content .robot-msg h4,
.message-content .robot-msg h5,
.message-content .robot-msg h6 {
  margin: 0.5rem 0 0.25rem 0;
  font-weight: 600;
  line-height: 1.3;
}
.message-content .robot-msg h1 {
  font-size: 1.5rem;
}
.message-content .robot-msg h2 {
  font-size: 1.375rem;
}
.message-content .robot-msg h3 {
  font-size: 1.25rem;
}
.message-content .robot-msg h4 {
  font-size: 1.125rem;
}
.message-content .robot-msg h5 {
  font-size: 1rem;
}
.message-content .robot-msg h6 {
  font-size: 0.875rem;
}
.message-content .robot-msg p {
  margin: 0.5rem 0;
  line-height: 1.5;
}
.message-content .robot-msg ul,
.message-content .robot-msg ol {
  margin: 0.5rem 0;
  list-style-position: outside;
  padding-left: 1.125rem;
}
.message-content .robot-msg ul li,
.message-content .robot-msg ol li {
  line-height: 1.4;
  margin: 0.25rem 0;
}
.message-content .robot-msg code {
  background-color: #fefefe;
  color: #2a3650;
  border: solid 1px rgba(51, 51, 51, 0.12);
  padding: 0.125rem 0.25rem;
  border-radius: 4px;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
  font-size: 0.875rem;
}
.message-content .robot-msg pre {
  background-color: #fefefe;
  border-left: 4px solid #4674a0;
  padding: 0.75rem;
  margin: 0.5rem 0;
  border-radius: 4px;
  overflow-x: auto;
}
.message-content .robot-msg pre code {
  background-color: transparent;
  padding: 0;
  font-size: 0.8rem;
  line-height: 1.4;
}
.message-content .robot-msg blockquote {
  border-left: 4px solid #ebebeb;
  margin: 0.5rem 0;
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.02);
  font-style: italic;
}
.message-content .robot-msg strong,
.message-content .robot-msg b {
  font-weight: 600;
}
.message-content .robot-msg em,
.message-content .robot-msg i {
  font-style: italic;
}
.message-content .robot-msg a {
  color: var(--link);
  text-decoration: none;
}
.message-content .robot-msg a:hover {
  text-decoration: underline;
}
.message-content .robot-msg hr {
  border: none;
  height: 1px;
  background-color: var(--border);
  margin: 1rem 0;
}
.message-content .robot-msg table {
  border-collapse: collapse;
  width: 100%;
  margin: 0.5rem 0;
}
.message-content .robot-msg table th,
.message-content .robot-msg table td {
  border: 1px solid #bfbfbf;
  padding: 0.5rem;
  text-align: left;
}
.message-content .robot-msg table th {
  background-color: #d5ebf6;
  font-weight: 600;
}

.chatbox-input-container {
  display: flex;
  gap: 0.625rem;
  width: 100%;
  padding: 1rem;
  line-height: 1;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
  position: relative;
}
.chatbox-input-container .chat-txt-input {
  height: 88px;
  font-size: 1rem;
  color: var(--primaryText);
  font-family: var(--fontFamily);
  border-radius: 4px;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
  scrollbar-width: thin;
  scrollbar-color: #e1e1e1 #fff;
}
.chatbox-input-container .chat-txt-input::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.chatbox-input-container .chat-txt-input::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #e1e1e1;
}
.chatbox-input-container .chat-txt-input::-webkit-scrollbar-track {
  background-color: transparent;
}
.chatbox-input-container .chat-txt-input::-webkit-scrollbar-corner {
  background-color: transparent;
}
.chatbox-input-container .chat-txt-input::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}
.chatbox-input-container .chat-btn-send {
  width: 64px;
}

.chatbox-history {
  height: 100%;
  padding: 0.75rem 1rem;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4px;
}
.chatbox-history .btn-start-newChat {
  line-height: 1.65;
  max-height: 44px;
}
.chatbox-history .chatbox-history-title {
  margin: 0.75rem 0;
  text-align: center;
}
.chatbox-history .scroll-container {
  height: calc(566px + 2rem + 4.75rem - 2.375rem - 1.375rem - 1.5rem - 1.5rem);
  background-color: rgba(200, 229, 242, 0.1);
  overflow-y: auto;
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
  scrollbar-width: thin;
  scrollbar-color: #e1e1e1 #fff;
}
.chatbox-history .scroll-container::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.chatbox-history .scroll-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #e1e1e1;
}
.chatbox-history .scroll-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.chatbox-history .scroll-container::-webkit-scrollbar-corner {
  background-color: transparent;
}
.chatbox-history .scroll-container::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}
.chatbox-history .prompt-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.chatbox-history .prompt-list li {
  border-bottom: dashed 1px var(--inputBorder);
}
.chatbox-history .btn-chat-history {
  width: 100%;
  border: 0;
  background-color: transparent;
  padding: 1rem 0.75rem;
  color: var(--placeholderText);
  text-align: left;
  cursor: pointer;
  transition: all 0.3s;
}
.chatbox-history .btn-chat-history:hover {
  background-color: rgba(200, 229, 242, 0.5);
}
.chatbox-history .btn-chat-history.active {
  color: var(--link);
  font-weight: bold;
  text-decoration: none;
}

/*===============================
  multiple select套件css設定修改
================================*/
.singleSelect.ms-parent,
.singleSelectSearch.ms-parent,
.multipleSelect.ms-parent,
.multipleSelectSearch.ms-parent {
  min-width: 0;
  padding: 0;
  display: flex;
  align-items: center;
  border: 0;
}
.singleSelect.ms-parent .ms-choice,
.singleSelectSearch.ms-parent .ms-choice,
.multipleSelect.ms-parent .ms-choice,
.multipleSelectSearch.ms-parent .ms-choice {
  width: 100%;
  height: auto;
  min-height: 2.25rem;
  overflow: inherit;
  white-space: inherit;
  line-height: normal;
  border: solid 1px var(--inputBorder);
  box-sizing: border-box;
  border-radius: 4px;
}
.singleSelect.ms-parent .ms-choice > span,
.singleSelectSearch.ms-parent .ms-choice > span,
.multipleSelect.ms-parent .ms-choice > span,
.multipleSelectSearch.ms-parent .ms-choice > span {
  font-size: 1rem;
  padding: 0.375rem 0.5rem;
  line-height: 1.5;
}
.singleSelect.ms-parent .ms-choice > span.placeholder,
.singleSelectSearch.ms-parent .ms-choice > span.placeholder,
.multipleSelect.ms-parent .ms-choice > span.placeholder,
.multipleSelectSearch.ms-parent .ms-choice > span.placeholder {
  color: var(--placeholderText);
  background-color: transparent;
  opacity: 1;
  cursor: pointer;
}
.singleSelect.ms-parent .ms-choice.disabled,
.singleSelectSearch.ms-parent .ms-choice.disabled,
.multipleSelect.ms-parent .ms-choice.disabled,
.multipleSelectSearch.ms-parent .ms-choice.disabled {
  background-color: var(--input_disabled);
  cursor: not-allowed;
}
.singleSelect.ms-parent .ms-drop,
.singleSelectSearch.ms-parent .ms-drop,
.multipleSelect.ms-parent .ms-drop,
.multipleSelectSearch.ms-parent .ms-drop {
  box-sizing: border-box;
}
.singleSelect.ms-parent .ms-drop .ms-search,
.singleSelectSearch.ms-parent .ms-drop .ms-search,
.multipleSelect.ms-parent .ms-drop .ms-search,
.multipleSelectSearch.ms-parent .ms-drop .ms-search {
  padding: 0.375rem 0.5rem;
}
.singleSelect.ms-parent .ms-drop .ms-search input[type=text],
.singleSelectSearch.ms-parent .ms-drop .ms-search input[type=text],
.multipleSelect.ms-parent .ms-drop .ms-search input[type=text],
.multipleSelectSearch.ms-parent .ms-drop .ms-search input[type=text] {
  min-height: 2.25rem;
  padding: 0.375rem 0.5rem;
  padding-right: calc(0.5rem + 24px);
  box-sizing: border-box;
  border: 1px solid var(--inputBorder);
  border-radius: 4px;
  font-size: 1rem;
  color: var(--primaryText);
  line-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 98% 50%;
}
.singleSelect.ms-parent .ms-drop .ms-search input[type=text]::placeholder,
.singleSelectSearch.ms-parent .ms-drop .ms-search input[type=text]::placeholder,
.multipleSelect.ms-parent .ms-drop .ms-search input[type=text]::placeholder,
.multipleSelectSearch.ms-parent .ms-drop .ms-search input[type=text]::placeholder {
  color: var(--placeholderText);
}
.singleSelect.ms-parent .ms-drop ul,
.singleSelectSearch.ms-parent .ms-drop ul,
.multipleSelect.ms-parent .ms-drop ul,
.multipleSelectSearch.ms-parent .ms-drop ul {
  /* width */
  /* Handle */
  /* Track */
  /*某些元素的corner部分的部分样式(例:textarea的可拖动按钮)*/
  /*firefox scrollbar*/
}
.singleSelect.ms-parent .ms-drop ul::-webkit-scrollbar,
.singleSelectSearch.ms-parent .ms-drop ul::-webkit-scrollbar,
.multipleSelect.ms-parent .ms-drop ul::-webkit-scrollbar,
.multipleSelectSearch.ms-parent .ms-drop ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.singleSelect.ms-parent .ms-drop ul::-webkit-scrollbar-thumb,
.singleSelectSearch.ms-parent .ms-drop ul::-webkit-scrollbar-thumb,
.multipleSelect.ms-parent .ms-drop ul::-webkit-scrollbar-thumb,
.multipleSelectSearch.ms-parent .ms-drop ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(57, 96, 133, 0.2);
}
.singleSelect.ms-parent .ms-drop ul::-webkit-scrollbar-track,
.singleSelectSearch.ms-parent .ms-drop ul::-webkit-scrollbar-track,
.multipleSelect.ms-parent .ms-drop ul::-webkit-scrollbar-track,
.multipleSelectSearch.ms-parent .ms-drop ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.singleSelect.ms-parent .ms-drop ul::-webkit-scrollbar-corner,
.singleSelectSearch.ms-parent .ms-drop ul::-webkit-scrollbar-corner,
.multipleSelect.ms-parent .ms-drop ul::-webkit-scrollbar-corner,
.multipleSelectSearch.ms-parent .ms-drop ul::-webkit-scrollbar-corner {
  background-color: transparent;
}
.singleSelect.ms-parent .ms-drop ul::-webkit-resizer,
.singleSelectSearch.ms-parent .ms-drop ul::-webkit-resizer,
.multipleSelect.ms-parent .ms-drop ul::-webkit-resizer,
.multipleSelectSearch.ms-parent .ms-drop ul::-webkit-resizer {
  background-color: transparent;
  border-color: transparent;
}
.singleSelect.ms-parent .ms-drop ul > li,
.singleSelectSearch.ms-parent .ms-drop ul > li,
.multipleSelect.ms-parent .ms-drop ul > li,
.multipleSelectSearch.ms-parent .ms-drop ul > li {
  padding: 0.375rem 0.5rem;
}
.singleSelect.ms-parent .ms-drop ul > li label,
.singleSelectSearch.ms-parent .ms-drop ul > li label,
.multipleSelect.ms-parent .ms-drop ul > li label,
.multipleSelectSearch.ms-parent .ms-drop ul > li label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.singleSelect.ms-parent .ms-drop input[type=radio],
.singleSelect.ms-parent .ms-drop input[type=checkbox],
.singleSelectSearch.ms-parent .ms-drop input[type=radio],
.singleSelectSearch.ms-parent .ms-drop input[type=checkbox],
.multipleSelect.ms-parent .ms-drop input[type=radio],
.multipleSelect.ms-parent .ms-drop input[type=checkbox],
.multipleSelectSearch.ms-parent .ms-drop input[type=radio],
.multipleSelectSearch.ms-parent .ms-drop input[type=checkbox] {
  position: inherit;
  margin-top: 0;
}
.singleSelect.ms-parent.ms-parent-open .ms-choice,
.singleSelectSearch.ms-parent.ms-parent-open .ms-choice,
.multipleSelect.ms-parent.ms-parent-open .ms-choice,
.multipleSelectSearch.ms-parent.ms-parent-open .ms-choice {
  box-shadow: 0 0 4px 0 rgba(22, 93, 255, 0.2);
  border: solid 1px var(--blue_focus);
  border-radius: 4px 4px 0 0;
}
.singleSelect.ms-parent.ms-parent-open .ms-drop,
.singleSelectSearch.ms-parent.ms-parent-open .ms-drop,
.multipleSelect.ms-parent.ms-parent-open .ms-drop,
.multipleSelectSearch.ms-parent.ms-parent-open .ms-drop {
  border: solid 1px var(--blue_focus);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 0 4px 0 rgba(22, 93, 255, 0.2);
}
.singleSelect.ms-parent.ms-parent-open .ms-drop .ms-search input[type=text],
.singleSelectSearch.ms-parent.ms-parent-open .ms-drop .ms-search input[type=text],
.multipleSelect.ms-parent.ms-parent-open .ms-drop .ms-search input[type=text],
.multipleSelectSearch.ms-parent.ms-parent-open .ms-drop .ms-search input[type=text] {
  box-shadow: 0 0 4px 0 rgba(22, 93, 255, 0.2);
  border: solid 1px var(--blue_focus);
}
.singleSelect.ms-parent.ms-parent-open .ms-drop ul > li label,
.singleSelectSearch.ms-parent.ms-parent-open .ms-drop ul > li label,
.multipleSelect.ms-parent.ms-parent-open .ms-drop ul > li label,
.multipleSelectSearch.ms-parent.ms-parent-open .ms-drop ul > li label {
  white-space: inherit;
}
.singleSelect.ms-parent.error .ms-choice,
.singleSelectSearch.ms-parent.error .ms-choice,
.multipleSelect.ms-parent.error .ms-choice,
.multipleSelectSearch.ms-parent.error .ms-choice {
  border-color: var(--red);
}

.multipleSelect.ms-parent .ms-drop ul > li,
.multipleSelectSearch.ms-parent .ms-drop ul > li {
  padding-left: 2rem;
}
.multipleSelect.ms-parent .ms-drop ul > li.group, .multipleSelect.ms-parent .ms-drop ul > li.ms-select-all,
.multipleSelectSearch.ms-parent .ms-drop ul > li.group,
.multipleSelectSearch.ms-parent .ms-drop ul > li.ms-select-all {
  padding-left: 0.5rem;
}

/*===============================
  daterangepicker套件css設定修改
================================*/
.daterangepicker .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}
.daterangepicker .btn-primary {
  color: #fff;
  background-color: #4674a0;
  border-color: #4674a0;
}
.daterangepicker .btn-primary:hover {
  background-color: #396085;
  border-color: #396085;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #2e75ff;
}

.daterangepicker .calendar-time {
  margin-right: 8px;
}/*# sourceMappingURL=style.css.map */