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: 0 solid red; padding: 0 2% 0 0; margin: 1em 0 0 0; font: italic 1em/160% serif }
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 1.5em/120% sans-serif; 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 a:link, footer a:visited { color: #333 }
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 240% serif; line-height: 140% }
main .head { text-align: center }
main h1, main h2, main h3, main h4, main h5, main h6 { font-family: sans-serif; line-height: 110% }
main h1 { font-size: 1.6em }
main h1 span { font-size: .6em; display: inline-block; line-height: 1.2em; color: #C00 }
main h1.noprn { margin-top: 0 }
main h2 { font-size: 1.4em }
main h2 span { font-size: .6em; color: #666 }
main h2.narrow { width: 87%; line-height: 110% }
main h3 { font-size: 1.2em; color: #C00 }
main h3 span { font-size: .7em; color: #666 }
main h4 { font-size: 1.1em; color: #333; font-style: italic }
main h5 { color:#555; font-size:1.0em; 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 figure {display:block; width:30%; float:right; margin-right:0}
main figure img {display:block; width:100%; height:auto}
main p.figcapshun,
main figcaption { margin-top: 0; text-align: center; font:normal .8em sans-serif}
main p.num span,  main p span.parnum { font: bold 1em sans-serif; color: #C00 }
main span.noprn { font-size: inherit; color: #333 }
main p.godop { float: right; margin: 0; display: inline-block }
/*main img { display: block; margin: 0 auto; width: auto; max-width:100%; max-height:560px }*/
main details summary { font:bold italic 1em 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 { font:italic .8em serif; line-height: 1.4em; text-align:center; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; float: right; width: 33%; margin: 0 0 1em 1em; 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 mark, p .hilite2 { background-color: #FCF }
main li {font-family:serif; line-height:120%}
main .eosMark {color:#F00 }
main form textarea { width:100%}
main div.endnotes p { font-size: .9em; text-indent: -1.2em; padding-left: 1.2em }
a.nolink { color: #AAA; cursor: text }
a.nolink:hover { cursor: text; background-color: transparent }
.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 }
iframe {display: block; margin: auto}
/* styles for rewriting to American language */
.added { color: #03C }