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

/* 新聞標題+分隔線 */
.whitecon h1, .whitecon h2 { width:85%; font-size:27px; 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:60px; margin:5px auto 20px; }
.whitecon .function span.time { width:100%; font-size:14px; color:#59493f; margin:0px auto 8px; display:block; }/* 時間 */
.whitecon .function a { display:inline-block; width:35px; height:35px; margin-right:5px; }
.function a.fontsize { background:url(../images/fontsize1.svg) center no-repeat; background-size:35px; float:right; }
.function a.print { background:url(../images/print.svg) center no-repeat; background-size:35px; float:right; }
.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 (min-width:1140px) and (max-width:1300px ) {
    .whitecon h1, .whitecon h2, .whitecon .function { width:94%; }
}
@media screen and (max-width:1139px) { /*側邊欄隱藏*/
    .whitecon .function { height:40px; padding:0px; text-align:right; }
    .whitecon .function span.time { width:auto; display:inline-block; float:left; text-align:left; }
	.whitecon .function a.print { display:none; }
	.whitecon .function a.fontsize { float:none; }
}
@media screen and (max-width:960px) {
    .whitecon h1, .whitecon h2, .whitecon .function { width:90%; }
}
@media screen and (max-width:500px) {
    .whitecon h1, .whitecon h2 { width:95%; margin:0px auto; padding:15px 0px 10px; font-size:24px; font-weight:500; line-height:1.2; }
    .whitecon .function { width:95%; margin:10px auto; }
}
@media screen and (max-width:380px) {
    .whitecon .function a { margin-right:0; }
    .whitecon .function span.time { font-size:13px; letter-spacing:normal; }
}
@media screen and (max-width:330px) {
    .whitecon h1, .whitecon h2 { font-size:23px; }
    .whitecon .function span.time { width:26%; }
}

/* 內文 */
.whitecon .text { width:85%; margin:0px auto 20px; }
.whitecon .text p, 
.whitecon .text p *{ 
    font-size: var(--textFontSize); 
    line-height: var(--textLineHeight); 
    margin-bottom: var(--textMarginBottom); 
    letter-spacing: var(--textLetterSpacing); 
    text-align: justify; 
    word-break: break-all;
}
.whitecon .text p b, .whitecon .text p strong { font-weight:500; }
.text h3, .text h4, .text h5, .text h6 { font-size:20px; line-height:1.8; font-weight:500; color:#996c33; }/*小標*/
.whitecon .text a, .whitecon .text p a { color:#09aaaa; font-size:var(--textFontSize); }
.whitecon .text a:hover, .whitecon .text p a:hover { text-decoration:underline; }

/* 內文大圖 */
.text .photOut { width:100%; margin:20px auto 30px; padding:10px 10px 0px; background-color:#f2f2f2; }
.text .photo { display:table; margin:auto; caption-side:bottom; }
.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:20px; line-height:1.5; text-align:left; padding:7px 0px 8px; margin:0;  }

/* 內文表格用 */
.text div.xscroll { overflow-x:scroll; }
.text table { width: 797px; border-collapse:collapse; border-spacing:0; border:2px solid #cecece; }
.text table tr:nth-child(even) { background-color:#f2f2f2; }
.text table td { border:1px solid #ccc; padding:8px; font-size:18px; }

/* 內文影音 YOUTUBE RWD */
.v_container, .v_containerTOP { height:0; padding-bottom:56.25%; position:relative; overflow:hidden; margin:0 auto 30px; }
.v_container iframe, .v_container object, .v_container embed, .v_containerTOP iframe, .v_containerTOP object, .v_containerTOP embed
 { width:100%; height:100%; position:absolute; top:0; left:0; }
.v_containerTOP { margin:0 auto; } /* 影音專用，H1上 */
.asideBlock .v_container { margin:0 auto; }/* 側邊欄用 */

/* 內文字變大用 fontsize */
.function a.fontsize2 { background:url(../images/fontsize2.svg) center no-repeat; background-size:35px; }
.whitecon h1.fs_h1, .whitecon h2.fs_h1 { font-size:32px; line-height:1.3; }
.text h3.subtit, .text h4.subtit, .text h5.subtit, .text h6.subtit { font-size:26px; }
.whitecon .text p.fs_p, .whitecon .text p.fs_p a, .whitecon .text p.fs_p b, .whitecon .text p.fs_p strong { font-size:21px; line-height:1.5; }
.text .photo p.fs_p { font-size:21px; line-height:1.3; }
.whitecon .text span.fs_time { font-size:16px; }

@media screen and (min-width:1140px) and (max-width:1300px ) {
    .whitecon .text { width:94%; }
}
@media screen and (max-width:960px) {
    .whitecon .text { width:90%; }
}
@media screen and (max-width:500px) {
    .whitecon .text { width:100%; margin:0 auto; } /* 廣告用 width:100%; */
    .text h3, .text h4, .text h5, .text h6 { font-size:1.3rem; line-height:1.3; margin:0px 0px 5px; padding:0 15px; } /* 標題內縮 */
    .whitecon .text .photOut { width:95%; margin:10px auto 20px; } /* 大圖內縮 */
    .whitecon .text .photOut .photo a img { max-height:500px; }
    .whitecon .text .photOut .photo p { line-height:1.4; padding:3px 0px 5px; } /* 圖說不內縮 */
    .whitecon .text p { padding:0 15px; } /* 內文內縮 */
    .whitecon .text p.v_container {padding-bottom:56.25%;} /* 內文影音 YOUTUBE RWD */
    .whitecon .text .v_container { width:95%; margin:10px auto 20px; } /* 影音內縮 */
} 
@media screen and (max-width:380px) {
    .whitecon h1.fs_h1, .whitecon h2.fs_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; }
    .whitecon h1.fs_h1, .whitecon h2.fs_h1 { font-size:27px; }
    .whitecon ul.todaynews li a p { font-size:18px; margin-bottom:5px; }
    span.video { width:18px; height:16px; background-size:20px; }
}

/* 區塊標 + 網友回應標(桌機用) */
.caption { width:100%; font-size:27px; line-height:35px; clear:both; margin:0; color:#cc6600; }
/* 內文頁相關新聞用 (接在內文框內) */
.whitecon .captionR { width:95%; margin:auto; position:relative; }
.whitecon .captionR:after{content:""; display:block; width:calc(100% - 112px); border-bottom:#cfa972 solid 1px; position:absolute; bottom:6px; right:0; }
.whitecon .captionR p { width:112px; font-size:25px; color:#996c33; background-color:#fff; display:inline-block; padding:0 8px 0 0; } /*相關新聞*/
/* 標題後加影音小圖 */
span.video { display:inline-block; width:25px; height:18px; padding:0; margin:0 6px; background:url(../images/video.svg) no-repeat; background-size:25px; }

/* 相關新聞 + 今日熱門 */
ul.related, .whitecon ul.todaynews { width:96%; margin:0px auto 20px; overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
ul.related li, ul.todaynews li { width:49%; border-bottom:1px dotted #cfa972; margin:0px; padding:12px 5px 14px; position:relative; }
ul.related li:before, ul.todaynews li:before { content:""; display:block; width:7px; height:7px; border-radius:100%; background-color:#cfa972; position:absolute; top:19px; left:9px; }
ul.todaynews div, ul.related div { width:49%; } /* 廣告div插入使用 */
ul.related li a, ul.todaynews li a { margin:0; padding:0; }
/* 標題 */
ul.related li a h3, ul.todaynews li a h3 { font-size:18px; font-weight:300; line-height:24px; height:47px; overflow:hidden; color:#222; padding:0 0 0 20px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
ul.related li:hover a h3, ul.todaynews li:hover a h3, ul.todaynews li:active a h3 { color:#cc6600; }
/* 縮圖 --500以上不出現 */
ul.related li a div, .whitecon ul.todaynews li a div { display:none; }
/* 今日熱門  */
.whitecon ul.todaynews { overflow:auto; }

/* 文末 - 熱門影音 */
ul.video-list { display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; height:auto; overflow:hidden; padding:5px 15px; }
ul.video-list > li.col-1-3{ flex:0 0 32%; padding-bottom:10px; margin:10px 0px; border-bottom: 1px dashed #d5d5d5; overflow: hidden; }
ul.video-list li .pic { width:100%; height:0; padding:0 0 56%; overflow:hidden; }
ul.video-list li .pic a, ul.video-list li .tit a { display:block; }
ul.video-list li .pic a:hover { opacity:0.9; }
ul.video-list li .tit { margin-top:5px; }
ul.video-list li .tit a h3 { font-size:18px; font-weight:300; line-height:1.3; height:47px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
ul.video-list li .tit a:hover h3, ul.video-list li .tit a:active h3 { color:#cc6600; }

@media screen and (min-width:1140px) and (max-width:1300px ) {
    .whitecon .captionR , ul.related { width:94%; }
}
@media screen and (max-width:960px) {
    .related { width:96%; margin:0px auto; line-height:1.6; }
}
@media screen and (max-width:800px) {
    .whitecon ul.todaynews { padding:5px 0px 15px; margin-bottom:0; }
    .whitecon ul.todaynews li a h3 { height:45px; margin:-3px 0 0; }
    /* 文末 - 熱門影音 - 兩欄 */
    ul.video-list > li.col-1-3 { flex:0 0 48.5%; }
}
@media screen and (max-width:700px) {
    ul.todaynews li:before { left:4px; }
    .whitecon ul.todaynews li a h3 { padding:0 0 0 15px; }
    /* 行動裝置 h3 文字統一 */
    ul.related li a h3, ul.todaynews li a h3, ul.video-list li .tit a h3 { font-weight:400; font-family:Verdana, "微軟正黑體", "新細明體", sans-serif, Arial; }
}
@media screen and (max-width:500px) {
    /* 區塊標 */
    .caption { background-color:#8c6949; border-left:3px solid #cfa972; padding:0px 5px; margin:20px 0 0; color:#fff; font-size:1.2rem; }
    .whitecon .captionR { padding:10px 15px 0px; width:100%; background-color:#efece7; border-left:none; margin-top:20px;/*上有廣告*/ }
    .whitecon .captionR:after { width:calc(100% - 150px); right:15px; }
    .whitecon .captionR p { width:125px; background-color:#efece7; padding:0px 10px 0px 0px; font-size:27px; font-weight:bold; }
    .captionfb { display:none; }/* 網友回應標行動裝置隱藏 */
    /* 相關新聞 + 今日熱門 */
    ul.related { width:100%; background-color:#efece7; margin:0; border-bottom:#d9c3a3 solid 1px; }
    ul.related li { width:100%; margin:0 auto; overflow:hidden; }
    ul.related li:before, ul.todaynews li:before { display:none; }
    ul.related li { width:95%; }
    .whitecon ul.todaynews { padding:0; }
    .whitecon ul.todaynews li { width:100%; margin:0 auto; overflow:hidden; padding:20px 5px; }
    /* 相關新聞 + 今日熱門 - 標題 */
    ul.related li a h3 { display:block; width:68%; float:left; height:auto; font-size:1.3rem; line-height:1.4; color:#222; padding:0 0 0 10px; }
    .whitecon ul.todaynews li a h3 { display:block; width:100%; float:none; height:auto; font-size:1.3rem; line-height:1.4; padding:0; margin:3px 0px; }
    /* 相關新聞 + 今日熱門 - 縮圖 */
    ul.related li a div { display:block; width:32%; float:left; height:0; padding:0 0 21%; overflow:hidden; background-color:#fff; }
    .whitecon ul.todaynews li a div { display:block; float:none; width:100%; height:0; padding:0 0 60%; overflow:hidden; background-color:#f2f2f2; }
    /* 文末 - 熱門影音 - 一欄 */
    ul.video-list > li.col-1-3 { flex:0 0 100%; }
    ul.video-list li .tit a h3 { display:block; height:auto; }
}
@media screen and (max-width:330px) {
    .whitecon ul.todaynews li a h3 { font-size:18px; margin-bottom:5px; }
    span.video { width:18px; height:16px; background-size:20px; }
}

/* 文末 - 加入粉絲團 桌機隱藏 */
.add_fb { display:none; }
@media screen and (max-width:500px) {
    /* 文末 - 加入粉絲團 */
    .add_fb { display:block; margin:15px 13px; border:4px solid #e4dfd4; padding-bottom:13px; background-color:#fff; overflow:hidden; }
    .add_fb .title { font-family:'Noto Sans TC', sans-serif; font-size:1.2rem; color:#906900; font-weight:bold; border-bottom:1px dashed #ddd; text-align:center; padding:15px; margin-bottom:13px; }
    .add_fb .box { height:auto; text-align:center; }
}
@media screen and (max-width:330px) {
    .add_fb { margin:15px 0px; }
    .add_fb .title { padding:15px 0; font-size:1.1rem; }
}

/* 網友回應 */
.fb-comments { width:100%; text-align:center; z-index:0; }
.fb-comments iframe[style] { width:100% !important;}