@charset "UTF-8";
.kf-div-table {
  font-size: 1em;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.125);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.125);
}
.kf-div-table .rowgroup-tbody > .row {
  margin: 0;
}
.kf-div-table .rowgroup-tbody > .row:nth-child(odd) {
  background: rgba(235, 235, 235, 0.5);
}
.kf-div-table .rowgroup-tbody > .row:hover, .kf-div-table .rowgroup-tbody > .row:focus {
  background: #EBEBEB;
}
.kf-div-table div[class*=col-] {
  padding: 0.75rem 0.5rem;
  line-height: 1.5;
}
@media (max-width: 575.98px) {
  .kf-div-table div[class*=col-] {
    padding: 0.25rem 0;
  }
}
@media (max-width: 575.98px) {
  .kf-div-table .kf-data-type:before {
    content: attr(data-type) "：";
    display: inline-block;
    font-weight: bold;
    padding-right: 0.25rem;
  }
}
.kf-div-table a.txt-link {
  color: #212529;
  vertical-align: middle;
}
.kf-div-table a.txt-link:hover, .kf-div-table a.txt-link:focus {
  color: #7d8cbd;
}
.kf-div-table a:hover .txt-link, .kf-div-table a:focus .txt-link {
  color: #7d8cbd;
}
@media (min-width: 768px) {
  .kf-div-table .kf-date i, .kf-div-table .kf-ctr i {
    display: none;
  }
}
.kf-div-table .badge {
  font-size: 0.875rem;
  margin-right: 0.25rem;
}

@media (max-width: 767.98px) {
  .kf-div-table-badge {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 0 0.5rem !important;
    margin-bottom: 0.25rem;
    border-radius: 0.25rem;
    color: #fff;
  }
}
@media (min-width: 768px) {
  .kf-div-table-badge {
    color: #212529;
    background: transparent !important;
  }
}

.kf-list-group {
  font-size: 1em;
}
.kf-list-group ul {
  margin-left: 1.75rem;
}
.kf-list-group ul li {
  position: relative;
}
.kf-list-group ul li:before {
  display: block;
  content: "";
  background: #9CAFEC;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 0.55em;
  left: -1.25rem;
}
.kf-list-group ul li ul li:before {
  width: 6px;
  height: 6px;
  border: 1px solid #9CAFEC;
  background: transparent;
  top: 0.55em;
}
.kf-list-group ol {
  counter-reset: number;
  margin-left: 1.75rem;
}
.kf-list-group ol > li:before, .kf-list-group ol > li > ol > li:before {
  counter-increment: number;
  content: counter(number) ". ";
  margin-left: -1.5rem;
  padding-right: 0.25rem;
  color: #6985E2;
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}
.kf-list-group ol li ul li:before {
  content: "";
  margin-left: auto;
  padding-right: 0;
}
.kf-list-group ul li ol li:before {
  width: auto;
  height: auto;
  margin-left: 0rem;
  padding-right: initial;
  top: auto;
  background: transparent;
}
.kf-list-group ul li ol li ul li:before {
  width: 6px;
  height: 6px;
  top: 0.6666666667em;
}
.kf-list-group li {
  line-height: 1.5;
}
.kf-list-group ul li:before {
  top: calc(2em/2) !important;
}
.kf-list-group a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #212529;
}
.kf-list-group a:hover, .kf-list-group a:focus {
  color: #7d8cbd;
}
.kf-list-group a.img-item {
  display: block;
}

/*-------------------------------------------*\
	DiagramText.scss

  - 1.基本欄位的樣式
    -1.1 標題
    -1.2 圖片
    -1.3 簡介
    -1.4 hover效果
    -1.5 標籤

  - 2.條列式圖文
  - 3.相關連結
\*-------------------------------------------*/
.card {
  display: block;
}
.card-tit, .card-txt {
  color: #212529;
  line-height: 1.5;
}
.card-tit {
  font-weight: bold;
}
.card:focus, .card:hover {
  background-color: #fff;
}
.card:focus .card-tit, .card:hover .card-tit {
  color: #6985E2;
}
.card:focus img, .card:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.kf-weblin .card,
.kf-diagramtext-list .card,
.kf-diagramtext-card .card {
  margin-bottom: 1rem;
}
.kf-weblin .card:hover,
.kf-diagramtext-list .card:hover,
.kf-diagramtext-card .card:hover {
  background-color: #f8f9fa;
}

@media (min-width: 992px) {
  .kf-diagramtext-list .card.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    border-bottom: 1px solid #EBEBEB;
  }
  .kf-diagramtext-list .card.row > div:nth-child(2) {
    padding-left: 1.5rem;
  }
  .kf-diagramtext-list .card.row > div:nth-child(1).card-body {
    width: 100%;
  }
}

.kf-weblink.kf-diagramtext-list .card {
  padding: 1rem;
}
.kf-weblink.kf-diagramtext-list .card-body {
  margin-top: 0.5rem;
}
@media (min-width: 992px) {
  .kf-weblink.kf-diagramtext-list .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
  }
  .kf-weblink.kf-diagramtext-list figure {
    max-width: 220px;
  }
  .kf-weblink.kf-diagramtext-list .card-body {
    width: calc(100% - 220px);
    margin: 0 0 0 1rem;
  }
}

/*-------------------------------------------*\
	kf-Search.scss

  - 1.基本搜尋bar
  - 2.進階搜尋bar
    --進階搜尋開啟後樣式
    --無障礙fieldext群組
  - 3.btn

\*-------------------------------------------*/
.kf-search-row, .kf-search-unit {
  background: #f8f9fa;
  padding: 0.5rem;
}

.kf-search-unit-bar {
  width: 100%;
}
.kf-search-unit-bar .form-group {
  margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
  .kf-search-unit-bar {
    margin-right: 0.25rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .kf-search-unit-bar .form-group {
    margin-bottom: 0;
  }
}
.kf-search-unit-bar label.invisible {
  display: none;
}

.kf-search-unit-btn {
  width: 100%;
}
@media (min-width: 576px) {
  .kf-search-unit-btn {
    width: auto;
  }
}
.kf-search-unit-btn .btn {
  white-space: nowrap;
}

.kf-search-unit-clear {
  display: none;
}

.kf-search-unit-fold {
  display: none;
  height: 0;
}

.unit-open {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  padding: 2.5rem 0.5rem 1rem;
}
@media (min-width: 576px) {
  .unit-open {
    padding: 3rem 1rem 1rem;
  }
}
.unit-open label {
  display: block;
  margin-bottom: 0.5rem;
}
.unit-open .kf-search-unit-bar {
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  .unit-open .kf-search-unit-bar {
    width: 100%;
  }
}
.unit-open .kf-search-unit-bar label {
  visibility: visible !important;
  display: block;
}
.unit-open .kf-search-unit-fold {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
}
.unit-open .kf-search-unit-btn {
  width: 100%;
  margin-bottom: 1rem;
}
.unit-open .kf-search-unit-clear {
  display: inline-block;
}
.unit-open .kf-search-unit-more {
  position: absolute;
  top: 0;
  right: 0.25rem;
  color: #6985E2 !important;
  background: transparent !important;
  border: 0;
  padding-left: 2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.unit-open .kf-search-unit-more:hover, .unit-open .kf-search-unit-more:focus {
  color: #6985E2 !important;
  background: transparent !important;
  border: 0;
}
.unit-open .kf-search-unit-more:before, .unit-open .kf-search-unit-more:after {
  position: absolute;
  top: 1.125rem;
  left: 0.5rem;
  content: "";
  width: 20px;
  height: 1px;
  background: #6985E2;
}
.unit-open .kf-search-unit-more:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.unit-open .kf-search-unit-more:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (min-width: 576px) {
  .unit-open .kf-search-unit-more {
    top: 0.5rem;
    right: 0.5rem;
  }
}
.unit-open fieldset {
  margin-left: 0;
  margin-right: 0;
  border: none;
}
.unit-open fieldset legend {
  position: initial;
  margin-bottom: 0.5rem;
}

.btn-min,
.kf-search-btn {
  min-width: 90px;
}

.kf-paginator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kf-paginator-date {
  margin-top: 1rem;
  color: #495057;
}
@media (max-width: 575.98px) {
  .kf-paginator .page-item {
    display: none;
  }
  .kf-paginator .active,
.kf-paginator li[class*=kf-page] {
    display: block;
  }
}
@media (min-width: 768px) {
  .kf-paginator i {
    display: none;
  }
  .kf-paginator .sr-only {
    position: static;
    width: auto;
    height: auto;
    clip: auto;
    overflow: auto;
    white-space: nowrap;
  }
}

/*-------------------------------------------*\
	kf-Select2Develop.scss

  - 1.Select2 複選下拉套件樣式
  與 bootstrap _forms.scss 相同（有調整文字size）

\*-------------------------------------------*/
.select2-container--default .select2-selection--multiple {
  display: block;
  width: 100%;
  min-height: calc(1.5em + 0.75rem + 2px) !important;
  padding: 0.09375rem 0.375rem !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .select2-container--default .select2-selection--multiple {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.select2-container--default .select2-selection--multiple::-ms-expand {
  background-color: transparent;
  border: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ced4da;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #9CAFEC !important;
  color: white;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4 !important;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #ced7f6 !important;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(156, 175, 236, 0.25);
          box-shadow: 0 0 0 0.25rem rgba(156, 175, 236, 0.25);
}
.select2-container--default .select2-selection__choice__remove {
  border-right: 1px solid #ced4da !important;
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  color: #212529 !important;
}

.select2-dropdown {
  border: 1px solid #ced4da !important;
  border-radius: 0.25rem !important;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 7px !important;
}

/*-------------------------------------------*\
  kf-ModuleTitle 模組標題  
  01-基本樣式
    -內容標題
    -相關連結、相關圖片、相關檔案標題
  02-常見問答標題

\*-------------------------------------------*/
.kf-title {
  font-weight: bold;
  line-height: 1.2;
  color: #212529;
}
.kf-title.fs-2 {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .kf-title.fs-2 {
    font-size: 1.75rem !important;
    margin-bottom: 1rem !important;
  }
}
.kf-title.fs-3 {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .kf-title.fs-3 {
    font-size: 1.5rem !important;
    margin-bottom: 1rem !important;
  }
}
.kf-title.fs-4 {
  margin-bottom: 1rem;
}
@media (max-width: 575.98px) {
  .kf-title.fs-4 {
    font-size: 1.25rem !important;
    margin-bottom: 1rem !important;
  }
}
.kf-title.fs-5, .kf-title.fs-6 {
  margin-bottom: 1rem;
}
.kf-title p {
  padding: 0 !important;
}
.kf-title.kf-det-title.fs-3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kf-title.kf-det-title.fs-3:before {
  content: "";
  width: 20px;
  height: 4px;
  margin-right: 0.25rem;
  background: #9CAFEC;
}
.kf-title.kf-det-title.fs-3 p {
  padding: 0;
}
.kf-title.kf-det-title.fs-4 {
  position: relative;
  display: block;
  font-weight: bold;
  border-bottom: 3px solid #dee2e6;
  padding-bottom: 0.75rem;
  margin-bottom: 1.5rem;
}
.kf-title.kf-det-title.fs-4:before {
  display: block;
  content: "";
  width: 140px;
  border-bottom: 3px solid #9CAFEC;
  position: absolute;
  bottom: -3px;
  left: 0;
}
.kf-title.kf-det-title.fs-5 {
  position: relative;
  display: block;
  font-weight: bold;
  padding-left: 1.75rem;
}
.kf-title.kf-det-title.fs-5:before, .kf-title.kf-det-title.fs-5:after {
  content: "";
  position: absolute;
  display: inline-block;
}
.kf-title.kf-det-title.fs-5:before {
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid #9CAFEC;
  left: 4px;
  top: 4px;
}
.kf-title.kf-det-title.fs-5:after {
  width: 1rem;
  height: 1rem;
  background: rgba(177, 192, 240, 0.3);
  left: 8px;
  top: 8px;
}
.kf-title.kf-det-title.fs-6 {
  position: relative;
  background-color: #9CAFEC;
  color: #fff;
  overflow: hidden;
  padding: 0.75rem 4.5rem 0.75rem 0.75rem;
  display: inline-block;
}
.kf-title.kf-det-title.fs-6:before, .kf-title.kf-det-title.fs-6:after {
  position: absolute;
  content: "";
  display: block;
  background-color: #fff;
  opacity: 0.3;
  width: 500px;
  height: 500px;
}
.kf-title.kf-det-title.fs-6:before {
  -webkit-transform: rotate(-50deg);
      -ms-transform: rotate(-50deg);
          transform: rotate(-50deg);
  bottom: -10px;
  right: -330px;
}
.kf-title.kf-det-title.fs-6:after {
  -webkit-transform: rotate(-70deg);
      -ms-transform: rotate(-70deg);
          transform: rotate(-70deg);
  bottom: -100px;
  right: -500px;
}

a .kf-title {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover .kf-title, a:focus .kf-title {
  color: #6985E2;
}

.kf-fqa-q, .kf-fqa-a {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-left: 0 !important;
}
.kf-fqa-q::before, .kf-fqa-a::before {
  content: "";
  position: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px !important;
  height: 32px !important;
  margin-right: 0.5rem;
  border-radius: 2px;
}
.kf-fqa-q::before {
  margin-top: 0.25rem;
  background-color: #9CAFEC;
  background-image: url(../images/module/fqa-q.svg) !important;
}
.kf-fqa-a::before {
  background-color: #7ADED7;
  background-image: url(../images/module/fqa-a.svg) !important;
}

@media (max-width: 575.98px) {
  .kf-fqa-a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .kf-fqa-a::before {
    margin-bottom: 1rem;
  }
}
/*-------------------------------------------*\
	DetContent.scss

  - 1.編輯器文字行高連結
  - 2.項目符號
  - 3.表格
\*-------------------------------------------*/
.kf-det-content {
  font-size: 1em;
  line-height: 1.5;
  word-wrap: break-word;
}
.kf-det-content p {
  margin-bottom: 1rem;
}
.kf-det-content a {
  color: #9CAFEC;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf-det-content a:hover, .kf-det-content a:focus {
  color: #7d8cbd;
  background: rgba(156, 175, 236, 0.125);
}
.kf-det-content > ul, .kf-det-content > ol {
  margin-bottom: 1rem;
}
.kf-det-content ul li, .kf-det-content ol li {
  padding: 0.125rem 0;
  line-height: 1.5;
}
.kf-det-content ul {
  margin-left: 1.75rem;
}
.kf-det-content ul li {
  position: relative;
}
.kf-det-content ul li:before {
  display: block;
  content: "";
  background: #9CAFEC;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 0.55em;
  left: -1.25rem;
}
.kf-det-content ul li ul li:before {
  width: 6px;
  height: 6px;
  border: 1px solid #9CAFEC;
  background: transparent;
  top: 0.55em;
}
.kf-det-content ol {
  counter-reset: number;
  margin-left: 1.75rem;
}
.kf-det-content ol > li:before, .kf-det-content ol > li > ol > li:before {
  counter-increment: number;
  content: counter(number) ". ";
  margin-left: -1.5rem;
  padding-right: 0.25rem;
  color: #6985E2;
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}
.kf-det-content ol li ul li:before {
  content: "";
  margin-left: auto;
  padding-right: 0;
}
.kf-det-content ul li ol li:before {
  width: auto;
  height: auto;
  margin-left: 0rem;
  padding-right: initial;
  top: auto;
  background: transparent;
}
.kf-det-content ul li ol li ul li:before {
  width: 6px;
  height: 6px;
  top: 0.6666666667em;
}
.kf-det-content table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  background-color: transparent;
  border: 1px solid #dee2e6;
  line-height: 1.25;
  margin-bottom: 1.5rem;
}
.kf-det-content table th {
  color: #fff;
  background-color: #9CAFEC;
  border-color: #9CAFEC;
  border-right: 1px solid #B1C0F0;
}
.kf-det-content table th p {
  margin-bottom: 0;
}
.kf-det-content table th,
.kf-det-content table td {
  padding: 0.25rem 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.kf-det-content table td {
  border-right: 1px solid #dee2e6;
}
.kf-det-content table thead th {
  vertical-align: middle;
  border-bottom: 0;
}
.kf-det-content table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.kf-det-content table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

/*-------------------------------------------*\
	Date.scss

  - 1.日期、點閱率、下載
\*-------------------------------------------*/
.kf-date, .kf-ctr, .kf-down {
  font-size: 0.875em;
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  color: #212529;
  line-height: 1.5;
}
@media (max-width: 575.98px) {
  .kf-date.event-deta span, .kf-ctr.event-deta span, .kf-down.event-deta span {
    display: block;
  }
}
.kf-date i, .kf-ctr i, .kf-down i {
  padding-right: 0.25rem;
}

/*-------------------------------------------*\
	kf-WordBreak.scss


\*-------------------------------------------*/
.kf-break-all {
  word-break: break-all;
}

.kf-break-word {
  word-break: break-word;
}

.kf-keep-all {
  word-break: keep-all;
}

/*-------------------------------------------*\
	FileIcon.scss

  - 1. 基本樣式
  - 2. 當在alink裡有hover效果
  - 3. <i>標籤使用
  - 4.
\*-------------------------------------------*/
.kf_dload-xlsx {
  background-image: url(../images/module/kf_dload_xlsx.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-xlsx:hover, .kf_dload-xlsx:focus {
  background-image: url(../images/module/kf_dload_xlsx-hover.svg);
}

.kf_dload-xls {
  background-image: url(../images/module/kf_dload_xls.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-xls:hover, .kf_dload-xls:focus {
  background-image: url(../images/module/kf_dload_xls-hover.svg);
}

.kf_dload-pptx {
  background-image: url(../images/module/kf_dload_pptx.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-pptx:hover, .kf_dload-pptx:focus {
  background-image: url(../images/module/kf_dload_pptx-hover.svg);
}

.kf_dload-ppt {
  background-image: url(../images/module/kf_dload_ppt.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-ppt:hover, .kf_dload-ppt:focus {
  background-image: url(../images/module/kf_dload_ppt-hover.svg);
}

.kf_dload-docx {
  background-image: url(../images/module/kf_dload_docx.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-docx:hover, .kf_dload-docx:focus {
  background-image: url(../images/module/kf_dload_docx-hover.svg);
}

.kf_dload-doc {
  background-image: url(../images/module/kf_dload_doc.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-doc:hover, .kf_dload-doc:focus {
  background-image: url(../images/module/kf_dload_doc-hover.svg);
}

.kf_dload-ods {
  background-image: url(../images/module/kf_dload_ods.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-ods:hover, .kf_dload-ods:focus {
  background-image: url(../images/module/kf_dload_ods-hover.svg);
}

.kf_dload-odt {
  background-image: url(../images/module/kf_dload_odt.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-odt:hover, .kf_dload-odt:focus {
  background-image: url(../images/module/kf_dload_odt-hover.svg);
}

.kf_dload-odp {
  background-image: url(../images/module/kf_dload_odp.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-odp:hover, .kf_dload-odp:focus {
  background-image: url(../images/module/kf_dload_odp-hover.svg);
}

.kf_dload-odf {
  background-image: url(../images/module/kf_dload_odf.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-odf:hover, .kf_dload-odf:focus {
  background-image: url(../images/module/kf_dload_odf-hover.svg);
}

.kf_dload-txt {
  background-image: url(../images/module/kf_dload_txt.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-txt:hover, .kf_dload-txt:focus {
  background-image: url(../images/module/kf_dload_txt-hover.svg);
}

.kf_dload-pdf {
  background-image: url(../images/module/kf_dload_pdf.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-pdf:hover, .kf_dload-pdf:focus {
  background-image: url(../images/module/kf_dload_pdf-hover.svg);
}

.kf_dload-bmp {
  background-image: url(../images/module/kf_dload_bmp.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-bmp:hover, .kf_dload-bmp:focus {
  background-image: url(../images/module/kf_dload_bmp-hover.svg);
}

.kf_dload-png {
  background-image: url(../images/module/kf_dload_png.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-png:hover, .kf_dload-png:focus {
  background-image: url(../images/module/kf_dload_png-hover.svg);
}

.kf_dload-jpg {
  background-image: url(../images/module/kf_dload_jpg.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-jpg:hover, .kf_dload-jpg:focus {
  background-image: url(../images/module/kf_dload_jpg-hover.svg);
}

.kf_dload-jpeg {
  background-image: url(../images/module/kf_dload_jpeg.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-jpeg:hover, .kf_dload-jpeg:focus {
  background-image: url(../images/module/kf_dload_jpeg-hover.svg);
}

.kf_dload-gif {
  background-image: url(../images/module/kf_dload_gif.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-gif:hover, .kf_dload-gif:focus {
  background-image: url(../images/module/kf_dload_gif-hover.svg);
}

.kf_dload-zip {
  background-image: url(../images/module/kf_dload_zip.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-zip:hover, .kf_dload-zip:focus {
  background-image: url(../images/module/kf_dload_zip-hover.svg);
}

.kf_dload-other {
  background-image: url(../images/module/kf_dload_other.svg);
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kf_dload-other:hover, .kf_dload-other:focus {
  background-image: url(../images/module/kf_dload_other-hover.svg);
}

a:hover .kf_dload-xlsx, a:focus .kf_dload-xlsx {
  background-image: url(../images/module/kf_dload_xlsx-hover.svg);
}

a:hover .kf_dload-xls, a:focus .kf_dload-xls {
  background-image: url(../images/module/kf_dload_xls-hover.svg);
}

a:hover .kf_dload-pptx, a:focus .kf_dload-pptx {
  background-image: url(../images/module/kf_dload_pptx-hover.svg);
}

a:hover .kf_dload-ppt, a:focus .kf_dload-ppt {
  background-image: url(../images/module/kf_dload_ppt-hover.svg);
}

a:hover .kf_dload-docx, a:focus .kf_dload-docx {
  background-image: url(../images/module/kf_dload_docx-hover.svg);
}

a:hover .kf_dload-doc, a:focus .kf_dload-doc {
  background-image: url(../images/module/kf_dload_doc-hover.svg);
}

a:hover .kf_dload-ods, a:focus .kf_dload-ods {
  background-image: url(../images/module/kf_dload_ods-hover.svg);
}

a:hover .kf_dload-odt, a:focus .kf_dload-odt {
  background-image: url(../images/module/kf_dload_odt-hover.svg);
}

a:hover .kf_dload-odp, a:focus .kf_dload-odp {
  background-image: url(../images/module/kf_dload_odp-hover.svg);
}

a:hover .kf_dload-odf, a:focus .kf_dload-odf {
  background-image: url(../images/module/kf_dload_odf-hover.svg);
}

a:hover .kf_dload-txt, a:focus .kf_dload-txt {
  background-image: url(../images/module/kf_dload_txt-hover.svg);
}

a:hover .kf_dload-pdf, a:focus .kf_dload-pdf {
  background-image: url(../images/module/kf_dload_pdf-hover.svg);
}

a:hover .kf_dload-bmp, a:focus .kf_dload-bmp {
  background-image: url(../images/module/kf_dload_bmp-hover.svg);
}

a:hover .kf_dload-png, a:focus .kf_dload-png {
  background-image: url(../images/module/kf_dload_png-hover.svg);
}

a:hover .kf_dload-jpg, a:focus .kf_dload-jpg {
  background-image: url(../images/module/kf_dload_jpg-hover.svg);
}

a:hover .kf_dload-jpeg, a:focus .kf_dload-jpeg {
  background-image: url(../images/module/kf_dload_jpeg-hover.svg);
}

a:hover .kf_dload-gif, a:focus .kf_dload-gif {
  background-image: url(../images/module/kf_dload_gif-hover.svg);
}

a:hover .kf_dload-zip, a:focus .kf_dload-zip {
  background-image: url(../images/module/kf_dload_zip-hover.svg);
}

a:hover .kf_dload-other, a:focus .kf_dload-other {
  background-image: url(../images/module/kf_dload_other-hover.svg);
}

i.kf_dload-xlsx {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-xls {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-pptx {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-ppt {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-docx {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-doc {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-ods {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-odt {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-odp {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-odf {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-txt {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-pdf {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-bmp {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-png {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-jpg {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-jpeg {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-gif {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-zip {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

i.kf_dload-other {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.kf_dload-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.kf_dload-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.kf_dload-icon .fas {
  color: #000;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
}

@media (max-width: 575.98px) {
  .kf_dload-row .kf_dload-icon i {
    width: 2.5rem !important;
    height: 2.5rem !important;
    font-size: 2.5rem !important;
    line-height: 2.5rem;
  }
}
/*-------------------------------------------*\
	Badge.scss

  - 1.submit
  - 2.checkbox
\*-------------------------------------------*/
.badge {
  font-size: inherit;
  font-weight: inherit;
}

.kf-badge-submit {
  display: inline-block !important;
  border: 0;
}

.kf-badge-checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.kf-badge-checkbox label {
  display: inline-block;
  font-size: 0.75em;
  font-weight: 700;
  padding: 0.35em 0.65em;
  border-radius: 0.25rem;
  cursor: pointer;
}

.kf-badge-checkbox-primary_l input:checked + label {
  background-color: #869de8;
}
.kf-badge-checkbox-primary_l input:not(:checked) + label {
  background-color: #B1C0F0;
}

.kf-badge-checkbox-primary input:checked + label {
  background-color: #718ce4;
}
.kf-badge-checkbox-primary input:not(:checked) + label {
  background-color: #9CAFEC;
}

.kf-badge-checkbox-primary_d1 input:checked + label {
  background-color: #3e62da;
}
.kf-badge-checkbox-primary_d1 input:not(:checked) + label {
  background-color: #6985E2;
}

.kf-badge-checkbox-secondary_l1 input:checked + label {
  background-color: #6edbd4;
}
.kf-badge-checkbox-secondary_l1 input:not(:checked) + label {
  background-color: #97E5E0;
}

.kf-badge-checkbox-secondary input:checked + label {
  background-color: #51d4cb;
}
.kf-badge-checkbox-secondary input:not(:checked) + label {
  background-color: #7ADED7;
}

.kf-badge-checkbox-secondary_d1 input:checked + label {
  background-color: #2fbeb3;
}
.kf-badge-checkbox-secondary_d1 input:not(:checked) + label {
  background-color: #4DD3C9;
}

.kf-badge-checkbox-success input:checked + label {
  background-color: #008140;
}
.kf-badge-checkbox-success input:not(:checked) + label {
  background-color: #00B459;
}

.kf-badge-checkbox-info input:checked + label {
  background-color: #003e48;
}
.kf-badge-checkbox-info input:not(:checked) + label {
  background-color: #006a7b;
}

.kf-badge-checkbox-warning input:checked + label {
  background-color: #d39e00;
}
.kf-badge-checkbox-warning input:not(:checked) + label {
  background-color: #ffc107;
}

.kf-badge-checkbox-danger input:checked + label {
  background-color: #bd2226;
}
.kf-badge-checkbox-danger input:not(:checked) + label {
  background-color: #db373b;
}

.kf-badge-checkbox-light input:checked + label {
  background-color: #dae0e5;
}
.kf-badge-checkbox-light input:not(:checked) + label {
  background-color: #f8f9fa;
}

.kf-badge-checkbox-dark input:checked + label {
  background-color: #0a0c0d;
}
.kf-badge-checkbox-dark input:not(:checked) + label {
  background-color: #212529;
}

.kf-badge-checkbox-new input:checked + label {
  background-color: #bd2226;
}
.kf-badge-checkbox-new input:not(:checked) + label {
  background-color: #db373b;
}

.kf-badge-checkbox-black input:checked + label {
  background-color: black;
}
.kf-badge-checkbox-black input:not(:checked) + label {
  background-color: #000;
}

.kf-badge-checkbox-gray input:checked + label {
  background-color: #919ca6;
}
.kf-badge-checkbox-gray input:not(:checked) + label {
  background-color: #adb5bd;
}

.kf-badge-checkbox-gray-light input:checked + label {
  background-color: #dae0e5;
}
.kf-badge-checkbox-gray-light input:not(:checked) + label {
  background-color: #f8f9fa;
}

.kf-badge-checkbox-Facebook input:checked + label {
  background-color: #324984;
}
.kf-badge-checkbox-Facebook input:not(:checked) + label {
  background-color: #405DA9;
}

.kf-badge-checkbox-GooglePlus input:checked + label {
  background-color: #c23321;
}
.kf-badge-checkbox-GooglePlus input:not(:checked) + label {
  background-color: #DD4B39;
}

/*-------------------------------------------*\
	Form.scss

  - 2.file
  - 4.select
  - 5.View data
  - 6.無障礙fieldext群組
  - 7.Radio Checkbox
  - 8.Questionnaire
  - 9.Google驗證碼
  - 10.查詢結果
  - 11.同意須知說明文
\*-------------------------------------------*/
textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.form-check {
  line-height: 1.5;
}

.formsTxt {
  display: block;
  line-height: 1.5;
  padding: calc(0.375rem + 1px) 0;
}

.form-control-file {
  width: 100%;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  cursor: pointer;
}
.form-control-file::-webkit-file-upload-button {
  width: 80px !important;
  padding: 6.5px 0.75rem;
  font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.875em;
  border: 0;
  border-radius: 0.25rem;
  background-color: #9CAFEC;
  color: #fff;
}
.form-control-file::-ms-browse {
  width: 80px !important;
  padding: 6.5px 0.75rem;
  font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 0.875em;
  border: 0;
  border-radius: 0.25rem;
  background-color: #9CAFEC;
  color: #fff;
}
.form-control-file::-ms-value {
  background: #fff;
  border: 0;
}
.form-control-file:disabled {
  color: #adb5bd;
  background-color: #EBEBEB;
}
.form-control-file:disabled::-webkit-file-upload-button {
  color: #343a40;
  background-color: #a8b5e0;
}
.form-control-file:disabled::-ms-browse {
  color: #343a40;
  background-color: #a8b5e0;
}
.form-control-file:disabled::-ms-value {
  background-color: #EBEBEB;
}

select.form-select {
  /*IE隱藏箭頭樣式*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 1.3125rem;
  background: url(../images/module/kf-select-arrow.svg) no-repeat center right 0.5rem, #fff;
}
select.form-select::-ms-expand {
  display: none;
}

.form-control.form-ViewDate {
  border: none;
  background: transparent;
}

abbr.kf-RequiredForm,
abbr.required {
  color: #db373b;
  font-size: 0.875em;
  border-bottom: none;
  margin: 0 0.25rem;
  text-decoration: none;
}

.progress-wrap {
  line-height: 1.5;
}
.progress-wrap ul {
  margin-left: 1.75rem;
}
.progress-wrap ul li {
  position: relative;
}
.progress-wrap ul li:before {
  display: block;
  content: "";
  background: #9CAFEC;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 0.55em;
  left: -1.25rem;
}
.progress-wrap ul li ul li:before {
  width: 6px;
  height: 6px;
  border: 1px solid #9CAFEC;
  background: transparent;
  top: 0.55em;
}
.progress-wrap ol {
  counter-reset: number;
  margin-left: 1.75rem;
}
.progress-wrap ol > li:before, .progress-wrap ol > li > ol > li:before {
  counter-increment: number;
  content: counter(number) ". ";
  margin-left: -1.5rem;
  padding-right: 0.25rem;
  color: #6985E2;
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}
.progress-wrap ol li ul li:before {
  content: "";
  margin-left: auto;
  padding-right: 0;
}
.progress-wrap ul li ol li:before {
  width: auto;
  height: auto;
  margin-left: 0rem;
  padding-right: initial;
  top: auto;
  background: transparent;
}
.progress-wrap ul li ol li ul li:before {
  width: 6px;
  height: 6px;
  top: 0.6666666667em;
}
.progress-wrap ol,
.progress-wrap ol > li:before,
.progress-wrap ol > li > ol > li:before {
  margin-left: 0;
}
.progress-wrap li {
  padding: 0.125rem 0;
}

@media (min-width: 768px) {
  .kf-login {
    max-width: 450px;
    padding: 1rem 2rem;
    margin: 0 auto;
  }
}

.kf-login-tabs a {
  color: #212529;
  text-decoration: underline;
}
.kf-login-tabs a:hover, .kf-login-tabs a:focus {
  color: #7d8cbd;
}

@media (max-width: 360px) {
  .reCAPTCHA {
    -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
  }
}

#ucValidateCode_ucGoogleV2_divMessage {
  margin-top: 0.25rem;
  font-size: 80%;
  color: #00B459;
}

.kf-InqResult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kf-InqResult .kf-det-content {
  max-width: 600px;
  margin: 0 auto;
}
.kf-InqResult .form-group {
  margin-bottom: 1.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.kf-InqResult-heading {
  font-weight: bold;
  position: relative;
}
.kf-InqResult-heading:before {
  display: block;
  content: "";
  background: #9CAFEC;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 0.55em;
  left: -1.25rem;
}

.kf-Explain {
  padding: 1rem 1rem 0;
  overflow-y: auto;
  max-height: calc(100vh - 300px);
  border: 1px solid #adb5bd;
  border-radius: 0.25rem;
  padding: 2rem 7rem 0;
}
@media (min-width: 992px) {
  .kf-Explain {
    padding: 1rem 5rem 0;
  }
}

/*-------------------------------------------*\
	FormStyle.scss

  - 1.item
  - 2.Label 
  - 3.striped 條紋
  - 4.flex 水平排列
  - 5.border 線框
\*-------------------------------------------*/
.formsItem {
  margin: 0;
  padding: 0;
  border: none;
}
.formsItem .formsGroup,
.formsItem .formsLabel {
  float: left;
  width: 100%;
  padding: 0;
}

.formsWrap .formsItem {
  padding: 1rem;
  border-bottom: 1px dotted #ced4da;
}
.formsWrap .formsItem .formsLabel {
  font-weight: bold;
}

.formsLabel {
  color: #212529;
  margin-bottom: 0.25rem;
}
.formsLabel abbr {
  color: #db373b;
  font-size: 0.875rem;
  border-bottom: none;
  text-decoration: none;
}

.formsWrap-striped .formsItem {
  border-bottom: 1px solid rgba(235, 235, 235, 0.75);
}
.formsWrap-striped .formsItem:nth-child(even) {
  background-color: #f8f9fa;
}

@media (min-width: 768px) {
  .formsWrap-flex .formsItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5rem 1rem;
  }
  .formsWrap-flex .formsItem .formsLabel {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 25%;
    padding: calc(0.375rem + 1px) 1rem calc(0.375rem + 1px) 0;
    text-align: right;
  }
  .formsWrap-flex .formsItem .formsGroup {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .formsWrap-flex fieldset.formsItem .formsLabel {
    padding: 0 1rem 0 0;
  }
}

.formsWrap-border .formsItem {
  padding: 0;
  border: none;
  border: 1px solid #dee2e6;
}
.formsWrap-border .formsItem .formsLabel,
.formsWrap-border .formsItem .formsGroup {
  padding: 0.5rem 1rem;
}
.formsWrap-border .formsItem .formsLabel {
  border-bottom: 1px solid #dee2e6;
  background-color: #f8f9fa;
}
.formsWrap-border .formsItem:not(:last-child) {
  border-bottom: none;
}
@media (min-width: 768px) {
  .formsWrap-border .formsItem .formsLabel,
.formsWrap-border .formsItem .formsGroup,
.formsWrap-border fieldset.formsItem .formsLabel,
.formsWrap-border fieldset.formsItem .formsGroup {
    padding: 1.5rem 1rem;
  }
  .formsWrap-border .formsItem .formsLabel {
    margin-bottom: 0;
    border-bottom: none;
    border-right: 1px solid #dee2e6;
  }
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (-o-min-device-pixel-ratio: 0/1), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    @media (min-width: 768px) {
      .formsWrap-flex fieldset.formsItem {
        position: relative;
        padding: 0 !important;
      }
      .formsWrap-flex fieldset.formsItem .formsGroup {
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 75% !important;
                flex: 0 0 75% !important;
        float: none !important;
        width: 75% !important;
        margin-left: auto;
        padding: 1.5rem 1rem;
      }
      .formsWrap-flex legend.col-form-label {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        padding: 1.5rem 1rem !important;
      }
    }
  }
}
.questionnaire fieldset {
  margin: 0;
  border: none;
}
.questionnaire legend {
  margin-bottom: 0 !important;
}
.questionnaire legend + .mt-3 {
  margin-top: 0 !important;
}
.questionnaire abbr {
  font-size: 0.875rem;
}

/*-------------------------------------------*\
 kf-Category 主題分類 
 01-框架

\*-------------------------------------------*/
.kf-category-group a {
  color: #212529;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.kf-category-group a:hover, .kf-category-group a:focus {
  color: #7d8cbd;
  background: #EBEBEB;
}
.kf-category-group a:focus {
  outline-offset: -2px;
}
.kf-category-group a .badge {
  font-size: 0.875em;
}

/*-------------------------------------------*\
  Calendar.scss

  - 1.上下切換月份選擇
  - 2.行事曆表格
  - 3.行事曆手機版
  - 4.日期內容區
  - 5.按紐
\*-------------------------------------------*/
.kf-calendar-monthselect {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.5rem 0;
}
.kf-calendar-monthselect span {
  padding: 0 0.5rem;
  margin-bottom: 0;
  font-weight: bold;
  letter-spacing: 0.125em;
}
.kf-calendar-monthselect .prev, .kf-calendar-monthselect .next {
  font-size: 1.5rem;
}

.kf-calendar-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.kf-calendar-table th.week {
  padding: 0.75rem;
  color: #fff;
  background: #9CAFEC;
}
.kf-calendar-table .other-month {
  background: #f8f9fa;
}
.kf-calendar-table .other-month p {
  opacity: 0.5;
}
.kf-calendar-table td {
  background: #fff;
  border: 1px solid #EBEBEB;
}
.kf-calendar-table td p {
  font-family: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  padding: 0.5rem 0.5rem 0 0.5rem;
  text-align: left;
  color: #212529;
}
.kf-calendar-table tr td:first-child p {
  color: #db373b;
}
.kf-calendar-table tr td:last-child p {
  color: #00B459;
}

@media (max-width: 575.98px) {
  .kf-calendar-table {
    display: block;
    border-top: 0.25rem solid #9CAFEC;
  }
  .kf-calendar-table thead, .kf-calendar-table tbody, .kf-calendar-table th, .kf-calendar-table td, .kf-calendar-table tr {
    display: block;
  }
  .kf-calendar-table th.week,
.kf-calendar-table td.other-month {
    display: none;
  }
  .kf-calendar-table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff;
    border: none;
    border-bottom: 1px solid #EBEBEB;
  }
  .kf-calendar-table td p {
    position: relative;
    width: 5rem;
    padding-top: 0;
    padding-left: 2.5rem;
  }
  .kf-calendar-table td p:before {
    font-family: "Microsoft Jhenghei", "微軟正黑體", "Trebuchet MS", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0.5rem;
    content: attr(data-column);
    color: #9CAFEC;
  }
  .kf-calendar-table tr td:first-child, .kf-calendar-table tr td:last-child {
    background: rgba(177, 192, 240, 0.115);
    border-bottom: 1px solid #fff;
  }
}
.day-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  min-height: 4.5rem;
  padding: 0.5em 0;
}
@media (max-width: 575.98px) {
  .day-content {
    width: calc(100% - 6rem);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 3rem;
    margin-left: 1rem;
    padding: 0.65rem 0.25rem;
  }
}
.day-content-txt {
  display: inline-block;
  padding: 0.5rem;
  font-size: 0.875em;
  line-height: 1.2;
}
.day-content-txt.review {
  color: #db373b;
}
.day-content-txt.approval {
  color: #212529;
}

.day-content .fullybooked {
  color: #212529 !important;
  background-color: #7ADED7 !important;
  border-width: 0;
  opacity: 1;
}

.none {
  font-size: 1.75rem;
  color: #db373b;
}

.other-month .day-content .fullybooked, .other-month .day-content .none {
  opacity: 0.6;
}

/*-------------------------------------------*\
  Step.scss

  - 1.step_wrap
  - 2.step_item
\*-------------------------------------------*/
.kf-step_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  .kf-step_wrap {
    counter-reset: num;
  }
}

.kf-step_item {
  position: relative;
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  text-align: center;
  line-height: 1.2;
  color: #343a40;
  border-bottom: 2px solid #dee2e6;
}
.kf-step_item::before {
  content: attr(data-title);
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-bottom: 1.5rem;
  line-height: 60px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: bold;
  font-size: 1.25rem;
  color: #343a40;
  background-color: #dee2e6;
  border-radius: 50%;
}
.kf-step_item::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: calc(1rem + (60px - 17px));
  left: calc(50% - (1.5rem / 2));
  width: 1.5rem;
  height: 1.5rem;
  background-color: #dee2e6;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.kf-step_item.completed {
  border-bottom: 2px solid #B1C0F0;
}
.kf-step_item.completed::before, .kf-step_item.completed::after {
  background-color: #B1C0F0;
}
.kf-step_item.completed::before {
  color: #6985E2;
}
.kf-step_item.active {
  display: block;
  border-bottom: 2px solid #9CAFEC;
}
.kf-step_item.active::before, .kf-step_item.active::after {
  background-color: #9CAFEC;
}
.kf-step_item.active::before {
  font-size: 1.5rem;
  color: #fff;
}
@media (min-width: 992px) {
  .kf-step_item {
    display: block;
  }
  .kf-step_item:before {
    counter-increment: num;
    content: "0" counter(num);
  }
}

/*-------------------------------------------*\
	_MemberSignIn.sass

	會員登入
  - 1.wrap
  - 2.獨立頁面的登入頁內容
  - 3.側邊圖片
  - 4.內容
  - 5.表單(註冊、忘記密碼、驗證信等...)
  - 6.表單(登入頁面)
  - 7.google驗證碼 RWD
  - 8.反饋頁面
\*-------------------------------------------*/
.MemberLogin-wrap {
  background: url(../images/MemberLogin_wrap-bg.jpg) no-repeat center;
  background-size: cover;
  min-height: 100vh;
}
.MemberLogin-wrap .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
@media (min-width: 576px) {
  .MemberLogin-wrap {
    padding: 2rem 5rem;
  }
}
@media (min-width: 768px) {
  .MemberLogin-wrap {
    padding: 3rem 5%;
  }
}
.MemberLogin-wrap .container {
  max-width: 80%;
}

.MemberLogin-wrap .MemberLogin-content {
  background: rgba(255, 255, 255, 0.8);
  max-width: 100%;
  padding: 2rem 1rem;
}
@media (min-width: 768px) {
  .MemberLogin-wrap .MemberLogin-content {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .MemberLogin-wrap .MemberLogin-img + .MemberLogin-content {
    width: calc(99.9% - 350px);
    padding: 2rem 10%;
  }
}

@media (min-width: 992px) {
  .MemberLogin-img {
    width: 350px;
  }
}

.MemberLogin-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.MemberLogin-content .breakline {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.MemberLogin-content .breakline span {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 0 1rem;
}
.MemberLogin-content .breakline:before, .MemberLogin-content .breakline:after {
  content: "";
  display: block;
  height: 2px;
  background-color: #dee2e6;
}
.MemberLogin-content .breakline:before {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.MemberLogin-content .breakline:after {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.MemberLogin-content .main_tit {
  margin-bottom: 1.5rem;
}

.MemberLogin-forms {
  width: 100%;
}
.MemberLogin-forms .MemberLogin-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border: 1px solid #ced4da;
  padding: 0 1px;
  border-radius: 0.25rem;
}
.MemberLogin-forms .MemberLogin-control .form-control {
  border: 0;
}
.MemberLogin-forms .MemberLogin-control .col-form-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #9CAFEC;
  font-size: 1.25em;
  width: 55px;
  border-right: solid 1px #EBEBEB;
}
.MemberLogin-forms .alink {
  color: #9CAFEC;
  text-decoration: underline;
}
.MemberLogin-forms .alink:hover, .MemberLogin-forms .alink:focus {
  color: #7d8cbd;
}
.MemberLogin-forms .formsItem {
  margin-bottom: 1rem;
}

@media (max-width: 360px) {
  .Google-reCAPTCHA {
    -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
  }
}

.MemberLogin-Feebimg .Feegimg-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.8125rem;
  padding: 0 0 2rem;
}

/*-------------------------------------------*\
  SideFloat.scss

  - 1.kf-FloatWrap

\*-------------------------------------------*/
.kf-FloatWrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 992px) {
  .kf-FloatWrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.kf-FloatContent {
  width: 100%;
  width: calc(100% - 350px);
}
@media (min-width: 992px) {
  .kf-FloatContent {
    width: calc(100% - 280px);
    padding-right: 2rem;
  }
}
@media (min-width: 1640px) {
  .kf-FloatContent {
    padding-right: 3rem;
  }
}

.kf-FloatSide {
  width: 100%;
  width: 350px;
}
@media (min-width: 992px) {
  .kf-FloatSide {
    width: 280px;
  }
}

.kf-SideContent {
  height: calc(100vh - 3rem);
  background: #EBEBEB;
  padding: 1.5rem;
  overflow: auto;
  width: 350px;
}
.kf-SideContent .item {
  padding: 1rem 0;
  border-bottom: solid #ced4da 2px;
}
.kf-SideContent .kf-title {
  display: block;
  margin-bottom: 0.25rem;
}
.kf-SideContent p {
  line-height: 1.5;
}
.kf-SideContent .btn-group-toggle {
  width: 200px;
}
@media (min-width: 992px) {
  .kf-SideContent {
    width: 280px;
    margin-top: 1.5rem;
  }
}

@media (min-width: 992px) {
  .kf-SideContent.fixed {
    position: fixed;
  }
}

.kf-FloatWraEnd {
  position: absolute;
  bottom: 25rem;
}

.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  outline: 0;
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #dee2e6;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #dee2e6;
  border-radius: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #dee2e6;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}