@import url(reset.css);

/*網站通用格式*/
body{
	font-family: Meiryo,新細明體, 標楷體;
	/*font-size:13px;*/
}
font{
	font-size:13px;	
}
a:visited{
	color:#00558e;
}
a:link{
	color:#213FA5;
}
p{
	margin-bottom:10px;
	letter-spacing:2px;
	line-height:120%;
}
/*段落第一行*/
p:first-line{
}
hr{
	background-color:gray;
	height:1px;
}

strong {
font-weight:bolder;
}
em {
	font-style: italic;
}
br{
	letter-spacing:0;
}
div{
	
}
.newstitle   { font-size: 25px; color: #0000FF; letter-spacing: 2px; line-height: 130%; 
               font-family: 標楷體,微軟正黑體; font-weight: bold; }
.content     {
	font-size:15px;
	letter-spacing:2px;
	line-height: 150%; 
	text-align: justify; 
        text-indent: 0;  }
.web     { font-size: 15px; letter-spacing: 1px; line-height: 120%; text-align: left
          ;text-indent: 0; }
.web a:link{
	border:#AAA 1px dotted;
	text-decoration:none;
}
.web a:hover{
	/*font-size:110%;*/
	background:#EEE;
}



/* 
當樣式裡有字距設定 (letter-spacing) 時
IE 會把空白行全都給吃掉...
<br><br>會只換一行
br{letter-spacing: 0;} 為修正ie bug用*/
br{letter-spacing: 0;}

/*CSS3:直書文字_Begin*/
.vf { 
　writing-mode:tb-rl ; 
} 
/*CSS3:直書文字_End*/

/*項目符號格式
ex:<ul class="list_1">
<li></li>
</ul>
*/
h1{
	font-size:400%;
	line-height:220%;
}
h2{
	font-size:300%;
	line-height:200%;
}
h3{
	font-size:200%;
	line-height:150%;
}
h4{
	font-size:150%;
	line-height:150%;
}
h5{
	font-size:130%;
	line-height:150%;
}
h6{
	font-size:115%;
	line-height:150%;
}
ul{
	list-style-image:url('/balls/81.gif');
}
ul li{
	margin-left:5px;
}
/*項目符號格式:首頁財經措施 圓圈圈版
ex:<ul class="list_1">
<li></li>
</ul>
*/

.list_1 li{
	list-style-position: inside;
	list-style-image:none;
	list-style: circle;
	line-height: 180%;
	text-indent:-20px;
	text-align:left;
}
.list_1{
margin-left:25px; /*ie7無效*/
font-size:16px;
letter-spacing:1px;
}
/*項目符號格式:首頁會員專區綠色方塊版
ex:<ul class="list_2">
<li></li>
</ul>
*/

.list_2 li{
	list-style-image: url('../mainpage/200802/image/item_1.gif');
	line-height: 170%;
	list-style-position: outside;
	text-align:left;
	letter-spacing:1px;
	font-size:15px;
}
.list_2 li a:link{
	color: #494949;
	text-decoration: none;
}
.list_2 li a:visited{
	color: #6FA0AD;
	text-decoration: none;
}
.list_2{
	margin-left: 15px; 
}
/*項目符號格式
ex:<ul class="list_3">
<li></li>
</ul>
*/

.list_3 li{
	list-style-image: url('/BALLS/76.gif');
	line-height: 170%;
	list-style-position: outside;
	text-align:left;
	letter-spacing:1px;
	font-size:15px;
}
.list_3 li a:link{
	color: #3333CC;
	text-decoration: none;
}

.list_3{
	margin-left: 15px; 
}
/*項目符號格式:水平清單
ex:<ul class="list_4">
<li></li>
</ul>
*/
list_4{
	margin:0px;
	list-style:none;
}
.list_4 li{
	float:left;
	padding:2px 6px;
}

/*項目符號格式:水平清單+連結效果
ex:<ul class="list_5">
<li></li>
</ul>
*/
list_5{
	background: #C6E7FB;
	margin: 0px;
	list-style: none;
}
.list_5 li{
	float: left;
	padding: 8px 6px 2px 6px;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	background: #E8F5FD;
}
.list_5
a:visited{
	text-decoration:none;
}
.list_5 a:link{
	text-decoration:none;
}
.list_5 :hover{
	padding-top:8px;
	background:url(v.gif) no-repeat;
	background-position:center 0px;
}

.list_6 li{
	list-style-image: url('/BALLS/76.gif');
	line-height: 120%;
	list-style-position: outside;
	text-align:left;
	letter-spacing:1px;
	font-size:15px;
}
.list_6 li a:link{
	color: #3333CC;
	text-decoration: none;
}

.list_6{
	margin-left: 15px; 
}

.floatright
{
	float:right;
}
.floatleft
{
	float:left;
}

/*透明效果for各式Browser*/
.transparent_class {
	filter:alpha(opacity=50); /*for IE*/
	-moz-opacity:0.5;/*old school versions of the Mozilla browsers like Netscape Navigator*/
	-khtml-opacity: 0.5;/* old versions of Safari (1.x) when the rendering engine it was using was still referred to as KTHML*/
	opacity: 0.5;/*current standard in CSS,This will work in most versions of Firefox, Safari, and Opera*/
}

.horiul li{
	float:left;
	margin:22px;
	list-style-position: outside;
	list-style-image:url('item_3.gif');
}

.navigatebar{
	font-size:12px;
}
.navigatebar a:link{
	text-decoration: none;
	color: #3333FF;
}
.navigatebar a:visited{
	color:#993399;
}