body{margin:0}
#b,#b:hover #e,#c,#a{display:block}
#b,#e,#w{position:fixed}
#b,#b:hover #e{left:0}
#b,#e{top:0}
#c,#a{width:23cm}
#c{margin:0 auto}
#d,#e a,#f{display:inline-block}
#d,#f{width:44%}
#d{float:left}
#f,.p{float:right;text-align:right}
.p{margin:2% 0 2% 2%}
#b:hover #e,#e,#t th,#t td,#w{text-align:center}
#b,#b:hover #e{width:100%}
#b a,#e a,#w{text-decoration:none}
#e{display:none;padding:8pt 0}
#t th,#t td,#w{border:1px solid}
#e a,#a{border-radius:5pt}
#e a{margin:0 3pt 0 0;padding:6pt}
#a,img{max-width:96%}
#a{position:relative;margin:22pt auto 1%;width:calc(24cm - 2%);padding:.2% 2% 1%}
h1,h2,h3,h4,#a ul,#a ol,#a ul li,#a ol li,img{margin:1% 0}
hr{border:0;border-top:1px dotted}
#t{border-collapse:collapse}
#t th,#t td{padding:3pt}
#t tr td:first-child,#t tr td:last-child{text-align:left}
#w{padding:0 8pt;border-radius:5pt 5pt 0 0;right:-1pt;right:calc(50% - 14cm);bottom:-1pt}

/*z*/
#b{z-index:2}
#w{z-index:3}

/*font*/
#a,#c,#e{font-family:verdana,ubuntu,arial}
h1{font-size:200%}
h2{font-size:130%}
h3{font-size:120%}
h4{font-size:110%}
#w{font-size:300%}

/*color*/
body{background:fixed #785 url(0.j)}
#a a{color:#685}
#a,#e a,#f{color:#220}
#b,#e{background:#bd9}
#b{box-shadow:0 3pt 3pt #000}
#e,#e a,#a,#w{box-shadow:0 0 8pt #000}
#e a,#t tr:nth-child(odd){background:#efd}
#e a{box-shadow:0 0 3pt #333}
#t th,#t td{border-color:#bbc}
#b,#e,#e a{text-shadow:1px 1px 2pt #fff}
#a{background:#fff}
#t th,#e a:hover,#w{text-shadow:0 0 2pt #000}
hr,#e,#w{border-color:#668}
#a a:visited{color:#230}
#a a:hover{color:#a02}
#t th,#e a:hover,#w:hover{background:#685}
#t th,#e a:hover,#w:hover{color:#fff}
#w,#w:visited{color:#ddd}
#w{background:#9a7}

@media (max-width:1100px){
#b:hover #e,#c{width:100%}
#d,#f{font-size:14pt;padding:0 2%}
#b:hover #e,#a{border-radius:0}
#a{margin:0 auto;width:94%;padding:0 4% 2% 2%}
h1{margin:0;padding:24pt 0 0}
#w{bottom:-2pt;border-radius:5pt 0 0 0;right:-2pt}
}

@media (max-width:900px){
#b,#b:hover #e,#e,#e a,h1,#a ul,#a ol{border:none;width:100%;max-width:100%;margin:0;padding:0}
#b:hover #e,#e a,#a,#w{border-radius:0}
#b:hover #e{padding:20% 0 2%}
#e a,#a{width:96%}
#e a{padding:1% 0;margin:1%}
#a{padding:5% 2% 9%;margin:5% 0 0}
h1{text-align:center}
.p{margin:2% 0;float:none}
#a ul,#a ol{margin:6% 0 0 9%;width:90%}
#w{padding:3pt 9pt}

/*font*/
h1{font-size:150%}
#e a{font-size:14pt}
#w{font-size:180%}

/*color*/
#a,#b,#e,#a,h1,#a,#a a,#a ul,#a ol,#a ul li,#a ol li,#a ul li a,#a ol li a{box-shadow:none}
body,h1,#a,#a ul,#a ol,#a ul li,#a ol li,#a ul li a,#a ol li a{background:none}
#e{background:#9b7}
#b,#e,#w{background:#bd9}
#a{background:#fff}
#e a,#e a:visited{color:#230}
#e a:hover,#w{color:#fff;text-shadow:1px 1px 1px #000}
}