@charset "utf-8";
/* CSS Document header + footer + 廣告 + 共用 */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent; }
body { color:#111; line-height:1.3; font-family:"微軟正黑體", "新細明體", sans-serif, Arial; }
a:link, a:visited, a:active { color:#111; }
img { width:100%; }
/* 表格共用 */
table { border-collapse:collapse; border-spacing:0; font-family:'微軟正黑體'; }

.content { max-width:1260px; width:100%; margin:15px auto 0px; overflow:hidden; }
section.content940 { max-width:940px; width:100%; float:left; margin:0 auto; overflow:hidden; letter-spacing:1px; }
.whitecon { width:100%; background-color:#fff; margin-bottom:25px; overflow:hidden; }
#c3_rwd .ltnheader .Hcon .nav_bar { display:none; } /* 原主站漢堡選單 隱藏  */
#c3_rwd .c3Header .con .nav_bar { display:none; }
/* 底色 */
.hero_gray{ width:100%; height: auto; background-color:#f0f0f0; }
.hero_white{ width:100%; height: auto; background-color:#fff; }

@media screen and (max-width:1300px) and (min-width:1140px) {
	.content { margin:15px auto 10px; }
	section.content940 { width:calc(100% - 300px - 15px); max-width:100%; }
}
@media screen and (max-width:1270px){ /*側邊欄隱藏*/
    .content { padding:0 1%; }
}
@media screen and (max-width:1139px) {
	section.content940 { float:none; }
}
@media screen and (max-width:800px) {
	.content { padding:0 1%; }
}
@media screen and (max-width:960px) {
	.content { padding:0 2%; margin:0px auto; }
}
@media screen and (max-width:600px) {
    .content, section.content940 { padding:0; }
    .whitecon { margin:0px auto 20px; }
}

/* ---------------------------- 廣告共用 ---------------------------- */
div[id^='google_ads_iframe'] { margin: 0 auto; }
.suggest { width:100%; text-align:center; margin:0 auto; }
.suggest > div, .suggest a, .suggest img { line-height:0; }
/* 廣告切換電腦版手機版 */
.suggest_m { display: none; }
.suggest_pc { display: block; }
div.suggestBottom { margin-bottom: 20px; }
div.suggestTop { margin-top:20px; }
div.suggestCenter { margin-left:auto;margin-right:auto; } /* 內頁「發燒新聞」上的廣告 */
/* 兩塊300*370廣告並排 */
.suggestWrapper-1-2 { width: 100%; max-width: 640px; margin: 0 auto; overflow: hidden; }
.suggest-1-2 { float: left; width: auto; margin:0px 10px; }
/* PC - 巨橫幅廣告 */
.top_suggest { margin:20px auto 10px!important; }
/* 浮水印廣告 + 關閉鍵 */
.suggest div#ad-I1-bottom { margin:0; }
.door-bottom-head{ position: fixed; z-index:0; }
.door-bottom{ text-align:center; bottom: 0; width: 100%; height: 50px; }
.door-bottom-space{ float: left; position:relative; background-color:#fff; z-index:-1; }
.door-bottom i.close{ width:30px;height:30px;border:1px solid #999;border-radius:100%;background-color:rgba(0,0,0,0.15);position:absolute;top:-30px;left:0; display:none;}
.door-bottom i.close:before{ content:"×";font-size:2rem;color:#555;font-style:normal;line-height:0.9; }

@media screen and (max-width:600px) {
    .suggest_pc { display: none; } /* 廣告切換電腦版手機版 */
    .suggest_m { display: block; }
    div.suggestBottom { margin-bottom: 15px; } /* 廣告下推 */
    div.suggestTop { margin-top:15px; } /* 告廣上推 */
}

/* ---------------------------- top ---------------------------- */
.top { display:none; width:45px; height:45px; 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); }
.top a { display:block; width:45px; height:45px; line-height:0; border-radius:100%; cursor:pointer; background-color:#07b8ea; position:absolute; top:0; }
.top a:before { content: "︿"; display:inline-block; color:#fff; font-size:25px; font-weight:600; position:relative; top:7px; left:10px; }
.top a:after { content:"TOP"; color:#fff; font-size:15px; font-weight:600; letter-spacing:1px; position:relative; top:26px; left:7px; }
.top a:hover, .top a:active { background-color:#0069b3; }

/* ---------------------------- 3c header ---------------------------- */
.c3Header { width:100%; height:54px; background-color:#0069b3; border-bottom:6px solid #06b7e9; position: -webkit-sticky; position:sticky; top:0; z-index:5; }
.c3Header .con { position:relative; max-width:1260px; width:100%; height:54px; margin:0px auto; padding:0 0 0 5px; }
.c3Header .con a.c3Logo { display:inline-block; float:left; width:100px; padding:12px 0px 8px; }
.c3Header .con a.c3Logo img { width:100px; height:auto; }
/* 主選單 */
.c3Header .con ul.level1 { display:flex; float:left; width:840px; height:54px; flex-wrap:nowrap; margin:0 0 0 2%; }
.c3Header .con ul.level1 > li { flex:1; height:54px; text-align:center; line-height:3; margin:auto; position:relative; }
.c3Header .con ul.level1 > li a.L1 { display:block; color:#fff; font-size:16px; }
.c3Header .con ul.level1 > li:hover { background-color:#0178cc; border-bottom:6px solid #07b8ea; }
/* 次選單 */
.c3Header .con ul.level2 { display:none; width:100%; background-color:#07b8ea; position:absolute; z-index:10; top:54px; }
.c3Header .con ul.level2 > li { height:42px; line-height:2.5; }
.c3Header .con ul.level2 > li a { font-size:16px; display:block; color:#fff; letter-spacing:-0.5px; }
.c3Header .con ul.level2 > li:hover a { background-color:#0178cc; }
.c3Header .con ul.level1 li:hover ul.level2 { display:block; }
/* 社群分享 icon */
.c3Header a.yt_icon, .c3Header a.fb_icon, .c3Header .con a.Hsearch { display:block; float:right; width:42px; height:54px; margin:0; cursor:pointer; }
.c3Header a.yt_icon { background:url(https://cache.ltn.com.tw/images/w_yt.svg) no-repeat center; background-size:23px; }
.c3Header a.fb_icon { width:34px; background:url(https://cache.ltn.com.tw/images/w_fb.svg) no-repeat center; background-size:13px; }
/* 搜尋共用 (使用點擊 ) */
.c3Header .con a.Hsearch { background:url(https://cache.ltn.com.tw/images/w_search.svg) no-repeat center; background-size:21px; }
a.Hsearch:hover, a.Hsearch:active, a.yt_icon:hover, a.yt_icon:active, a.fb_icon:hover,a.fb_icon:active { opacity:0.7; }
/* 搜尋 input */
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color:#252525; letter-spacing:0.5px; font-family:"微軟正黑體"; font-size:16px; }
/* 搜尋 close */
.channel_search_close { width:97%; height:40px; background:url(https://cache.ltn.com.tw/images/bt-closew.png) no-repeat center right; background-size:21px; cursor:pointer; }
/* 搜尋遮罩 */
.mask_search { width:500px; height:120px; position:absolute; z-index:10; top:75px; right:0px; display:none; }
.mask { width:500px; height:120px; background:rgba(0,0,0,0.8); position:absolute; right:0px; }
/* 搜尋框箭頭 */
.mask:before { content:""; width:0; height:0; display:block; border-style:solid; border-color:transparent transparent rgba(0,0,0,0.8); border-width:0px 8px 10px; position:absolute; top:-9px; right:3%;}
.mask_content { width:100%; position:relative; }
/* 搜尋內容 */
.mask_search form.form-search { padding:0px; margin:0 auto; text-align:center; }
.mask_search form input[type="text"] { width:70%; height:2rem; font-size:16px; border:none; padding:0 0 0 5px; font-family:"微軟正黑體"; }
.mask_search form button { background-color:#07b8ea; color:#fff; font-size:13px; letter-spacing:1px; padding:5px 12px; margin:10px 0px 10px 10px; border:none; border-radius:3px; }
.mask_search form button:hover , .mask_search form button:active { color:#fff87f; }

@media screen and (max-width:1270px){
    .c3Header .con { padding:0 1%; }
}
@media screen and (max-width:1260px) and (min-width:1140px) {
    /* 搜尋共用 (使用點擊 )*/
    .mask_search , .mask { right:0; }
    .mask:before { right:4%; }
}
@media screen and (max-width:1140px) {
    /* ----------- 漢堡選單 ----------- 隱藏 header 選單，手機版選單出現  */
    #c3_rwd header.c3Header .con .nav_bar { -webkit-tap-highlight-color:rgba(0,0,0,0); display:inline-block; vertical-align:middle; cursor:pointer; float:right; width:42px; height:54px; background:url(https://cache.ltn.com.tw/images/w_menu.svg) no-repeat center; background-size:21px; position:static; }
    header.c3Header .con ul.level1 { display:none; }
    #c3_rwd header.c3Header .con .nav_bar:hover { opacity:0.7; }
    /* 搜尋共用 (使用點擊 )*/
    .mask:before { right:15%; }
}
@media screen and (max-width:1139px) {
    .mask_search, .mask { right:0.5%; }
    .mask:before { right:11%; }
}
@media screen and (max-width:600px) {
    .c3Header { border-bottom:none; }
    .c3Header:after { display: none; }
    .c3Header .con { padding:0 1% 0 1.5%; }
    .c3Header .con a.fb_icon, .c3Header .con a.yt_icon { display: none; }
    /* 搜尋共用 (使用點擊 ) */
    .mask:before { display:none; }
    /* 搜尋遮罩 */
    .mask_search { width:100%; height:100vh; position: fixed; z-index:10; top:0px; left:0px; }
    .mask { width:100%; height:100vh; top:0px; left:0px; }
    .mask_content { width:100%; max-width:600px; min-width:300px; margin:10px auto 0px; position:relative; }
    /* 搜尋內容 */
    .mask_search form input[type="text"] { width:65%; height:2rem; font-size:16px; border:none; border-bottom:1px solid #fff; height:2.5rem; line-height:2.5rem; margin:auto; background-color:transparent; color:#fff; padding:0 0 0 5px; }
    ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color:#fff; letter-spacing:0.5px; }
}
@media screen and (max-width:380px) {
    .mask_content { padding:0px 15px; }
    .mask_search form input[type="text"] { width:100%; }
    .mask_search form button { margin:30px 0px 0px; }
}

/* ---------------------------- footer ---------------------------- */
.c3Footer { clear:both; width:100%; text-align:center; border-top:30px solid #0168b3; }
.c3Footer .hero_gray .row{ width:95%; max-width:1260px; display:flex; justify-content:space-between;  flex-wrap:nowrap; margin:0 auto; padding:25px 0px; }
.c3Footer .hero_gray ul { flex:1; }
.c3Footer .hero_gray ul li { line-height: 25px; text-align: left; padding-left:10px; position: relative; }
.c3Footer .hero_gray ul li a{ font-size:16px; color:#111; }
.c3Footer .hero_gray ul li:first-child a { font-weight: bold; }
.c3Footer .hero_gray ul li:first-child a:before { content:''; display: inline-block; width:4px; height:15px;    background-color:#ffbc23; position: absolute; top:6px; left:0px; }
.c3Footer .hero_gray ul li a:hover { color:#1e8ec5; }
.c3Footer .hero_white { padding:15px 0px; }
.c3Footer .hero_white a { display:inline-block; margin:0px auto 5px; }
.c3Footer .hero_white img { width:110px; }
.c3Footer .hero_white p, .c3Footer .hero_white p span { font-size:13px; letter-spacing:1px; line-height:1.5; }

@media screen and (max-width:800px) {
    .c3Footer .hero_gray ul li { text-align: center; padding:0px; }
    .c3Footer .hero_gray ul+ul li { border-left:1px solid #0168b3; }
    .c3Footer .hero_gray ul li+li,
    .c3Footer .hero_gray ul li:first-child a:before { display: none; }
}
@media screen and (max-width:600px) {
    .c3Footer .hero_gray .row { justify-content:initial; flex-wrap:wrap; }
    .c3Footer .hero_gray ul { flex:0 0 25%; margin-bottom:5px; }
    .c3Footer .hero_gray ul:nth-child(5) li { border-left:none; }
    .c3Footer .hero_white img { width:100px; }
}

/* --------------------------- 共用區塊標題 ：首頁、週報、影音 --------------------------- */
.caption { width: 100%; background: #07b8ea; font-size: 18px; font-family: 'Noto Sans TC'; font-weight: normal; letter-spacing: 0.5px; color: #fff; padding: 5px 10px 7px; }
.caption span { font-size: 16px; font-weight:100; letter-spacing:1px; padding-left:8px; }
/* 影音列表 */
.caption a { display:block; float:right; font-size:15px; letter-spacing:0px; color:#fff; margin:5px 0 0; background:url(../../assets/images/more.svg) no-repeat left center; padding-left:20px; position:relative; }
.caption a:hover { padding-left:28px; transition:.2s linear; }

@media screen and (max-width:600px) {
    .caption { padding-left:20px; padding-right:20px; }
}
@media screen and (max-width:500px) {
    .caption { padding-left:15px; padding-right:15px; }
}
@media screen and (max-width:380px) {
    .caption { padding-left:10px; padding-right:10px; }
}

/* ---------------------------- 麵包屑 ---------------------------- */
.breadcrumbs { width:100%; height:auto; font-weight:bold; margin:0px 0px 5px; overflow:hidden; clear:both; }
.breadcrumbs span { display: inline-block; margin:0px 0px 0px 5px; }
.breadcrumbs a { color:#222; font-size:16px; }
.breadcrumbs a:hover { color:#1e8ec5; }

@media screen and (max-width:960px) {
    .breadcrumbs { margin:10px auto 5px; }
}
@media screen and (max-width:600px) {
    .breadcrumbs { margin:0px; padding:10px; }
}

/* --------------------------- 瀏覽器更新提醒 --------------------------- */
.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;}