@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&family=Noto+Serif+TC:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

body {scrollbar-face-color: eeffee;
scrollbar-highlight-color: aaffaa;
scrollbar-3dlight-color: aaaaaa;
scrollbar-arrow-color: 00ff00;
scrollbar-track-color: eeeeee;
scrollbar-shadow-color: eeeeee;
scrollbar-darkshadow-color: ffffff;
scrollbar-base-color: eeffee;
font-size: large;
font-family: "Noto Serif TC", "Noto Serif JP";
color: 000000;
background-color: ccddcc}

a:link {color:004300; font-style: normal; text-decoration: none}
a:visited {color:437643; font-style: normal; text-decoration: none}
a:active {color:00ab00; font-style: normal; text-decoration: none}
a:hover {color:009800; text-decoration: underline}

a.nolink {color:001100; font-style: normal; text-decoration: none}

a.secanchor {font-style: normal; text-decoration: none}

i {font-size: 14px;
color: 666666}

hr {color: 003300}

h3 {font-size: 16pt;
font-weight: bold;
letter-spacing: 2pt;
margin: auto;}

ul {margin-top: 0; margin-bottom: 0}
ol {margin-top: 0; margin-bottom: 0}
li {line-height: 130%;}

pre {
white-space: pre-wrap; /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word;
_white-space: normal;
padding-left: 12px;
padding-right: 12px;
line-height: 130%;
letter-spacing: 1px;
font-family: inherit;}

.jp { line-height: 220% }

code{font-family: "標楷體"}

table {
	font-size: inherit;
	line-height: 120%;
	margin: auto;
	}

.tbcr {background-color: aaccbb; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px}
.tblt {background-color: cc88cc; padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px}
.tbcaption {color: 001100; background-color: 559988}
.iftext {background-color: 448877; font-size: inherit; font-family: inherit;}
.ifremark {color: 003300}

.tbcell {
	background-color: aaccbb;
	vertical-align: top;
}
.tbbanner {
	background-color: 77aa99;
	text-align: center;
}
.tbcontent {
	list-style-position: inside;
	padding: 15px;
}

.tbalbum { 
	background-color: cceedd;
	border: outset 1pt solid black;
	padding: 5px 5px 5px 5px;
	margin: 0 0 10px 0;
}

.tbhidden {display: none}
.tblyric {background-color: bbccbb; padding: 15px 15px 5px 15px}

.title {font-size: 18px}

.vd {
	white-space: pre-line;
	max-width: 50%;
	font-size: 14px;
	color: 666666;
	line-height: 16px;
	padding: 2px 0 2px 0;	
}
.vimgflex {	display: flex; }
.vimg { vertical-align: middle; object-fit: none; }
.vcapt { width: 100%; margin-left: 5px; vertical-align: middle; }
.vh {
	vertical-align: middle;
	padding-left: 10px;
}

.secmenu {
	padding: 0 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	flex-direction: row;
	flex-wrap: wrap;
}

.secitem {
	background-color: cceedd;
	margin: 0 5px 5px 5px;
	padding: 10px 10px 10px 10px;
}

.secmenu_side{
	padding: 0 0 0 0;
	display: flex;
	align-items: left;
	justify-content: left;
	list-style: none;
	flex-direction: row;
	flex-wrap: wrap;	
}

div.backtotop {	
	position: fixed;
	background-color: aaccbb;
	padding: 2px 2px 2px 2px;
	text-align: center;
	bottom: 15px;
	right: 1%;
}

li.track {
	max-width: 95%;
	border-bottom-style: dashed;
	border-bottom-width: thin;
	border-bottom-color: aaccbb;
}

ul.charlist {
	padding: 0 0 0 0;
	display: flex;
	align-items: left;
	justify-content: left;
	list-style: none;
	flex-direction: row;
	flex-wrap: wrap;
}

li.charblock {
	line-height: 100%;
	padding: 0 0 0 0;
	margin: 0 1 0 0;
	border-style: solid;
	border-color: 003300;
}

.charCName {
	font-weight: bold;
	letter-spacing: 1pt;
	padding-top: 10px;
}

.charEName {
	font-size: 80%;
	color: 333333;
}

hr.charInfo {
	text-align: left;
	margin-left: 0;
	border-width: 0;
	height: 1px;
	width: 50%;
	background-color: 000000;
}

img.charimg {
	width: 64px;
	height: 64px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.latin {
	font-family: "Noto Serif";
}