body
{margin:0 auto;background:#ddd}
a{color:#ceac5c;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:2px;transition:.5s}
a:hover{color:#333;border-bottom:1px solid #333}
.wrapper{max-width:800px;margin:5em auto;color:#333;overflow:hidden;background:#fff;padding:2em;transition:1s;box-shadow:0 0 10px #ccc}
.wrapper:hover aside{background:#eee}
aside{line-height:1.6em;width:39%;float:left;padding:1em;box-sizing:border-box;transition:.5s}
aside #logo{text-align:center}
aside #logo #icon{width:100%;display:block}
aside #logo #name{font-size:23px;font-weight:700;font-family:SourceHanSerif-1aedc9474c1a15d;margin:.8em 0 1em;margin-left:3px;letter-spacing:3px}
aside ul#info{margin:0;padding:0;font-family:SourceHanSerif-1aedc9474c1a15d;font-size:14px;color:#000}
aside ul#info li{list-style:none}
aside ul#info .fa{font-size:.8em;color:#333}
main{font-family:SourceHanSerif-1aedc9474c1a15d;font-size:18px;line-height:2.1em;width:55%;float:right;letter-spacing:.2px;border-top:2px solid #eee;border-bottom:2px solid #eee}
main ruby rt{font-size:.6em;text-align:center;color:#ceac5c}
footer{font-family:"Microsoft Yahei",sans-serif;font-weight:120;font-size:13px;position:fixed;bottom:1em;text-align:center;width:800px;letter-spacing:.3px;color:#999;line-height:1.6em}
footer .oh{display:inline-block}
footer a{color:#999;border-color:#ddd;padding-bottom:0}
::-moz-selection{background:#fefecc}
::selection{background:#fefecc}
@media only screen and (max-width:668px){.wrapper{margin:1em;padding:0 1em;max-width:100%}
aside{float:none;width:100%;background:#eee;overflow:hidden;margin:2em auto 1em}
aside #logo{float:left;width:30%;margin-right:1em}
aside #logo #name{font-size:16px;margin:.3em 0 0;margin-left:3px}
main{float:none;width:100%}
footer{position:static;width:auto;margin:1em auto 2em}
footer .oh{display:block}
footer a{border-color:#fff}}
body#foto{background:#eee}
#header{width:100%;border-top:2px solid #ceac5c;background:#fff;text-align:center;padding:1.2em 0 1em;box-shadow:0 0 10px #ddd}
#header a{border:none;color:#000}
#header a:hover{color:#ceac5c}
#header a:hover img{box-shadow:0 0 6px #eee}
#header img{max-width:50px;transition:.5s;border:5px solid #eee}
#header h1{margin:0;margin-top:5px;font-family:Microsoft Yahei,sans-serif;font-weight:100;font-size:14px}
#main{max-width:950px;margin:15em auto 8em}
#footer{font-family:SourceHanSerif-1aedc9474c1a15d;font-weight:100;font-size:12px;padding:2em;text-align:center;letter-spacing:.3px;color:#333;background:#fff;box-shadow:0 0 10px #ddd}
#footer .oh{display:inline-block}
#footer a{color:#999;border-bottom:1px solid #fff;padding-bottom:0}
#footer a:hover{color:#999;border-color:#999}
a#back_to_top{border:none;background:#fff;padding-bottom:0}
a#back_to_top span{line-height:42px}
.psgal{margin:auto;transition:.5s;opacity:.1}
.psgal.photoswipe_showme{opacity:1}
.psgal figure{float:left;text-align:center;width:300px;padding:5px;padding-bottom:3px;margin:0;box-sizing:border-box}
.psgal a{display:block;border:none}
.psgal img{margin:auto;max-width:100%;width:auto;height:auto;border:0;display:block;box-shadow:0 0 6px #aaa;border-radius:3px;transition:.5s}
.psgal img:hover{box-shadow:0 0 20px 1px #ccc;transform:translate3D(0,-1px,0)}
.psgal figure figcaption{font-size:13px}
.msnry{margin:auto}
.pswp__caption__center{text-align:center;font-size:14px;font-family:SourceHanSerif-1aedc9474c1a15d;font-weight:100}
@media only screen and (max-width:620px){#main{margin:10em auto 2em}
.psgal figure{width:100%;padding-left:10px;padding-right:10px}
#footer .oh{display:block}}
.xi1{color:#ceac5c}