@charset "utf-8";
/* CSS Document header + footer + 廣告 + 共用 */
body { background-color:#eee; 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:'微軟正黑體'; }
table tbody td.date, table tbody th.date { text-align:center !important; } /* 齊中：表格用日期 */
table tbody td.up { color:#222; } /* 淨值表 + 績效表：正值 */
table tbody td.down { color:#e50014; } /* 淨值表 + 績效表：負值 */
/* 下拉式選單 (▼) */
select { background:transparent; -webkit-appearance:none; /*Chrome*/ -moz-appearance:none; /*FF*/ appearance:none;/*CSS3*/ }
select::-ms-expand { display:none; /*IE*/}
select { display:inline-block; padding:0; margin:0; overflow:hidden; position:relative; background-color:#fff; background:url(../images/arrow.png) no-repeat 97% center #fff;background-size:15px; }

.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; }
article { width:100%; margin:0 auto 20px; overflow:hidden; } /* 首頁用 */
.whitecon { float:left; width:100%; background-color:#fff; border:1px solid #eaeaea; margin-bottom:30px; } /* 列表、內頁用 */
#ec .ltnheader .Hcon .nav_bar { display:none; } /* 原主站漢堡選單 隱藏  */
#ec .ecHeader .con .nav_bar { display:none; }

@media screen and (min-width:1140px) and (max-width:1300px ) {
	.content { padding:0 1%; margin:15px auto 10px; }
	section.content940 { max-width:100%; width:calc(100% - 300px - 15px); }
}
@media screen and (max-width:1139px) { /*側邊欄隱藏*/
    .content, section.content940 { width:100%; padding:0; }
    .content { margin:15px auto 0px; }
	section.content940 { float:none; }
	.whitecon { float:none; margin:0px auto 30px; overflow:hidden; } 
}    
@media screen and (max-width:960px) {
    .content { padding:0 1%; margin:0px auto; }
    section.content940 article { margin-top:15px; } /* 撐開首頁大圖和header之間 */
}
@media screen and (max-width:500px) {
    .content, section.content940 { padding:0; margin:0; }
    section.content940 article { margin-top:0; } /* 手機版：若沒廣告 → 首頁大圖和header相連 */
    .whitecon { margin:0px auto 15px; padding:0px; }
}  

/* ---------------------------- 廣告共用 ---------------------------- */
.suggest { clear:both; } /* 內頁熱門新聞下兩則廣告(b1b2)用 */
.suggest > div { margin-bottom:20px; }
/* 內文頁2則廣告並排 300*250 */
.suggest div.b1b2 { display:inline-block; margin:0px 10px 20px; }
#ad-sponsors-B2 , #ad-sponsors-B1 { display:inline-block; margin:0 10px; }
/* 內頁你可能有興趣 */
#_popIn_recommend_ec { margin:0px 0px 20px; } 

@media screen and (max-width:850px) {
    .suggest #ad-K1 { display: none; }
}    
@media screen and (max-width:700px) {
    .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; } /* 告廣上推 */
}   
    
/* ---------------------------- top ---------------------------- */
div.top { display:none; width:45px; height:45px; border-radius:100%; clear:both; position:fixed; bottom:130px; 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:#cdae82; position:absolute; top:0; }
.top a:before { content: "︿"; display:inline-block; color:#111; font-size:25px; font-weight:600; position:relative; top:7px; left:10px; }
.top a:after { content:"TOP"; color:#111; font-size:15px; font-weight:600; letter-spacing:1px; position:relative; top:24px; left:7px; }
.top a:hover, .top a:active { background-color:#a58353; }
.top a:hover:before, .top a:active:before, .top a:hover:after, .top a:active:after { color:#fff; }

/* ---------------------------- ec header ---------------------------- */
.ecHeader { width:100%; height:67px; background-color:#450000; border-bottom:2px solid #cfa972; box-shadow:0 2px 3px rgba(0,0,0,0.5); position: -webkit-sticky; position:sticky; top:0; z-index:200; }
.ecHeader .con { position:relative; max-width:1260px; width:100%; height:67px; margin:0px auto; padding:0 0 0 5px; }
.ecHeader .con a.ecLogo { display:inline-block; width:170px; margin:10px 0 0; float:left; }
.ecHeader .con a.echLogo img { width:170px; height:auto; }
.ecHeader .con ul.level1 { display:inline-block; float:left; height:67px; margin:0 0 0 0.6%; }
.ecHeader .con ul.level1 li { float:left; height:65px; text-align:left; margin:0px 6px 0px 0px; padding:0px 6px 0px 6px; position:relative; }
.ecHeader .con ul.level1 li:last-child { margin:0px; }
.ecHeader .con ul.level1 li a.L1 { display:inline-block; color:#dec195; font-size:16px; padding:15px 6px 0 0; letter-spacing:1px; position:relative; }
.ecHeader .con ul.level1 li a.L1:hover { color:#fdd300; }
.ecHeader .con ul li a.L1 .fs{ font-size: 12px; text-align: left; color:#847257; margin-left:2px; transition:all 0.3s ease-out; letter-spacing: 1px; }
.ecHeader .con ul li a.L1:hover .fs{ color:#a58e6d; }
/* 社群分享 icon */
.ecHeader a.yt, .ecHeader a.ec_fb, .ecHeader .con a.Hsearch { display:block; float:right; width:40px; height:67px; margin:0; cursor:pointer; }
.ecHeader a.yt { background:url(https://cache.ltn.com.tw/images/icon/w_yt.svg) no-repeat center; background-size:20px; }
.ecHeader a.ec_fb { width:35px; background:url(https://cache.ltn.com.tw/images/icon/w_fb.svg) no-repeat center; background-size:12px; }
/* 搜尋共用 (使用點擊 ) */
.ecHeader .con a.Hsearch { background:url(https://cache.ltn.com.tw/images/icon/w_search.svg) no-repeat center; background-size:21px; }
a.Hsearch:hover, a.Hsearch:active, a.yt:hover, a.yt:active, a.ec_fb:hover,a.ec_fb: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:75px; right:0px; 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:#cc6600; 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; }
.mask_search p.formTit, form.form_fund { display:none; }

@media screen and (min-width:1181px) and (max-width:1260px ) {
    /* 搜尋共用 (使用點擊 )*/
    .mask_search , .mask { right:0; }
    .mask:before { right:2%; }
}
@media screen and (max-width:1180px) {
    /* ----------- 漢堡選單 ----------- 隱藏 header 選單，手機版選單出現  */
    #ec header.ecHeader .con .nav_bar { -webkit-tap-highlight-color:rgba(0,0,0,0); display:inline-block; vertical-align:middle; cursor:pointer; float:right; width:45px; height:67px; background:url(https://cache.ltn.com.tw/images/icon/w_menu.svg) no-repeat center; background-size:21px; position:static; }
    #ec header.ecHeader .con .nav_bar:hover, #ec header.ecHeader .con .nav_bar:active { opacity:0.7; }
    header.ecHeader .con ul.level1 { display:none; } 
    .ecHeader .con a.ecLogo { width:160px; margin:12px 0 0; }
    /* 搜尋共用 (使用點擊 )*/
    .mask:before { right:15%; }
}
@media screen and (max-width:1139px) {
    .mask_search { width:350px; height:280px; }
    .mask { width:350px; height:280px; }
    .mask_content { padding:0px 10px; top:10px; }
    .mask_search form.form-search { margin:0px auto 20px; }
    .mask_search p.formTit { display:block; margin:0 auto; width:95%; color:#fb7; }
    form.form_fund { display:block; } 
}
@media screen and (max-width:900px) { 
    /* 主站 ltn 高度統一為 50px */
    /* 頻道高度改為 50px */
    #ec header.ecHeader .con .nav_bar { width:40px; height:50px; }
    .ecHeader, .ecHeader .con, .ecHeader .con a.Hsearch, .ecHeader a.yt, .ecHeader a.ec_fb { height:50px; }
    .ecHeader .con a.ecLogo { width:135px; margin:7px 0px 0px; }
    .ecHeader .con a.ecLogo img { width:135px; }
    /* 搜尋共用 (使用點擊 ) */
    .mask_search { top:57px; }
}
@media screen and (max-width:500px) {
    .ecHeader { box-shadow:0 2px 3px rgba(0,0,0,0.3); }
    .ecHeader a.yt, .ecHeader a.ec_fb { display:none; }
    .ecHeader .con a.ecLogo img { width:130px; }
    /* 搜尋共用 (使用點擊 ) */
    .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.form-search { margin:0px auto 30px; }
    .mask_search form.form_fund { margin:0px auto 10px; }
    .mask_content p.formTit { width:83%; }
    .mask_search form button { vertical-align:bottom; margin:0 0 0 10px; }
    /* 搜尋內容 */
    .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:70%; }
    .mask_content p.formTit { width:95%; }
}
@media screen and (max-width:330px) {
    .ecHeader .con a.ecLogo { width:120px; margin:8px 5px 0; }
    .ecHeader .con a.ecLogo img { width:120px; }
}

/* ---------------------------- footer ---------------------------- */
.footer_sort { display:none; } /* 行動裝置 footer 底部選單 */
.ec_footer { width:100%; background-color:#fff; clear:both; padding:15px; text-align:center; }
.ec_footer a { display:inline-block; margin:0px auto 5px; }
.ec_footer img { height:26px; width:auto; }
.ec_footer p , .ec_footer p span { font-size:13px; letter-spacing:1px; line-height:1.5; }

@media screen and (max-width:600px) {
    .ec_footer p span { display:block; line-height:1.3; }
    /* 行動裝置 footer 底部選單 */
    .footer_sort { display:block; width:100%; background-color:#f6f6f6; border-top: 1px solid #ddd; margin:0px auto; padding:15px 10px; text-align:center; }
    .footer_sort a { width:21%; font-size:1rem; color:#9b6a32; padding:10px 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:16px;}
    .footer_sort a:nth-child(4):after, .footer_sort a:nth-child(9):after { display:none; }
}
@media screen and (max-width:380px) {
    .ec_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) {
    .ec_footer p , .ec_footer p span { font-size:0.7rem; }
}

/* --------------------------- 共用分類大標 ：首頁、週報、影音 --------------------------- */
a.sortitle { display:block; clear:both; width:100%; height:36px; line-height:36px; color:#fff; background-color:#8c6949; padding:0px 10px 0 10px; border-left:3px solid #cfa972; }
a.sortitle span { float:right; font-size:14px; padding-right:5px; }/*more*/
a.sortitle:hover, a.sortitle:hover span { color:#ffe76f; }

/* ---------------------------- 共用分類標(白底)：基金 + 匯率 ---------------------------- */
p.EC_tit { font-size:26px; line-height:1.3; font-family:'Noto Sans TC'; font-weight:500; letter-spacing:1px; margin:0px; padding:20px 20px 10px; }
p.EC_tit font { display:block; font-size:16px; letter-spacing:1px; line-height:1.7; color:#555; font-weight:100; } /* 標題前 - 基金名稱 */
p.EC_tit span { display:inline; font-size:16px; letter-spacing:1px; line-height:1.7; color:#555; font-weight:100; padding:0 0 0 10px; } /* 標題後 */
p.EC_tit i { color:#c60; font-size:1rem; } /* 基金查詢結果 筆數 */
/* 小標 */
p.EC_subtit { font-size:23px; font-family:'Noto Sans TC'; font-weight:500; letter-spacing:1px; margin:5px 20px 10px; clear:both; } 
p.EC_subtit:before { content:""; display:inline-block; width:0.2rem; height:20px; background-color:#c60; margin:0px 8px -2px 0px; }
/* 分隔線 */
.whitecon hr { border:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:3px; margin:5px 20px 20px; }

@media screen and (max-width:400px) {
    p.EC_tit { font-size:23px; }
    p.EC_tit font { font-size:0.85rem; }
    p.EC_subtit{ font-size:20px; }
}
@media screen and (max-width:330px) {
    p.EC_tit { padding:20px 10px 10px; }
    p.EC_subtit{ margin:5px 10px 10px; padding:0; }
    p.EC_subtit:before { margin:0px 5px -2px 3px; } 
    .whitecon hr { margin:5px 10px 20px; }
}    
    
/* ---------------------------- img class 國旗小圖用：側邊欄換匯 + 匯率首頁(台灣銀行牌告匯率) ---------------------------- */
.USD { clip:rect(0px 26px 17px 0px); top:0;left:0; }
.HKD { clip:rect(0px 52px 17px 26px); top:0;left:-26px; }
.GBP { clip:rect(0px 78px 17px 52px); top:0;left:-52px; }
.AUD { clip:rect(0px 104px 17px 78px); top:0;left:-78px; }
.CAD { clip:rect(0px 130px 17px 104px); top:0;left:-104px; }
.SGD { clip:rect(17px 26px 34px 0px); top:-17px;left:0px; }
.CHF { clip:rect(18px 52px 34px 26px); top:-17px;left:-26px; }
.JPY { clip:rect(18px 78px 35px 52px); top:-17px;left:-52px; }
.ZAR { clip:rect(18px 104px 34px 78px); top:-17px;left:-78px; }
.SEK { clip:rect(18px 130px 34px 104px); top:-17px;left:-104px; }
.NZD { clip:rect(35px 26px 51px 0px); top:-34px;left:0px; }
.THB { clip:rect(35px 52px 51px 26px); top:-34px;left:-26px; }
.PHP { clip:rect(35px 78px 51px 53px); top:-34px;left:-52px; }
.IDR { clip:rect(35px 104px 52px 79px); top:-34px;left:-78px; }
.EUR { clip:rect(35px 130px 51px 104px); top:-34px;left:-104px; }
.KRW { clip:rect(53px 26px 70px 0px); top:-51px;left:0px; }
.VND { clip:rect(53px 52px 70px 26px); top:-51px;left:-26px; }
.MYR { clip:rect(53px 78px 70px 52px); top:-51px;left:-52px; }
.CNY { clip:rect(53px 104px 70px 78px); top:-51px;left:-78px; }

/* ---------------------------- 麵包屑 ---------------------------- */
.breadcrumbs { width:100%; height:30px; margin:0px; overflow:hidden; clear:both; }
.breadcrumbs span { margin:0px 8px; }
.breadcrumbs a { color:#222; font-size:16px; }
.breadcrumbs a:hover { color:#cc6600; }
.breadcrumbs a.breadcrumbSort{ display:inline; font-size:22px; line-height:30px; font-family:'Noto Sans TC'; font-weight:500; }

@media screen and (max-width:960px) {
    .breadcrumbs { margin:10px 0px 0px 0px; }
}
@media screen and (max-width:500px) {
    .breadcrumbs { padding:0 0 0 10px; }
}
@media screen and (max-width:380px) {
    .breadcrumbs a { letter-spacing:-1px; }
    .breadcrumbs a.breadcrumbSort { font-size:22px; }
}
@media screen and (max-width:330px) {
    .breadcrumbs { font-size:13px; letter-spacing:0; }
    .breadcrumbs a.breadcrumbSort { font-size:20px; }
}

/* ---------------------------- 快訊 ---------------------------- */
#marquee { width:100%; height:45px; background-color:#fff; border-bottom:1px solid #cfa972; position:relative; overflow:hidden; margin:0px auto 15px; z-index:2; }
#marquee:before { content:"快訊";z-index:50;position:absolute;top:13px;left:16px;color:#fff;letter-spacing:1px;}
#marquee:after { content:"";display:inline-block;width:65px;height:45px;background-color:#cfa972;position:absolute;top:0;left:0;}
.marqueebox { width:100%; overflow:hidden; display:inline-block;}
.marqueebox ul li { height:46px;line-height:46px;padding-left:80px; font-family:'Noto Sans TC','微軟正黑體';}
.marqueebox ul li a { font-size:22px;color:#c00;}
.marqueebox ul li a:hover { color:#000;}
.marqueebox ul li span { float:right;color:#999;}
.marqueebox:before { content:"";display:inline-block;width:2px;height:45px;background-color:#cfa972;position:absolute;top:0;left:67px;}
.marqueebox:after { content:"";display:inline-block;width:0;height:0;position:absolute;top:0;left:0;z-index:50; border-top:13px solid #eee;border-right:13px solid transparent;}
#marquee .up, #marquee .down { float:right;display:inline-block;width:0;height:0;cursor: pointer; position:absolute; }
#marquee .up { border-color:transparent transparent #cc0000 transparent; border-style: solid; border-width: 6px;top:15px; right:25px;}
#marquee .down { border-color:#cc0000 transparent transparent transparent; border-style: solid; border-width: 6px;top:20px; right:55px;}

@media screen and (max-width:960px) {
    #marquee { margin:15px auto; }
}   
@media screen and (max-width:800px) {
    .marqueebox ul li a { font-size:20px; }    
}
@media screen and (max-width:700px) {
    #marquee:before { left:10px; top:15px; font-size:0.9rem; }
    #marquee:after { width:50px; }
    .marqueebox:before { left:52px; }
    .marqueebox ul li { padding-left:60px; }
    #marquee .up { right:12px; }
    #marquee .down { right:40px; }
    .marqueebox ul li a { font-size:18px; }
}
@media screen and (max-width:500px) {    
    #marquee { height:60px; background-color:#edddc5; border-bottom:none; margin:0 0 15px; }
    #marquee .up , #marquee .down , .marqueebox:after { display:none; }
    #marquee:before { content:"快訊"; color:#fff; letter-spacing:1px; position:absolute; top:20px; left:13px; z-index:5; }
    #marquee:after { content:""; display:inline-block; width:60px; height:60px; background-color:#8c6949; position:absolute; top:0; left:0; }
    .marqueebox { width:100%; }
    .marqueebox:before { content:""; width:0; height:0; background-color:transparent; border-style:solid; border-width:6px 8px; border-color:transparent transparent transparent #8c6949; position:absolute; top:24px; left:60px;}
    .marqueebox ul { margin:0px 5px 0px 75px; }
    .marqueebox ul li { width:100%; height:60px; line-height:1.2; padding-left:0; display:table; }
    .marqueebox ul li a { color:#111; font-size:18px; display:table-cell; vertical-align:middle; }
}    

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