body {
	font-family: "Yu Gothic UI";
	font-size: 13px;
	line-height: 1.2;
}
.title {
	font-weight: bold;
}
.indent {
	margin-left: 2em;
}
.note {
	color: maroon;
	font-size: 0.9em;
}
.comment-title {
	color: crimson;
	font-size: 0.89em;
	font-weight: bold;
	margin-bottom: 0px;
}
.comment {
	color: crimson;
	font-size: 0.89em;
	margin-left: 10px;
	margin-top: 2px;
}
.tip {
	color: gray;
	font-size: 0.9em;
}
table {
	border-collapse: collapse;
	margin-top: 10px;
}
table, th, td {
	border: 1px solid black;
}
th, td {
	padding: 5px 10px;
	text-align: center;
}
.no-bullet {
	list-style-type: none;
	padding-left: 1;
}
.x {
	color: mediumblue;
}
.y {
	color: seagreen;
}
.z {
	color: chocolate;
}
.u {
	color: darkviolet;
}
.signal-type-block {
	background-color: #f2f7ff;
	padding: 10px;
	margin: 10px 0 0 2em;
	border: 1px solid #cce0ff;
	font-size: 1em;
	width: fit-content;
	max-width: 90%;
}
.signal-type-block ul {
	padding-left: 10;
	margin: 0;
	list-style: none;
}
.signal-type-block li {
	margin: 4px 0;
	padding-left: 0;
}
.example-block {
	border: 1px dashed #aaa;
	padding: 10px 16px;
	margin-top: 16px;
	font-size: 0.9em;
	background-color: #f9f9f9;
	line-height: 1.4;
}
.example-title {
	font-weight: bold;
	color: #444;
	margin-bottom: 6px;
}
.example-block p {
	text-indent: 2em;
	margin: 6px 0;
}
.content-block {
	border: 1px dashed #aaa;
	padding: 10px 10px;
	margin-top: 0px;
	font-size: 0.89em;
	background-color: #f9f9f9;
	line-height: 1.0;
}
.content-block p {
	margin-bottom: 0px;
	margin-top: 2px;
}
.data-table {
	margin: 10px 1em;
	border-collapse: collapse;
	font-size: 0.89em;
}
.data-table th, .data-table td {
	border: 1px solid #999;
	padding: 4px 9px;
	text-align: center;
}
.data-table th {
	background-color: #f0f0f0;
}
.data-table .no { text-align: left; }
.data-table .no_bold { text-align: left; font-weight: bold;  }
.data-table .side { background-color: orange; color: white; font-weight: bold; text-align: left; }
.data-table .high { background-color: red; color: white; font-weight: bold; }
.data-table .mid { background-color: yellow; font-weight: bold; }
.data-table .low { background-color: green; color: white; font-weight: bold; }

.data-table .color1  { background-color: #e0f7fa; }  /* 極淡藍綠 */
.data-table .color2  { background-color: #b2ebf2; }
.data-table .color3  { background-color: #80deea; }
.data-table .color4  { background-color: #4dd0e1; }
.data-table .color5  { background-color: #26c6da; }
.data-table .color6  { background-color: #00bcd4; }
.data-table .color7  { background-color: #00acc1; }
.data-table .color8  { background-color: #0097a7; }
.data-table .color9  { background-color: #00838f; }
.data-table .color10 { background-color: #006064; }  /* 深藍綠 */


/* 漸進藍綠色系 */
.color-step-1  { background-color: #e0f7fa; }  /* 極淡藍綠 */
.color-step-2  { background-color: #b2ebf2; }
.color-step-3  { background-color: #80deea; }
.color-step-4  { background-color: #4dd0e1; }
.color-step-5  { background-color: #26c6da; }
.color-step-6  { background-color: #00bcd4; }
.color-step-7  { background-color: #00acc1; }
.color-step-8  { background-color: #0097a7; }
.color-step-9  { background-color: #00838f; }
.color-step-10 { background-color: #006064; }  /* 深藍綠 */


.color-yellow-1  { background-color: #fffde7; } /* 極淡黃 */
.color-yellow-2  { background-color: #fff9c4; }
.color-yellow-3  { background-color: #fff59d; }
.color-yellow-4  { background-color: #fff176; }
.color-yellow-5  { background-color: #ffee58; }
.color-yellow-6  { background-color: #ffeb3b; }
.color-yellow-7  { background-color: #fdd835; }
.color-yellow-8  { background-color: #fbc02d; }
.color-yellow-9  { background-color: #f9a825; }
.color-yellow-10 { background-color: #f57f17; } /* 深金黃 */

.color-red-1  { background-color: #ffebee; }
.color-red-2  { background-color: #ffcdd2; }
.color-red-3  { background-color: #ef9a9a; }
.color-red-4  { background-color: #e57373; }
.color-red-5  { background-color: #ef5350; }
.color-red-6  { background-color: #f44336; }
.color-red-7  { background-color: #e53935; }
.color-red-8  { background-color: #d32f2f; }
.color-red-9  { background-color: #c62828; }
.color-red-10 { background-color: #b71c1c; }
