/* reset css start*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	/* border: 0; */
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 table {
/* 	border-collapse: collapse; */
	border-spacing: 1px;
} 
/* reset css end */
 table[class] th,
 table[class] td {
    vertical-align: middle;
} 
.Tab-Less {
	margin-top: 10px;
 	height: 27px;
  	background-color: #a28962;
	float: left;
	width: 100%;
	font-size: 13px;
	margin-bottom:10px;
 	clear:both;
}
.Tab-Less ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	
}
.Tab-Less ul li {
    margin:0;
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	height: 25px;
	
}
.Tab-Less ul li a:visited{
	color: #ffffff;
	text-decoration: none;
}
.Tab-Less ul li{ margin:0;}
.Tab-Less ul li a {
	float: left;color: #fff;
	height: 25px;text-align: center;
	background-color: #a8916f;
	padding:0 12px; 
	border-right:1px #b19c7b solid;
 	 
}
 .Tab-Less ul li a:hover 
 {	
	display:block;color: #fff;
	background:url(/web/images/template/rankbar-hover.png) repeat-x 0 0;
	height: 25px;	
	float: left;
	text-decoration: none;
}

.Tab-Less ul li a.Active {
	display:block;color: #fff;
	background:url(/web/images/template/rankbar-hover.png) repeat-x 0 0;
	height: 25px;	
	float: left;
	text-decoration: none;
}

 .Tab-Less ul li a:visited ,  .Tab-Less ul li a:active{
	color: #fff;
	text-decoration:none;
 }


A:link
{
    COLOR: #546670;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
    TEXT-DECORATION: none
}

A:visited
{
    COLOR: #546670;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
    TEXT-DECORATION: none
}

A:hover
{
    COLOR: #a28961;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
    TEXT-DECORATION: underline
}

A:active
{
    COLOR: #546670;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
    TEXT-DECORATION: none
}

.more a:link{
	color:#a28961;
	font-size:13px;
}

BODY
{
    BACKGROUND-COLOR: #FFFFFF;
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: no-repeat;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    LINE-HEIGHT: 150%;
	/*margin-top:0px;*/
}

/* table {
	border-collapse:collapse;
} */

#DescBox {
	margin-top:10px;
}
#DescBox td{	
	font-size:13px;
	color:#4c4c4c;
}

/* 最外層 Table 框線顏色 */
.wfb00l
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb00r
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb00c
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

#SysJustWebGraphDIV {
	margin-top:5px;
}

/* .border-r1b , .border-r1 , .border-b1b {
	 border:1px #d9d9da solid; 
	
}
.noborder {
	border:0px;
} */

/* Table 框線顏色設定 */
.wfb0l
{
    BACKGROUND-COLOR: #d9d9da;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb0r
{
    BACKGROUND-COLOR: #d9d9da;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb0c
{
    BACKGROUND-COLOR: #d9d9da;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;	
	border-color:#d9d9da;
}

.wfb0c td {
	border-color:#d9d9da;
}

/* 主標題顏色設定 */
.wfb1r
{
    BACKGROUND-COLOR: #a28961;
    Color: #000000;/* color不可改白色 */
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}
.wfb1l 
{
    BACKGROUND-COLOR: #a28961;
    Color: #000000;/* color不可改白色 */
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}
.wfb1c
{
    BACKGROUND-COLOR: #a28961;
    Color: #ffffff;/* color不可改白色 */
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb1c select, .wfb1c input {
	Color:#000000;
}

/* 主標題區的第二行 左靠/右靠 的顏色設定 */
.wfb1ar
{
    BACKGROUND-COLOR: #a28961;
    COLOR: #ffffff;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 170%;
}

.wfb1al
{
    BACKGROUND-COLOR: #a28961;
    COLOR: #ffffff;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 170%;
}

.wfb1ac
{
    BACKGROUND-COLOR: #a28961;
    COLOR: #ffffff;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 170%;
}

/* Even-Odd 顏色改變 設定 I */
.wfb2r
{
    BACKGROUND-COLOR: #f2f2f3;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb2l
{
    BACKGROUND-COLOR: #f2f2f3;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb2c
{
    BACKGROUND-COLOR: #f2f2f3;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb2rR
{
    BACKGROUND-COLOR: #f2f2f3;
    COLOR: #990000;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb2rG
{
    BACKGROUND-COLOR: #f2f2f3;
    COLOR: #006600;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}
/* 次要標題欄位 顏色設定 */

.cusAdd {
	color:#ffffff;
}
.wfb3th
{
	background:url(/web/images/template/garybar-hover.png) 0 0 repeat-x; text-align:left; height:30px; line-height:13px; color:#ffffff;
}
.wfb3r
{
    BACKGROUND-COLOR: #a28961;
    COLOR: #ffffff;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb3l
{
    BACKGROUND-COLOR: #a28961;
    COLOR: #ffffff;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb3l input, .wfb3l select {
	COLOR: #000000;
}
.wfb3c font b font {
	COLOR: #000000;
}

.wfb3c
{
    BACKGROUND-COLOR: #a28961;
    COLOR: #ffffff;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.th2 {
	BACKGROUND-COLOR: #a28961;
	Color: #ffffff;
}

/* 警語區塊顏色設定 */
.wfb4r
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb4l
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb4c
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

/* Even-Odd 顏色改變 設定 II */
.wfb5r
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
	
}

.wfb5l
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb5c
{
    BACKGROUND-COLOR: #FFFFFF;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb5rR
{
	
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #990000;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}


.wfb5rG
{
    BACKGROUND-COLOR: #FFFFFF;
    COLOR: #006600;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

/* 第二種次要標題: 用於 基金問卷 (如:wg01.htm) */
.wfb6r
{
    BACKGROUND-COLOR: #FFFDE8;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb6l
{
    BACKGROUND-COLOR: #FFFDE8;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: left;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.wfb6c
{
	BACKGROUND-COLOR: #a28961;
    Color: #ffffff;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
}

.p0
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 22px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
    VERTICAL-ALIGN: middle
}

.p01
{
    BACKGROUND-COLOR: #ffffff;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: right;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
    VERTICAL-ALIGN: middle;
	padding: 5px;
}

.p02
{ 
	BACKGROUND-COLOR: #a28961;
    Color: #ffffff;
	padding: 5px;
}

.p1
{
    BACKGROUND-COLOR: #ffffff;
    Color: #4c4c4c;
	padding: 5px;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-WEIGHT: normal;
    FONT-SIZE: 15px;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
    VERTICAL-ALIGN: middle
}

.p2
{
    BACKGROUND-COLOR: #ffffff;
    Color: #4c4c4c;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-WEIGHT: normal;
    FONT-SIZE: 15px;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
    VERTICAL-ALIGN: middle
}

/* 下拉選單字型大小設定 */
SELECT
{
    FONT-SIZE: 15px;
    LINE-HEIGHT: 150%
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
}

OPTION
{
    FONT-SIZE: 15px;
    LINE-HEIGHT: 150%
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
}

.beta
 {	
    BACKGROUND-COLOR: #a28961;
    Color: #ffffff;
    font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
    LETTER-SPACING: 1px;
    LINE-HEIGHT: 150%;
	mso-style-parent:style0;
 	font-family:Symbol, serif;
 	mso-font-charset:2;
 	vertical-align:middle; 	
}
.Fontbeta
 {	 	
	mso-style-parent:style0;
 	font-family:Symbol, serif;
 	mso-font-charset:2;
 	vertical-align:middle; 	
}

.button {
	margin:10px 0px;
	padding: 5px 10px 5px 10px;
	text-decoration: none !important;
	color: #fff !important;
	background-color: #015ea9;
	border: none;
	cursor: pointer;
	font-family: 微軟正黑體, Verdana, Geneva, Arial, Helvetica;
    FONT-SIZE: 15px;
	behavior: url(/w/js/PIE.htc);
	position:relative;
	border-radius: 5px;
}
.button:hover, .button:focus {
	background-position: 0 -50px;
	color: #fff !important;
	background-color:#017fa9;
}
.titleLink:link , .titleLink:visited{
	color:#a28961;
	TEXT-DECORATION: underline
}
.sth {
	background-color:#fbfae6;
	font: 13px/24px Arial, Helvetica, sans-serif;
	color: #777;
	padding: 2px;
	text-align:center;
	font-weight:bold;
}



.add-fund{ float:right; margin:0; padding:0 10px 0 0; }
.add-fund a{color:#fff; background:url(/web/images/icon/arrow-right.png) no-repeat 0 0; padding-left:25px; line-height:20px; height:20px;
	display:inline-block;
	font: 13px/24px Arial, Helvetica, sans-serif;
}
.add-fund a:hover {
	text-decoration:underline;
	color:#ffffff;
}

.btn-b a{	
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	padding: 6px;
	
	background: #6a5a41 url(/web/images/template/span-brown-bg.png) repeat-x 0 0;
    color: #ffffff;
    line-height: 1;
}
.btn-b a:link , .btn-b a:visited {
	text-decoration:none;
	color: #ffffff;
}
.btn-b a:active  {
	text-decoration:none;
	color: #ffffff;
	background: #6a5a41;
}

.rank-table-b .btn-red-b{ color:#c00f08;}
.rank-table-b .btn-red-b2{ color:#c00f08;background:#FFE1DF;}
.rank-table-b .btn-blue-b2{ color:#2828FF;background:#66B3FF;}
.rank-table-b .btn-yell-b{ color:#b28850;}
.rank-table-b .btn-green-b{ color:#087725;}
.rank-table-b a:hover {
	text-decoration:none;
	background-color: #E0E0E0;
}

.rank-table-b .btn-b {
    font-size: 13px;
    padding: 3px 6px;
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;    
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border-color: #cccccc;
}
.btn-default-b {
    color: #333333;
    background-color: #ffffff;
	
}


ul.Tab-Change {margin-right: 0px;}
ul.Tab-Change li{ list-style:none;
	float: right;
	height: 27px;
	margin-left: 0px;
	margin-right: 0px;
}
ul.Tab-Change li a {color:#a8916f;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
 	height: 27px;
  	vertical-align: baseline;

}

.ipo-fund {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #b03e2e;
}