@charset "UTF-8";

body * { font-family: 'Times New Roman', '微軟正黑體'; }
body { margin-bottom: 0; }

table 
{
	margin: 0;
	border-collapse:collapse;
	border-top:solid 1px black;
	border-left:solid 1px black;
}
td, th
{
	padding: 5px;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
}

table.chapter_2 tr:nth-child(2) th { width:140px; }
audio { width:60px; margin-right: -1700px; }
audio, audio+span { display:inline-block; vertical-align:middle; }

#dialector {
	padding: 1%;
	width: 1000px;
	margin: 20px auto;
	border-radius: 5px;
	background: url('../image/dialector_bg.png') no-repeat;
	background-color: #FFDD43;
}
#dialector > span:first-child {
	display: block;
	font-size: 16pt;
	text-align: left;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px 8px 10px 60px;
}
#dialector a.language { display: inline-block; vertical-align: top; padding: 15px 0; width: 12%; margin: 0 5px; text-align: center; }
#dialector a.language:hover,
#dialector a.language:active,
#dialector a.language[checked] { background-color: #716112; color: white; border-radius: 10px;}

.part { width: 1000px; }
#part_2 * { font-size: 14pt; }
#part_2 th[colspan="7"] { width: 100px; background-color: #FEE187; padding: 10px; }
#part_2 tr:nth-child(2) th:first-child { width: 50px; }
#part_2 tr:nth-child(3) th { }
#part_2 td.ab { text-align: left; position: relative; width: 100px; padding: 10px; }
#part_2 td.ch { width: 100px; text-align: left;}
#part_2 td audio { position: absolute; right: 0; top: 8px;}
#part_2 td.alphabet {
	width: 50px;
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
}
#part_2 table { width: 1000px; margin: 0; }


#part_18 td.sound { width: 10%; }
#part_18 td.ab, #part_18 td.ch {
	font-size: 24pt;
	padding: 10pt;
	font-weight: bold;
}
#part_18 td.alphabet { font-size: 36pt;  font-weight: bold; padding-left: 20px; }

#part_19 .section { vertical-align: bottom; }
#part_19 .section:first-child { display: block; }
#part_19 .section p { padding-bottom: 9px; }
#part_19 .section p.ab { font-size: 18pt; font-weight: bold;padding: 20px 40px; }
#part_19 .section p.ch { font-size: 16pt; margin-top: 10px; }
#part_19 td.sound { border-left: 10px; padding: 20px 65px; }
#part_19 article { padding: 20px; }
#part_19 article p { margin-bottom: 24px; }
#part_19 article p:last-child { margin-bottom: 0; }
#part_19 article p a { font-size: 16pt; padding: 5px 10px; display: inline; line-height: 24pt; border-radius: 10px; }
#part_19 article p a:hover { background-color: yellow; }
#part_19 article p a:first-child { padding-left: 2em; }
#part_19 td.title { padding: 0;; }
#part_19 .title p { text-align: center; font-size: 36pt; padding: 16px; font-weight: bold; background-color: #EEE;}

.template-1 { font-size: 16pt; }
.template-1 td.code { width: 100px; text-align: center; vertical-align: middle;}
.template-1 td.sound { width: 0px; border-right: none; text-align: center; vertical-align: middle; }
.template-1 td.text p { margin: 0; text-align: left; padding: 5px; line-height: 22pt; }
.template-1 p.ab { font-size: 18pt;}
.template-1 p.ch { color: #999; font-size: 14pt;}

.part.main { margin: auto; text-align: center; width: 1000px;}
#part_now { height: 50px; display: block; background-repeat: no-repeat; width: 1000px; margin: 50px auto 0 auto;}
#part_icons { width: 1000px; margin: 30px auto 50px auto; }
#part_icons+a.part.icon { display: block; }
a.part.icon { 
	width: 160px; 
	height: 50px; 
	display: inline-block; 
	background-repeat: no-repeat;
	margin-right: 6px;
}
a[pid="1"]  { background-image: url('../image/menu-01.html'); }
a[pid="2"]  { background-image: url('../image/menu-02.png'); }
a[pid="3"]  { background-image: url('../image/menu-03.png'); }
a[pid="4"]  { background-image: url('../image/menu-04.png'); }
a[pid="5"]  { background-image: url('../image/menu-05.png'); }
a[pid="6"]  { background-image: url('../image/menu-06.png'); }
a[pid="7"]  { background-image: url('../image/menu-07.png'); }
a[pid="8"]  { background-image: url('../image/menu-08.png'); }
a[pid="9"]  { background-image: url('../image/menu-09.png'); }
a[pid="10"] { background-image: url('../image/menu-10.png'); }
a[pid="11"] { background-image: url('../image/menu-11.png'); }
a[pid="12"] { background-image: url('../image/menu-12.png'); }
a[pid="13"] { background-image: url('../image/menu-13.png'); }
a[pid="14"] { background-image: url('../image/menu-14.png'); }
a[pid="15"] { background-image: url('../image/menu-15.png'); }
a[pid="16"] { background-image: url('../image/menu-16.png'); }
a[pid="17"] { background-image: url('../image/menu-17.png'); }
a[pid="18"] { background-image: url('../image/menu-18.png'); }
a[pid="19"] { background-image: url('../image/menu-19.png'); }

a.selected[pid="1"]  { background-image: url('../image/menu-01-selected.html'); }
a.selected[pid="2"]  { background-image: url('../image/menu-02-selected.png'); }
a.selected[pid="3"]  { background-image: url('../image/menu-03-selected.png'); }
a.selected[pid="4"]  { background-image: url('../image/menu-04-selected.png'); }
a.selected[pid="5"]  { background-image: url('../image/menu-05-selected.png'); }
a.selected[pid="6"]  { background-image: url('../image/menu-06-selected.png'); }
a.selected[pid="7"]  { background-image: url('../image/menu-07-selected.png'); }
a.selected[pid="8"]  { background-image: url('../image/menu-08-selected.png'); }
a.selected[pid="9"]  { background-image: url('../image/menu-09-selected.png'); }
a.selected[pid="10"] { background-image: url('../image/menu-10-selected.png'); }
a.selected[pid="11"] { background-image: url('../image/menu-11-selected.png'); }
a.selected[pid="12"] { background-image: url('../image/menu-12-selected.png'); }
a.selected[pid="13"] { background-image: url('../image/menu-13-selected.png'); }
a.selected[pid="14"] { background-image: url('../image/menu-14-selected.png'); }
a.selected[pid="15"] { background-image: url('../image/menu-15-selected.png'); }
a.selected[pid="16"] { background-image: url('../image/menu-16-selected.png'); }
a.selected[pid="17"] { background-image: url('../image/menu-17-selected.png'); }
a.selected[pid="18"] { background-image: url('../image/menu-18-selected.png'); }
a.selected[pid="19"] { background-image: url('../image/menu-19-selected.png'); }