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

/*-------------------------------
首頁： views/layout/ ←→ css/layout/
L97.php header選單關鍵字 (cache_header_box_L97.php)
L76.php  大圖右 2 頻道 + 廣告
L77.php  大圖右 1 輪播
cache_hotKeyword.php  快訊下的關鍵字

L72.php  腰帶：事件關鍵字 event
views/ad/adProject.php  腰帶：廣告(事件)
-------------------------------
L50.php  重要專題 topic：單張圖
L79.php  重要專題 topic：倒數
L82.php  春節 topic

L78.php  自由影音 940
L75.php  評論
-------------------------------
L41.php  中英對照讀新聞			
-------------------------------
以下沒用到 + 不確定：
L11.php  重要專題：TABS
L52.php  A好康
L54.php  2018春節專區
L55.php  ??
L73.php  ??940頻道??
L74.php  ??940頻道??
-------------------------------*/

/* 每日一台語 */
body { background-color: #fff; font-size: 18px; color: #111; line-height: 1.3; }
a:link, a:visited, a:active { color: #111; }
img { width: 100%; height: auto; }
@media screen and (max-width:1024px) {
	body, html { overflow-x:hidden; }
}

.content { width: 100%; margin: 15px auto 0; padding: 0; }

/* ----- 第一部份：大圖輪播 + 影音輪播 + 直播 + 首八10則 + 即時新聞 + 熱門新聞 ----- */
section.first_part { max-width: 1260px; width: 100%; margin:0 auto 25px; padding: 0 1%; overflow: hidden; }
.contentL { width:calc(100% - 320px); max-width:940px; margin:0 auto; float:left; }
.contentR { width:300px; margin:0 auto; float:right; }

/* ----- 腰帶：事件關鍵字(event) + 廣告 L72.php ----- */ 
section.belt { width:100%; padding:20px 0; margin:0 auto 40px; 
background:repeating-linear-gradient(45deg, #ededed 0, #ededed 1px, transparent 1px, transparent 16px), repeating-linear-gradient(-45deg, transparent 0px, transparent 15px, #ededed 15px, #ededed 16px), repeating-linear-gradient(90deg, #ededed 0, #ededed 1px, transparent 1px, transparent 16px), repeating-linear-gradient(0deg, transparent 0px, transparent 15px, #ededed 15px, #ededed 16px), #f5f5f5; }


/* ----- 第二部份：頻道 + 300側邊欄 ----- */
section.third_part { max-width: 1260px; width: 100%; margin:0 auto 10px; padding: 0 1%; overflow: hidden; }
.content940 { width:calc(100% - 300px - 20px); max-width:940px; margin:0 auto; float:left; }
/* ----- 首頁用 300 側邊欄 ----- */
aside {	width: 300px; float: right;	margin: 0px 0px 30px; }
aside #right_blake { width: 300px; }

@media screen and (max-width:1100px) { /* 300側邊欄隱藏 */
	.contentL, .contentR { width: 100%; float: none; }
	.contentR { width:95%; padding:20px; overflow: hidden; background-color: #f5f5f5; }
	section.belt { margin:0 auto 25px; }
	.content940 { width:100%; max-width: none; float: none; }
	aside, aside #right_blake { display:none; } 
}
@media screen and (max-width:900px) { /* <940 */
	.content { margin:0px auto; }
}
@media screen and (max-width:800px) { /* 配合快訊轉 M 版 */
	.content { margin: 10px auto 0; } /* 配合headerP_high=142 */
	section.first_part { padding: 0; }
}
@media screen and (max-width:700px) {
	.content { margin:0px auto; } /* 配合headerP_high=152 */
	.contentR { background-color:#fff; padding:0; }
	section.belt { padding:10px 0; margin:0 auto 25px; }
}
@media screen and (max-width:600px) { /* Mobile 單欄列表 + 縮圖 */
	section.first_part { margin:0 auto; }
	.contentR { margin:0 auto; }
	section.belt { padding:0; }
	section.third_part { padding: 0; }
}


/* ----- 廣告 ----- */
/* 巨橫幅 */
#ad-K1 { margin:20px auto; overflow:hidden; line-height:0; }
/* Aside AD */
#ad-BD1, #ad-BD2 { line-height:0; margin:0 auto 20px; }
/* 內廣 */
.ad_w300 { width:300px; line-height:0; padding:0; margin:0 auto 20px; }
.ad_w300 a { display:block; }
/* Mobile：ad-B1大圖下方+置頂廣告  |  #ad-B2首頁編輯精選 */
#ad-B1, #ad-B2, #ad-B3, #ad-B4 { display:none; } 

.suggest_full { width:100%; line-height:0; padding:0; margin:0 auto 20px; }

/* 廣告共用 */
.suggest_default { margin:0 0 20px 0; position: relative;}
.suggest_default::after { content: "AD"; position: absolute; padding: 12px; font-size: 12px; color: #9a9a9a; border: 1px solid #b2b2b2; left: calc(50% - 24px);top: calc(50% - 18px); z-index: -1; }

@media screen and (max-width:800px) { /* 配合快訊轉 M 版 */
	#ad-K1 { display:none; }
}
@media screen and (max-width:600px) { /* Mobile 單欄列表 + 縮圖 */
	#ad-B1, #ad-B2, #ad-B3, #ad-B4 { display:block; } /* Mobile AD */
	#ad-B1 { line-height:0; margin:20px auto; } 
	#ad-B2, #ad-B3, #ad-B4 { line-height:0; margin:0px auto; }
}
 
 
/* ----- TOP ----- */
.top { display:none; width:45px; height:45px; text-align:center; border-radius:100%; clear:both; position:fixed; bottom:120px; right:30px; z-index:50;	box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); cursor: pointer; background-color:#222; }
.top:before { content: "︿"; display: inline-block; color:#fff; font-size:25px; font-weight:bold; padding-top:3px; }
.top:hover, .top:active { background-color:#777; }


/* ----- 共用 ----- */
h3 { font-size:18px; font-weight:normal; letter-spacing:1px; }
/* more ▲ */
.triangle { display:inline-block; width: 14px; height: 13px; background: #b03c3f; margin: 8px 0 0;
 -webkit-clip-path: polygon(0 0, 0% 100%, 60% 50%);	clip-path: polygon(0 0, 0% 100%, 60% 50%); }
/* 編輯精選(不連結) + 連結大標(即時新聞 + 熱門新聞 + 熱門新訊)  */
.caption { display:block; border-bottom:4px solid #b03c3f; }
.caption b { font-size:21px; letter-spacing:1px; color:#b03c3f; line-height:1.5; }
a.caption:hover { border-bottom:4px solid #6e1518; }
a.caption:hover b { color:#6e1518; }
a.caption:hover .triangle { background:#6e1518; }
a.caption .triangle { float:right; }
/* 連結大標：事件 + 頻道(無底線) */
.caption2 { display:block; padding:0; }
.caption2 b { font-size:25px; letter-spacing:1px; color:#111; line-height:1.5; }
.caption2 .triangle { margin:-3px 0 0 20px; vertical-align: text-top; }
.caption2:hover b { color:#a00; }
.caption2:hover .triangle { background:#a00; }
@media screen and (max-width:600px) { /* Mobile 單欄列表 + 縮圖 */
	.caption b, .caption_right b, .caption2 b { font-size:24px; }
}


/* 新聞列表：縮圖 + 標題 */
ul.content_list { width:100%; display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; gap:30px 0; }
ul.content_list li { width:50%; }
ul.content_list li a { width:100%; display:flex; box-sizing: border-box; }
ul.content_list li a .ph { width:35%; height: 0; background:url("../images/default.png") no-repeat; background-size: 100% auto; padding: 0 0 22.5%; border-radius:5px; overflow: hidden; }
ul.content_list li a .ph img { width: 100%; }
/* 標題 */
ul.content_list li a .tit { display:flex; width:65%; flex-wrap:nowrap; flex-direction:column; padding:0 10px; }
ul.content_list li a .tit h3 { line-height:1.35; }
ul.content_list li a:hover { color: #b03c3f; }
/* 時間 + 分類 */
ul.content_list li a .tit > p { display:flex; align-items: baseline; margin: auto 0 0; }
ul.content_list li a .tit > p span.time, ul.content_list li a .tit > p span.category { color: #777; font-size:14px; letter-spacing:1px; }
ul.content_list li a .tit > p span.category { margin-left:11px; padding-left:10px; line-height:16px; border-left:1px solid #777; }
/* 影音 icon */
h3 .videoIcon { width:20px; height:auto; display:inline-block; background:url("../images/video01.svg") no-repeat center; background-size:20px; margin-left:6px; vertical-align:middle; }
/* 首八10則用：標題加色 */
.tit h3 > span.title_colorful { font-size:18px; line-height:1.35; letter-spacing:1px; color:#D66A00; } 
@media screen and (max-width:800px) { /* 配合快訊轉 M 版 */
	ul.content_title { padding:0 2%; }
	ul.content_list li a .tit h3 { height:70px; overflow:hidden; display:-webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp:3; }
}
@media screen and (max-width:600px) { /* Mobile 單欄列表 + 縮圖 */
	ul.content_list { margin:20px auto; }
	ul.content_list li { width:100%; }
	ul.content_list li a .ph { width:30%; padding: 0 0 19%; }
	ul.content_list li a .tit { width:70%; }
}
@media screen and (max-width: 450px) {
	ul.content_list li a .ph { width:35%; padding: 0 0 22%; }
	ul.content_list li a .tit { width:65%; }
	ul.content_list li a .tit h3 { height:auto; }
	ul.content_list li a .tit > p span.time, ul.content_list li a .tit > p span.category { font-size:13px; }
}


/* ----- 快訊下的關鍵字 cache_hotKeyword.php ----- */
.top_keywords { display:none; }
@media screen and (max-width:800px) {
	div.ltnheader .row2 ul li.h_kw { display:none; } /* header 關鍵字隱藏 */
	.top_keywords { display:block; height:32px; overflow-x: overlay; overflow-y: hidden; margin:10px 0 10px; padding:0 10px; }
	/* 橫向捲軸調整 */
	.top_keywords::-webkit-scrollbar { height: 5px; }
	.top_keywords::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; }
	.top_keywords::-webkit-scrollbar-track { background: transparent; }

	.top_keywords .top_ky_wrap { line-height:28px; display: inline-block; }
	/* 熱搜 */
	.top_keywords b { font-weight:normal; display: inline-block; font-size:17px; color:#fff; background-color:#e9ae2c; margin-right:12px; padding:3px 12px 0; border-radius:20px; letter-spacing:2px; float:left; }

	.top_keywords ul { width: calc(100% - 85px); float: left; display: flex; flex-wrap: nowrap; }
	.top_keywords ul li { float: left; border:1px solid #d66900; border-radius:20px; margin-right:12px; flex-shrink: 0; }
	.top_keywords a { font-size: 17px; color: #111; padding:2px 12px 0; }
	.top_keywords a:hover { color:#d66900; }
}


/* ----- 首頁大圖 topSlider.php ----- */
.swiper-container.swiper-A { width:70%; float:left; margin:0 0 40px; z-index:0; /* 浮水印廣告 */ border-radius:8px; overflow:hidden; position:relative; border:1px solid #fff; }
.swiper-A a.swiper-slide { display:block; width:100%; height:0; padding-bottom:64%; overflow:hidden; }
/* 大圖 */
.swiper-A .swiper-slide .ph { width:100%; height:0; padding-bottom:64%; overflow:hidden; }
.swiper-A .swiper-slide .ph img { line-height:0; }
/* 標題 */
.swiper-A .swiper-slide .title { width:100%; padding:1.6% 2%; position:absolute; bottom:0; z-index:1; background-color:rgba(44,39,39,0.7); }
.swiper-A .swiper-slide .title h2 { display:block; font-size:27px; letter-spacing:0.5px; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; }
/* 標題加色 */
.title h2 > span.title_colorful { font-size:inherit; letter-spacing:0.5px; color:#FFCC00; } 
/* 左右鍵 */ 
.swiper-A .swiper-button-prev, .swiper-A .swiper-button-next { width: clamp(40px, 9%, 60px); height:70px; }
.swiper-A .swiper-button-prev { left:0; }
.swiper-A .swiper-button-next { right:0; }
.swiper-A .swiper-button-prev::before, .swiper-A .swiper-button-next::before 
{ content:""; display:block; width:100%; height:100%; opacity: 0.8; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iODAiIGhlaWdodD0iMTUwIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHBvaW50cz0iNjAsMTAgMjIsNzIuNSA2MCwxNDAgIi8+PC9zdmc+");
background-size: contain; background-repeat: no-repeat; 
filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.9)); -webkit-filter:drop-shadow(0px 0px 5px rgba(0,0,0,.9)); }
.swiper-A .swiper-button-next::before { transform: rotate(180deg); }

/* 分頁 */
.swiper-A .swiper-pagination.pagination { height: 25px; top:4px !important; text-align:right !important; padding-right: .6rem; }
.swiper-A .swiper-pagination.pagination > .swiper-pagination-bullet
	{ width: 9px; height: 9px; margin: 0 3px; background:rgba(255, 255, 255, .7); opacity:1; }
.swiper-A .swiper-pagination.pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#ffbd00; }

@media screen and (max-width:800px) { /* 配合快訊轉 M 版 (大圖 +右2) */
	.swiper-container.swiper-A { margin:0 0 40px 8px; }
	.swiper-A .swiper-slide .title h2 { font-size:26px; }
}
@media screen and (max-width:700px) { /* 大圖100% + 右2下放 */
	.swiper-container.swiper-A { width:98%; float:none; margin:0 1%; }
}
@media screen and (max-width:600px) { /* 單則 */
	.swiper-A .swiper-slide .title h2 { font-size:1.4rem; }
	.swiper-A .swiper-button-prev, .swiper-A .swiper-button-next { height:65px; } /* 同右 1 輪播 */
}
@media screen and (max-width:450px) { /* Mobile */
	.swiper-container.swiper-A, .swiper-A a.swiper-slide, .swiper-A a.swiper-slide .title { border-radius:0; }
	.swiper-A .swiper-button-prev, .swiper-A .swiper-button-next { height:45px; } /* 同右 1 輪播 */
}



/* ----- 首頁大圖右側 2則  videoLive.php：L77.php(第1則輪播) + L76.php(第2則) ----- */
.news2 { width:calc(100% - 70% - 20px); float:left; margin:0 0 0 20px; overflow:hidden; }
.box440 { display:block; margin-bottom:10px; border-radius:8px; } 

/* 直播 1 + 2：videoLive.php  | 輪播 L77.css */
div.videoMask, 
a.videoMask { display: block; cursor: pointer; background: transparent; width:100%; position: absolute; top: 0; left: 0; z-index: 1; }
/* 直播 1 用 */
.videoMask, .video_rwd { height:0; padding-bottom:60%; background-color:#fff; overflow:hidden; position:relative; border-radius: 8px; } 
.video_rwd iframe, .video_rwd object, .video_rwd embed { width:100%; height:100%; position:absolute; top:0; left:0; }
/* 標題 2行 */
.box440 .videoLiveTit
{ width:100%; max-height:50px; background-color:#fff; padding:5px 5px 0; font-size:17px; letter-spacing:1px; font-family: Arial, helvetica, "微軟正黑體", sans-serif; font-weight: normal; color:#111; cursor:pointer; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; }

/* max-width:600px 隱藏 頻道or直播 */
.news2 .hidden { display: none; }
.news2 .onLive { display:none; }

/* 大圖右 2 - L76.php共用：頻道文章、圖片版、內廣
   頻道文章(手機版隱藏)：.box440.mobileHide  |  內廣(手機版出現)：.box440.L1ad  */
.box440 .size { width:100%; height:0; padding-bottom:55%; overflow: hidden; border-radius:8px; }
.box440 .size > img { border-radius:8px; line-height:0; }

@media screen and (max-width:800px) { /* 配合快訊轉 M 版 */
	.news2 { margin:0 0 0 10px; }
}
@media screen and (max-width:700px) { /* 大圖右 1+2 並排 */
	.news2 { width:98%; float:none; margin:20px 1%; }
	.box440 { width:49%; margin-bottom:0; }
	.box440.video_container, .box440.video_container { float:left; } /* 輪播 + 直播 1 */   
	.box440.mobileHide, .box440.content_container { float:right; } /* 頻道文章 + 直播 2 */
}
@media screen and (max-width:600px) { /* 單則 隱藏大圖右側 2 */
	.box440 { width:100%; float:none; }
	.box440 .videoLiveTit { font-size:20px; }
	.box440.mobileHide { display:none; } /* Mobile 頻道文章 隱藏 */
	.box440.content_container { float:none; margin-top:20px; } /* 直播 2 (會和輪播一起出現) */
}
@media screen and (max-width:450px) { /* Mobile */
	.box440, .box440 .size, .box440 .size > img,
	.videoMask, .video_rwd { border-radius:0; }
}


/* ----- 首八 10則 topHeadline.php ----- */
.news10 { width: 100%; margin:0 auto 30px; overflow:hidden; }
.news10 .caption { display:none; } /* PC隱藏 */

/* ----- 即時新聞 PC 20 則 (M 10 則) + 熱門新聞 PC 5 則 (M 6 則) ----- */
.breakingnews { background-color:#f5f5f5; padding:12px 0; margin:0 auto 20px; border-radius:10px; overflow:hidden; }
.week_hot { padding: 0 5px; }
/* 即時大標 */
.breakingnews a.caption { width:calc(100% - 24px); margin:0 auto; } 

.breakingnews ul.content_list { height:620px; padding:10px 6px 10px 15px; overflow: auto; gap:10px 0; }
.week_hot ul.content_list { margin:12px auto 0; gap:10px 0; }
.breakingnews ul.content_list li,
.week_hot ul.content_list li { width:100%; border-bottom:1px dashed #999; padding: 0 0 7px; }

/* 題標：PC只留標 */
.breakingnews ul.content_list li a .tit, 
.week_hot ul.content_list li a .tit { width:100%; padding:0; }
.breakingnews ul.content_list li a .tit h3,
.week_hot ul.content_list li a .tit h3 { display: inline-block; width:100%; font-size:17px; line-height: 1.3; max-height:45px; overflow: hidden; }
.breakingnews ul.content_list li a .tit > p span.time, 
.breakingnews ul.content_list li a .tit > p span.category { display: inline-block; font-size:13px; color:#D66A00; }
.breakingnews ul.content_list li a .tit > p span.category { border-left:1px solid #D66A00; }
/* PC版圖片隱藏 */
.breakingnews ul.content_list li a .ph, 
.week_hot ul.content_list li a .ph { display:none; } 

/* 熱門新聞 PC 5 則 */
.week_hot ul.content_list li:nth-child(6) { display:none; }
/* M版：更多..新聞 */
a.moreBtn { display:none; }

@media screen and (max-width:1260px) { 
	.breakingnews ul.content_list { height:550px; }
}
@media screen and (max-width:1150px) { 
	.breakingnews ul.content_list { height:500px; }
}
@media screen and (max-width:1100px) { /* 300側邊欄隱藏 (contentR下移 | 兩欄) */
	.breakingnews, .week_hot { width:49%; float:left; margin:0 auto 10px; }
	.week_hot { margin-left:2%; }
	.breakingnews { padding:0; }
	.breakingnews ul.content_list { height:400px; }
	.breakingnews ul.content_list li a .tit h3, .week_hot ul.content_list li a .tit h3 { height:auto; }
}
@media screen and (max-width:800px) { /* 配合快訊轉 M 版 (contentR兩欄) */
	.news10 { width: 95%; margin:0 auto 20px; }
	.breakingnews ul.content_list { height:420px; }
}
@media screen and (max-width:700px) { /* 單欄列表 */
	.breakingnews, .week_hot { width:100%; margin:10px auto; } 
	.breakingnews { padding:20px 10px; float:none; }
	.breakingnews ul.content_list { height:auto; }
	.breakingnews ul.content_list li a .tit h3, .week_hot ul.content_list li a .tit h3 { font-size:18px; }
	
	/* 即時新聞留 M 10 則 */
	.breakingnews ul.content_list li:nth-child(10) ~ li { display:none; }
	/* 熱門新聞 M 6 則 */
	.week_hot ul.content_list li:nth-child(6) { display:block; }
}
@media screen and (max-width:600px) { /* Mobile 單欄列表 + 縮圖 */
	.news10 { margin:0 auto; }
	.news10 .caption { display:block; } 
	.news10 .caption:hover { border-bottom:4px solid #b03c3f; }
	.news10 .caption:hover b { color:#b03c3f; }
	
	.breakingnews, .week_hot { background-color:#fff; padding:0; margin:10px auto; border-radius:0; }
	.breakingnews a.caption { width:100%; }
	.breakingnews ul.content_list, .week_hot ul.content_list { padding:0; gap:30px 0; margin: 25px auto; }
	.breakingnews ul.content_list li, .week_hot ul.content_list li { border-bottom:none; padding:0; }
	.breakingnews ul.content_list li a .ph, .week_hot ul.content_list li a .ph { display:block; }
	.breakingnews ul.content_list li a .tit, .week_hot ul.content_list li a .tit { width:70%; padding:0 10px; }
	.breakingnews ul.content_list li a .tit span { color:#777; }
	
	a.moreBtn { display:block; width:90%; font-size:18px; letter-spacing:1px; color:#b03c3f; text-align:center; border:1px solid #b03c3f; border-radius:5px; padding:6px 0 5px; margin: 0 auto 20px; }
	a.moreBtn:active { color:#fff; background-color:#b03c3f; }
}


/* M版 (放熱門新聞後面)：每日一台語  */
.tw_m { display:none; }
.tw_m div button.vBT, .tw div button.vBT
{ width:25px; height:25px; border:none; margin-left:5px; cursor:pointer; 
  background:url(../images/voice.png) no-repeat center, transparent; background-size:22px; vertical-align:sub; 
  filter: saturate(1000%) hue-rotate(350deg); -webkit-filter:saturate(1000%) hue-rotate(350deg); }
.tw div button.vBT:hover, .tw_m div button.vBT:active
{ filter: saturate(1000%) hue-rotate(400deg); -webkit-filter:saturate(1000%) hue-rotate(400deg); }	
	
@media screen and (max-width:1100px) { /* 300側邊欄隱藏 */
	.tw_m { display:block; width:95%; margin:20px auto 30px; padding:10px; border-radius:8px; background-color:#f5f5f5; }
	.tw_m .tWrap { padding:12px 5px; }
	
	.tw_m .tWrap > a { color:#313131; font-size:20px; letter-spacing:2px; font-family:'Tauhu Oo', Arial, "微軟正黑體", Geneva, "Heiti TC", "新細明體", sans-serif; }
	.tw_m .tWrap > a:active { color:#c00; }
	.tw_m .tWrap button.vBT { width:30px; height:30px; background-size:28px; }
}	
@media screen and (max-width:600px) { /* Mobile */
	.tw_m { width:100%; border-radius:0; margin:20px auto; }
}



/* ----- THIRD PART ----- */

/* ----- 940*280 專題共用(併排)：L50、L79、L82 (evtUp_box巨橫幅位置 + evtDown_box影音上方) ----- */
.evtUp_box, .evtDown_box { text-align:center; margin:0 auto; padding:0px; } 

.topic { width:100%; max-width:940px; padding:0; }
.evtUp_box > div > .topic { margin:25px auto 0px; }
.evtDown_box > div > .topic { margin:0px auto 25px; }

@media screen and (max-width:1100px) { /* 300側邊欄隱藏 */
	.topic { width:80%; }
}
@media screen and (max-width:700px) {
	.topic { width:98%; }
}
@media screen and (max-width:600px) { /* Mobile */
	.topic { width:100%; }
}
	

/* ----- 940 14頻道 channelTemplate.php ----- */
/* 評論：L75.php */
.channel { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; gap:20px 15px; overflow:hidden; margin:0 auto 25px; }
.channel_box { flex:0 0 48%; border-bottom:3px dotted #e4e4e4; padding: 0 0 10px; }
/* 大圖 */
a.big_ph { display:block; width:100%; margin-bottom:16px; overflow:hidden; position: relative; }
a.big_ph div.ph { width:49%; float:left; height:0; padding:0 0 30%; overflow: hidden; border-radius:5px; margin-right:15px; background: rgba(3, 3, 3, 0.8); border:1px solid #ccc; }
a.big_ph h3 { width:calc(49% - 15px); float:left; font-size:20px; font-weight:bold; line-height:1.4; height:110px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; margin:-4px 0 0; }
a.big_ph:hover div.ph { opacity:0.85; }
a.big_ph:hover h3 { color:#b03c3f; }
/* 2則 */
.channel_box ul { width:100%; padding:0; }
.channel_box ul li { margin-bottom:15px; position:relative; }
.channel_box ul li a { display:block; padding:0 0 0 15px; }
.channel_box ul li a:before { content:''; display:block; width:4px; height:15px; background-color:#b03c3f; position:absolute; top:4px; left:2px; }
.channel_box ul li a h3 { display:block; line-height:1.4; overflow:hidden; }
.channel_box ul li a:hover h3 { color:#b03c3f; }

@media screen and (max-width:1100px) { /* 300側邊欄隱藏 */
	.channel { width:90%; }
}
@media screen and (max-width:800px) { /* 配合快訊轉 M 版 */
	.channel { width:95%; }
}
@media screen and (max-width:700px) {
	.channel { width:98%; }
	.channel_box ul li a h3 { height:auto; }
}
@media screen and (max-width:600px) { /* Mobile 單欄列表 */
	.channel { width:100%; gap:0px; }
	.channel_box { flex:0 0 100%; padding:15px 20px; border-bottom:none; }
	.channel_box:nth-of-type(even) { background-color:#ececec; }
	a.big_ph h3 { height:105px; line-height:1.3; margin:-4px 0 0; }
	.channel_box ul li a h3 { font-size:20px; }
}



/* ----- 新聞事件簿 + 專題 event.php----- */
.proj { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; gap:20px 15px; overflow:hidden; margin:0 auto 30px; }
.proj_box { width:48%; display:flex; justify-content:space-between; flex-wrap:wrap; gap:0px 15px; align-content: flex-start; }
.proj_box a.caption2 { width:100%; margin-bottom:0; }

.proj_box a.big_ph { width:calc(50% - 10px); }
.proj_box a.big_ph div.ph { width:100%; float:none; padding:0 0 65%; }
.proj_box a.big_ph h3 { display:block; width:100%; height:auto; font-weight: normal; float:none; padding:5px 0 0 3px; margin:0; }

@media screen and (max-width:1100px) { /* 300側邊欄隱藏 */
	.proj { width:90%; }
}
@media screen and (max-width:920px){ 
	.proj_box a.big_ph { width:47%; }
}
@media screen and (max-width:800px) { /* 配合快訊轉 M 版 */
	.proj { width:95%; }
}
@media screen and (max-width:700px) { /* 手機版隱藏 */
	.proj { display:none; }
}


/* ----- 首頁用 300 側邊欄 ----- */
/* 熱門新訊 */
.market300 { margin:0 0 20px; }
.market300 ul {	padding: 0 0 10px 0; background-color:#f5f5f5; border:1px solid #e3e3e3; }
.market300 ul li { padding: 10px 5px 10px 8px; border-bottom: 1px solid #bbb; }
.market300 ul li a { font-size:17px; line-height: 1.5; letter-spacing:1px; }
.market300 ul li:hover a { color:#b03c3f; }
.market300 ul li:last-of-type {	border-bottom: none; padding-bottom: 0px; }

/* PC：每日一台語 */
.tw { margin:20px auto; }
.tw .tWrap { background-color:#f5f5f5; padding:12px; }
.tw .tWrap > a { color:#313131; font-size:17px; letter-spacing:2px; font-family:'Tauhu Oo', Arial, "微軟正黑體", Geneva, "Heiti TC", "新細明體", sans-serif; position:relative; }
.tw .tWrap > a:hover { color:#c00; }

/* FB */
.fb-like-box { margin-bottom:20px; line-height: 0; }
#fb-root { display:none; }
.fb-comments, .fb-comments iframe[style] { width:100% !important; }
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] { width:100% !important; }

/* 國會直播連結 banner (govLive.php) + 中英對照 banner (L41.php) */
.gov_live, .ch_en { width:100%; height:100px; line-height:0; margin:0 auto 20px; }
.gov_live { background:url("../images/gov_live300x100.jpg") no-repeat; background-size: 100% auto; }
.ch_en { background:url("../images/english300x100.jpg") no-repeat; background-size: 100% auto; }
.ch_en > a, .gov_live > a { display:block; width:100%; height:100px; line-height:0; }

/* Oil */
.oil { padding:15px 10px; background-color:#f3f3f3; margin:0 auto 20px; border: 1px solid #e3e3e3; }
.oil table { width:100%; }
.oil label { font-size:20px; font-weight:bold; text-align:left; margin-bottom:7px; }
.oil th, .oil td { font-size:14px; line-height:1.2; text-align:center; vertical-align:middle; background-color:#f7f7f7; border:1px solid #a1a1a1; padding:8px; }
.oil th { background-color:#e4e4e4; background:-moz-linear-gradient(top,  #f6f6f6 0%, #d3d3d3 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 0%,#d3d3d3 100%); background:linear-gradient(to bottom, #f6f6f6 0%,#d3d3d3 100%); }
.oil thead th { color:#fff; background:#555; padding:5px 8px; }
.oil thead th:first-child { vertical-align:middle; }
.oil td:first-child { font-size:16px; font-weight:bold; color:#fff; }
.oil tr:nth-child(1) td:first-child { background-color:#835bae; }
.oil tr:nth-child(2) td:first-child { background-color:#9c3b3e; }
.oil tr:nth-child(3) td:first-child { background-color:#338962; }
.oil tr:nth-child(4) td:first-child { background-color:#246dc5; }
.oil td .oilr, .oil td .oilg { font-weight:bold; padding-left:8px; margin-left:2px; }
.oil td .oilr { color:#ed6624; background:url(../images/oil_up.png) no-repeat left 6px; }
.oil td .oilg { color:#009900; background:url(../images/oil_down.png) no-repeat left 6px; }

/* 發票 */
.invoice { padding:15px 10px; background-color:#f3f3f3; margin:0 auto 20px; border: 1px solid #e3e3e3; }
.invoice label { display:block; font-size:20px; font-weight:bold; margin-bottom:10px; }
.rtab .tab { width:100%; height:auto; margin:0 0 7px 0; overflow:hidden; position: relative; }
.rtab .tab-nav { border-bottom:2px solid #b03c3f; margin:0 0 3px 0; overflow:hidden; }
.rtab .tab-nav a { display:block; font-size:15px; letter-spacing:0.5px; text-align:center; padding:5px; margin:0 7px 0 0; border:1px solid #b03c3f;
  border-bottom:none; /*刪除底線*/ border-radius:5px 5px 0px 0px; float:left; }
.rtab .tab-nav a:hover { background-color:#e9dede; }
.rtab .tab-nav a.current { color:#fff; background-color:#b03c3f; border:1px solid #b03c3f; border-bottom:none; /*刪除底線*/ }
.rtab .tab-con { overflow:hidden; position: relative; }
.rtab .tab-con-item { display:none; }
.rtab .tab-con-item table { width:100%; }
.rtab .tab-con-item th, .rtab .tab-con-item td { font-size:14px; font-weight:bold; text-align:center; background:#dfdfdf; border:1px solid #efefef;   border-right:1px solid #fff; /*右框白線*/ padding:7px; }
.rtab .tab-con-item th:last-child, .rtab .tab-con-item td:last-child { border-right:1px solid #efefef; }
.rtab .tab-con-item thead th { color:#fff; background:#555; }
.rtab .tab-con-item tbody tr:nth-child(2n-1) td { background:#fff; }
.rtab .tab-con-item th:first-child, .rtab .tab-con-item td:first-child {  width:40.5%; }
.rtab .tab-con-item td:last-child { font-size:16px; }
.rtab .tab-con-item td span { color:#db0808; }
/* 財政部 */
.date_award { font-size:13px; line-height:1.5; margin-bottom:10px; }
.date_award a { font-weight:bold; color:#b03c3f; text-decoration:underline; }
.date_award a:hover { color:#7b1619; }
/* 對獎功能BT */
.invoice .btn a { display:block; width:100%; height:35px; font-size:15px; line-height:34px; color:#b03c3f; text-align:center; background:#fff; border:1px solid #b03c3f; border-radius:3px; margin:0 auto 5px; }
.invoice .btn a:hover { color:#fff; background:#b03c3f; border:1px solid #b03c3f; }
/* 對獎功能 */
.foraward { display:none; width:90%; height:1px; text-align: center; margin:0 auto; overflow:hidden; }
.for_award_no { width:90%; font-size:18px; text-align:right; letter-spacing:3px; margin:15px auto 10px; }
.number { display:flex; flex-direction:row; justify-content:center; flex-wrap:wrap; gap:15px; margin:10px auto; }
.input_no { flex: 0 0 29%; height:40px; font-size:20px; vertical-align:middle; padding:0px; }
.clear_text { flex: 0 0 64%; height:40px; font-size:20px; font-weight:bold; vertical-align:middle; padding:0px; }
/* 請輸入對獎號碼 */
.lst_award_no_item { line-height:40px; letter-spacing:3px; border-top:1px dotted #b9b9b9; margin-top:15px; }
.lst_award_no_item span { margin-top:0px; float:left; }
.lst_award_no_item b { color:#CC0000; }
.lst_award_no { height:45px; overflow:hidden; }
.lst_award_move {  transition: all 0.15s linear; }
/* 說明 */
.foraward ul { line-height:16px; letter-spacing:1px; text-align: left; margin:10px auto 0px; }
.foraward ul p { font-size:15px; font-weight:bold; background-color:#efefef; padding:8px 0; }
.foraward li { font-size:13px; padding:0px 0px 0px 12px; margin:7px 0px; position: relative; }
.foraward li:before { content:""; display:block; width:5px; height:5px; border-radius:100%; background-color:#555; position: absolute; top: 6px;   left: 0; }
.invoice .foraward[style] { height:auto !important; }

/* 熱門關鍵字雲 */
.hot_tag { margin-top:20px; }
.hot_tag p { font-size:22px; font-weight:bold; line-height:1.6; }
.hottag { padding:3px 14px 10px 7px; background-color:#f3f3f3; border-radius:4px; border:1px solid #eee; }
.hottag ul { display:block; overflow:hidden; 
background:linear-gradient(180deg, #f3f3f3 98%, transparent 98%),
linear-gradient(90deg, #f3f3f3 25%, transparent 25%), linear-gradient(90deg, #aaa 50%, transparent 50%), 
linear-gradient(90deg, #f3f3f3 75%, transparent 75%), linear-gradient(90deg, #aaa 100%, transparent 100%);
background-size: 28px 40px; background-repeat:repeat; }
.hottag ul li { line-height:40px; float:left; margin:0 10px; }
.hottag ul li a { font-size:17px; }
.hottag ul li a:before { content:"# "; color:#222; font-size:16px; }
.hottag ul li a:hover { color:#b03c3f; }
.hottag ul li a:hover:before { color:#b03c3f; }


/* ----- 瀏覽器更新提醒 ----- */
.ie9 { width:800px; border:1px solid #ddd; padding:25px 0; margin:0 auto; overflow:hidden; }
.ie9 > p { font-size:18px; line-height:30px; color:#222; padding:0px 55px; margin:0px; }
.ie9 > div.button { padding:15px 0; }
.ie9 > div.button a { display:block; height:40px; line-height:40px; color:#2052d1; text-align:center; background-color:#f7f7f7; border:1px solid #999; padding:0px 15px; margin:0 10px; float:right; }
.ie9 > div.button a:hover { background-color:#ddd; color:#222; }
.ie9 > div.button > a.close { width:40px; height:40px; padding:0px; margin:0 40px 0px 20px; }
.ie9 > div.button > a.close img { width:35px; margin-top:3px; }