@charset "utf-8";/* 文章列表／內容共用：側欄、搜尋、分類、推薦文章及內容標題。
   共用字級與元件見 custom.css；此檔僅由對應入口載入。 *//* 文章關鍵字搜尋；清除控制另由 search-input.css 提供。 */.searchForm{display:flex;border:1px solid #D8DEE7;border-radius:0.25rem;overflow:hidden;transition:border-color 0.2s ease,box-shadow 0.2s ease}.searchForm:focus-within{border-color:#86B7FE;box-shadow:0 0 0 0.2rem rgba(13, 110, 253, 0.25)}.searchForm > *{display:inline-block}.searchForm > input[name=keyword]{flex:1 1 auto;min-width:0;width:auto;border:0 !important;border-radius:0;outline:0;box-shadow:none !important;padding:0 12px}.searchForm > input[name=keyword]::placeholder{color:#9C9C9C}.searchForm > button[type=submit]{flex:0 0 60px;width:60px;border-radius:0;color:#FFF;border:0}.searchForm > button[type=submit]:hover{background:var(--color-primary-hover);transition:0.3s}.searchForm > button[type=submit] > i{position:relative;top:3px;left:0;color:#FFF;font-weight:bold;font-size:1.3em}.article-item a{color:#3A3A3A;margin-top:0}.article-item a:hover h5{color:var(--color-primary);text-decoration:underline}.article-item a.img-link{overflow:hidden}.article-item a.img-link img{max-width:100% !important;height:auto !important;transform:scale(1,1);transition:all 0.3s ease-out}.article-item a.img-link img:hover{transform:scale(1.2,1.2)}.article-item .info{margin-bottom:10px}.article-item span.date{color:#86702A}.article-item span.v_counts{color:#C90000}.article-item div.tags a{color:var(--color-skyblue);margin:0 6px 10px 6px;transform:0.3s}.article-item div.tags a:hover{color:var(--color-deepblue);text-decoration:underline}/* 文章側欄分類與精選文章。 */.sidebar-box .heading{background:#FFF;height:2em;line-height:2em;padding-left:10px;padding-bottom:0 !important}ul.tags{margin:24px 0;padding:0;list-style:none}ul.tags li{padding:0;margin:0 6px 8px 0;display:inline-block}ul.tags li a{display:block;border-radius:var(--www-radius-action);padding:3px 9px;color:#FFF;background:#B5B5B5}ul.tags li.active a{color:#FFF;background:#2A2A2A}ul.tags li a:hover{color:#FFF;background:#a8372f}ul.featured_articles{margin:24px 0;padding:0;list-style:none}ul.featured_articles li{padding:0;margin:0 6px 1.6em 0}ul.featured_articles li a{color:#3A3A3A}ul.featured_articles li a:hover{color:#CA3A3A}ul.featured_articles li span.date{color:#86702A;font-size:var(--www-font-meta);font-weight:bold}.search_mobile{display:none}/* 文章內容與編輯器標題層級。 */.article-detail .info{margin-bottom:10px}.article-detail span.date{color:#86702A}.article-detail span.updatedDT{color:#687582;font-size:var(--www-font-note)}.article-detail span.v_counts{color:#C90000}.article-detail h1{border-left:8px #01579B solid;border-bottom:1px #CACACA solid;margin-bottom:30px;padding:8px 0 12px 12px;color:#394150;font-size:var(--www-font-page);line-height:1.45;font-weight:700}.article-detail .article-content{line-height:1.9em;color:#545B67}.article-detail .article-content h2{margin:38px 0 28px 0;color:var(--color-primary);/*#293345*/font-size:var(--www-font-card);line-height:1.5;font-weight:700}.article-detail .article-content h3{margin:30px 0 14px;padding:0 0 8px;border-bottom:1px solid #E4E7EC;color:#3C4658;font-size:20px;line-height:1.55;font-weight:700}.article-detail p,.article-detail ul,.article-detail ol{margin-bottom:30px}.article-detail .article-content li{margin-bottom:8px}.article-detail img{max-width:100% !important;height:auto !important}.article-detail div.tags{margin-top:20px;border-top:1px #CACACA solid;padding:16px 0}.article-detail div.tags a{color:var(--color-skyblue);margin:0 6px 10px 6px;transition:0.3s}.article-detail div.tags a:hover{color:var(--color-deepblue);text-decoration:underline}/* 文章上一篇／下一篇操作。 */.pageBtn{display:inline-block;padding:8px 28px;border-radius:var(--www-radius-action);color:var(--color-primary);font-size:var(--www-font-body);font-family:var(--font-primary);transition:0.3s;border:1px solid var(--color-primary);margin:0 24px}.pageBtn:hover{background-color:var(--color-primary);color:#FFF}@media (max-width: 991px){.search_mobile{display:block}.search_pc{display:none}}@media (max-width: 767px){.pageBtn{padding:6px 16px !important;margin:0 6px}}/* 文章列表及封面。 */.article-item,.sidebar-box{background:#fff;border:1px solid #E1E7EF;border-radius:8px !important;box-shadow:0 18px 48px rgba(23, 40, 81, .08) !important}.article-item a h5{color:var(--tone-heading);font-weight:800}#article{background:#F5F7FA !important}.article-main{padding-right:32px}.article-item{align-items:flex-start;margin-bottom:18px;padding:18px}.article-item a.img-link{border-radius:var(--www-radius-note);flex:0 0 180px;max-width:180px !important}.article-item a.img-link img{border-radius:var(--www-radius-note)}.article-item .info{color:#687582;font-size:var(--www-font-note)}.article-item a h5{font-size:var(--www-font-card);line-height:1.45}.sidebar-box{margin-bottom:24px;padding:18px}.sidebar-box .heading{border-bottom:1px solid #E5EAF2;border-left:5px solid var(--color-primary);color:var(--tone-heading);font-size:18px;font-weight:800 !important;margin-top:0;padding:2px 0 12px 12px}.searchForm > input[name=keyword]{border:0;height:46px}.searchForm > button[type=submit]{background:var(--color-primary);height:46px;line-height:44px}@media (max-width: 991px){.article-main{padding-right:12px}}@media (max-width: 767px){.article-item{display:block !important}.article-item a.img-link{display:block;margin:0 0 14px !important;max-width:100% !important}}/* 文章標題與編輯器內容：不以父層 em 比例逐層縮小。 */.article-detail .article-content{font-size:var(--www-font-body)}