@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0}
html {font-size:87.5%;/*14px*/ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {font-size:1rem; font-size:14px; font-family:'Noto Sans TC', 'sans-serif','Segoe UI','微軟正黑體','Microsoft JhengHei',\5FAE\x8F6F\6B63\9ED1\4F53; color:#222; background-color:#fff;}

/*====link====*/
a {color:#222; text-decoration:none; -webkit-transition:ease-in-out 0.2s; -moz-transition:ease-in-out 0.2s; -o-transition:ease-in-out 0.2s; transition:ease-in-out 0.2s;}
a:hover {color:#ad9027; text-decoration:none;}

/*====bootstrap====*/
.container {max-width:1020px; padding-left:10px; padding-right:10px;}
.row {margin-left:-10px; margin-right:-10px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:10px; padding-right:10px;}
@media (min-width:992px){.container {width:1020px;}}
@media screen and (max-width:767px){.table-responsive {margin-bottom:0;}}
@media screen and (max-width:480px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:10px; padding-right:10px;}
}
.input-group-addon {border:none; background-color:#eee; padding:0;}
.input-group-btn {vertical-align:top;}

/*====headings====*/
h1,h2,h3,h4,h5,h6 { font-family:inherit; margin:0 0 10px 0; line-height:1.5em; text-rendering:optimizelegibility;}
h1 {font-size:2.571rem; font-size:36px;}
h2 {font-size:2.143rem; font-size:30px;}
h3 {font-size:1.714rem; font-size:24px;}
h4 {font-size:1.429rem; font-size:20px;}
h5 {font-size:1.286rem; font-size:18px;}
h6 {font-size:1.143rem; font-size:16px;}
small {font-size:85%;}

/*====list====*/
ul, ol {display:block; margin-top:0; margin-bottom:0; padding-left:0;}
.list-unstyled {list-style:none; line-height:1.8em;}
.list-unstyled li:hover{background-color:#fdf9e0;}
.promo_content .list-unstyled li:hover{background-color:#eae6e6 !important;}
.list-unstyled li {border-bottom: 1px solid #ececec;}

/*====header====*/
.toplogo { position:relative; z-index:15; height:110px; padding-top:8px; padding-bottom:8px; background-color:#ffffff; background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); background-image:-webkit-linear-gradient(#ffffff,#ffffff);background-image:-moz-linear-gradient(#ffffff,#ffffff); background-image:-o-linear-gradient(#ffffff,#ffffff); background-image:linear-gradient(#ffffff,#ffffff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#1b4e85',GradientType=0); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#1b4e85',GradientType=0)";}
.toplogo > .container { position:relative; left:0; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}/*for主題投資內頁直橫版切換變換版位*/
.toplogo .logo_digi { position:absolute; z-index:5; display:inline-block; margin-top:20px;}
.toplogo .logo_digi a { display:block; width:220px; height:68px; margin-left:6px; margin-right:5px; margin-bottom:2px; background:url(./logo.gif) 0 0 no-repeat; background-image:linear-gradient(transparent, transparent),url(./logo.gif);}
.toplogo .login {position:relative; vertical-align:bottom; text-align:right; /*margin-top:20px;*/ margin-top:50px;}
.toplogo .login > li {display:list-item; list-style:none; position:relative; line-height:1.3em; line-height:1.3em\9;}
.toplogo .login > li > a,.toplogo .login > li > a:hover {color:#fff; font-size:11px; display:inline-block; overflow:hidden; width:100px; text-overflow:ellipsis; white-space:nowrap;}
.toplogo .login .logo-sub {display:inline-block; z-index:5; position:absolute; top:-30px; right:0;}
.toplogo .login .logo-sub a {display:block; width:100px; height:22px; margin-bottom:8px; text-indent:-9999em; background:url(../images/site-images/logo-sub.png) 0 0 no-repeat; background-image:linear-gradient(transparent, transparent),url(../images/site-images/logo-sub.svg);}



/*====footer====*/
.footer { color:#dadada; background:#565454; padding-top:60px; padding-bottom:20px;text-align:center;}

.footer-links a, .footer-links {
    list-style: none;
    font-weight: 300;
    color: #ffffff;
    padding:0px 0 10px;
    margin: 0;
}

.footer > .container { position:relative; left:0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.footer .triangle:before { position:absolute;	content:""; top:-60px; left:50%; margin-left:-20px; bottom:-15px; border-left:15px solid transparent; border-right:15px solid transparent;	border-top:15px solid #ffffff;}


.footer h2,.footer h3,.footer h4 { color:#000; background:none; text-shadow:none; font-family:"Noto Sans TC", "sans-serif","微軟正黑體","Open Sans",sans-serif;}
.footer .headline { display:block; margin-top:10px; margin-bottom:25px; border-bottom:1px solid #ccc;}
.footer .headline h2,.footer .headline h3,.footer .headline h4 { display:inline-block; margin:0 0 -2px 0; padding-bottom:5px; border-bottom:3px solid #2b7bc2;}
.footer .headline h2 { font-size:22px;}

.footer .cnyes_message .tags li { display:inline-block;}
.footer .cnyes_message .tags a { display:inline-block; padding:2px 7px; background:#f7f7f7; margin-right:3px; margin-bottom:6px; color:#555; font-size:11px; border:1px solid #bdc3c7;}
.footer .cnyes_message .tags a:hover { background:none repeat scroll 0 0 #666; color:#fff; text-decoration:none;}
.footer .cnyes_message ul li h6 { font-family:"微軟正黑體","Open Sans",sans-serif; color:#999;}

.footer .channel .tags_channel>li { display:inline-block;}
.footer .channel .tags_channel a { display:inline-block; padding:20px; background:#1d5588; margin-right:3px; margin-bottom:6px; color:#fff; font-size:16px; text-align:center;}/*頻道*/
.footer .channel .tags_channel a:hover { background:none repeat scroll 0 0 #2c79c1;	color:#fff;	text-decoration:none;}
.footer .channel .tags_channel .active>a { background-color:#2c79c1;}

.footer .copyright p { color:#95a5a6; text-align:center; font-size:12px; margin:0 0 1.5em;}
.footer .copyright .copyright-space { margin-top: 12px;}

.footer .tags_channel { width: 300px;}

/*====Media Queries====*/
@media screen and (max-width:480px) {/*視窗寬度 <=480px*/
/*====header====*/

/*====footer====*/

}

@media screen and (max-width: 767px) {
/*====header====*/
.toplogo .login { margin-top:50px; margin-right:15px;}
/*====footer====*/
.footer .cnyes_logo {margin-top:0;}
}

@media (min-width: 768px) {/*視窗寬度 >=768px*/
/*====header====*/

/*====footer====*/
.footer .cnyes_logo {margin-top:0;}
}

@media (min-width: 992px) {/*視窗寬度 >=992px*/
/*====header====*/

/*====footer====*/
.footer .cnyes_logo {margin-top:100px;}
}

@media (min-width: 1200px) {/*視窗寬度 >= 1200px*/
/*====header====*/

/*====footer====*/

}