body { margin: 0 5%; background-image:url(bg.jpg) }
	.mndrn { font-family: SimSun; mso-fareast-language:ZH-CN }
header { width:87%; clear:both; border-right:0px solid red; padding:0 2% 0 0; margin:1em 0 0 0; font:italic .7em/160% "Segoe UI" }
	header h1 { margin:0; color:#C00; border-bottom:1px solid #999 }
	header h1 a { font-size:.7em; font-weight:normal; color:#999; text-decoration:none }
	header span.noscr { display:none }
footer { width:87%; clear:both; border-top:1px solid silver; padding:0 2% 0 0; margin:0; font:normal .9em/120% "Segoe UI"; text-align:center }
	footer p { text-align:center }
	footer ul li:before { content:"  ?  " }
	footer ul.inline li { display:inline-block }
	footer a:link, footer a:visited { display:inline-block; text-decoration:none; color:#666 }
	footer a:hover { background-color:#FC9 }
footer img, footer svg {
    vertical-align: middle;
    height: 1.3em;
    width: 1.3em
}
/*navigation stylings*/	
nav { width: 13%; position: fixed; top: .5em; right: 0; margin: 0; font: normal .8em sans-serif }
nav li.top { margin-left: -1em; list-style: none; border-bottom: 1px dotted #999 }
nav li.bot { margin-left: -1em; list-style: none; border-top: 1px dotted #999 }
nav ul,  nav ol { list-style: none; position: relative; margin: 0; padding-left: 0; width: 99% }
nav ul li,  nav ol li { padding: .04em 0; margin-left: -1em; position: relative }
/*2nd level lists*/
nav ul ul,  nav ol ol { width: 14em; margin-left: auto; padding-left: 3em; font-size: 100%; display: none; position: absolute; top: .17em; left: -17.0em; background-color: #CC9; z-index: 2 }
nav li li { padding: 0 0 0 0; text-indent: auto; list-style: decimal; }
 nav li li a:link;
nav li li a:visited { display: block }
nav ul li:hover ul,  nav ol li:hover ol { display: block }
/*3rd level lists - inherits from 2nd level, except these*/
nav ul li:hover ul ul,  nav ol li:hover ol ol { left: -16em; width: 13em; font-size: 100%; display: none; background-color: #9CC; list-style: circle }
nav ul ul li:hover ul,  nav ol ol li:hover ol { display: block }
nav li li li { display: block; text-indent: 0; padding-left: 0 }
/*list anchors*/
nav a:link, nav a:visited { text-decoration: none; color: #333; display: block; padding: .3em 0 .3em .2em }
nav a:hover { background-color: #FC9 }
/* style switcher */
nav p.sel { margin-bottom: 0 }
nav p.sel span { display: inline-block; padding: 3px }
nav p.sel span:hover { cursor: pointer; background-color: #FC9 }
/*main stylings*/
main { width: 87%; border-right: 1px solid silver; padding-right:2%; margin:1em 0 12em 0; font:normal 100% "Segoe UI", sans-serif; line-height:120% }
main .head { text-align:center }
	main h1, main h2, main h3 , main h4, main h5, main h6 { font-family:"Segoe UI", sans-serif; line-height: 110% }
	main h1 { font-size:2em }
	main h1 span/*, main h2 span*/ { font-size: .6em; display:inline-block; line-height:1.2em; color:#C00 }
	main h1.noprn {margin-top:0 }
	main h2 { font-size:1.8em }
	main h2 span { font-size:.7em; color:#666 }
	main h2.narrow {width:87%; line-height:110% }
	main h3 { font-size:1.6em; color:#C00 }
	main h4 { font-size:1.4em; color:#333; font-style:italic }
	main h5 { color:#555; font-size:1.2em; font-weight:normal; font-style:italic; margin-top:.8em; margin-bottom:.5em }
	main h6 { font-size:1em }
	main p { color:#333; widows:2; orphans:2; /*-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto*/ }
	main p.num span,
	main p span.parnum {font:bold 1em sans-serif; color:#C00 }
	/*main p.num span.hilite { font:normal 1em serif; color:#333 }*/
	main span.noprn { font-size:inherit; color:#333 }
	main p.godop { float:right; margin:0; display:inline-block }
	main img { margin: 0 auto; width: auto; max-width:100%; max-height:560px }
	main details summary { font:bold italic 1.2em sans-serif; color: #444; cursor: pointer}
	main .noscr { display:none }
	main div#footnotes { margin:1em 0 0 2em; border-top:1px dotted #999}
	main section#references p { padding-left:1.9em; text-indent:-1.9em }
	main .commentary { color:#C00 }
	main aside {float:right; width:33%; margin:0 0 1em 1em; font:italic .9 sans-serif; text-align:center; padding:1em; border-style:solid; border-color:#CCC; border-width:1px 0 1px 1px }
	main aside img { max-width:100%}
	main p .hilite, main mark { background-color: #FF9 }
	main p .hilite2 { background-color:#FCF }
	main p .hilite3 { background-color:#9FC }
	main li {font-size:100%; font-family:'Segoe UI', sans-serif; line-height:120%}
	main figure {float:right}
a.nolink { color:#AAA; cursor: text }
a.nolink:hover { background-color:transparent; cursor: text}
.URL { font-size: .6em }
sub, sup { font-size: 60%; /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
  line-height: 0; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
  position: relative; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
  vertical-align: baseline /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ }
sup { top: -0.5em } /* Move the superscripted text up */
sub { bottom: -0.25em }/* Move the subscripted text down, but only half as far down as the superscript moved up */
p.subtoc, p.godop { font-size:.4em}
p.folio { font:italic 80% serif; text-align:right}
main h3 span.folio { font-weight:normal; font-style:italic; color:#333; font-size:.85em }
.zerobot { margin-bottom:0}
.zerotop { margin-top:0}
.quotesrc { margin-top:0; text-align:right; font-style:italic }
dt { margin:0; padding:.3em 0 0 1em; height:1.3em; width:12%; clear:left; white-space:nowrap; float:left; line-height:100%; border-bottom:1px solid gray}
dd { margin:0; padding:.3em 0 0 0; height:1.3em; width:86%; clear:right; white-space:nowrap; float:left; line-height:100%; border-bottom:1px solid gray }
dd a {text-decoration:none; color:#C00}
.hide { display:none }
hr { height:1px }
  main form textarea { width:100%}
iframe {display: block; margin: auto}
/* styles for rewriting to modern expression */
.added { color:#03C }