@charset "utf-8";
/* CSS Document */

.authorContent { border-radius: 8px; padding: 40px 30px; margin-bottom: 30px; }

@media (max-width: 767px) {
.authorContent { padding: 0px 0px; margin-bottom: 30px; }
}

.breadcrumb { background-color: transparent; margin: 0; padding: 0px; }
.breadcrumb li a,
.breadcrumb li { color: #999; font-size: 15px; }
.breadcrumb li a:hover { color: #555; }
.breadcrumb > li + li:before { content: '>'; padding: 0 8px; }

/*author_list*/
.author_list .pro_img { width: 120px; margin: auto; }
.author_list .pro_img img { border-radius: 50%; border: 4px solid #f3f3f3; }
.author_list a:hover h3 { color: #ff5912; }
.author_list .name { font-size: 20px; margin-bottom: 5px; color: #333; text-align: center; }
.author_list .title { font-size: 14px; color: #333; text-align: center; }
.author_list .description { font-size: 15px; color: #707070; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

@media (max-width: 767px) {
.author_list .pro_img { width: 100px; }
.author_list .name { font-size: 20px; margin-bottom: 5px; color: #333; text-align: left; }
.author_list .title { font-size: 14px; color: #333; text-align: left; }
}

.author_list .row > [class*=col-] { padding-right: 5px; padding-left: 5px; }

.article_List { list-style: none; padding-left: 0; }
.article_List li { border-bottom: 1px solid #d8d8d8;
    padding-top: 25px;
    padding-bottom: 25px; }
.article_List li:nth-child(1) { border-bottom: 0px solid #d8d8d8; margin-bottom: 1rem; }
.article_List h3 { font-size: 20px; font-weight: bold; color: #000000; }
.article_List a { font-size: 20px;  color: #000000; }
.article_List a:hover h3, .article_List a:hover .collect_date { color: #ff5912; }
.article_List p { font-size: 16px; color: #333;
    margin-bottom: 0px; }
.article_List .collect_date { text-align: right; font-weight: bold; margin-top: 15px; min-height: 26px; }
.article_List .badge { margin-left: 3px; margin-right: 3px; font-size: 16px; }
.article_List .mk { color: #ff5a12; }

/*page-item*/
.page-item.active .page-link { color: #fff; background-color: #000; border-color: #000; }
.page-link { color: #000; }


/*author_pro*/
.author_pro .pro_img { width: 140px; margin: auto; }
.author_pro .pro_img img {
        border-radius: 50%;
        border: 4px solid #f3f3f3;
        aspect-ratio: 1 / 1; /* 強制寬高比為 1:1 */
        object-fit: cover; /* 關鍵：確保圖片填滿且不變形（類似背景的 cover） */
    }
.author_pro .name { font-size: 20px; margin-bottom: 5px; color: #333; }
.author_pro .title { font-size: 14px; color: #333; }
.author_pro .description { font-size: 16px; color: #707070; }


/**/
.pageTitle { text-align: center; margin: 0 0 25px 0; position: relative; }
.pageTitle h1 span { background: #fff; padding: 0 10px; position: relative; line-height: 1; font-size: 25px; }
.pageTitle:after { position: absolute; left: 0; top: 50%; width: 100%; height: 3px; content: ""; display: block; background: #EA5413; z-index: -1; margin: 7px 0 0; }

/**/


/* 針對編輯器內容區域的圖片自動補間距 */
.author-profile img[style*="float: left"],
.author-profile img[style*="float:left"] {
    margin-right: 20px !important;
    margin-bottom: 10px !important;
}

.author-profile img[style*="float: right"],
.author-profile img[style*="float:right"] {
    margin-left: 20px !important;
    margin-bottom: 10px !important;
}