/* <Framework area> */ 
/*--------------------------------------------*/
body{
	background-color: #DDD;
	margin: 0 auto 0 auto ;
	font-size: 75%;
}
form{
	display:inline;
}
#wrapper {
	background-color: #FFF;
	margin: 0 auto ;
	width:1001px !important;
	width:1024px; 
}
#header {
	margin: 0 auto ;
	background-color: #FFF;
	padding: 0px;  
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
}
#banner {
	margin: 0 auto ;
	background-color: #FFF;
	padding: 0px;  
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
}

#container {
	clear:both;
	float: left;
	width: 100%; /* 修改區塊的寬度設定 */
	margin:10px auto;
}
#primary {
	float: left;
	width: 780px !important;
	width: 790px;
	margin: 0 auto; 
	/* white-space: pre; CSS2 */
	/* white-space: -moz-pre-wrap; /* Mozilla */
	/* white-space: -hp-pre-wrap; /* HP printers */
	/* white-space: -o-pre-wrap; /* Opera 7 */
	/* white-space: -pre-wrap; /* Opera 4-6 */
	/* white-space: pre-wrap; /* CSS 2.1 */
	/* white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	word-wrap: break-word;
    line-height: 0px; /* Fix for Firefox */  
}
#secondary {
	float: left;
	width: 203px;
	margin: 0 12px 0 5px !important; 
    line-height: 0px; /* Fix for Firefox */  
}
#advIn {
	float: left;
	width: 203px;
	margin: 5px 12px 0 5px; 
    line-height: 0px; /* Fix for Firefox */  
}
#advertisement {
	float: right;
	width: 208px;
	margin: 0 10px 0 1px; 
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
}
#calendar {
	float: right;
	width: 100%;
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
	margin: 5px 0;
}
#epaper {
	float: right;
	width: 100%;
	margin: 5px 0;
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
}
#advEx {
	float: right;
	width: 100%;
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
	margin: 5px 0;
}
#search {
	float: left;
	width: 100%;
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
	margin: 0px 0;
}
#member {
	float: left;
	width: 100%;
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
	margin: 5px 0;
}
#message {
	float: right;
	width: 557px; 
    line-height: 0px; /* Fix for Firefox */  
	border: none;
	vertical-align:top;
	margin: 5px 0;
}
#footer {
	clear: both;
	background-color: #FFF;
	padding: 0px;  
    line-height: 0px; /* Fix for Firefox */  
}


/* <Header Menu> */ 
/*-----------------------------------------------------------------------------*/
.headerMenu{
	visibility: hidden;
	margin:0 0 0 0;
	position:absolute;
	z-index:1;
	width:140px;
	table-layout:fixed;
	word-wrap:break-word; 
	/* word-break:break-all; */
	/* overflow:hide; */
	border-top: 1px solid #FFF;
  	border-right: 1px solid #fff;
  	border-bottom: 0px solid #fff;
  	border-left: 1px solid #FFF;
}	
.headerMenuItem{
	text-align:center;
	margin:0 0 0 0; 
	padding:0;
	border-bottom: 1px solid #FFF;
}
.center{
	text-align:center;
}	
/* <Tree Menu> */ 
/*-----------------------------------------------------------------------------*/
div.tree{
	width:200px;
}
div.tree div.menu{
	padding-left: 20px;
}
div.tree div.menu.current{
	background-image: url(../image/point.gif);
	background-repeat: no-repeat;
	BACKGROUND-POSITION: 5px;
	color:#405F16;
}
div.tree div.child{
	padding-left: 45px;
}
div.tree div.child.current{
	background-image: url(../image/point.gif);
	background-repeat: no-repeat;
	BACKGROUND-POSITION: 25px;
	color:#405F16;
}
/* <Content area> */ 
/*-----------------------------------------------------------------------------*/
A {
	/*font-size: 80%;*/
	COLOR: #000000;
	LINE-HEIGHT: 200%;
	TEXT-DECORATION: none;
	font-family: "Arial", "細明體";
}
A:visited {
	COLOR: #000000}
A:active {
	COLOR: #000000}
A.linka:hover {
	font-family: "Arial", "細明體";
	/*font-size: 80%;*/
	line-height: 200%;
	color: #666666;
	text-decoration: none;
}
A.linkb:hover {
	COLOR: #6A8F9A;
	font-family: "Arial", "細明體";
	/*font-size: 80%;*/
	line-height: 200%;
	text-decoration: none;
}
A.linkc:hover {
	COLOR: #405F16;
	font-family: "Arial", "Helvetica", "sans-serif";
	/*font-size: 80%;*/
	line-height: 200%;
	text-decoration: none;
	
}
A.linkd:hover {
	/*font-size: 80%;*/
	COLOR: #FFFFFF;
	font-family: "Arial", "細明體";
	line-height: 200%;
	text-decoration: none;
}
.subject {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 120%;
	line-height: 18px;
	font-weight: bold;
	color: #669900;
}
.title1 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 120%;
	line-height: 18px;
	font-weight: bold;
	color: #669900;
}
.title2 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 100%;
	line-height: 18px;
	color: #999999;
}
.title3 {
	font-family: "Arial", "Helvetica", "sans-serif" !important;
	font-size: 100%;
	line-height: 18px;
	color: #94B864;
}
.title4 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 110%;
	line-height: 18px;
	color: #00DC71;
}
.title5 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 120%;
	line-height: 18px;
	color: #669900;
}
.copy {
	font-family: "Arial", "Helvetica", "sans-serif";
	/*font-size: 80%;*/
	line-height: 200%;
	color: #333333;
	text-decoration: none;
}
.copyCenter{
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 200%;
	color: #333333;
	text-decoration: none;
	text-align: center;
}
.copyLeft{
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 200%;
	color: #333333;
	text-decoration: none;
	text-align: left;
}
.field1 {
	font-family: "Arial", "細明體";
	/*font-size: 80%;*/
	color: #666666;
	text-decoration: none;
	background-color: #EEEEEE;
	height: 16px;
	width: 85px;
	border: 1px solid #CFCFCF;
}
.field2 {
	font-family: "Arial", "細明體";
	/*font-size: 80%;*/
	color: #666666;
	text-decoration: none;
	background-color: #EEEEEE;
	height: 16px;
	width: 125px;
	border: 1px solid #CFCFCF;


}
.field3 {
	font-family: "Arial", "細明體";
	/*font-size: 80%;*/
	color: #666666;
	text-decoration: none;
	background-color: #EEEEEE;
	height: 16px;
	width: 60px;
	border: 1px solid #CFCFCF;


}
.highlight{
	color:#94B864;
}	
.word1 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 110%;
	line-height: 18px;
	color: #4A6017;
}

.must {
	font-family: "Arial", "Helvetica", "sans-serif";
	/*font-size: 80%;*/
	line-height: 200%;
	color:red;
	text-decoration: none;
}
.inputTable{
	text-align:right;
}	
.input{
	text-align:left;
}
#current1{
	padding-left: 15px;
	vertical-align: middle;
	background-color :white;
	/*
	onmouseover: expression(onmouseover=function (){
						this.style.backgroundImage='url(image/point.gif)';
						this.style.backgroundRepeat='no-repeat';
						this.backgroundPosition='center middle'; 
						this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='#FFCC99'});
    	onmouseout: expression(onmouseout=function (){
				this.style.backgroundImage='';
    		this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});
    */
}
table {
	word-wrap:break-word;
}
/* <Advertisement & search> */ 
/*-----------------------------------------------------------------------------*/
.search {font-family: Arial, Helvetica, sans-serif; /*font-size: 80%;*/ }
.field3 {

	font-family: "Arial", "2OcuAe";
	/*font-size: 80%;*/
	color: #666666;
	text-decoration: none;
	background-color: #EEEEEE;
	height: 16px;
	border: 1px solid #CFCFCF;
}

.imgright {
	background: #ccc;
	border-bottom: 1px solid #999;
	float: left;
	margin: 0 0 0 0;
	padding: 1px 1px 1px 1px;
}