﻿/* CSS Document */
body
{ 
background: url(images/web_bg.jpg);
background-repeat: repeat-x;
margin: 0px 0px 0px 0px;
font-size:10pt;
color:#333;
text-align: center;
background-color: #FFF;
}
TD {
	font-size:10pt;
	color:#333;
}
.fps0 {font-size:9pt;color:#339999;text-decoration: none;}
.fps1 {font-size:10pt;color:#339999;}
.bodyText {font-size: 13px;color: #333333;line-height: 165%;text-decoration: none}
.unnamed2 {
	font-size: 13px;
	line-height: 165%;
	color: #ff5a00;
	text-decoration: none;}
.unnamed3 {
font-family:"arial", "helvetica", "sans-serif";
	font-size: 8pt;
	line-height: 125%;
	color: #666666;
	text-decoration: none;}
.unnamed4 {
 font-size: 13px;
 line-height: 150%;
 color: #18437d;
 text-decoration: none;}
 
.catlist {
    text-decoration: underline;
	font-size:10pt;
	line-height: 120%;
	
}
 a:link, a:visited,a:active {	font-size:12px;	color: #000000;	text-decoration: none;}	
 a:hover{	font-size:12px;	color: #0c5398;	text-decoration: underline;}

a.catlist:link {	font-size:10pt;   	text-decoration:none;	color: #008000;}
a.catlist:visited {	font-size:10pt;   	text-decoration: none;	color: #008000;}
a.catlist:hover {	font-size:10pt;  	text-decoration: underline;	color: #008000;}
a.catlist:active {	font-size:10pt;   	text-decoration: underline;	color: #008000;}

.more {
    text-decoration: underline;
	font-size:9pt;
	line-height: 120%;
		padding:10px;
}
a.more:link {	font-size:9pt;   	text-decoration:none;	color: #64a400;}
a.more:visited {	font-size:9pt;   	text-decoration: none;	color: #64a400;}
a.more:hover {	font-size:9pt;  	text-decoration: underline;	color: #0074a4;}
a.more:active {	font-size:9pt;   	text-decoration: underline;	color: #64a400;}

#GOTOP {
	padding:10px;
}
#GOTOP, .A  link ,visited,active {
	font-size:8px;
   	text-decoration:none;
	font-family: Verdana,Arial;
	color: #888888;
}
#GOTOP, .A  hover {
	font-size:8px;
   	text-decoration:none;
	font-family: Verdana,Arial;
	color: #0078a4;
}

.link{
    text-decoration: underline;
	font-size:9pt;
	line-height: 120%;
	
}
a.link:link,a.link:visited, a.link:active {	font-size:9pt;   	text-decoration:none;	color: #ffffff;}
a.link:hover {	font-size:9pt;  	text-decoration: none;	color: f7941d;}



#LeftMenu 
{
  margin:0px 0px 0px 0px;
}
#LeftMenu ul 
{
	margin-left: 10px;
	list-style: none;
	padding-left: 1em;
	text-indent: -1.3em;
	line-height:120%;
	/*list-style-image: url(images/button_pic.gif);*/
}
#LeftMenu ul li
{
	padding: 5px;
	/*list-style-image: url(images/button_pic.gif);*/
}

/*#LeftMenu a:link, #LeftMenu a:visited , #LeftMenu a:active{	font-size:13px;	color: #000000;	text-decoration: none;font-weight:normal}	
#LeftMenu a:hover{	font-size:13px;	color: #0c5398;	text-decoration: underline;font-weight:normal}
*/
a.LeftMenuSort:link, .a.LeftMenuSort:visited , .a.LeftMenuSort:active {	font-size:13px;	color: #0c5398;	text-decoration: none;font-weight:bold}	
a.LeftMenuSort:hover{	font-size:13px;	color: #0c5398;	text-decoration: underline; font-weight:bold}

#LeftMenu ul ul
{
	margin-left: 0px;
	list-style: none;
	line-height:150%;
	padding-left: 1em;
	text-indent: -0.4em;
	/*list-style-image: url(images/button_pic.gif);*/
}
#LeftMenu ul ul li
{
	padding: 3px;
	/*list-style-image: url(images/button_pic.gif);*/
}
#Outer {
	margin: 0 auto;
	width:773px;
	background:url(images/back.gif);
	text-align: left;
}
#Outer_Left {
	position:relative;
	float:left;
	background:url(images/web_bg_left_1.jpg);
	background-repeat: repeat-y;
	height:100%;
	}
#Outer_Middle {
	position:relative;
	float:left;
	width:768px;
}
#Outer_Right {
	position:relative;
	float:left;
	background:url(images/web_bg_right_1.jpg);
	}	
#ContentBlock {
	position:relative;
	float:right;
	width:575px;
	background-color: #FFF;
	/*padding:8px;*/
}
DIV.InnerContent {
  padding:8px;
}
#TopBlock {
	background:url(images/top_2.jpg);
	text-align:right;
}
#FooterBlock {
	background:url(images/foot_bg.jpg);
	height:63px;
}
#FooterBlock #FooterLeft {
	padding-top:10px;
	padding-left:10px;
	position:relative;
	float:left;
	width:188px;
}
#FooterBlock #FooterRight {
	padding-top:10px;
	padding-left:10px;
	position:relative;
	float:left;
	font-size:12px;
	color:#333333;
	text-decoration: none;
	line-height: 150%;
}	
#MiddleBlock {
	background:  url(images/button_bg.gif) repeat-x;
	background-color: #88c5b6;
	position:relative;
	float:left;

}
#Menu_Left {
	position:relative;
	float:left;
	width:188px;
}

	
#Menu_Top {
	height:28px;
	right:8px;
	top:5px;
	position:relative;
	}

#Menu_Top ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#Menu_Top ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
	
#NewsList ul 
{
	margin-left: 10px;
	list-style: none;
	padding-left: 1em;
	text-indent: 1em;
	line-height:120%;
	list-style-image: url(images/dot_1.jpg);
}

#NewsList ul li
{
	background: url(images/line_1.jpg) no-repeat  left bottom;
	padding: 5px;
}

#FooterRight {
	font-size:9px;
	font-family: 新細明體, verdana,arial;
	color:#FFF;
}
#date {
	font-size:9px;
	font-family:Verdana,Arial;
	color:#888;
	font-weight:normal;
}

.song {
 font-size: 12px;
 color: #333333;
 word-spacing: 35ex;
 letter-spacing :8px;
    line-height: 165%;
}
