/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 11 2023 | 01:49:22 */
@charset "UTF-8";
.AboutOverview {
  padding: 5% 0;
  --title-font-size: 36px;
  --title-text-color: var(--tej-color-secondary);
  --title-circle-color: var(--tej-color-accent);
  --title-circle-size: 30px;
  --border-color: var(--tej-color-secondary);
  /* tab樣式開始 */
  /* tab樣式結束 */
}
@media only screen and (max-width: 796px) {
  .AboutOverview {
    padding: 7% 0;
  }
}
@media only screen and (max-width: 414px) {
  .AboutOverview {
    padding: 10% 0;
  }
}
.AboutOverview .list_row_t_top {
  margin-bottom: 60px;
  text-align: left;
}
.AboutOverview .list_row_t_top .list_row_t_top_subtitle {
  color: var(--tej-color-dark);
}
.AboutOverview .breadcrumbs {
  padding-bottom: 5%;
}
.AboutOverview .list_row_t_top_title {
  color: var(--title-text-color);
  font-size: var(--title-font-size);
  font-weight: bold;
  margin-bottom: 6px;
  position: relative;
  z-index: 0;
  display: inline-block;
}
.AboutOverview .list_row_t_top_title::before {
  content: "";
  position: absolute;
  width: var(--title-circle-size);
  height: var(--title-circle-size);
  border-radius: 50%;
  background-color: var(--title-circle-color);
  left: -8px;
  top: 0;
  z-index: -1;
}
.AboutOverview .tab_wrap {
  position: relative;
  margin-top: 5%;
}
.AboutOverview .tab_wrap .mobile_list {
  display: none;
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .mobile_list {
    display: block;
    background-color: #fff;
    margin-bottom: 5%;
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--tej-color-secondary);
    border-radius: 8px;
    align-items: center;
    color: var(--tej-color-secondary);
    font-size: 16px;
  }
}
.AboutOverview .tab_wrap .mobile_list .arrow {
  margin-left: 10px;
  transition: all 0.3s;
}
.AboutOverview .tab_wrap .mobile_list .arrow .fa-chevron-down {
  color: var(--tej-color-secondary);
}
.AboutOverview .tab_wrap .mobile_list .arrow.arrow_active {
  transform: rotate(180deg);
  transition: all 0.3s;
  color: #fff;
}
.AboutOverview .tab_wrap .tab {
  margin-bottom: 5%;
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab {
    display: none;
    position: absolute;
    width: 100%;
    top: 68px;
    z-index: 99;
  }
}
.AboutOverview .tab_wrap .tab .ul {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .ul {
    display: block;
    color: var(--tej-color-secondary);
    border: 1px solid var(--tej-color-secondary);
    overflow: hidden;
    border-radius: 10px;
  }
  .AboutOverview .tab_wrap .tab .ul:last-child .a {
    border-bottom: none;
  }
}
.AboutOverview .tab_wrap .tab .a {
  padding: 10px 20px;
  color: var(--tej-color-secondary);
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .a {
    display: block;
    color: var(--tej-color-secondary);
    border-bottom: 1px solid #fff;
  }
}
.AboutOverview .tab_wrap .tab .li_tab {
  transition: 0.3s ease;
  padding: 15px 20px;
  background-color: #f0f4f4;
  border: 1px solid #f0f4f4;
  text-align: center;
  position: relative;
}
.AboutOverview .tab_wrap .tab .li_tab:after {
  content: "";
  position: absolute;
  bottom: -29px;
  right: 50%;
  transform: translateX(50%);
  width: 20px;
  height: 30px;
  clip-path: polygon(50% 50%, 0 0, 100% 0);
  background-color: #f0f4f4;
  transition: 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .li_tab {
    padding: 5px 20px;
    background-color: #fff;
    border: none;
  }
}
.AboutOverview .tab_wrap .tab .li_tab:hover {
  background-color: var(--tej-color-secondary);
  border: 1px solid #f0f4f4;
  transition: 0.3s ease;
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .li_tab:hover {
    background-color: var(--tej-color-secondary);
  }
}
.AboutOverview .tab_wrap .tab .li_tab:hover:after {
  content: "";
  background-color: var(--tej-color-secondary);
  transition: 0.3s ease;
}
.AboutOverview .tab_wrap .tab .li_tab:hover .a {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .li_tab:hover .a {
    color: #fff;
  }
}
.AboutOverview .tab_wrap .tab .li_tab + .li_tab {
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .li_tab + .li_tab {
    margin-left: 0;
  }
}
.AboutOverview .tab_wrap .tab .active {
  position: relative;
  background-color: var(--tej-color-secondary);
  border: 1px solid var(--tej-color-secondary);
  transition: 0.3s ease;
}
.AboutOverview .tab_wrap .tab .active:after {
  content: "";
  position: absolute;
  bottom: -29px;
  right: 50%;
  transform: translateX(50%);
  width: 20px;
  height: 30px;
  clip-path: polygon(50% 50%, 0 0, 100% 0);
  background-color: var(--tej-color-secondary);
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .active:after {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .active {
    border: none;
    background-color: #fff;
  }
}
.AboutOverview .tab_wrap .tab .active .a {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .AboutOverview .tab_wrap .tab .active .a {
    color: var(--tej-color-secondary);
  }
}
.AboutOverview .AboutOverview_bg {
  background-color: #f0f4f4;
  padding: 5%;
}