@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0;}
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }

.hidden {
	display:none;
}
/*
@font-face {
    font-family: "微軟正黑體";
	src:url(plugin/FONT/text/msjh.eot), url(plugin/FONT/text/msjhbd.eot);
	src:url(plugin/FONT/text/msjh.ttf), url(plugin/FONT/text/msjhbd.eot) ;
}
*/
body, html {
	background-color: #000000;
	font-size: 1em;
	font-family: "微軟正黑體" ;
}

#table {
	position:absolute;
	height:548px;
	width:887px;
	top:0px;
	left:50%;
	overflow: visible;
	margin-left: -512px;
	padding: 100px 70px 120px 70px;
	color:#FFFFFF
}
#table02 {
	position:absolute;
	/*overflow: hidden;*/
	height:538px;
	width:885px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}
#left {
	position: absolute;
	left: 0%;
	width: 21%;
	height:538px;
	top: 0px;
}
#middle {
	position: absolute;
	left: 29%;
	width: 21%;
	height:538px;
	top: 0px;
}
#right {
	position: absolute;
	left: 52%;
	width: 48%;
	height:538px;
	top: 0px;
	overflow: auto;
}
#right, #middle, #left {
	overflow: auto;
	padding:0px;
	margin:0px;
}
#menu01, #menu02, #menu03, #menu04, #menu05, #menu06, #menu07, #menu08 {
	position: relative;
	width:176px;
	top:-10px;
	left: -11px;
	margin:10px;
	padding-left: 10px;
	padding-bottom: 2px;
}
#menu03:hover, #menu05:hover,#menu07:hover, #icom01:hover, #icom02:hover, #icom03:hover {
	background-color: #666;
}
#menu01 {
	padding-left: 0px;
}
#menu02 {
	height:20px;
}
#icom01, #icom02, #icom03 {
	position: relative;
	width:176px;
	height:48px;
	top:-390px;
	left: 239px;
	margin:17px;
	padding-left: 10px;
	padding-top: 120px;
}
#photo01, #photo02, #photo03 {
	position: relative;
	width:48%;
	height:168px;
	top:-945px;
	left: 444px;
	margin:17px;
}
#copyright {
	position: relative;
	width:680px;
	top: 630px;
	float: left;
}
#user {
	position: relative;
	width:100px;
	font-size: 0.8em;
	top: 612px;
	letter-spacing: 3px;
	left: 788px;
	text-align: right;
}
#page-number {
	position: absolute;
	left: 51%;
	width:220px;
	top: 670px;
	text-align: center;
	letter-spacing: 15px;
}
.menu {
	background-color: #911E3C;
	letter-spacing: 3px;
	line-height: 18px;
	height: 42px;
	padding-top: 5px;
}
.small-text {
	font-size: 0.8em;
}
.icom {
	background-color: #911E3C;
	letter-spacing: 3px;
	line-height: 18px;
}
.list {
	line-height: 25px;
	letter-spacing: 3px;
	list-style-type: disc;
	margin-left: 20px;
	color: #911E3C;
}
.list:hover {
	line-height: 25px;
	letter-spacing: 3px;
	list-style-type: disc;
	margin-left: 20px;
	color: #911E3C;
}
h1 {
	font-size: 0.8em;
	letter-spacing: 2px;
	font-weight: normal;
}
img#prev {
	position: relative;
	left: -80px;
	top: 2px;
}
img#next {
	position: relative;
	right: -80px;
	top: 2px;
}
.pageNumber {
	left: 5%;
	position: relative;
	color: #911E3C;
}
a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#table #table02 #icom02 {
	letter-spacing: 1px;
}

.box-text {
	letter-spacing: 3px;
	font-size: 0.9em;
	position: absolute;
	left: 15px;
	bottom: 15px;
}
.box-englidsh{
	font-size: 1.2em;
	letter-spacing: 1px;
}
