@charset "utf-8";
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	padding: 0;
	margin: 0;
	display: inline;
}
body {
	font: 10pt, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
.clear {
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
}
a:link { text-decoration: none ; color: #3366CC; border-bottom: 1px solid #BBBBBB; }
a:visited { text-decoration: none ; color: #3366CC; border-bottom: 1px solid #BBBBBB; }
a:active { text-decoration: none ; color: #FF00FF; border-bottom: 1px solid #DDDDDD; }
a:hover { text-decoration: none ; color: #FF0000; border-bottom: 1px solid #DDDDDD; }
#container {
	width: 1000px;
	margin: 0 auto;
	background: url('img/bg.gif') #FFFFFF repeat-y;
	text-align: left;
}
#pageHeader{
	background: url('img/top.jpg') no-repeat bottom;
	margin: 0 auto;
	height: 150px;
	width: 970px;
}
#pageCenter{
	background: url('img/watermark.png') no-repeat right top !important;
	background: url('img/space.gif') no-repeat center bottom;	/*IE6 only*/
	margin: 0 auto;
}
#pageFooter{
	margin: 0 auto;
	margin-top: 10px;
	width: 970px;
	border-top: 1px solid #666666;
}
/*#subIcon {
	position: absolute;
	padding-left: 5px;
	*padding-top: 2px;
}*/
#subTop {
	background-color: #EEF6F6;
	border-bottom: 1px solid #666666;
	width: 970px;
	height: 20px;
}
#subTop a{
	float: right;
	display: block;
	*padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10pt;
}
#subTop a:link,#subTop a:visited{
	color:#000000;
	text-decoration: none;
	border-bottom: 1px solid #EEF6F6; 
}
#subTop a:hover{
	color:#FF0000;
	text-decoration: none;
	border-bottom: 1px solid #EEF6F6; 
}
#subMenu {
	float: left;
	padding-top: 20px;
	margin: 5px;
	width: 150px;
	height: 700px;
	text-align: center;
	position: relative;
	left: 10px !important;
	left: 5px;	/*IE6 only*/
	top: -5px;
	background-color: #DDEEEE;
}
#subMenu div{
	padding-bottom: 10px;
}
#subMenu a{
	display: block;
	padding: 5px;
	margin: 0;
	font-size: 10pt;
	width: 140px;
	border-top: 2px solid #DDEEEE;
	border-bottom: 2px solid #DDEEEE;
}
#subMenu a:link,#subMenu a:visited{
	color: #333333;
	text-decoration: none;
}
#subMenu a:hover{
	color:#FFFFFF;
	background-color:#77CCEE;
	text-decoration: none;
	border-top: 2px solid #AADDEE;
	border-bottom: 2px solid #AADDEE;
}
#subMenu .selmenu{
	background-color: #FFFFFF;
	text-decoration: none;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
#subContent {
	float: right;
	margin-top: 15px;
	margin-right: 40px !important;
	margin-right: 20px;	/*IE6 only*/
	width: 760px;
}
#subCopy{
	padding: 5px;
	font-size: 8pt;
	text-align: center;
	background-color: #EEF6F6;
}
.dataLeft{
	float: left;
	width: 530px;
}
.dataRight{
	float: right;
	width: 205px;
}
.dataTitle{
	padding: 5px;
	padding-left: 15px;
	font-size: 10pt;
	background: url('img/ul_top.gif') no-repeat top;
	background-color: #9BD8ED;
}

.dataTitle a{
	border-bottom: 1px solid #9BD8ED; 
}	
.dataTitleTop{
	padding: 2px;
	font-size: 10pt;
	color: #3366EE;
	border-bottom: 1px solid #CCCCCC;
}
.dataLine{
	padding: 3px 3px 0 3px;
	font-size: 10pt;
}
.ul{
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 5px;
	padding-bottom: 10px;
	background: url('img/ul_bottom.gif') no-repeat bottom;
	background-color: #EEEEEE;
}
.li{
	list-style-position: outside;
	font-size: 10pt;
	padding: 5px 0 0 15px;
	margin-left: 0px;
}
.dataLine .datadate{
	color: #666666;
	font-weight: bold;
}
.dataLine .n01{
	display: block;
	font-size: 10pt;
	margin-top: 3px;
	background: url('img/n_01.gif') no-repeat left;
	padding-left: 30px;
}
.dataLine .n02{
	display: block;
	font-size: 10pt;
	margin-top: 3px;
	background: url('img/n_02.gif') no-repeat left;
	padding-left: 30px;
}
.dataLine .n03{
	display: block;
	font-size: 10pt;
	margin-top: 3px;
	background: url('img/n_03.gif') no-repeat left;
	padding-left: 30px;
}
.dataLine .n04{
	display: block;
	font-size: 10pt;
	margin-top: 3px;
	background: url('img/n_04.gif') no-repeat left;
	padding-left: 30px;
}
table,td{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font: 10pt, Arial, Helvetica, sans-serif;
}
table {
	/*border-collapse: collapse;*/
	margin-bottom: 10px;
	margin-top: 10px;
}
td{
	font-size: 10pt;
	margin: 3px;
	padding: 3px;
}
td.th0{
	background-color: #AADDEE;
}
td.th1{
	background-color: #DDEEEE;
}
/*td.th2{
	background-color: #EEFFFF;
}*/
td.td{
	background-color: #F6F6F6;
}
.subtitle{
	color: #3366EE;
	border-bottom: 1px solid #CCCCCC;
}
td.left{
	padding-left: 12px;
}
td.center{
	text-align: center;
}
td.right{
	text-align: right;
}
input {
	 color: #000000;
	 border: 1px solid #CCCCCC;
	 padding: 2px;
	 background-color: #FFFFFF;
}
.cf00{
	color: #FF0000;
}
.c0f0{
	color: #0000FF;
}
.c090{
	color: #009900;
}
.c00f{
	color: #0000FF;
}
.c999{
	color: #999999;
}
h1{/*道具色*/
	color: #FF0000;
}
h2{/*稱號色*/
	color: #009900;
}
h3{/*人名色*/
	color: #0000FF;
}
h4{/*地名色*/
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
}
.wdos{
	padding-left: 12px;
	background: url('img/wdos.gif') no-repeat left;
	cursor: Pointer;
}
#Zone {
	position: absolute;
	margin-top: 150px;
	margin-left: 5px;
	width: 170px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	display: none;
	z-index: 2;
}
#close {
	float: right;
	cursor: Pointer;
}