@charset "utf-8";
body {
	margin: 0; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #B04F00;
	width: 100%;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	background-color: #FFFDE8;
	background-attachment: fixed;
	font-family: "華康中黑體(P)";
	font-size: 6pt;
	SCROLLBAR-ARROW-COLOR: #CC3300;
	SCROLLBAR-DARKSHADOW-COLOR: #FFCC66;
	SCROLLBAR-BASE-COLOR: #F4EAB9;
}
#container {
	width: 100%;
	margin-bottom: 0;
}
#header {
	text-align: center;
	margin-bottom: 0px;
	height: 110px;
	background-position: center center;
	padding: 0px;
	margin-top: 0px;
	background-image: url(../bg_banner.png);
	background-repeat: repeat-x;
}
#mainContent {
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	width: 960px;
	vertical-align: middle;
}
#mainContent   #center  {
	height: 330px;
	width: 900px;
	text-align: left;
	overflow: auto;
	font-size: 9pt;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
}
#mainContent      #text   {
	width: 460px;
	text-align: left;
	overflow: hidden;
	font-size: 9pt;
	float: left;
	margin-left: 20px;
	height: 100%;
	vertical-align: baseline;
}

#mainContent      #pic   {
	width: 310px;
	text-align: center;
	float: right;
	position: relative;
	margin-right: 40px;
	padding-top: 45px;
}

#footer {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #9c6824;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	clip: rect(0px,0px,0px,0px);
	padding: 0px;
	height: 100%;
}

#footer p {
	margin: 0; /* 將頁尾中第一個元素的邊界調整為零可避免邊界收合的可能性 (Div 之間出現的空間) */
	padding: 10px 0; /* 這個元素的欄位間隔將會建立空間，就如同邊界一樣，但是沒有邊界收合的問題 */
}
#mainContent     #table   {
	width:580px;
	margin-right: auto;
	margin-left: auto;
	height: 310px;
	background-image: none;
}
#mainContent  #table  table   td  {
	filter:alpha(opacity=80);  /* CSS3 standard */
	opacity:0.8;  /* for Mozilla, Firefox */
	-moz-opacity:0.8;
	font-size: 9pt;
	color: #333333;
	line-height: 9pt;
}
#mainContent  #table  table   th  {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #9C6824;
	font-size: 9pt;
	filter:alpha(opacity=80);  /* CSS3 standard */
	opacity:0.8;  /* for Mozilla, Firefox */
	-moz-opacity:0.8;
	font-weight: bolder;
	color: #993300;
	line-height: 9pt;
}
#mainContent  #mess{
	width:800px;
	overflow:auto;
	margin-right: auto;
	margin-left: auto;
	height: 330px;
	background-image: none;
}
#mainContent  #mess_list{
	width:800px;
	overflow:auto;
	margin-right: auto;
	margin-left: auto;
	height: 260px;
	background-image: none;
	padding-left: 80px;
}
#mainContent  #mess  table   td  {
	filter:alpha(opacity=80);  /* CSS3 standard */
	opacity:0.8;  /* for Mozilla, Firefox */
	-moz-opacity:0.8;
	color: #472727;
}
#mainContent   table   th     {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #9C6824;
	line-height: 10pt;
	font-size: 10pt;
	filter:alpha(opacity=80);  /* CSS3 standard */
	opacity:0.8;  /* for Mozilla, Firefox */
	-moz-opacity:0.8;
	font-weight: bolder;
	color: #993300;
}
#mainContent   #have    {
	font-size: 8pt;
	color: #FF0000;
	font-weight: lighter;
}
#mainContent   #news_list{
	width:auto;
	overflow:auto;
	margin-right: auto;
	margin-left: auto;
	height: 280px;
	background-image: none;
}
#mainContent  #news_list  table   td  {
	filter:alpha(opacity=90);  /* CSS3 standard */
	opacity:0.9;  /* for Mozilla, Firefox */
	-moz-opacity:0.9;
	font-size: 9pt;
	color: #472727;
	line-height: 10pt;
}
#mainContent  #news_list  table   th  {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #9C6824;
	line-height: normal;
	font-size: 9pt;
	filter:alpha(opacity=60);  /* CSS3 standard */
	opacity:0.6;  /* for Mozilla, Firefox */
	-moz-opacity:0.6;
	font-weight: bolder;
	color: #993300;
}
#mainContent   #news{
	width:800px;
	overflow:auto;
	margin-right: auto;
	margin-left: auto;
	height: 320px;
	background-image: none;
}
#mainContent  #news  table   td  {
	font-size: 9pt;
	color: #472727;
	line-height: 10pt;
}
#mainContent  #news  table   th  {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #9C6824;
	line-height: normal;
	font-size: 9pt;
	filter:alpha(opacity=80);  /* CSS3 standard */
	opacity:0.8;  /* for Mozilla, Firefox */
	-moz-opacity:0.6;
	font-weight: normal;
	color: #993300;
}
#mainContent  #news  #table  p  {
	font-size: 9pt;
	line-height: 9pt;
}
#mainContent a:link {
	color: #B04F00;
	text-decoration: none;
}
#logo {
	width: 300px;
	left: 60%;
	top: 300px;
	position: absolute;
}
#logo div {
	text-indent: 60px;
	margin-top: 15px;
}

#mainContent #sha {
	float: right;
	margin-right: 20%;
	margin-top: 18%;
	font-size: 9pt;
	color: #993300;
}

a:link {
	color: #572700;
	text-decoration: none;
}
a:visited {
	color: #572700;
	text-decoration: none;
}
a:hover {
	color: #B04F00;
	text-decoration: inherit;
}
#mainContent    h1    {
	font-size: 12pt;
	color: #993300;
	text-indent: 9pt;
	font-weight: bold;
	vertical-align: middle;
}
#text 
#about  {
	text-indent: 38pt;
	color: #472727;
	font-size: 9pt;
	padding-left: 50px;
	padding-top: 40px;
}