@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans:wght@400;700&family=Noto+Serif+SC:wght@200;300;400;500;600&family=Noto+Serif+TC:wght@200;300;400;500;600&family=Noto+Serif:wght@400;700&display=swap');

*, ::after, ::before { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
*:focus { outline: none; }

header, footer, div, nav, article, hr, p, form, label, input, button, select, textarea, ul, li, img, svg, span, font, strong, b, a, i { text-align: left; vertical-align: middle; word-wrap: break-word; word-break: break-word; line-height: 170%; border-width: 0; font-family: 'Noto Sans TC', 'Noto Sans SC', sans-serif; font-size: 17px; color: #495057; }

body { margin: 0; padding: 15px; }

ul, ol { list-style: none; }

fieldset { border: 0; }

input,button,select,textarea { outline:none }

img { max-width: 100%; }

a:link , a:visited , a:hover { text-decoration: none; vertical-align: initial; }

* html .clearfix { height: 1%; }

.cke_editable {
	font-size: 13px;
	line-height: 1.6;
	/* Fix for missing scrollbars with RTL texts. (#10488) */

	word-wrap: break-word;
}
blockquote {
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}
.cke_contents_ltr blockquote {
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}
.cke_contents_rtl blockquote {
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}
a {
	color: #0782C1;
}
ol, ul, dl {

	/* IE7: reset rtl list margin. (#7334) */

	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/

	padding: 0 40px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.2;
}
hr {
	border: 0px;
	border-top: 1px solid #ccc;
}
img.right {
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}
img.left {
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}
pre {
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}
.marker {
	background-color: Yellow;
}
span[lang] {
	font-style: italic;
}
figure {
	text-align: center;
	outline: solid 1px #ccc;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}
figure > figcaption {
	text-align: center;
	display: block; /* For IE8 */
}
a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}
/* Widget Styles */

.code-featured {
	border: 5px solid red;
}
.math-featured {
	padding: 20px;
	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
	background-color: rgba(255, 0, 0, 0.05);
	margin: 10px;
}
.image-clean {
	border: 0;
	background: none;
	padding: 0;
}
.image-clean > figcaption {
	font-size: .9em;
	text-align: right;
}
.image-grayscale {
	background-color: white;
	color: #666;
}
.image-grayscale img, img.image-grayscale {
	filter: grayscale(100%);
}
.embed-240p {
	max-width: 426px;
	max-height: 240px;
	margin: 0 auto;
}
.embed-360p {
	max-width: 640px;
	max-height: 360px;
	margin: 0 auto;
}
.embed-480p {
	max-width: 854px;
	max-height: 480px;
	margin: 0 auto;
}
.embed-720p {
	max-width: 1280px;
	max-height: 720px;
	margin: 0 auto;
}
.embed-1080p {
	max-width: 1920px;
	max-height: 1080px;
	margin: 0 auto;
}
