body { /*default style*/
font-family:"微軟正黑體","Helvetica Neue",​Arial,​Helvetica,​sans-serif;

}
.title-news, .title-fundRank,.title-finance,.title-redemption-change,.title-accounts-inquiry,.title-ex-dividend,.title-fund, .title-download-area,.title-member-login,.title-fund-search,.title-global-stock,.title-notifice,.title-assets,.title-fund-purchase{height: 31px;padding: 0;margin: 0px 0 7px 0;text-indent: -9999px;}
.title-news{ background:url(../images/news-tab-title.png) no-repeat 0 0;}
.title-finance{ background:url(../images/finance-tab-title.png) 0 0 no-repeat;}
.title-redemption-change{ background:url(../images/redemption-change-title.png) 0 0 no-repeat;}
.title-accounts-inquiry{ background: url(../images/transactionhistory-title.png) 0 0 no-repeat;}
.title-download-area{ background:url(../images/download-area-title.png) 0 0 no-repeat;}
.title-ex-dividend{ background:url(../images/ex-dividend-title.png) 0 0 no-repeat;}
.title-fund{ background:url(../images/fund-title.png) 0 0 no-repeat;}
.title-member-login{ background:url(../images/memberlogin-title.png) 0 0 no-repeat;}
.title-fund-search{ background:url(../images/fund-search.png) 0 0 no-repeat;}
.title-global-stock{ background:url(../images/global-title.png) 0 0 no-repeat;}
.title-notifice{ background: url(../images/msg-notifice-title.png) 0 0 no-repeat;}
.title-assets{ background:url(../images/assets-title.png) 0 0 no-repeat;}
.title-fund-purchase{ background:url(../images/fund-purchase-title.png) 0 0 no-repeat;}

.tab-v1 .nav-tabs{ border-bottom:4px #a8916f solid; height:35px;}
.nav-tabs > li{position: relative;padding-bottom: 0;}
.tab-v1 .nav-tabs > li > a{ /*padding: 7px 15px;*/ padding: 7px;
  height: 31px;
  line-height: 31px;
  border-bottom: none;display: block;
  border-top: 1px #c1c1c1 solid;
  border-right: 1px #c1c1c1 solid;
  border-left: 1px #c1c1c1 solid;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
  outline: 0;
  background: #f4f4f4 url(../plugin/skinableTabs/skins/skin3/images/bar-bg.png) repeat-x 0 0;
  border-radius:0;}
.tab-v1 .nav-tabs > li.active > a,.tab-v1 .nav-tabs > li.active > a:hover,.tab-v1 .nav-tabs > li.active > a:focus{   color: #fff;
  /* background: #a8916f; */
  background: #a8916f url(../plugin/skinableTabs/skins/skin3/images/bar-act-bg.png) repeat-x 0 0;
  border-top: 1px #a8916f solid;
  border-right: 1px #a8916f solid;
  border-left: 1px #a8916f solid;}
  
.tab-content{ margin:5px 0;}
.tab-menu-finance{ padding-left:0; margin-bottom:0;border-bottom:4px #a8916f solid; height:35px;}
.tab-menu-finance li{ display:block; float:left; position:relative;}
.tab-menu-finance li a{ /*padding: 7px 15px;*/ padding: 7px;
  height: 31px; 
  line-height: 31px;
  border-bottom: none;display: block;
  border-top: 1px #c1c1c1 solid;
  border-right: 1px #c1c1c1 solid;
  border-left: 1px #c1c1c1 solid;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
  outline: 0;
  background: #f4f4f4 url(../plugin/skinableTabs/skins/skin3/images/bar-bg.png) repeat-x 0 0;
  border-radius:0;
  margin-right:2px;}
.tab-menu-finance li.active a{color: #fff;
  /* background: #a8916f; */
  background: #a8916f url(../plugin/skinableTabs/skins/skin3/images/bar-act-bg.png) repeat-x 0 0;
  border-top: 1px #a8916f solid;
  border-right: 1px #a8916f solid;
  border-left: 1px #a8916f solid;}

/*.tab-v1 .nav-tabs{ border-bottom:1px solid #d8d5a8;}
.tab-v1 .nav-tabs > li.active > a,.tab-v1 .nav-tabs > li.active > a:hover,.tab-v1 .nav-tabs > li.active > a:focus{ border:1px solid #d8d5a8; border-top:3px solid #d8d5a8; border-bottom-color:transparent;}
.tab-v1 .nav-tabs > li > a{ border-radius:0 0 0 0; color:#555555; border-top:3px solid #ffffff;}
.tab-menu-finance{ display:table; clear:both; padding-left:0; margin-bottom:0;}
.tab-menu-finance li{ display:block; float:left; position:relative;}
.tab-menu-finance li a{ display:block; padding:10px 15px; color:#555555;}
.tab-menu-finance li.active a{ color:#a28961;}*/

.tab-content .tab-pane{ border-bottom:1px solid #dccbb1;}
.finance-searchbox{}
.finance-searchbox p{ margin:10px 15px; text-align:left;}
.finance-searchbox p span,.finance-searchbox table span{ margin:5px 10px;}
.finance-searchbox p span:first-child,.finance-searchbox table span:first-child{ margin-left:0;}
.finance-searchbox p input,.finance-searchbox p select,.finance-searchbox table input,.finance-searchbox table select{ margin:0 5px;}

.finance-searchbox table td{ text-align:left;/* width:33%;*/ border-top:none;}
/*.finance-searchbox table td:first-child{ width:20%;}
.finance-searchbox table td:last-child{ width:15%;}*/
.finance-searchbox table.table > tbody > tr > td{ border-top:none;}

.btn-cofe{  background:#6a5a41 url(../images/template/span-brown-bg.png) repeat-x 0 0; color:#ffffff; border:none; line-height:1;}
.btn-cofe:hover{ color:#ffffff;background:#6a5a41;}
.foot-note{ text-align:left;}

.finance-table{ border-spacing:inherit; border-collapse:collapse;}
.finance-table thead th{ background:#a28961; color:#ffffff; border-right:1px solid #ececec;}
.finance-table td{ border-right:1px solid #ebebeb;}
.finance-table td.cel-lev2{ padding-left:0!important; padding-right:0;}

.finance-table td.cel-lev2 ul{ padding:0; margin:0; width:100%;}
.finance-table td.cel-lev2 ul li{ display:inline-block;width:100%; line-height:1.5; padding:0 0 0 5px; margin:0;}
.finance-table td.cel-lev2 ul li.break-line{border-top:1px #ddd solid; height:1px;line-height:1;}


.finance-table td.cel-lev2 span{ width:99%; display: inline-block; padding-left:5px; margin:0; line-height:1.6; }
.finance-table td.cel-lev2 span.break-line{ border-bottom:1px #ddd solid; width:100%; display: table-cell; height:0px; padding:0; margin:0; }
.finance-table thead th:last-child,.finance-table td:last-child{ border-right:none;}
.align-left{ text-align:left; width:150px;}

.news-table{ border:none;}

.breadcrumb{ margin-bottom:0; background:none;}

.finance-table thead tr.thead-title th{ background:#78664a; border:none; color:#fff; font-size:16px; font-weight:bold;}
.thead-title,.thead-title th{ background:#fff9b7;}
.accounts-table thead > tr > th,.accounts-table tbody > tr > td{ vertical-align:middle; border:1px solid #dddddd;}
.accounts-table tbody > tr > td:last-child{ border:1px solid #dddddd;}
.accounts-table tfoot td{ background:#78664a; color:#ffffff;}

.skin3.top .tab_header_item.tab_selected, .skin2.top .tab_header_item.tab_selected{ background:none;}

.skin3.top .tab_header_item, .skin2.top .tab_header_item{ position:relative; padding-bottom:0;}

.skin2.top .tab_header_item a, .skin3.top .tab_header_item a{ padding:0 15px; height:30px; line-height:30px; border-bottom:none;}
.arw{ background:url(../plugin/skinableTabs/skins/skin3/images/selected_top.png) bottom center no-repeat; width:100%; height:7px; position:absolute; bottom:-11px; display:none; }

.skin3.top .tabs_header, .skin2.top .tabs_header{ border-bottom:4px #a8916f solid; overflow:initial; height:35px;}
.tab_selected .arw{ display:block;}

.exdividend-searchbox{}
.exdividend-searchbox table.table{}
.exdividend-searchbox table.table tr th{ background:#fbfae6; padding:10px 15px;}
.exdividend-searchbox table.table > tbody > tr > td{ border-top:1px solid #dccbb0; text-align:left; padding:5px 15px;}
.exdividend-searchbox input,.exdividend-searchbox select,.exdividend-searchbox img{ margin:0 5px;}

.ex-searchtitle{ margin-top:15px; text-align:left;}
.ex-searchtitle p{ padding:0 15px; position:relative; height:30px; line-height:30px;}
.ex-searchtitle p span.ex-btn{ position:absolute; right:0;}
.ex-btn .btn{ padding:3px;}
.ex-btn .btn-default{ border-color:#3a86da; box-shadow:1px 1px 4px #4e9ada;}
.ex-btn .ex-event-btn{ border-color:#a28962; box-shadow:1px 1px 4px #a28962; color:#a28962;}
.f-c-01{ color:#7d0022;}
.f-c-02{ color:#c21912;}
.f-c-03{ color:#22ac38;}
.btn-red{ color:#c00f08;}
.TabContainer h4{ text-align:left; padding:10px 15px;}
.TabContainer p{ text-align:left; padding-left:15px;}


.fund-searchbox table.table{ padding:10px 0;}
.fund-searchbox table.table tr th{ background:#fbfae6; padding:10px 15px;}
.fund-searchbox table.table > tbody > tr > td{ text-align:left; padding:5px 15px;}
.fund-searchbox input,.fund-searchbox select,.fund-searchbox img{ margin:0 5px;}

/*.TabContainer .tabs_holder2t ul li a span{display: inline-block;background: url(../images/template/icon-tab1.jpg) no-repeat 0 0;width: 14px;
height: 14px;margin-right: 8px;padding-top: 2px;}
.TabContainer .tabs_holder2t ul li.tab_selected a span{ display:none;}*/

.Tab-Lessv2{ margin-top:0;}
.Tab-Lessv2 ul li a{ line-height:25px; color:#ffffff;}
.Tab-Lessv2 ul li a:visited{ color:#ffffff;}
.Tab-Lessv2 .add-fund a{ line-height:25px; height:25px; background:url(../images/icon/arrow-right.png) no-repeat 0 3px;}
.fund-tablebox{ padding:40px 15px 15px 15px;}
.fund-tablebox table{ margin:10px 0;}
.fund-tablebox .table > thead:first-child > tr:first-child > th{ background:url(../images/template/garybar-hover.png) 0 0 repeat-x; text-align:left; height:30px; line-height:13px; color:#ffffff;}
.fund-tablebox table thead th{ background:#fbfae6; color:#313131;}
.fund-tablebox table thead td{ text-align:center;}

.fund-tablebox .finance-table thead th:last-child,.fund-tablebox .finance-table td:last-child{ border-right:1px solid #dddddd;}

.fund-tablebox p{ line-height:25px;}
.fund-tablebox p a{ color:#7d0022;}

.margin-t-20{ margin-top:20px;}
.margin-t-30{ margin-top:30px;}
.margin-t-40{ margin-top:40px;}
.margin-b-20{ margin-bottom:20px;}

.qa{ padding:5px 10px; background:#c21913; border-radius:5px; color:#ffffff;}
.qa:hover{ color:#ffffff;}
/*--------------------------0515*/
.TabNo1 .TabContainer2{ padding-top:1px;}
h3.importanttitle{ 
font-size:15px; line-height:28px; border-bottom:1px solid #77562b; border-top:1px solid #77562b; color:#919191; text-align:center; margin:15px; color:#F23939;}
h3.importanttitle-ind{ /*margin:0px 21px 10px 12px;*/ margin:5px 0px 30px 0px; height:32px;}
h3.importanttitle span.ipt{ background:#77562b; border:1px solid #ffffff; color:#ffffff; height:30px; line-height:28px; display:block; float:left; margin-right:8px; padding:0 5px;}
h3.importanttitle-ind span.ipt{ width:10%; display:block; float:left;}
h3.importanttitle-ind marquee{ display:block; float:left; width:85%;}

.fund-search-table h3{ font-size:16px; text-align:left;}
.fund-search-table table {border:1px solid #dddddd;}
.fund-search-table table thead tr.yel th{ background:#fbfae6; color:#313131;}
p.redlink a{ color:#7d0022;}
.add-fund-basic{ border:1px solid #999; border-radius:10px; padding:2px;}


.loginbox{ border:3px solid #e7e7e7; margin:15px; height:454px;}
.loginbox table.logintable{margin: 15px  auto;width: 80%;}
.loginbox table.logintable > tbody > tr > td{border-top:none; text-align:left; padding:10px 5px;}
.loginbox table.logintable > tbody > tr > td input{ width:100%;}
.loginbox table.logintable > tbody > tr > td.login{ text-align:right;}
.loginbox table.logintable > tbody > tr > td.login a.btn-cofe{ padding:3px 10px;}
#MiddleContainer .loginFailure{ color:#b62727;}
.loginbox ol{ padding-left:20px;}
.loginbox li{ text-align:left;}
.loginbox h5{ font-size:15px; color:#76592F;}

.login-menu{ background:#eae4be; margin:15px; padding:0 0 10px 0;}
.login-menu h3{ display:block; text-indent:-9999px; height:40px; width:223px; margin:10px auto; background:url(../images/template/login-menu.png) -13px 0 no-repeat; border-bottom:2px dotted #ffffff;}
.login-menu ul.loginmenuv1{ background:#ffffff; list-style-type:none; width:240px; height:240px; display:block; padding:5px; margin:5px auto;}
.login-menu ul.loginmenuv1 li{ display:block; float:left; width:230px; height:46px; list-style-type:none; margin:0;}
.login-menu ul.loginmenuv1 li.lm01{ background:#ffffff url(../images/template/login-menu.png) -9px -47px no-repeat;}
.login-menu ul.loginmenuv1 li.lm02{ background:#ffffff url(../images/template/login-menu.png) -9px -96px no-repeat;}
.login-menu ul.loginmenuv1 li.lm03{ background:#ffffff url(../images/template/login-menu.png) -9px -146px no-repeat;}
.login-menu ul.loginmenuv1 li.lm04{ background:#ffffff url(../images/template/login-menu.png) -9px -195px no-repeat;}
.login-menu ul.loginmenuv1 li.lm05{ background:#ffffff url(../images/template/login-menu.png) -9px -243px no-repeat;}
.login-menu ul.loginmenuv2 li.lm06{ background: url(../images/template/login-menu.png) -4px -290px no-repeat;}
.login-menu ul.loginmenuv2 li.lm07{ background: url(../images/template/login-menu.png) -4px -333px no-repeat;}
.login-menu ul.loginmenuv2 li.lm08{ background: url(../images/template/login-menu.png) -4px -377px no-repeat;}
.login-menu ul.loginmenuv1 li a{ display:block; width:230px; height:46px; margin:0; padding:0; text-indent:-9999px;}
.login-menu ul.loginmenuv2{list-style-type:none; width:240px; display:block; padding:0; margin:5px auto;}
.login-menu ul.loginmenuv2 li{ background:#e0a595; display:block; float:left; width:240px; height:46px; list-style-type:none; margin:0;}
.login-menu ul.loginmenuv2 li a{ display:block; width:250px; height:46px; margin:0; padding:0; text-indent:-9999px;}

.member-newsbox{ border:1px solid #e7e7e7; margin:15px; padding:15px;}
.member-newsbox h3{ color:#383838; font-size:16px; text-align:left; margin:5px 0; border-bottom:2px dotted #aaaaaa; line-height:30px;}
.member-newsbox ul{ list-style-type:none; padding:0;}
.member-newsbox ul li{ list-style-type:none; color:#383838; text-align:left; line-height:25px; font-size:15px;}
.member-newsbox ul li a{ color:#383838; text-decoration:none;}
.member-newsbox ul li span{ float:right;}


/*全球股市*/
.global-map{ margin:15px 0;}
/*訊息通知*/
.msg-box-table{ width:70%; margin:15px auto; background:#fbfae6; border:1px solid #dddddd;}
.msg-box-table table{ border:none; width:80%; margin:15px auto; border-bottom:1px solid #d3d3d3;}
.msg-box-table table > tbody > tr > td{ border-top:none;}
.font-orange{ color:#f55f05;}
a.addicon{ display:block; float:left; background:#00a0e9; color:#ffffff; font-weight:bold; width:25px; height:25px; line-height:25px; font-size:20px; border-radius:5px;}
a.addicon:hover{ text-decoration:none; background:#008DCD;}

table.assets-table{ border:1px solid #dddddd;}
.table.assets-table > tbody > tr > td{ vertical-align:middle;}
.assets-table > thead > tr > th{ padding:8px 4px; vertical-align:middle;}

.news-box-r{ background:#e2dec6; border:1px solid #e2dec6; margin-bottom:20px;}
.news-box-r h4{ text-align:left; font-size:15px; margin:5px 0;}
.border-line{ border-top:1px solid #ffffff; border-left:1px solid #ffffff; padding:10px;}
.n-list{ background:#ffffff; border-radius:8px; padding:5px;}
.n-list ul{ padding:5px 0 0 15px; text-align:left;}
.n-list ul li a{ color:#5b5b5b}

.search-box{ box-shadow:1px 2px 5px #666; padding:15px; /*height:650px;*/ overflow:auto;}
.search-box h4{ font-size:14px; color:#424242; text-align:left;}
.search-box p,.search-box input,.search-box select{ width:100%; padding:5px; color:#3086de;}

.purchase-box{ box-shadow:1px 2px 5px #666; padding:15px;}
a.qaicon{ background:#0068b7; color:#ffffff; padding:0 5px;}
.purchase-box hr{ border-color:#999; height:2px;}
.purchase-box-r{ background:#a28961; border:1px solid #a28961; margin-bottom:20px;}
.purchase-box-r h4{ text-align:left; font-size:15px; margin:5px 0; color:#ffffff;}
 

.purchase-box .table > thead > tr > th, .purchase-box .table > tbody > tr > td:first-child{ width:160px;}

.radio-p span{ margin-right:10px;}
.PHLK{ width:100%;}
.PHLK img{ width:100%;}

.fund-bar{ background:url(../images/fund-search-bar.png) 0 0 no-repeat; height:155px; padding:0;}
.fund-bar.active, .fund-bar:hover{ background:url(../images/fund-search-bar-ovr.png) 0 0 no-repeat; color:#0068b7;}

.fund-bar h3{     width: 580px;text-align:left; font-size:18px; margin-top:5px; color:#532528; font-weight:bold; }
.fund-bar.active h3, .fund-bar:hover h3{ color:#532528; font-weight:bold; text-decoration:underline;}
.fund-bar-content{ padding:15px 150px 15px 30px;}
.fund-bar-content table.table >tbody > tr > td{ border-top:none; border-right:1px solid #dddddd; width:33%; font-size:18px; color:#af7d20; line-height:1.3; }
.fund-bar-content table.table >tbody > tr > td:last-child{ border-right:none;}
.breadcrumb{ top:0; padding:0 15px;}
.TabNo1{ padding-top:15px;}
.table-stripedv2 tr.odd{ background-color:#f9f9f9;}


.ie8 .tab-menu-finance li a{ padding: 7px 2px;}
.ie8 p .btn{ width:100%; text-align:center;}

.searR {
	border-top:none; border-right:1px solid #dddddd; width:33%; font-size:18px; color:#af7d20; line-height:1.3;
	padding:0px;
}