@charset "big5";
/* CSS Document */

body {
	background:#12001f;
	text-align:center;
	margin:0;
	padding:0;
	font: 15px Arial, Helvetica, sans-serif;
	line-height:21px;
	color:#FFFFFF;
	scrollbar-3dlight-color:#61546d;
	scrollbar-arrow-color:white;
	scrollbar-base-color:#6f5485;
	scrollbar-darkshadow-color:#61546d;
	scrollbar-face-color:#6f5485;
	scrollbar-highlight-color:#cbb7df;
	scrollbar-track-color:#9f81bc;
	scrollbar-shadow-color:#61546d;
}

body.align_left {
	background:#12001f;
	text-align:left;
	margin:0;
	padding:0;
	font: 15px Arial, Helvetica, sans-serif;
	line-height:21px;
	color:#FFFFFF;
	scrollbar-3dlight-color:#61546d;
	scrollbar-arrow-color:white;
	scrollbar-base-color:#6f5485;
	scrollbar-darkshadow-color:#61546d;
	scrollbar-face-color:#6f5485;
	scrollbar-highlight-color:#cbb7df;
	scrollbar-track-color:#9f81bc;
	scrollbar-shadow-color:#61546d;
}

h1 {
	font: 18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

h2 {
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
}

h3 {
	font: 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:normal;
	padding-bottom:0px;
}

h4 {
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	padding: 5px 0px 3px 3px;
}

h5 {
	margin:5px 0 5px 0;
	padding-bottom:0;
	font: 16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

#background {
	position:fixed;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#background .leftborder {
	position:fixed;
	top:0;
	left:0;
	width:67px;
	height:100%;
	background-image:url(img/leftBorder.jpg);
}

#background .rightborder {
	position:fixed;
	top:0;
	right:0;
	width:72px;
	height:100%;
	background-image:url(img/rightBorder.jpg);
}

#wrapper {
	position:absolute;
	padding:0;
	top:50%;
	left:50%;
	margin-top:-420px;
	margin-left:-500px;
	text-align: left;
	width: auto;
	height: auto;
	border: none;
}

#wrapper .head {
	position: relative;
	padding:0;
	top:0;
	left:0;
	width:1000px;
	height:122px;
	background-image:url(img/head.jpg);
}

iframe {
	height:594px;
	width:1000px;
}

.content {
	position:relative;
	padding:0;
	top:0;
	left:0;
	width:1000px;
	height:594px;
}

#wrapper .foot {
	position: relative;
	padding:0;
	top:0;
	left:0;
	width:1000px;
	height:121px;
	background-image:url(img/foot.jpg);
}

#toc {
	position:absolute;
	padding:0;
	bottom:0;
	left:0;
	text-align:center;
	width:1000px;
	height:auto;
	font: 14px Georgia, "Times New Roman", Times, serif;
}

#toc table td {
	padding:0;
	width:90px;
	text-align:center;
}

#toc a:link, a:visited {
	color:#daca9b;
	text-decoration:none;
}

#toc a:hover {
	color:#ffffff;
	text-decoration:none;
}

.music {
	position:relative;
	margin:0;
	padding:3px 0px 0px 1px;
	top:0;
	left:0;
	width:1000px;
	height:15px;
}

.copyright {
	position:relative;
	margin:0;
	padding:3px 0px 0px 0px;
	top:0;
	left:0;
	width:1000px;
	height:auto;
}

p.footer {
	font: 12px Arial, Helvetica, sans-serif;
	color:#4c3361;
	line-height:16px;
	width:100%
}

p.footer a:link, p.footer a:visited {
	color:#4c3361;
	text-decoration:none;
}

p.footer a:hover {
	color:#639;
	text-decoration:underline;
}
	
/****************************************************************
/*ABOUT PAGE*/

.abouttext {
	position:absolute;
	width:353px;
	height:398px;
	padding:10px;
	margin:0;
	top:130px;
	right:71px;
}

/****************************************************************
/*ABOUT PLAN*/

.plantext {
	position:absolute;
	width:568px;
	height:285px;
	padding:20px;
	margin:0;
	top:157px;
	left:211px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.plantext table {
	width:100%;
	text-align:left;
	font: 15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.plantext tr.heading {
	font-weight:bold;
}

.plantext td {
	padding:2px;
	text-align:center;
}

.plantext td.desc {
	text-align:left;
}

.fixwidth1 {
	width:548px;
}

.fixwidth2 {
	width:415px;
}

.plantext ul {
	margin:0;
	padding:0 20px 0px 20px;
	line-height:25px;
}

/****************************************************************
/*ABOUT CONTACT*/

.contact {
	position:absolute;
	width:317px;
	height:374px;
	padding:20px 10px 20px 20px;
	margin:0;
	top:130px;
	left:110px;
}

.contact a:link, .contact a:visited {
	color:#ffffff;
	text-decoration:none;
}

.contact a:hover {
	color:#ffffff;
	text-decoration: underline;
}

form {
	margin:0;
	padding:0;
}

form table {
	margin:0;
	padding:0;
	width:310px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	cellpadding:0;
}

input.txt {
	color:#000000;
	background-color:#FFFFFF;
	border: 1px inset #000000;
	width:230px;
	font: 13px Arial, Helvetica, sans-serif;
	padding:1px;
}

textarea {
	width:310px;
	height:90px;
	font: 13px Arial, Helvetica, sans-serif;
	line-height:20px;
	border: 1px inset #000000;
	}

.fixwidth3 {
	width:70px;
}

input.submit {
background: url(img/submit.jpg) no-repeat top left;
border:none;
color:#FFFFFF;
display:inline;
font:bold 14px Arial, Helvetica, sans-serif;
height:22px;
width:75px;
padding:0px;
}