/* news.css —— News.cshtml（最新消息內文頁）之外部化 */

/* 原 News.cshtml 內聯 <style>（清除空規則） */
#mainpanel a {
    text-decoration: none;
    width: 100%;
}

    #mainpanel a:hover .customheadline {
        color: #C79522;
    }

.customimage, .customword {
    float: left;
}

.customcover {
    max-height: 200px;
    max-width: 200px;
}

.customheadline {
    color: #2F4D91;
}

.customreleasedate {
    color: #C79522;
}

.breadcrumbs.alt1 a {
    font-size: 1.5em;
}

/* ===== 右側封面圖（原內聯 style 以 coverWidth=200 為基準）
   原直式/橫式兩種容器改為同一個 .cover-figure：圖片以 200px 為雙向上限，等效原本的等比縮放；
   圖說寬度改由外層 float 的收縮包裹決定（不再由 Razor 計算 px） ===== */
.cover-figure { display:block; border:1px solid #e0e0e0; }
    .cover-figure a { display:block; }
    .cover-figure img { max-width:200px; max-height:200px; width:auto; height:auto; border:none; }
.cover-caption { font-size:small; background-color:#e0e0e0; padding:0.25em; }

/* 原 <div style="float:right; margin:0 0 1em 1em"> */
.news-cover-wrap { float:right; margin:0 0 1em 1em; }
/* 原 <div style="width:80%; margin:0 auto">（Type 8 圖廊輪播） */
.news-slideshow-wrap { width:80%; margin:0 auto; }
/* 原輪播 <li><img style="max-width:100%; max-height:100%; height:auto"> */
.news-slideshow-img { max-width:100%; max-height:100%; height:auto; }

/* ===== 相關圖片圖廊（原內聯 style 以 imageWidth=160 為基準；
   line-height/垂直置中 hack 改由 display:table-cell 的垂直置中取代，IE7 的 *font-size hack 移除） ===== */
.thumb-outer { float:left; margin:0.5em 0 1em 1em; border:1px solid #e0e0e0; }
.thumb-frame { width:160px; height:160px; text-align:center; display:table-cell; vertical-align:middle; }
    .thumb-frame a { display:block; width:100%; height:100%; }
    .thumb-frame img { max-width:100%; max-height:100%; width:auto; height:auto; border:none; vertical-align:middle; }
.thumb-caption { width:160px; font-size:small; background-color:#e0e0e0; padding:0.25em; }

/* 原相關檔案 <img style="max-height:1.5em; height:auto; border:none"> */
.file-icon { max-height:1.5em; height:auto; border:none; }

/* ===== 相關影片（原內聯 style 以 imageWidth*2=320 為基準） ===== */
.video-frame { width:320px; height:160px; padding:0.25em 0; text-align:center; }
    .video-frame iframe { max-width:100%; max-height:100%; width:auto; height:auto; border:none; vertical-align:middle; }
.video-caption { width:320px; font-size:small; background-color:#e0e0e0; padding:0.25em; height:1.75em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }