html,body{margin:0;padding:0}
#he,#hee,#he:hover #n,#n2,#a,#f,#c,.c{display:block}
#he,#n,#c,#w{position:fixed}
#he,#he:hover #n{left:0}
#he,#n{top:0}
#hee,#f{margin:0 auto}
#hee,#a{width:23cm}
#l,#r,.n{display:inline-block}
#l,#r{width:48%}
#l{float:left}
#r,.p{float:right;text-align:right}
.p{margin:2% 0 2% 2%}
#he:hover #n,#s,#t th,#t td,#f,#e,#w{text-align:center}
#he,#he:hover #n,#f{width:100%}
#he a,.n,.c,#w{text-decoration:none}
#n,#c2{display:none}
#n,#f{padding:1% 0}
#t th,#t td,.c,#w{border:1pt solid}
.n{margin:0 3pt 0 0;padding:6pt}
.n,#a,.c{border-radius:5pt}
#n2{line-height:3}
hr{border:0}
hr{border-top:1pt dotted}
.i,.ul,.ol{max-width:100%}
.i{vertical-align:middle}
#a,#f{position:relative}
#a{margin:28pt auto 1%;width:calc(24cm - 2%);max-width:98%;padding:.1% 2% 2%}
#s,#t th,#t td{padding:3pt}
#t{border-collapse:collapse}
.i{margin:9pt 9pt 0 0}
#h1,.h2,.h3,.h4,.h5,.h6{margin:1.2% 0}
#h1{margin:5% 0 2%!ie}
.ul,.ol,#s{margin:1% 0}
.li{margin:4pt 0 4pt 4pt;max-width:calc(100% - 8pt)}
#t tr td:first-child,#t tr td:last-child{text-align:left}
#sq{padding:1% 0}
#c{top:26pt}
.c,#w{margin:1pt;padding:4pt 8pt}
#w{bottom:-2pt;border-radius:5pt 5pt 0 0}
#c,#w{right:-2pt;right:calc(50% - 13.1cm)}

/*z*/
#f,#a{z-index:88888886}
#he{z-index:88888887}
#c,#w{z-index:88888888}

/*font*/
#a,#hee,#e,#c{font-weight:400;font-style:normal;font-family:ubuntu,helvetica,tahoma,arial;font-size:large}
#h1,.h2,.h3,.h4,.h5,.h6{font-weight:700}
#h1{font-size:200%}
.h2{font-size:130%}
.h3{font-size:120%}
.h4{font-size:110%}
.h5{font-size:106%}
.h6{font-size:103%}
#r,#l,.n{font-size:98%}
#c,#e{font-size:80%}
.c,#w{font-family:'Ubuntu Mono',consolas,'Lucida Console',ubuntu,helvetica,tahoma,arial}

/*color*/
.a{color:#685}
#a,.n,#r,#c2{color:#220}
body{background:fixed #785 url(0.jpg)}
#he,#n,#f,#e,#sq{background:#bd9}
#he{box-shadow:0 3pt 3pt #000}
#n,#a{box-shadow:0 0 8pt #000}
#s,#t th,#t td{border-color:#bbc}
#he,.n,#e{text-shadow:1px 1px 2pt #fff}
#a{background:#fff}
#t tr:nth-child(odd){background:#efd}
.n{background:#efd}
#t th,.n:hover,.c,#w{text-shadow:0 0 2pt #000}
hr,#e,.c,#w{border-color:#668}
.c,#w{box-shadow:0 0 3pt #000;background:#9a7;text-align:center}
.a:visited{color:#230}
.c,#w,.c:visited,#w:visited{color:#ddd}
.a:hover{color:#a02}
#t th,.n:hover,.c:hover,#w:hover{background:#685}
#t th,.n:hover,.c:hover,#w:hover{color:#fff}
#s,.c:hover,#w:hover{box-shadow:1pt 1pt 8pt #000}

@media (max-width:1088px){
#hee{width:100%}
#l,#r{font-size:14pt}
#l{padding:0 0 0 2%}
#r{padding:0 2% 0 0}
#he:hover #n,#a{border-radius:0}
#he:hover #n{width:100%}
#a{margin:0 auto;width:94%;padding:.1% 4% 2% 2%}
#h1{margin:24pt 0 0}
#c,#w{right:-2pt}
#c{top:9%}
.c{padding:4pt;border-radius:5pt 0 0 5pt}
#m{padding:1% 0 0}
#f{padding:1% 0 3%}
#w{bottom:-2pt;border-radius:5pt 0 0 0}
}

@media (max-width:888px){
#he,#he:hover #n,#n,.n,#n2,#a,#h1,#c,#c2,.ul,.ol,.li,.li .a,.c{border:none;width:100%;max-width:100%;margin:0;padding:0}
#he,#hee,#n,.n,#n2,#r,#h1,#c,#c2,#a,.ul,.ol,.li,.li .a,.c{border-radius:0}
#he{position:fixed}
#a,.n,#c{width:96%}
#a{padding:5% 2% 2%;margin:5% 0 0}
#he:hover #n,#h1,#c,#c2{text-align:center}
#he:hover #n{padding:20% 0 2%}
#n2{line-height:1.3;padding:0 0 8%}
.n,#c,.c{padding:1% 0}
.n{margin:1%}
#h1,#c,#c2{display:block}
.p{margin:2% 0;float:none}
#f{padding:1% 0 20%}
#c{position:relative;width:98%}
.c{display:inline-block;margin:.4%;width:auto;min-width:8%}
.ul,.ol{margin-left:8%;width:92%}
#w{display:block;position:fixed;right:0;bottom:0;z-index:88888889;padding:0 4%}

/*font*/
#w{font-size:300%}
#h1{font-size:150%}
#r{font-size:90%}
.n,#n2{font-size:14pt}

/*color*/
#a,#he,#n,.c,#a,#h1,#c,#c2,#a,.a,.ul,.ol,.li,.li .a{box-shadow:none}
body,#h1,#c,#c2,#a,.ul,.ol,.li,.li .a{background:none}
#f{background:#9b7}
#he,#n,.c,#w{background:#bd9}
#a{background:#fff}
.n,.n:visited,#n2,.c,.c:visited,#w{color:#230;text-shadow:1px 1px 1px #fff}
.n:hover,.c:hover{color:#fff;text-shadow:1px 1px 1px #000}
}

@media print{
#he,#f{display:none}
#a,#h1,.li,.a,.a:hover,.a:visited,#h1,.h2,.h3,.h4,.h5,.h6{position:relative;margin:0;padding:0;line-height:1.2;color:#000;background:#fff;border:0;border-radius:0;font-size:14pt;font-weight:normal;font-style:normal;font-family:'Times New Roman',times,serif;text-decoration:none;box-shadow:none;text-shadow:none}
.i{width:auto;max-width:98%}
#h1{font-size:28pt}
.h2{font-size:24pt}
.h3{font-size:22pt}
.h4{font-size:20pt}
.h5{font-size:18pt}
.h6{font-size:16pt}
}