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

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 { max-width: 1260px; width: 100%; margin: 15px auto 0; }
section.content940 { max-width: 940px; width:calc(99% - 320px); float: left; margin: 0 auto; }
.whitecon {	float: left; width: 100%; background-color: #fff; margin-bottom: 40px; }
@media screen and (max-width:1260px) {
	.content { padding: 0 1.5%;	}
	section.content940 { max-width: none; }
}
@media screen and (max-width:1100px) {
	section.content940 { width: 100%; margin: 0 auto; float: none; }
	.whitecon { float:none; margin: 0px auto 30px; }
}
@media screen and (max-width:800px) { /* 配合快訊轉 M 版 */
	.content { padding: 0; margin-top:7px; } /* ltnheader = headerP_high = 150 */
}
@media screen and (max-width:700px) {
	.content { margin: 0 auto; } /* ltnheader = headerP_high = 152 */
}



/* ----- Video RWD ----- */
.v_container { height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden;	margin: 0 auto 20px; }
.v_container iframe, .v_container object, .v_container embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }


/* ----- 2025/4/15 TOP ----- */
.top { display:none; width:45px; height:45px; border-radius:100%; text-align:center; position:fixed; bottom:120px; right:30px; z-index:50; background-color:#222; cursor:pointer; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); }
.top:before { content: "︿"; display: inline-block; color:#fff; font-size:25px; font-weight:bold; padding-top:3px; }
.top:hover, .top:active { background-color:#777; }


/* ----- Bread Crumbs ----- */
.breadcrumbs { width: 100%; height:45px; line-height:45px; margin: 0px auto; clear: both; }
.breadcrumbs a { letter-spacing:1px; color: #222; font-size: 16px; }
.breadcrumbs a:hover { color:#b03c3f; }
.breadcrumbs span { font-size: 16px; margin:0 8px; }
@media screen and (max-width:800px) { /* 快訊轉 M 版 */
	.breadcrumbs { padding:0 2%; line-height:60px; height:50px; }
}

/* ----- 廣告共用 Suggest ----- */
.suggest { clear:both; } /* 內頁熱門新聞下兩則廣告(b1b2)用 */
.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;}

#ad-K1 { margin:15px auto 0; }
#ad-K10 { margin-top: 20px; }
#ad-BD1, #ad-BD2, #ad-BD3, .NC1, .C2, .NC3 { margin: 0 0 20px 0; overflow: hidden; line-height: 0; }
#ad-B1 iframe {	margin: 10px auto 0px; }
#ad-B2 iframe {	margin-bottom: 15px; }
[id*="ad-K2"] {	margin-bottom: 20px; }

/* 內文頁2則廣告並排 300*250 */
.suggest div.b1b2 { display:inline-block; margin:0px 10px 20px; }
@media screen and (max-width:960px) {
	#ad-K1, #ad-K10 { display: none; }
}
@media screen and (max-width:850px) {
	#ad-C1 { margin-bottom: 15px; }
}
@media screen and (max-width:800px) {
    .suggest_pc { display: none; }
    .suggest_m { display: block; } /* 廣告切換電腦版手機版 */
    .suggest div.b1b2 { display:none; } /* 文末兩則300*250並排 */
    div.suggestBottom { margin-bottom: 15px; } /* 廣告下推 */
    div.suggestTop { margin-top:15px; } /* 告廣上推 */
}

/* 列表頁廣告 */
.list #ad-B1 iframe, .list #ad-B2 iframe, .searchlist #ad-B1 iframe, .searchlist #ad-B2 iframe { margin: 0px auto; }
.list #ad-B1, .list #ad-B2, .list #ad-B3, .list #ad-B4 
	{ display: table; width: 100%; padding: 0px 0 15px 0; border-bottom: 1px solid #ddd; }
/* 列表頁廣告-PC */
.list #ad-apxzone_WhzQm9Op, .list #ad-newest-native2, .list #ad-newest-native3 
	{ display: table; width: 100%; padding: 0px 0px 15px; border-bottom: 1px solid #ddd; }



/* ----- 瀑布流 ----- */
.waitAjax {	text-align: center; }
.waitAjax img {	width: auto; margin: 15px 0; }
@media screen and (max-width:600px) {
	.waitAjax img {	width: auto; margin: 0 0 15px; }
}


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