/* list.css —— NewsList / EventList / IndustryNewsList 三個列表頁共用
   （原本三頁各有一份完全相同的內聯 <style>，整併至此；
     theWidth=160、theHeight=80 的值寫死在本檔，Razor 不再輸出內聯樣式） */
:root { --thumb-w:160px; --thumb-h:80px; }

#mainpanel a { text-decoration:none; width:100%; }
    #mainpanel a:hover .customheadline { color:#C79522; }
.customimage, .customword { float:left; }
.customimage, .customword, .customraw { height:var(--thumb-h); }
.customraw { width:var(--thumb-w); background-position:center center; background-repeat:no-repeat; }
.customimage { width:22%; }
.customword { width:78%; }
.customheadline { color:#2F4D91; font-size:large; font-weight:bold; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.customcontents {  color:#000; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:175%; }
.customreleasedate { color:gray; }
.breadcrumbs.alt1 a { font-size:1.5em; }

/* 每列外層容器（原 <div style="width:100%; margin:0 auto">）*/
.customrow { width:100%; margin:0 auto; }

/* 縮圖改 <img> 呈現（原 background-image div）：
   尺寸由本檔的 160x80 決定（原為 Razor 輸出內聯樣式），contain 等效原 background-size 的等比縮放 */
img.customraw { width:var(--thumb-w); height:var(--thumb-h); object-fit:contain; object-position:center; }
