@charset "utf-8";
/* CSS Document */
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent; }
body { background-color:#fff; 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; padding:0 20px; overflow:hidden; clear:both; }
section.content940 { max-width:900px; width:100%; float:left; margin:0 auto; overflow:hidden; letter-spacing:1px; } /* 內頁用 */
.whitecon { float:left; width:100%; margin-bottom:30px; } /* 列表、內頁用 */
#talk_rwd .ltnheader .Hcon .nav_bar { display:none; } /* 原主站漢堡選單 隱藏  */
#talk_rwd .talkHeader .con .nav_bar { display:none; }

@media screen and (max-width:1260px) { 
    .content { padding:0 1%; margin:15px auto 10px; }
    section.content940 { max-width:100%; width:calc(100% - 300px - 15px); }
}    
@media screen and (max-width:960px) { /*側邊欄隱藏*/
    .content { width:100%; padding:0 5%; }
    section.content940 { width:100%; float:none; }
    .whitecon { float:none; margin:0px auto 30px; overflow:hidden; } 
}
@media screen and (max-width:500px) {
    .content, section.content940 { padding:0; margin:0; }
    .whitecon { margin:0px auto 15px; padding:0px; }
}  

/* ---------------------------- 廣告共用 ---------------------------- */
div[id^='google_ads_iframe'] { margin: 0 auto; }
.suggest { width:100%; text-align:center; margin:0 auto; clear:both; }
.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; } 
/* 浮水印廣告 + 關閉鍵 */
.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; }
    .suggest > div { margin-bottom:auto; } /* 手機版浮水印不撐開 */
    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:150px; right:30px; z-index:50; }
.top a { display:block; width:45px; height:45px; line-height:0; border-radius:100%; cursor:pointer; background-color:#222; position:absolute; top:0; }
.top a:before { content: "〉"; display:inline-block; color:#fff; font-size:19px; font-family:cursive; font-weight:100; transform: rotate(-90deg); position:relative; top:8px; left:13px; }
.top a:after { content:"TOP"; color:#fc927a; font-size:15px; font-family:inherit; position:relative; top:27px; left:9px; }
.top a:hover, .top a:active { background-color:#fc927a; }
.top a:hover:before, .top a:hover:after { color:#111; }

/* ---------------------------- talk header ---------------------------- */
.talkHeader { width:100%; height:80px; background-color:rgba(255, 255, 255, 0.9); box-shadow:0px 3px 5px rgba(0,0,0,0.2); position:sticky; position:-webkit-sticky; top:0; z-index:5; }
.talkHeader .con { max-width:1260px; width:100%; height:80px; margin:0px auto; padding:0; }
.talkHeader .con a.talkLogo { display:inline-block; width:155px; margin:0; float:left; }
.talkHeader .con a.talkLogo img { width:155px; height:auto; padding:25px 0; }
.talkHeader .con a.talkLogo:hover { background-color:rgba(150,150,150,0.1); }
/* 第一層選單 */
.talkHeader .con ul.level1 { display:inline-block; float:right; height:80px; margin:0 0 0 1.5%; }
.talkHeader .con ul.level1 li { float:left; height:80px; text-align:left; margin:0px 10px 0px 0px; padding:0px 8px 0px 8px; position:relative; }
.talkHeader .con ul.level1 li a.L1 { display:inline-block; color:#111; font-size:16px; line-height:80px; letter-spacing:1px; padding:0 15px; position:relative; }
.talkHeader .con ul.level1 li a.L1:hover { background:#fcf1ee; background-color:rgba(245,230,226,0.6); color:#e3602e; }
/* 第二層選單 */
.talkHeader .con ul.level1 li ul.healtList { display:none; background-color:rgba(0,0,0,0.8); width:340px; padding:3px 0 0; position:absolute; top:80px; left:-130px; }
.talkHeader .con ul.level1 li ul.healtList li { display:block; width:100%; padding:0; margin:0; height:auto; }
.talkHeader .con ul.level1 li ul.healtList li:before { display:none; }
.talkHeader .con ul.level1 li ul.healtList li a { display:block; background-color:transparent; color:#fff; line-height:1.2; padding:10px 9px 10px 12px; border-bottom:1px solid #000; }
.talkHeader .con ul.level1 li ul.healtList li a h3 { font-weight:300; }
.talkHeader .con ul.level1 li ul.healtList li:hover { background:rgba(229,113,86,0.6); }
.talkHeader .con ul.level1 li:hover ul.healtList { display:block;
-webkit-animation:healtList; -moz-animation:healtList; -o-animation:healtList; -ms-animation:healtList;	animation:healtList;
-webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -o-animation-duration:0.5s; -ms-animation-duration:0.5s; animation-duration:0.5s;
-webkit-animation-iteration-count:1; -moz-animation-iteration-count:1; -o-animation-iteration-count:1; -ms-animation-iteration-count:1; animation-iteration-count:1;
-webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; animation-fill-mode:forwards;
-webkit-animation-timing-function:liner; -moz-animation-timing-function:liner; -o-animation-timing-function:liner; -ms-animation-timing-function:liner; animation-timing-function:liner; }
.talkHeader .con ul.level1 li:hover ul.healtList:before { content:""; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #222; border-width:0px 15px 20px; position:absolute; top:-11px; left:45.5%; }
/* 第二層選單：內容分類 */
.talkHeader .con ul.level1 li ul.healtList.sort_all { width:113px; left:auto; } 
.talkHeader .con ul.level1 li ul.healtList.sort_all:before { left:38%; } 
.talkHeader .con ul.level1 li ul.healtList.sort_all li a { text-align:center; }
/* 第二層選單：投書 */
.talkHeader .con ul.level1 li:last-child ul.healtList { left:-185px; }
.talkHeader .con ul.level1 li:last-child ul.healtList:before { left:62%; }
/* 第二層選單動畫 */
@-webkit-keyframes healtList {
	0% { opacity:0;top:90px;}
	100% {opacity:1;top:80px;}
}
@-moz-keyframes healtList {
	0% { opacity:0;top:90px;}
	100% {opacity:1;top:80px;}
}
@-o-keyframes healtList {
	0% { opacity:0;top:90px;}
	100% {opacity:1;top:80px;}
}
@-ms-keyframes healtList {
	0% { opacity:0;top:90px;}
	100% {opacity:1;top:80px;}
}
@keyframes healtList {
	0% { opacity:0;top:90px;}
	100% {opacity:1;top:80px;}
}
/* 次選單 more */
.talkHeader .con ul.level1 li ul.healtList li a.m_more { display:block; width:100%; padding:0; background-color:rgba(229,113,86,0.5); border-bottom:1px solid #000; color:#fff; font-size:16px; line-height:2; text-align:center; }
.talkHeader .con ul.level1 li ul.healtList li a.m_more:hover { background-color:rgba(229,113,86,0.6); }
/* 社群分享 icon */
.talkHeader a.talk_fb, .talkHeader a.talk_inst { float:right; width:30px; height:80px; margin:0px 5px 0px 0px; background-color:transparent; border:none; cursor:pointer; }
.talkHeader a.talk_fb { background:url(https://cache.ltn.com.tw/images/icon/g_fb.svg) no-repeat center; background-size:10px;}
.talkHeader a.talk_inst { background:url(https://cache.ltn.com.tw/images/icon/g_inst.svg) no-repeat center; background-size:20px;}
/* 搜尋共用 (使用點擊 ) */
.talkHeader .con a.Hsearch { display:block; width:30px; height:80px; float:right; margin:0; background:url(https://cache.ltn.com.tw/images/icon/g_search.svg) no-repeat center; background-size:19px; cursor:pointer; }
a.Hsearch:hover, a.Hsearch:active, a.talk_fb:hover, a.talk_fb:active, a.talk_inst:hover, a.talk_inst:active { opacity:0.7; }
/* 搜尋 input */
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color:#bbb; 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/icon/w_close.svg) no-repeat center right; background-size:21px; cursor:pointer; }
/* 搜尋遮罩 */
.mask_search { width:400px; height:120px; position:absolute; z-index:10; top:80px; right:calc(50% - 630px); display:none; }
.mask { width:400px; 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:2%; }
.mask_content { width:100%; position:relative; top:12px; }
/* 搜尋內容 */
.mask_search form.form-search, form.form_fund { padding:0px; margin:0 auto; text-align:center; }
.mask_search form input[type="text"], form.form_fund 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:#e57156; 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:#111; }

@media screen and (max-width:1260px) {
    .talkHeader .con { padding:0 10px; }
    /* 搜尋共用 (使用點擊 )*/
    .mask_search , .mask { right:0; }
    /* 嵌入媒體調整 */
    div.xscroll  { overflow-x:scroll; }
}
@media screen and (max-width:900px) {
    /* ----------- 漢堡選單 ----------- 隱藏 header 選單，手機版選單出現  */
    #talk_rwd .talkHeader .con .nav_bar { -webkit-tap-highlight-color:rgba(0,0,0,0); display:inline-block; vertical-align:middle; cursor:pointer; float:right; width:50px; height:67px; background:url(https://cache.ltn.com.tw/images/icon/g_menu.svg) no-repeat center; background-size:20px; position:static; }
    .talkHeader .con ul.level1 { display:none; } 
    /* 頻道高度改為 50px */
    .talkHeader { border-top:1px solid #e2e2e2; background-color:#fff; }
    .talkHeader , .talkHeader .con , .talkHeader .con a.Hsearch { height:50px; }
    #talk_rwd .talkHeader .con .nav_bar { width:40px; height:50px; }
    .talkHeader .con a.talkLogo { width:150px; margin:10px 5px 0px; }
    .talkHeader .con a.talkLogo img { width:150px; padding:0; }
    .talkHeader a.talk_fb, .talkHeader a.talk_inst { height:50px; }
    /* 搜尋共用 (使用點擊 )*/
    .mask_search { top:50px; }
    .mask:before { right:12%; }
}
@media screen and (max-width:500px) {
    .talkHeader a.talk_fb, .talkHeader a.talk_inst { display:none; }
   /* 搜尋共用 (使用點擊 ) */
    .mask:before { display:none; }
    /* 搜尋遮罩 */
    .mask_search { width:100%; height:100vh; z-index:10; top:0px; left:0px; }
    .mask { width:100%; height:100vh; top:0px; left:0px; position:fixed; }
    .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; } 
}
@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 ---------------------------- */
.footer_sort { display:none; } /* 行動裝置 footer 底部選單 */
.talk_footer { max-width:1260px; width:100%; background-color:#fff; clear:both; padding:15px; margin:0 auto; text-align:center; border-top:15px solid #ececec; }
.talk_footer a { display:inline-block; margin:0px auto 5px; }
.talk_footer img { height:26px; width:auto; }
.talk_footer p , .talk_footer p span { font-size:13px; letter-spacing:1px; line-height:1.5; margin:0; }

@media screen and (max-width:500px) {
    .talk_footer p span { display:block; line-height:1.3; }
    /* 行動裝置 footer 底部選單 */
    .talk_footer { border-top:none; }
    .footer_sort { display:block; width:100%; background-color:#f6f6f6; border-top: 1px solid #ddd; margin:0px auto; padding:15px 0px; text-align:center; }
    .footer_sort a { width:17%; font-size:1rem; color:#9b6a32; padding:5px 0; display:inline-block; position:relative; }
    .footer_sort a:after { content:""; display:inline-block; width:1px; height:10px; background-color:#dabc96; position:absolute;right:-2px;top:10px;}
    .footer_sort a:nth-child(5):after, .footer_sort a:nth-child(9):after { display:none; }
}
@media screen and (max-width:380px) {
    .talk_footer img { width:100px; }
    .footer_sort { padding:15px 0; }
    .footer_sort a { font-size:0.9rem; padding:5px 0; }
    .footer_sort a:after { top:9px; }
}    
@media screen and (max-width:330px) {
    .talk_footer p , .talk_footer p span { font-size:0.7rem; }
}

/* ---------------------------- 麵包屑 ---------------------------- */
.breadcrumbs { width:90%; margin:0px auto; overflow:hidden; clear:both; height:25px; }
.breadcrumbs a { color:#e3602e; font-size:16px; margin:0px 3px 0px 0px; }
.breadcrumbs a:hover { background-color:#f5f5f5; }

@media screen and (max-width:1139px) {
    .breadcrumbs { width:100%; }
}    
@media screen and (max-width:500px) {
    .breadcrumbs { padding:0 15px; margin:15px auto 0px; }
}
@media screen and (max-width:380px) {
    .breadcrumbs a { letter-spacing:-1px; }
}
@media screen and (max-width:330px) {
    .breadcrumbs { font-size:13px; letter-spacing:0; }
}

/* --------------------------- 404 --------------------------- */
.whitecon.oops404 { width:100%; border:1px solid #eee; padding:8% 0; }
.oops { width:630px; margin:0px auto; letter-spacing:1px; position:relative; }
.oops div.oopsPH { width:22%; float:left; opacity:0.7; margin:0 20px 0 0; }
.oops p, .oops p a { font-size:18px; line-height:1.8; }
.oops p a { color:#e86431; padding:0 10px; white-space:nowrap; }
.oops p a:hover { text-decoration:underline; }
.oops p:nth-of-type(1) { color:#852f02; font-size:25px; }

@media screen and (max-width:1130px) {
    .oops { width:600px; }
    .oops div.oopsPH { width:20%; }
} 
@media screen and (max-width:699px) {
    .oops { width:85%; }
    .oops div.oopsPH { width:100%; float:none; }
    .oops div.oopsPH img { width:120px; }
}
@media screen and (max-width:500px) {
    .whitecon.oops404 { border:none; }
    .oops { width:80%; }
    .oops div.oopsPH, .oops p:nth-of-type(1) { text-align:center; line-height:2.2; }
}

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