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

/* -------------------------- 新聞標題+分隔線 */
.whitecon h1, .whitecon h2 { width:85%; font-size:30px; line-height:35px; padding:0 0 10px; margin:20px auto 5px; border:none; border-bottom:3px double #8c8b8b; font-family:'Noto Sans TC'; font-weight:500; }

/* -------------------------- 分享+功能鍵 */
.whitecon .function { width:85%; height:40px; margin:8px auto 15px; }
.whitecon .function span.time { display:inline-block; font-size:14px; color:#666; margin:0px; }/* 時間 */
.whitecon .function a { display:inline-block; width:35px; height:35px; margin-right:10px; float:right; }
.function a.fontsize { background:url(../images/fontsize1.svg) center no-repeat; background-size:35px; }
.function a.print { background:url(../images/print.svg) center no-repeat; background-size:35px; margin-right:0px; }
.function a.sharefb { background:url(https://cache.ltn.com.tw/images/icon/innerPages_fb.svg) center no-repeat; background-size:35px; }
.function a.sharetwitter { background:url(https://cache.ltn.com.tw/images/icon/innerPages_X.svg) center no-repeat; background-size:35px; }
.function a.shareline { background:url(https://cache.ltn.com.tw/images/icon/innerPages_line.svg) center no-repeat; background-size:35px; }
.whitecon .function a:hover { opacity:0.8; }

@media screen and (max-width:1100px) { /*側邊欄隱藏*/
    .whitecon .function { height:40px; padding:0px; }
	.whitecon .function a.print { display:none; }
}
@media screen and (max-width:600px) {
    .whitecon h1, .whitecon h2 { width:100%; margin:0px auto; padding:12px 15px; font-size:24px; font-weight:500; line-height:1.2; border-bottom:3px double #b5b5b5; }
    .whitecon .function { width:95%; margin:10px auto; }
}
@media screen and (max-width:330px) {
    .whitecon h1, .whitecon h2 { font-size:23px; }
    .whitecon .function span.time { font-size:13px; letter-spacing: 0; }
    .function a.fontsize { margin-right:0px; }
}

/* -------------------------- 內文 */
.whitecon .text { width:85%; margin:0px auto 20px; }
.whitecon .text p, .whitecon .text p b, .whitecon .text p strong, .whitecon .text p a, .whitecon .text span:not(.ph_d)
 { font-size:var(--textFontSize); line-height:var(--textLineHeight); text-align:justify; text-justify:inter-ideograph; margin-bottom:var(--textMarginBottom); letter-spacing:var(--textLetterSpacing); }
.whitecon .text p b, .whitecon .text p strong { font-weight:500; }
.whitecon .text a, .whitecon .text p a { color:#fe9600; font-size:var(--textFontSize); }
.whitecon .text a:hover, .whitecon .text p a:hover { text-decoration:underline; }
/*小標*/
.text h2, .text h3, .text h4, .text h5, .text h6,
.text h2 p, .text h3 p, .text h4 p, .text h5 p, .text h6 p,
.text h2 span, .text h3 span, .text h4 span, .text h5 span, .text h6 span  { font-size:24px; line-height:1.8; font-weight:500; color:#026aae; }

/* 內文大圖(舊) */
.text p span.ph_b { display:block; background-color:#eaeaea; padding:10px 10px 8px; }
.text p span.ph_i { display:block; margin:0 auto !important; }
.text p span.ph_i a { display:block; line-height:0; margin:0; text-align:center; } /*img*/
.text p span.ph_i a img { max-height:800px; width: auto; max-width: 100%; } /*img限高*/
.text p span.ph_d { display:block; font-size:16px; line-height: 1.4; padding-top:4px; } /*圖說*/

/* 內文大圖 */
.text .photo { display:table; margin:25px auto; caption-side:bottom; background-color:#eaeaea; }
.text .photo a { margin:0px auto; }
.text .photo a img { width:auto; max-width:100%; margin:0px auto; display:block; line-height:0; max-height:700px; }
.text .photo p { display:table-caption; width:auto; font-size:16px; line-height:1.5; text-align:left; padding:7px 5px 8px; margin:0; background-color:#eaeaea; }

/* 內文表格用 */
.text table { width:800px; margin:5px auto 20px; }
.text table tr:nth-child(odd) { background-color:#eaeaea; }
.text table th { font-family:'Noto Sans TC'; font-size:18px; font-weight:400; color:#111; background: linear-gradient(to top #fff, #eee);
    background: -moz-linear-gradient(#fff, #eee);
    background: -webkit-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee); }


/* -------------------------- 內文影音 YOUTUBE RWD */
.v_container { height:0; padding-bottom:56.25%; position:relative; overflow:hidden; margin:0 auto; }
.v_container iframe, .v_container object, .v_container embed { width:100%; height:100%; position:absolute; top:0; left:0; }

/* -------------------------- 內文字變大用 fontsize */
.function a.fontsize2 { background:url(../images/fontsize2.svg) center no-repeat; background-size:35px; } /* 換圖 */
.whitecon h1.lg_h1, .whitecon h2.lg_h1 { font-size:33px; line-height:1.3; } /* 大標 */
.text.lg h3, .text.lg h4, .text.lg h5, .text.lg h6 { font-size:26px; } /* 小標 */
.text.lg p, .text.lg p a, .text.lg p b, .text.lg p strong { font-size:21px; line-height:1.5; } /* 內文 */
.text.lg .ph_d { font-size:21px; line-height:1.3; } /* 圖說 */
span.lg_time { font-size:16px !important; } /* 時間 */

@media screen and (max-width:600px) {
    .whitecon .text { width:95%; margin:0 auto; }
    .text h3, .text h4, .text h5, .text h6 { font-size:22px; line-height:1.3; margin:0px 0px 10px; }
    .whitecon .text .photo a img { max-height:500px; }
    .whitecon .text .photo p { line-height:1.4; }
    .whitecon .text p iframe { width:100%; }/* 內文崁fb用 */
    .whitecon .text p.v_container { padding-bottom:56.25%; } /* 內文影音 YOUTUBE RWD */
    .whitecon .text .v_container { margin:10px auto 20px; }
}
@media screen and (max-width:380px) {
    .whitecon h1.lg_h1, .whitecon h2.lg_h1 { font-size:30px; }
    .text .photo a img { max-height:400px; }
}
@media screen and (max-width:330px) {
    .text h3, .text h4, .text h5, .text h6 { font-size:20px; }
}


/* -------------------------- 關鍵字 */
p.keyword { width:85%; font-size:16px; color:#777; padding:0; margin:0 auto; }
ul.keyword { width:85%; margin:0px auto 20px; padding:10px 20px; background-color:#efefef; overflow:hidden; }
ul.keyword li { float:left; margin:0px 25px 3px 0px; }
ul.keyword li a { color:#487fa9; font-size:16px; line-height:1.6; display:inline-block; text-decoration:underline; }
ul.keyword li a:before { content:"# "; font-size:16px; }
ul.keyword li a:hover { color:#f39800; }

@media screen and (max-width:600px) {
    p.keyword, ul.keyword { width:95%; }
}


/* -------------------------- 相關新聞  */
p.caption { width:85%; font-size:23px; font-family: 'Noto Sans TC'; font-weight: 500; color:#506977; margin:0px auto; }
ul.related { width:85%; margin:0px auto 20px; padding:10px 0; background-color:#def2ff; overflow:hidden; }
ul.related li { border-bottom:1px solid #14b8e4; margin:0px 15px; padding:0 0 0 15px; position:relative; }
ul.related li:before { content:"›"; display:block; color:#14b8e4; font-size:23px; font-family: sans-serif; font-weight:bold; position:absolute; top:3px; left:12px; }
ul.related li a { padding:0px; margin:0px; }
ul.related li a h3 { padding:8px 15px; font-size:18px; font-weight:300; }
ul.related li:hover { background-color:#bee3fb; }

@media screen and (max-width:600px) {
    p.caption, ul.related { width:95%; }
    ul.related li:before { left:9px; }
    ul.related li a h3 { padding:8px 5px 8px 10px; }
}
@media screen and (max-width:420px) {
    ul.related li { padding:0px; }
    ul.related li:before { left:2px; }
    ul.related li a h3 { padding:8px 0px 8px 15px; }
}


/* -------------------------- 今日熱門 6則  */
div.caption { width:100%; font-size:23px; font-family: 'Noto Sans TC'; font-weight: 500; color:#506977; margin:0px auto; }
ul.todaynews { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px 15px 0px; overflow: hidden; }
ul.todaynews li { width:49%; padding:0px; margin:0 0 15px; }
ul.todaynews li a { display:block; overflow:hidden; }
ul.todaynews li a div { width:35%; float:left; height:0; line-height:0; padding:0 0 23%; overflow:hidden; background:url(../images/default.jpg) center no-repeat; background-size:cover; } /* 縮圖 */
ul.todaynews li:hover a div { opacity:0.8; transition:all 0.3s; }
ul.todaynews li a h3 { width:65%; float:left; line-height:1.3; font-size:18px; padding:3px 0 0 10px; font-weight:300; }/* 標題 */
ul.todaynews li:hover a h3, ul.todaynews li:active a h3 { color:#019acd; }

@media screen and (max-width:800px) {
    ul.todaynews li a h3 { padding:0 0 0 10px; margin-top:-4px; }
}
@media screen and (max-width:600px) {
    div.caption { width:98%; }
    ul.todaynews li { width:100%; }
    ul.todaynews li a h3 { padding:3px 0 0 10px; margin-top:0px; }
}
@media screen and (max-width:420px) {
    ul.todaynews li a h3 { padding:0px 0 0 10px; }
}


/* -------------------------- 列印 */
@media print {
    /* 原頁面設定 */
    body { background-color:#fff; max-width:900px; margin:0 auto; }
    div.top, .top a { display:none !important; }
    .suggest, .suggest.suggest_pc, .suggest.suggest_m { /* 廣告隱藏 */ display:none; }
    .whitecon .function, aside, p.caption, ul.related, p.keyword, ul.keyword, div.caption, ul.todaynews, .v_container { /* 內文頁面隱藏 */ display:none; }
    a:link, a:visited, a:active { cursor: text; }
    .content { margin:0 auto; padding: 0; }
    section.content940 { float:none; width:100%; margin:0 auto; }
    /* header */
    .ltnheader { display:none; }
    .militaryHeader { width:100%; height:40px; background-color:transparent; text-align:center; margin:0 auto; position:static; }
    .militaryHeader .con { height:40px; }
    .militaryHeader .con a.militaryLogo { display:none; }
    .militaryHeader .con .nav_bar, .militaryHeader .con .icon_search, .militaryHeader .con .icon_fb, .militaryHeader .con ul.level1 { display:none; }
    .militaryHeader .con .printLOGO { display:block; width:100%; text-align:left; }
    .militaryHeader .con .printLOGO img { width:130px; height:auto; margin:10px auto; }
    /* footer */
    .military_footer { background-color:transparent; border-top:1px solid #ccc; page-break-inside: avoid; }
    /* 內文 */
    .article { padding:0; }
    .breadcrumbs { display:none; }
    .breadcrumbs a.breadcrumbSort { cursor: text; font-size:16px; font-weight:normal; font-family:inherit; }
    .whitecon { border:none; display:none; }
    .whitecon .function a { display:none; }
    .print_pape { display:block; !important; }
    .text h4, .text h5, .text h6, .text h4 span, .text h5 span, .text h6 span { color:#111; page-break-inside: avoid; }
    .article .text p a, .article .text p a:hover { color:#111; cursor: text; text-decoration:none; page-break-inside: avoid; }
    .text .photOut { width: 100%; background-color:transparent; padding:0; margin:20px auto 30px; page-break-inside: avoid; }
    .text .photo a { cursor: text; }
}