/*2022 Mastameta*/
@font-face {font-family:FSung-p;
	src:local(FSung-p), local(FSung-m), url('./FSung-p.ttf'), url('./FSung-m.ttf'); unicode-range:U+0-FFFD}
@font-face {font-family:FSung-1;
	src:local(FSung-1), url('./FSung-1.ttf');
	unicode-range:U+10000-1FFFF}
@font-face {font-family:FSung-2;
	src:local(FSung-2_01), local(FSung-2_02), url('./FSung-2_01.ttf'), url('./FSung-2_02.ttf');
	unicode-range:U+20000-2FFFF}
@font-face {font-family:FSung-3;
	src:local(FSung-3), url('./FSung-3.ttf');
	unicode-range:U+30000-3FFFF}
@font-face {font-family:FSung-F;
	src:local(FSung-F_01), local(FSung-F_02), url('./FSung-F_01.ttf'), url('./FSung-F_02.ttf');
	unicode-range:U+F0000-FFFFF}
@font-face {font-family:FSung-X;
	src:local(FSung-X), url('./FSung-X.ttf');
	unicode-range:U+100000-10FFFF}
@font-face {font-family:Calibri;
	src:local(Calibri), url('./calibri.ttf')}

#Search, #input, #LineLegend, #counter #Total, #Description, #Footer {font-family:Calibri, sans-serif, FSung-p, FSung-1, FSung-2, FSung-3, FSung-F, FSung-X}
#Search>button[title="查詢"], .FnKey, .Key, .Block {font-family:FSung-p, FSung-1, FSung-2, FSung-3, FSung-F, FSung-X}
#Search>button:first-of-type, #Search>button[title="拆分"] {font-family:sans-serif}
p {padding:0; margin:0}
a:link, a:visited {text-decoration:none; color:#1257F9}
#Search {display:flex; flex-flow:row wrap; align-items:center; margin:-.15em 0 .25em}
#Search>button {display:inline-block; text-align:center; vertical-align:middle;
	min-width:1.5em; height:1.5em;
	border:1px solid #ecdbc6; border-radius:.4em; background-color:linen;
	padding:.1em; margin-right:.1em}
#Search>button~button {margin-right:.15em}
#Search>button:first-of-type {font-size:.8em; margin-right:.15em}
#Search>button[title="倒退"] {border:1px solid transparent; background-color:transparent; padding:.1em .1em .1em 0; margin-left:.15em}
#Search>button:hover {background-color:mistyrose}
#Search>button:not([title="倒退"]):hover {border:1px solid #e6cfb3}
#input {font-size:1em; width:9.7em; tabindex:0;
	background-color:snow; border-radius:.2em; border:1px solid silver;
	padding:.1em .15em .05em; margin-left:.1em}
#Options {font-size:.75em; margin:0}

#LineLegend {display:flex; flex-flow:row wrap; align-items:center;
	font-size:.8em; margin:.2em 0 .4em}
#LineLegend>button {font-family:Calibri; cursor:pointer;
	width:1.2em; height:1.2em;
	border:1px solid #e1e1e1; padding:.1em;
	margin:0 .2em 0 .3em; border-radius:.2em}
#LineLegend>button:first-of-type {margin-left:.15em}

#FnKey {margin:.1em 0}
button.FnKey {font-size:1.35em;
	border:1px solid #e2dacf; border-radius:.2em;
	background-color:snow;
	padding:.1em .15em 0; margin:0 .1em}
#counter {font-family:serif; font-size:.9em; color:darkred; margin:.15em 0 .1em .2em}
#counter #Exceeds {color:red}
#counter #Total {margin:0 .15em 0 .3em}
#counter #Exceeds~#Total {margin:0 .2em }

#output {display:block; margin:0 0 .2em}
#output br {display:none}
#output .Block {display:inline-block;
	border:1px solid #cccccc; border-radius:.1em;
	padding:.05em .1em 0; margin:.1em .125em}

table {border-collapse:collapse; border:0; white-space:nowrap; height:100%}
th, td {padding:0}
th {font-family:sans-serif; font-weight:normal; color:sienna;
	font-size:.8em; height:1.1em;
	text-align:center; vertical-align:middle;
	border:1px solid #decdba; border-radius:.25em .25em 0 0;
	background-color:antiquewhite; padding:.1em}
td {vertical-align:top}

.Key {display:inline-block;
width:1.4em; height:1.4em;
	background-color:snow;
	border:1px solid linen; padding:.1em}
.Key:hover {background-color:mistyrose !important; border:1px solid sienna !important; border-radius:.2em}

td:nth-child(2) .Key {background-color:#faf2fd}
td:nth-child(4) .Key, td:nth-child(13) .Key {background-color:#f2fdf7}
td:nth-child(6) .Key, td:nth-child(11) .Key {background-color:aliceblue}
td:nth-child(7) .Key:nth-child(3n-1) {border-right:1px solid #decdba}
td:nth-child(9) .Key {background-color:#fbe9e9; border:1px solid #faf0f0}
td:nth-child(n+15) .Key {background-color:#f2f2f2; border:1px solid #ebebeb}
td:nth-child(16) .Key {background-color:#e9e2e2}

#Footer {font-family:serif; display:block; font-size:.7em; text-align:right; margin-top:.5em}

.BMP {background-color:#E0E0E0}
.ExA {background:#C0E8FF}
.ExB {background:#fff5bf}
.ExC {background:#d7c2de}
.ExD {background:#bfffd8}
.ExE {background:#FFC0D0}
.ExF {background:#cdf1ea}
.ExG {background:#bfc6ff}
.CMP {background:#e6e6e6}
.SUP {background:#ffec80; border:1px dashed orange !important}
.OTH {background:#d9d9d9}
.Decmp {color:#0045FF!important}
.Fuzzy {color:#404040!important}
.Exact {color:#FF4500!important}