html {height:100%}
body {height:100%; margin:0; font:14px Verdana, Geneva, Helvetica, sans-serif, FangSong, SimSun; background:#440 url(/brown/bg-body.png) fixed}
a {text-decoration:none}
table {border-collapse:collapse; border-spacing:0}
td {vertical-align:top}
#Menu a {display:block}
#Years {background-color:#ffc;position:fixed;width:200px;} 
#Main {padding:9px; background-color:#ffe}
#Main h2 {margin:0}
#Main p {text-align:justify}
#Main .BdrVar, #Main .BdrOut {display:inline-block; padding:9px 79px 9px 9px; border-style:solid; border-width:1px 1px 5px 3px; border-radius:13px}
#Main .BdrVar {cursor:zoom-in}
#Main .BdrOut {cursor:zoom-out}
.BCoe {background-color:#eef}
.BCoe:hover {background-color:#efe}
.BCce {background-color:#efe}
.BCce:hover {background-color:#eef}
.hhr {visibility:hidden; clear:both}
#Main aside, #Main .OlineSS {display:inline-block; margin-bottom:9px; padding:9px; text-align:center; vertical-align:middle; cursor:zoom-in; background-color:#ffc; border:#060 solid 1px; border-radius:7px}
#Main aside {margin-left:7px; float:right}
#Main .HrDiv {margin:9px auto; clear:both; width:66%; height:4px; padding-top:2px; border:1px solid #393; border-radius:5px; background:linear-gradient(to right, #fff0cc 10%, #ffea77, #fff0cc 90%)}
#Main .HrDiv hr {margin:0 auto; height:2px; width:66%; color:#884; border:0; background-color:#884; background:linear-gradient(to right, #884, #ffe, #884)}
#Main .Czo {cursor:zoom-in}
#Main .Czo:hover {background-color:#ffa; color:#000}
#Main .img-fr {float:right; margin-left:7px}

#Pg {margin:0 auto; width:100%; height:100vh; max-width:1150px}
#Pg .BraidH, #Pg .BraidV {padding:0; line-height:0; background-color:#B48701}
#Pg .BraidH {background-image:url(/brown/bar_h.gif); height:8px; background-repeat:repeat-x}
#Pg .BraidV {background-image:url(/brown/bar_v.gif); width:8px; background-repeat:repeat-y}

#Title {position:relative; height:75px; background:url(/brown/bg_Title.gif) repeat}
#Title img:first-of-type {position:fixed; margin-top:3px}
#Title img:last-of-type {display:block; margin:7px auto}
#Title sup {position:absolute; color:#a4c; top:5px; right:5px; font-size:10px}

#Menu {text-align:center; vertical-align:top; width:200px; background:url(/brown/bg_Menu.gif) fixed}

#Brdr {width:100%; height:100%}
#Brdr .Brdr {height:16px}
#Brdr #BrdrTL {width:14px; height:14px; line-height:0; background-image:url(/brown/brdr-tl.gif)}
#Brdr #BrdrT {background-image:url(/brown/brdr-t.gif)}
#Brdr #BrdrTR {width:14px; background-image:url(/brown/brdr-tr.gif)}
#Brdr #BrdrL {background-image:url(/brown/brdr-l.gif)}
#Brdr #BrdrR {background-image:url(/brown/brdr-r.gif)}
#Brdr #BrdrBL {background-image:url(/brown/brdr-bl.gif)}
#Brdr #BrdrB {background-image:url(/brown/brdr-b.gif)}
#Brdr #BrdrBR {background-image:url(/brown/brdr-br.gif)}

#Over {display:none; z-index:50; position:fixed; top:0; left:0; overflow:hidden; width:100vw; height:100vh; line-height:98vh; text-align:center; background-color:rgba(30,0,0,.8)}
#Over #Bx, #Over #X, #Over #B {display:inline-block; z-index:80; position:absolute; top:7px; width:15px; color:#d11; background-color:#fcc; padding:2px 3px 0; line-height:22px; font-size:18px; cursor:pointer; border:solid 3px #333; border-radius:8px; font-family:"Arial Black", Gadget, sans-serif}
#Over #X {right:7px}
#Over #B {right:33px}
#Over #Bx {top:9px; right:9px}
#Over #Bx:hover, #Over #X:hover, #Over #B:hover {color:#b00; background-color:#dbb}
#Over #Wait {background-color:#fdd; border-radius:19px}
/*Slideshow*/
#Over #NumOf, #Over #Home, #Over #PgBk, #Over #Prev, #Over #Next, #Over #PgFw, #Over #End {position:fixed; z-index:19; color:#fff; font-family:Palatino Linotype, Book Antiqua, Palatino, serif}
#Over #NumOf {top:5px; left:9px; line-height:normal}
#Over #Home:hover, #Over #PgBk:hover, #Over #Prev:hover, #Over #Next:hover, #Over #PgFw:hover, #Over #End:hover {color:#f6c}
#Over #Home, #Over #PgBk, #Over #PgFw, #Over #End {font-size:35px; width:25px; height:15px; line-height:15px; cursor:pointer}
#Over #Home, #Over #PgBk {text-align:left}
#Over #Home, #Over #End {letter-spacing:-6px}
#Over #Home span, #Over #End span {font-size:65%}
#Over #Home {top:35px; left:5px}
#Over #PgBk {top:35px; left:35px}
#Over #Prev, #Over #Next {top:20%; height:60vh; width:40vw; font-size:60px; line-height:60vh; vertical-align:middle; cursor:e-resize}
#Over #Prev {left:5px; text-align:left}
#Over #Next {right:5px; text-align:right}
#Over #PgFw, #Over #End {text-align:right}
#Over #PgFw {bottom:19px; right:31px}
#Over #End {bottom:19px; right:9px}
#Slide {position:fixed; top:0; left:0; text-align:center; line-height:95vh; cursor:default; overflow:hidden; width:100vw; height:100vh}
#Slide img {max-height:99vh; max-width:99vw; vertical-align:middle}
#Slide figcaption {position:fixed; bottom:0; left:0; width:100%; line-height:normal}
#Slide figcaption p {display:inline-block; min-width:200px; padding:2px 5px 4px; cursor:zoom-out; font-family:Verdana, Geneva, sans-serif; border:solid 2px #c30; background-color:#ffb; border-radius:11px}
#Over #Show {position:relative; display:inline-block; vertical-align:middle; margin-top:1vh; padding:9px 37px 9px 9px; min-width:400px; max-width:700px; min-height:50px; max-height:calc(100vh - 55px); line-height:normal; white-space:normal; overflow:auto; border:solid 3px #d90; background-color:#ffb; box-shadow:0 0 50px #f88; border-radius:19px}