body{margin:0}
h1,#b,#q,#b p,#b p a,.c,#v,#w{text-align:center}
#b,#q{padding:1% 0}
h1{margin:1% auto}
hr,#a a img{border:none}
#a,#b{margin:0 auto}
#a,#a img,#a .p img{padding:2%;max-width:92%}
#a{width:900px}
#data{text-align:right;margin:1% 0 0}
.p{float:right;margin:2%}
#b,hr{border-top:1px dotted}
#b{clear:both}
#y a{padding:0 1%}
#q,i.c{display:block}
#q,#w{text-decoration:none}
#q{margin:1% 0}
#v{margin:1% auto}
#v a{display:inline-block;width:160px;height:107px;margin:4px}
#sl{position:absolute;top:1%;right:2%}
#w{position:fixed;bottom:0;left:85%;left:calc(50% + 468px);padding:5px 16px;border:1px solid;border-bottom:none;z-index:3}

.t th,.t th a{color:#fff;background:#416;border:1px solid #ccc;text-shadow:1px 1px 2px #000}
.t,.t td,.t th{border:1px solid #464;padding:5px}
.t{border-collapse:collapse;box-shadow:1px 1px 8px #888;margin:1% 0}
.t tr:nth-child(odd){background:#efd}

/*font*/
*,pre{font-family:verdana,arial,ubuntu;font-style:normal}
#a p strong,#a p b em i strong,#a li strong,#a li b em i strong,#sl strong,#b h2,#b h3,#b b{font-weight:400}
h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter,p:first-letter{text-transform:capitalize}
h1{font-size:222%}
#b h2{font-size:150%}
#b h3,#b p{font-size:88%}
#w{font-size:24px}

/*color*/
html,#b{background-attachment:fixed;background:#eee url(0.g)}
#q,#w{color:#eee;background:#444}
#a{background:#fff;color:#444}
#b,hr{border-color:#888}
#v1{background:url(f1.jpg)}
#v2{background:url(f2.jpg)}
#v3{background:url(f3.jpg)}
#v4{background:url(f4.jpg)}
#v a:hover{box-shadow:6px -6px 0 #555,-6px 6px 0 #888}
#w{border-color:#eee;box-shadow:0 0 5px #fff}

@media (max-width:1400px){
body{background:none}
h1{font-size:200%;margin:22px auto 8px}
#b h2{font-size:120%}
#b h3,#b p{font-size:12px}
#w{left:auto;right:0;border:none;border-top:1px dotted;border-left:1px dotted}
}

@media (max-width:900px){
#sl{font-size:88%}
#a{width:96%;max-width:96%;padding:2%}
h1{margin:4% 0;font-size:138%}
h2{font-size:118%}
.p{float:none;display:block}
#b{margin:0 auto 36px}
#b h2,#b h3,#b p,.p,#a .p img{margin:3% 0}
#b h2{font-size:118%}
#b h3{font-size:98%}
#b b p{margin:2% 0}
#w{padding:3px 12px}
}

@media print{
#q,#v,#w{display:none}
*,html,body,a,a>*,h1,#a,h2,h3{position:relative;margin:0;padding:0;line-height:2;color:#000;background:#fff;border:0;box-shadow:none;text-shadow:none;font-size:14px;font-weight:400;font-style:normal;font-family:georgia;text-decoration:none;box-shadow:none;text-shadow:none;max-width:21cm}
h1{font-size:28px;margin:0 0 5%}
}