@charset "UTF-8";
/* *************************************
//
//   KGIB-Component -- Showcase
//   -> 凱基銀行 - Showcase
//
//   00.Global
//   01.Button
//   02.contetn-section
//   
//   
//
//
// ************************************/
/* -------------------------------------
//   0.Global
// -----------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap");
/* -------------------------------------
//   01.Button
// -----------------------------------*/
.zh-hant .kgil-search-table .btn {
  min-height: 49px;
  padding: 10px 16px;
  border-width: 1px;
}

@media (max-width: 1024px) {
  .kgil-search-table .btn--arrowDown:hover i {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l7 7 7-7' stroke='%2304327A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}
.kgil-search-table .btn.btn--fixed {
  display: flex;
  flex-grow: 0;
  flex-direction: row;
  justify-content: center;
  vertical-align: middle;
  font-size: 1.125em;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.5;
  text-decoration: none;
  padding: 10px 16px;
  min-height: 49px;
  word-break: keep-all;
  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;
}
@media (max-width: 358px) {
  .kgil-search-table .btn.btn--fixed {
    padding: 10px 12px;
  }
}
.kgil-search-table .btn--fixed {
  width: 142px;
  padding: 10px 16px;
  word-break: break-word !important;
  height: auto !important;
  min-height: 49px;
  text-align: center;
  align-self: flex-start;
  flex-shrink: 0;
}
.kgil-search-table .btn--fixed span {
  display: inline-block;
  text-align: left;
}
.kgil-search-table .btn--primary,
.kgil-search-table .btn--primary:focus {
  color: white;
  background-color: #04327a;
  border-color: #04327a;
  border-radius: 0;
  padding: 10px 16px;
}
.kgil-search-table .btn--primary:hover {
  background-color: #041C43;
  border-color: #041C43;
}
@media (max-width: 1024px) {
  .kgil-search-table .btn--primary:hover {
    background-color: #04327a;
    border-color: #04327a;
  }
}
.kgil-search-table .btn--outline-primary,
.kgil-search-table .btn--outline-primary:focus {
  color: #04327a;
  border-color: #04327a;
  background-color: transparent;
  border-radius: 0;
}
.kgil-search-table .btn--outline-primary:hover {
  color: #fff;
  background-color: #04327a;
  border-color: #04327a;
}
@media (max-width: 1024px) {
  .kgil-search-table .btn--outline-primary:hover {
    color: #04327a;
    border-color: #04327a;
    background-color: transparent;
  }
}
.kgil-search-table .btn--white,
.kgil-search-table .btn--white:focus {
  background-color: white;
  color: #04327a;
  font-weight: 500;
  font-size: 1.125em;
  line-height: 1.5;
  letter-spacing: 0.12em;
  border-color: #04327a;
}
.kgil-search-table .btn--white:hover {
  background-color: #04327a;
  border-color: #04327a;
  color: white;
  border-radius: 0;
}
@media (max-width: 1024px) {
  .kgil-search-table .btn--white:hover {
    background-color: white;
    color: #04327a;
    border-color: #04327a;
  }
}
.kgil-search-table .btn--light-blue,
.kgil-search-table .btn--light-blue:focus {
  color: #041C43;
  background-color: #FFFFFF;
  border-color: #041C43;
}
.kgil-search-table .btn--light-blue:hover {
  background-color: #EBF7FE;
  border-color: #041C43;
  color: #041C43;
  border-radius: 0;
}
@media (max-width: 1024px) {
  .kgil-search-table .btn--light-blue:hover {
    color: #041C43;
    background-color: #FFFFFF;
    border-color: #041C43;
  }
}
.kgil-search-table .btn--orange,
.kgil-search-table .btn--orange:focus {
  color: white;
  background-color: #FF623E;
  border-color: #FF623E;
}
.kgil-search-table .btn--orange:hover {
  background-color: #F7972E;
  border-color: #F7972E;
  color: white;
  border-radius: 0;
}
@media (max-width: 1024px) {
  .kgil-search-table .btn--orange:hover {
    color: white;
    background-color: #FF623E;
    border-color: #FF623E;
  }
}
.kgil-search-table .btn--transparent-white,
.kgil-search-table .btn--transparent-white:focus {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.kgil-search-table .btn--transparent-white:hover {
  background-color: rgba(243, 244, 245, 0.6);
  border-color: #fff;
  color: #041C43;
  border-radius: 0;
}
@media (max-width: 1024px) {
  .kgil-search-table .btn--transparent-white:hover {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
  }
}
.kgil-search-table .btn-secondary {
  font-size: 1.125em;
}
.kgil-search-table .tabs--master .tab--active,
.kgil-search-table .tabs--master .tab.tab--active .tab__title {
  color: white;
}
.kgil-search-table .tabs--master .tab__title {
  font-size: 1.5em;
  color: #04327a;
}
@media (max-width: 1024px) {
  .kgil-search-table .tabs--master .tab__title {
    font-size: 1.25em;
  }
}
.kgil-search-table .tabs--master .tab {
  align-items: center;
  min-width: 120px;
  max-width: 196px;
}
@media (max-width: 1024px) {
  .kgil-search-table .tabs--master .tab {
    padding: 20px 15px;
  }
}
.kgil-search-table .tabs--master .tabs__wrap .tab:nth-last-child(3):first-child,
.kgil-search-table .tabs--master .tabs__wrap .tab:nth-last-child(3):first-child ~ .tab {
  width: 33.333%;
}
.kgil-search-table .tabs--master .tabs__wrap .tab:nth-last-child(6):first-child,
.kgil-search-table .tabs--master .tabs__wrap .tab:nth-last-child(6):first-child ~ .tab {
  width: 16.6666666667%;
}
.kgil-search-table .kgil-table {
  width: 100%;
  border-left: 1px solid #EBEBEB;
  border-right: 1px solid #EBEBEB;
}
.kgil-search-table .kgil-table th {
  font-size: 1.125em;
  padding: 10px 8px;
  border-top: 1px solid #EBEBEB;
  text-align: center;
}
.kgil-search-table .kgil-table td {
  font-size: 1rem;
  padding: 8px 10px;
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
}
.kgil-search-table .kgil-table .h-69 {
  height: 69px;
}
.kgil-search-table .bg-light-blue {
  background-color: #F2F6FF;
}

/* -------------------------------------
//   02.Content-section
// -----------------------------------*/
.kgil-search-table .result-content {
  display: none;
  animation: fadeIn 0.5s ease;
}
.kgil-search-table .result-content.show {
  display: block;
}
.kgil-search-table .content-switcher-dropdown .dropdown-menu {
  opacity: 0;
  visibility: hidden;
}
.kgil-search-table .content-switcher-dropdown.show .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*# sourceMappingURL=kgil-search-table.css.map */