@charset "utf-8";
/*  @import url('html.css');*/

/* fonts */
body:lang(zh-TW) { font-family: /*標楷體, */新細明體, sans-serif }
body:lang(en) { font-family: Arial, sans-serif }
body { font-size: 12pt }
span:lang(en) { font-family: Arial, sans-serif }
span:lang(zh-TW) { font-family: /*標楷體, */新細明體, sans-serif }
:lang(en) { font-family: Arial, sans-serif }
:lang(zh-TW) { font-family: /*標楷體, */新細明體, sans-serif }
em { font-weight: bolder; }

/* colour */
body {
	color: #000099;
	background-color: #CCCCFF;
	background-image: url('../image/water-bg.gif'); }
h1 {
	color: #606099;
	background-color: inherit;
	text-shadow: black 2px 2px 5px; }
h1:before, h1:after {
	margin: 0;
	padding: 0;
	content: url('../image/fish-24-icon.gif'); }
h2, h3, h4, h5, h6 {
	color: white;
	background-color: #6666CC;
	font-weight: bolder }
img {
	padding: 0;
	margin: 0;
	text-indent: 0; }
em {
	color: red;
	background-color: inherit; }
em.article {
	color: #000099;
	background-color: inherit;
	font-style: italic;
	font-weight: normal;
}

h2 em.article {
	color: white;
	background-color: #6666CC;
	font-style: italic;
	font-weight: bolder }

a {
	color: #000099;
	background-color: inherit;}
a:hover, a:focus {
	color: black;
	background-color: #FFFFCC }
/* box position margin padding border */
div {
	padding: 0px;
	margin: 0px; }
ul {
	list-style: url("../image/fish-up-bt.gif") disc; }
ul ul {
	list-style: url("../image/fish-right-bt.gif") disc; }
ul ul ul {
	list-style: url("../image/fish-down-bt.gif") disc; }
ul ul ul {
	list-style: url("../image/fish-left-bt.gif") disc; }
ol {
	}
ol.chinese li {
	list-style: cjk-ideographic; }
h1 {
	margin: 0;
	padding: 0; }
h2, h3, h4, h5, h6 {
	margin: 3px }
p {
	margin: 3px;
	text-indent: 2em;
	border-width: 1px }
p:after {
	content: url("../image/fish-right-bt.gif"); }
p.noindent {
	text-indent: 0;}
dt:before {
	content: url("../image/fish-up-bt.gif"); }
dd:after {
	content: url("../image/fish-right-bt.gif"); }
table {
	border-width: 1px;
	border-color: #000099;
	border-style: solid; }
table.wide {
	font-size: 8pt;
}
table caption {
	border-width: 1px;
	border-color: #000099;
	border-style: solid;
	color: white;
	background-color: #6666CC; }
table th {
	color: white;
	background-color: #6666CC; }
table td {
	border-bottom-width: 1px;
	border-bottom-color: #6666CC;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-color: #6666CC;
	border-right-style: solid;
}
table td.empty {
	border-style: none;
}
a {
	text-decoration: none;
	border-style: dotted;
	border-color: #000099;
	border-width: 1px;
	padding: 0px 1px;
	margin: 0px 1px; }
a.current {
	color: white;
	background-color: #000099;
	border-width: 1px}
.center, .centre {
	text-align: center; }
.braille {
	font-size: 1.5em; }
div.lyrics {
	width: 80%;
	margin: auto;
	padding-bottom: 1em }
div.lyrics dl {
	border-bottom-style: solid;
	border-bottom-width: 2px;}
div.lyrics p {
	text-indent: 0;
	margin-top: 1em;}
p.box {
	padding: 4px;
	border-style: solid;
	border-color: red;
	border-width: 3px;
	font-weight: bolder;
	text-align: center }
#title {
	position: absolute;
	top: 0px;
	left: 30%;
	width: 50%;
	height: 40px;
	text-align: center }
#language {
	position: absolute;
	top: 0px;
	left: 80%;
	width: 20%;
	height: 40px }
#language p {
	margin: 1px;
	text-indent: 0em;
	font-size: 8pt }
#content {
	background-image: url('../image/fish400-bg.gif');
	background-position: 80% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;
	top: 120px;
	left: 30%;
	width: 70%;
	padding-bottom: 5px;
	min-height: 200%; }
#content p {
	margin-left: 10px;
	margin-right: 10px }
#content p.redpaper {
	background-image: url('../image/redpaper-80.gif');
	color: black;
	background-color: inherit;
	font-size: 24pt;
	font-weight: bolder;
	text-indent: 0;
	text-align: center;
	line-height: 80px;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	width: 80px;
	height: 80px; }
#content p.redpaper:before {
	content: url("../image/fish-up-bt.gif"); }
#content p.redpaper:after {
	content: url("../image/fish-up-bt.gif"); }
#directory {
	color: #000099;
	background-color: #CCCCFF;
	background-image: url('../image/water-bg.gif');
	font-size: 9pt;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30%;
	padding-top: 40px;
	padding-bottom: 5px;
	padding-right: 5px }
#directory p {
	margin-left: 10px;
	margin-right: 10px }
#potatopic {
	float: right;
	padding-top: 50px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	border-style: none;}
#potatopic p, #potatopic img {
	padding: 0;
	margin: 0;
	text-indent: 0; }
#counter {
	position: absolute;
	top: 40px;
	left: 30%;
	width: 25%;
	height: 80px }
#modify {
	position: absolute;
	top: 40px;
	left: 55%;
	width: 15%;
	height: 80px }
#login {
	position: absolute;
	top: 40px;
	left: 70%;
	width: 15%;
	height: 80px }
#board {
	position: absolute;
	top: 40px;
	left: 85%;
	width: 15%;
	height: 80px }
#footer {
	font-size: 9pt; }
#directory ul, #footer ul {
	list-style: none;
	margin: 3px;
	padding: 0;
	border-width: 1px; }
#directory ol, #footer ol {
	border-width: 1px; }
#directory li, #footer li {
	margin-left: 0.25em }