/* CSS Document */
:root {
	--fntA:'黑体', Arial, Helvetica, sans-serif;
	--fntB:'宋体', 'Times New Roman', Times, serif;
	--clrA: #AE1027;
	--clrB: #F5E8C8;
	--clrC: #DCD8BB;
	--clrD: #A7C5CD;
	--clrE: #8B84A3;
}
body {
	/* font-style font-variant font-weight font-size/line-height font-family */
	font: normal normal normal 14px/1.5em var(--fntB);
	margin: 1em;
	padding: 0em;
}
#headerTitle {
	font: normal small-caps bold 2em/2em var(--fntA);
	color: var(--clrA);
}
article #headerTitle {
	font: normal small-caps bold 2em/2em var(--fntA);
	color: var(--clrA);
}
article #subtitle {}
article #emphasize {}
article #obviousEmphasize {}
article #keyPoints {}
article #quote {}
article #obviousQuote {}
article #reference {}
article #obviousReference {}
article #paragraph {}
@media only screen and (min-width: 1281px) {
	body {
		background-color: aliceblue;
	}
	#header {
		width: 100%;
		float: left;
	}
	#article {
		width: 100%;
	}
	#articleFieldset_1 {
		width: 20em;
		float: left;
	}
	#articleFieldset_2 {
		width: 20em;
		float: left;
	}
	#articleFieldset_3 {
		width: 20em;
		float: left;
	}
	#footer {
		width: 100%;
		float: left;
	}
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
	body {
		background-color: var(--clrB);
	}
}
@media only screen and (min-width: 361px) and (max-width: 640px) {
	body {
		background-color: var(--clrC);
	}
}
@media only screen and (max-width: 360px) {
	body {
		background-color: var(--clrD);
	}
}