body {
    font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif !important;
}

.breadcrumb {
  background-color: inherit !important;
  font-size: 12px !important;
  padding-left: 0 !important;
}

.breadcrumb a, .breadcrumb li {
  color: #424242 !important;
}

.breadcrumb-item {
  padding-left: 4px !important;
}

.breadcrumb-item:before {
  padding-right: 4px !important;
}

.breadcrumb.White {
  color: #ffffff;
  position: relative;
  z-index: 1;
}

.breadcrumb.White .breadcrumb-item:before {
  color: #ffffff;
}

.breadcrumb.White a, .breadcrumb.White li {
  color: #ffffff !important;
}

.btn {
  padding: 0;
  height: 32px;
  border-radius: 0;
  line-height: 32px !important;
}

.btn:focus {
  box-shadow: inherit !important;
}

.btn-primary {
  color: #ffffff !important;
  background-color: #cd0505 !important;
  border: none !important;
  box-shadow: 0 2px 5px 0 rgba(37, 37, 37, 0.2);
}

.btn-primary:hover, .btn-primary:active {
  background-color: #900101 !important;
  box-shadow: none !important;
}

.btn-primary:disabled {
  background-color: #dadada !important;
}

.btn-outline-primary {
  color: #cd0505 !important;
  border: 1px solid #cd0505 !important;
}

.btn-outline-primary:hover, .btn-outline-primary:active {
  background-color: transparent !important;
  color: #900101 !important;
  border-color: #900101 !important;
  box-shadow: none !important;
}

.btn-outline-primary:disabled {
  background-color: transparent !important;
  border-color: #dadada !important;
  color: #dadada !important;
}

.btn-outline-secondary {
  color: #ffffff !important;
  border: 1px solid #ffffff !important;
}

.btn-outline-secondary:hover, .btn-outline-secondary:active {
  opacity: 0.5;
  box-shadow: none !important;
}

.btn-outline-secondary:disabled {
  background-color: transparent !important;
  border-color: #dadada !important;
  color: #dadada !important;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a.Text-link:hover {
  color: #b9b9b9;
}

.modal {
  background-color: rgba(37, 37, 37, 0.8) !important;
}

.modal-content {
  border: none !important;
  border-radius: 0px !important;
  box-shadow: 0 20px 60px 0 rgba(37, 37, 37, 0.3) !important;
}

.modal-header {
  border: none !important;
  padding-bottom: 24px !important;
  padding-top: 8px !important;
  padding-left: 16px !important;
  padding-right: 8px !important;
}

.modal-header .close {
  color: #252525 !important;
  opacity: 1 !important;
}

.modal-header .close:hover {
  color: #757575 !important;
}

.modal-body {
  padding-top: 0px !important;
}

.modal-footer {
  border: none !important;
}

textarea {
  resize: none;
}

.datepicker table tr td.active.active,
.datepicker table tr td span.active.active {
  background: #cd0505 !important;
}

.pagination .page-item:not(:first-of-type) {
  margin-left: 8px;
}

.pagination .page-item.Nav .page-link {
  background-color: transparent !important;
  border: none !important;
}

.pagination .page-link {
  color: #252525 !important;
  font-size: 14px !important;
  width: 24px;
  height: 24px;
  padding: 2px 0px !important;
  text-align: center;
}

.pagination .active .page-link {
  background-color: #cd0505 !important;
  border-color: #cd0505 !important;
  color: #ffffff !important;
}

.pagination .More {
  margin-top: -6px;
}

.col-flex-ie {
  flex: 1 0 0% !important;
  -ms-flex: 1 0 0% !important;
}

col-xs-12 {
  width: 100% \0  !important;
}

@media screen and (min-width: 1024px) {
  col-md-7 {
    width: 58.33333% \0  !important;
  }
}

@media screen and (min-width: 1280px) {
  col-lg-8 {
    width: 66.66667% \0  !important;
  }
}