body{
	margin:0;
	background-color: #eeeeee;
	font-size: 12px;
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	color: #000000;
}
A{text-decoration:none}
A:link , 
A:visited {color: gray}
A:active {color: green}
A:hover {
	color: red;
	text-decoration:underline;
}
#main{
	margin:0;
	width: 780px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align:left;
	background-color:#E8DFAA;
}
#copyright{
	width: 600px;
	margin:30px 0 10px 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#copyright A{color:#7E4C02}
#menu{
	width: 133px;
	margin: 20px 0 0 0;
}
#index_news{
	border:1px solid #CBAC6F;
	width: 500px;
	text-align:left;
}
	#index_news .img{
		background-image: url('./images/index_title_news.jpg');
		height:35px;
	}
	#index_news .text{
		margin:5px;
		font-size:12px;
	}
	#index_news .text .date{
		margin:20px 0 10px 0;
		font-size:14px;
		font-weight:bold;
		color:#966926;
	}
	#index_news .text .detail{
		padding:0 0 0 20px;
	}
#teacher{
	width:570px;
	margin:20px 0 0 0;
}
	#teacher table{
		border:1px solid #666666;
		font-size:12px;
		line-height:22px;
		text-align:center;
	}
	#teacher table .td_f1{
		background-color:#EBE5C6;
		border-right:1px solid #666666;
		padding:5px;
		font-weight:bold;
	}
	#teacher table .td_f2{
		background-color:#E6E1C5;
		border-right:1px solid #666666;
		padding:5px;
		font-weight:bold;
	}
	#teacher table .td_c1{
		background-color:#E6E9EC;
		border-bottom:1px solid #000000;
		padding:5px;
		font-weight:bold;
	}
	#teacher table .td_c2{
		background-color:#E0E7EE;
		border-bottom:1px solid #000000;
		padding:5px;
		font-weight:bold;
	}
	#teacher table .td1{
		background-color:#F3DFDF;
		padding:5px;
	}
	#teacher table .td2{
		background-color:#F2DCDC;
		padding:5px;
	}	
#personage{
	text-align:left;
	width:400px;
	margin:20px 0 0 0;
}
	#personage table{		
		width:100%;
		font-size: 12px;
		color: #000000;
	}
	#personage table A:link ,
	#personage table A:active,
	#personage table A:visited {
		color: gray;
		padding:5px;
		text-decoration:none;
		line-height:25px;
	}
	#personage table A:hover {
		color:#000000;
		background-color:#D2C88F;	
	}
	#personage .detail{
		font-size:12px;
		line-height:20px;
	}
	#personage .detail .name{
		font-size:18px;
		font-weight:bold;
		color: #757054;
	}
	#personage .detail img{
		border: 2px solid #ADA059;
		margin: 0 10px 10px 0;
	}
#article{
	text-align:left;
	width:400px;
	margin:20px 0 0 0;
}
	#article table{
		width:100%;
		font-size: 12px;
		color: #000000;
	}
	#article table A:link ,
	#article table A:active,
	#article table A:visited {
		color: gray;
		padding:5px;
		text-decoration:none;
		line-height:25px;
	}
	#article table A:hover {
		color:#000000;
		background-color:#D2C88F;	
	}
	#article .detail{
		font-size:12px;
		line-height:20px;
	}
	#article .detail .author{
		font-size:18px;
		font-weight:bold;
		color: #757054;
	}
	#article .detail .title{
		font-size:14px;
		color:gray;
		margin:4px 0 10px 20px;
		text-decoration:underline;
	}
	#article .detail img{
		margin: 0 0 10px 10px;
	}
	#article .detail #text{
		margin:0 0 0 30px;
		line-height:22px;
	}
#game{
	margin:0;
	padding:20px 0 0 60px;
	background-color:#E8DFAA;
	width:100%;
	height:100%;
}
	#game .title{
		font-size:16px;
		font-weight:bold;
		color:#551700;
	}
	#game .list{
		margin:10px 0 0 20px;
		line-height:26px;
		font-size:12px;
	}
	#game .name{
		font-size:14px;
		font-weight:bold;
		text-decoration:underline;
		margin:20px 0 0 20px;
		color:#726538;
	}
#topic{
	text-align:left;
	width:520px;
	margin:20px 0 0 0;
}
	#topic table A:link ,
	#topic table A:active,
	#topic table A:visited {
		color: gray;
		padding:5px;
		text-decoration:none;
		line-height:25px;
	}
	#topic table A:hover {
		color:#000000;
		background-color:#D2C88F;	
	}
	#topic table{		
		width:100%;
		font-size: 12px;
		color: #000000;
	}
	#topic table .t_name{
		font-size:16px;
		color:#330099;
		font-weight:bold;
		margin:0 0 10px 0;
		border-bottom:	1px solid #808080;
	}
	#topic .detail{
		font-size:12px;
		line-height:20px;
	}
	#topic .detail .name{
		font-size:18px;
		font-weight:bold;
		color: #757054;
	}
	#topic .detail img{
		border: 2px solid #ADA059;
		margin: 0 10px 10px 0;
	}
	#topic .index{
		width:400px;
		text-align:center;
	}
	#topic .index table{		
		width:100%;
		font-size: 12px;
		color: #000000;
	}
	#topic .te_title{
		font-size:16px;
		font-weight:bold;
		color:#FF0000;
	}
	#topic .te_title_s{
		font-size:14px;
		font-weight:bold;
		color:#3333CC;
	}
#histfun{
	text-align:left;
	width:500px;
	margin:20px 0 0 0;
}
	#histfun table{		
		width:100%;
		font-size: 12px;
		color: #000000;
	}
	#histfun table A:link ,
	#histfun table A:active,
	#histfun table A:visited {
		color: gray;
		padding:5px;
		text-decoration:none;
		line-height:25px;
	}
	#histfun table A:hover {
		color:#000000;
		background-color:#D2C88F;	
	}
	#histfun .detail{
		font-size:12px;
		line-height:22px;
	}
	#histfun .detail .title{
		font-size:18px;
		font-weight:bold;
		color: #757054;
	}
#download{
	text-align:left;
	width:500px;
	margin:20px 0 0 0;
}
	#download table{
		font-size:12px;
		color:#000000;
		line-height:26px;
	}
	#download table .title{
		font-size:14px;
		font-weight:bold;
		text-align:center;
		border:1px solid #000000;
		background-color:#BBA24A;
		padding:2px 0 2px 0;
	}
	#download .td_l{
		background:#CBB876;
		font-weight:bold;
		width:30%;
	}
	#download .td_r{
		background:#D7C76A;
		width:70%;
	}
	#download A:link ,
	#download A:active,
	#download A:visited {
		color:#333333;
		text-decoration:none;
		padding:1px 5px 1px 5px;
		margin:0 0 0 10px;
	}
	#download A:hover {
		color:#000000;
		background-color:#D2C88F;	
	}
#link{
	text-align:left;
	width:500px;
	margin:20px 0 0 0;
}
	#link table{
		font-size:12px;
		color:#000000;
		line-height:26px;
	}
	#link table td{
		width:50%;
	}
	#link table A:link ,
	#link table A:active,
	#link table A:visited {
		color: gray;
		padding:5px;
		text-decoration:none;
		line-height:25px;
	}
	#link table A:hover {
		color:#000000;
		background-color:#D2C88F;	
	}
#std_work{
	text-align:left;
	width:500px;
	margin:40px 0 0 0;
	font-size:12px;
	line-height:22px;
}
	#std_work table{
		font-size:12px;
		line-height:22px;
	}
	#std_work table td{
		width:50%;
	}
	#std_work .td_r{
		padding:0 0 0 20px;
	}
	#std_work table A:link ,
	#std_work table A:active,
	#std_work table A:visited {
		color: gray;
		padding:5px;
		text-decoration:none;
		line-height:25px;
	}
	#std_work table A:hover {
		color:#000000;
		background-color:#D2C88F;	
	}
	#std_work .title_class{
		font-size:16px;
		font-weight:bold;
	}
	#std_work .title_name{
		font-weight:bold;	
		color:#663300;
	}
#book{
	text-align:left;
	width:500px;
	margin:40px 0 0 0;
	font-size:12px;
	line-height:22px;
}
	#book .layer1{
		padding:5px 20px 5px 0;
	}
	#book .layer1 img{
		margin:0 0 5px 5px;
	}
	#book .layer2{
		padding:5px 0 5px 20px;
		background-color:#EDE6BC;
	}
	#book .layer2 img{
		margin:0 5px 5px 0;
	}