@charset "utf-8";
/* CSS Document 右側欄 */

aside { width:300px; float:right; margin:0px 0px 30px; letter-spacing:1px; }
#right { width:300px; } /* 側邊欄程式定位用 */

@media screen and (min-width:1140px) and (max-width:1300px ) {
    .hotnews { margin:0 0 15px 0; }
}
@media screen and (max-width:1139px) {
    aside { display:none; }
    .autoVideo .yt_box { display:none; }
}

/* ---------------------------- 側邊欄區塊共用 --------------------------- */
.asideBlock{ width:100%; height:auto; background-color:#fff; border:1px solid #cdae82; margin-bottom:20px; }
.asideBlock a { display:block; }
/* 側邊欄標題 */
.asideBlock a p, .hotnews p { display:block; width:100%; height:35px; line-height:35px; background-color:#cdae82; color:#fff; padding:0px 10px 0px 15px; font-size:18px; }
.asideBlock a:hover p { color:#ff0; }
.asideBlock a p span { float:right; font-size:16px; font-weight:normal; } /* more */

/* ---------------------------- 側邊欄 - 熱門影音 --------------------------- */
.autoVideo { margin:0px 0px 15px; }
.autoVideo a p { background-color:#cc6600; }
.yt_box{ width:100%;line-height: 0;overflow: hidden;position:relative; }
.yt_box .btnPrev, .yt_box .btnNext { display: block; width: 45px; height: 75px; position: absolute; z-index: 1; top: 30%; cursor: pointer; }
.yt_box .videoMask { background: transparent; display: block; position: absolute; width: 300px; height:169px; top: 0; left: 0; cursor: pointer; }
.yt_box .btnNext { right: -6px; }
.yt_box .btnPrev { left: -6px; }
.yt_box .btnPrev:before, .yt_box .btnNext:before { display: block; width: 100%; height: 100%; text-shadow: 1px 1px 6px #000; opacity: 0.7; }
.yt_box .btnNext:before { content: ""; background: url(../images/bt_right.png) no-repeat center; background-size: 70%; }
.yt_box .btnPrev:before { content: ""; background: url(../images/bt_left.png) no-repeat center; background-size: 70%; }

/* ---------------------------- ad 3專題 --------------------------- */
.right300 .bank {border:1px solid #ed9d3e;}
.right300 .bank a p {background-color:#ed9d3e;}
.right300 .bank ul li:before{background-color:#ed9d3e;}
.right300 .fund {border:1px solid #cab035;}
.right300 .fund a p {background-color:#cab035;}
.right300 .fund ul li:before {background-color:#cab035;}
.right300 .insurance {border:1px solid #c7804a;}
.right300 .insurance a p {background-color:#c7804a;}
.right300 .insurance ul li:before {background-color:#c7804a;}

/* ---------------------------- 基金淨值查詢 --------------------------- */
.fundsearch { border:1px solid #888; border-top:none; }
.fundsearch a { display:block; width:100%; }
.fundsearch a p { background-color:#888; }
.fundsearch div.box {margin:15px;overflow:hidden;}
.box form {margin:0px 0px 10px 0px;border-bottom:2px solid #bdb2a6;height:33px;}
.box form input[type="text"] { border:1px solid #eee; border-bottom:none; height:30px; width:230px; vertical-align:middle; padding:0 5px; font-family:"微軟正黑體"; }
.box form input[type="submit"] { border:none; background:url(https://cache.ltn.com.tw/images/icon/g_search.svg) no-repeat center; background-size:23px; width:30px;height:30px;vertical-align:middle;float:right; }
a.more {display:inline-block;float:right;color:#333;padding:10px 5px 0px;color:#666;font-size:0.9rem;}
a.more:hover {color:#cc6600;}
.box form input[type="submit"]:hover { filter: invert(20%) sepia(60%) saturate(3000%) hue-rotate(380deg) brightness(100%) contrast(100%); }

/* ---------------------------- 銀行換匯 + 新臺幣存(放)款牌告利率 --------------------------- */
.tabs { width:100%; height:270px; position:relative; text-align:left; margin:0 0 20px; overflow:hidden; }
.tabs li { float:left; display:block; }
.tabs input[type="radio"] { position:absolute; display:none; }
.tabs label { display:block;height:34px; width:150px; line-height:34px !important; text-align:center; margin:0 !important; background-color:#888; cursor:pointer; position:relative; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; box-sizing:border-box; font-size:16px; color:#eee;}
.tabs label:hover { background-color:#888; color:#ffe76f; }
.tabs .tab-content { width:300px; height:235px; border:1px solid #888; border-top:0; padding:7px 10px; position:absolute; left:0; z-index:2; display:none; overflow:hidden; background-color:#FFF;}
.tabs .tab-content a.more { padding:5px; }
.tabs .tab-content p { padding: 0 20px; }
.tabs [name="tabs"]:checked + label { top:0; background-color:#fff; color:#000; border:1px solid #888; border-bottom:0; }
.tabs [name="tabs"]:checked ~ .tab-content { display: block; }
/*table*/
.table1 {margin:0px auto 10px;width:100%;border:none;}
.table1 tr {height:35px;line-height:35px;text-align:center;border-bottom:1px solid #ddd;}
.table1 tr:nth-child(even) {background-color:#f6f6f6;}
.table1 tr:nth-child(odd) {background-color:#fffcf7;}
.table1 tr:first-child {background-color:#fff;border-bottom:1px solid #aaa;}
.table1 th {text-align:left;width:35%;font-weight:100;}
.table1 th div {display:inline-block;width:26px;height:18px;vertical-align:middle;position:relative;margin:0px 8px 0px 10px;}
.table1 th img {width:130px;vertical-align:middle;position:absolute;}
.table1 td.up {color:#e50014;}
.table1 td.down {color:#0FAB57;}
.table1 td.up:before {content:"";display:inline-block;width:15px;height:12px;  background:url(../images/up.svg) no-repeat;background-size:8px;}
.table1 td.down:before {content:"";display:inline-block;width:15px;height:12px; background:url(../images/down.svg) no-repeat;background-size:8px;}
.table2 {margin:0px auto;width:100%;border:none;}
.table2 tr {line-height:1;border-bottom:1px solid #ddd; font-size:0.9rem; vertical-align:middle;}
.table2 td {text-align:center;padding:5px 0; vertical-align:middle;}
.table2 th {width:60%;text-align:left;padding:9px 0px 9px 10px; font-weight:100;}
.table2 tr:nth-child(even) {background-color:#fffcf7;}
.table2 tr:nth-child(odd) {background-color:#f6f6f6;}
.table2 tr:first-child {background-color:#fff;border-bottom:1px solid #aaa;}

.asideFB {margin:15px 0px; border-bottom:1px solid #ccc; }

/* ---------------------------- 熱門新訊 + 注目新聞 --------------------------- */
.hotnews { width:100%; margin-bottom:20px; background-color:#fff; padding:0px; overflow:hidden; border:1px solid #cdae82; border-top:none; clear:both; }
.asideBlock ul.market { width:100%; padding:0px 12px; overflow:hidden; }
.asideBlock ul.market li { margin:10px 0px; padding-left:17px; position:relative; }
.hotnews a { display:block; font-size:16px; line-height:1.35; letter-spacing:1px; margin:12px; padding-left:17px; position:relative; }
.asideBlock ul.market li a { display:block; font-size:16px; line-height:1.35; letter-spacing:1px; }
.asideBlock ul.market li a:before, .hotnews a:before { content:""; display:inline-block; width:6px; height:6px; border-radius:100%; background-color:#cdae82; position:absolute; top:7px; left:3px;}
.asideBlock ul.market li a:hover , .hotnews a:hover { color:#888; }