/* v3/page/blog.css — Blog / Knowledge */
/* --- 3.0 Blog Rules --- */
.fa-blog:before {
  content:"\f781"
}

.fa-blogger:before {
  content:"\f37c"
}

.fa-blogger-b:before {
  content:"\f37d"
}

/* 手機版分類 select（樣式對齊 member_info 綠字白底圓角） */
.knowledgetype_dropdown .select-style { border-radius: 5px; }
.knowledgetype_dropdown .select-style > select { background-color: #ffffff; color: #3D9738; border-radius: 5px; height: 35px; padding: 7px 15px 7px 10px; }
.knowledgetype_dropdown .select-style > select ~ .border { border-radius: 5px; }

/* 部落格列表頁分類 */
.knowledgetype_desktop {
  margin-bottom: 28px;
}
.knowledgetype_desktop > a.index__knowledgetype_link {
  padding: 8px 16px;
  border-radius: 0;
  border-bottom: 2px solid transparent !important;
  margin-right: 4px;
  color: var(--color-text);
  background: none !important;
  transition: var(--transition);
}
.knowledgetype_desktop > a.index__knowledgetype_link.active {
  background: none !important;
  color: var(--color-primary) !important;
  border-bottom: 2px solid var(--color-primary) !important;
  font-weight: bold;
}
.knowledgetype_desktop > a.index__knowledgetype_link:hover {
  background: none !important;
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary-light, #e8f5e3) !important;
}
.knowledgetype_desktop > a.index__knowledgetype_link.active:hover {
  background: none !important;
  color: var(--color-primary-dark, #3a7a1a);
  border-bottom: 2px solid var(--color-primary-dark, #3a7a1a) !important;
}

.knowledgesort_section .sort_flex:after {
  content:"";
  display:block;
  position:absolute;
  border-top:6px solid #000000;
  border-right:3px solid transparent;
  border-left:3px solid transparent;
  right:10px;
  top:50%;
  margin-top:-3px;
  z-index:3
}
/* .index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox{
  padding-bottom: 67.2%;
} */
@media (max-width: 769px){
  /* .index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox{
    width: 26.07%;
    padding-bottom: 16.21%;
  } */
  .index__knowledgebox .index__knowledgeflex>div {
    -ms-flex: 1 1 100%;
    flex: auto;
}
.index__knowledgebox .index__knowledgeflex>div>a{
  height: 100%;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.index__knowledgebox .index__knowledgeflex .index__knowledgeimgbox{
  width: 100%;
  min-width: 100%;
  position: relative;
    overflow: hidden;
}
}
#owlcarousel_other_purchase .oth_p_link .imgbox{
  width: 100%;
  aspect-ratio: 590 / 480.43;
    overflow: hidden;
    transition: border-color 0.3s ease;
    position: relative;
}
#owlcarousel_other_purchase .oth_p_link .imgbox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  #owlcarousel_other_purchase .oth_p_link .imgbox{
    width: 100%;
  }
}