@media print{#logo,#nav{overflow:hidden;height:90px;background-color:#0caeff;text-decoration:none}#content,#footer,#side-bar{margin-top:20px;background-color:#fff}#content,#footer,#side-bar,html{background-color:#fff}#footer,#logo,#nav,a,p{text-decoration:none}#logo,a,b,p{text-align:left}#author,#logo,hr{margin-top:0}#article,#author,#content,#logo,#recommended{float:left;position:relative}#article,#author,#content,#footer,#logo,#nav,#recommended{position:relative}b,h4,p{text-indent:50px;color:#666}a,b,h4,h5,p{color:#666}#footer,h1,h3,h6{color:#888}html,ul{margin:0;padding:0}body,html,ul{padding:0}#nav,#side-bar,li{float:right}#nav,li a{color:#fff}html{color:#000}body{margin:0 auto;width:1100px;overflow:auto}#logo{width:300px;margin-left:0}#nav{width:800px;font-family:'open sans',sans-serif;font-size:16px;font-weight:300;text-align:right}#recommended,#side-bar{font:13px;overflow:hidden}#content{width:780px;overflow:hidden;margin-left:10px;margin-right:10px}#side-bar{width:300px;margin-right:0}#recommended{width:780px;background-color:#999}#footer{clear:both;width:100%;height:60px;margin-left:px;font:1px;text-align:center;overflow:hidden}p{font:13px;font-weight:300}a{font-family:'open sans',sans-serif}b{font:13px;font-weight:400;text-decoration:none}h1,h2,h3{display:inline;font-family:'open sans',sans-serif;text-decoration:none}hr{margin-bottom:2em}#author{width:780px;text-decoration:none;margin-bottom:20px;overflow:hidden}#article{width:780px;text-decoration:none;margin-top:px;overflow:hidden}div.main_pic{text-align:center}h1,h2,h3,h4,h5{text-align:left}h6,li a{text-align:right}.main_pic img{width:780px;height:430px}.pic_logo img{width:160px;height:70px}#like,#social{width:780px;float:left;position:relative;overflow:hidden}#like{display:inline}h1{font-size:12px;font-weight:200}h2{color:#444;font-size:30px;font-weight:300}h3{font-size:13px;font-weight:200}h4{font:13px;font-weight:400;text-decoration:none}h5,h6{display:inline;font-family:'open sans',sans-serif;font-weight:200;text-decoration:none}h5{font-size:12px}h6{font-size:11px;font-style:italic}ul{list-style-type:none;overflow:hidden}li a{display:block;padding:14px 16px;text-decoration:none}li a:active,li a:hover{text-decoration:underline;color:#fff}div.gallery{border:1px solid #ccc}div.gallery:hover{border:1px solid #777}div.gallery img{width:100%;height:auto}div.desc{padding:15px;text-align:center}*{box-sizing:border-box}.responsive{padding:0 6px;float:left;width:24.99999%}@media only screen and (max-width:700px){.responsive{width:49.99999%;margin:6px 0}}@media only screen and (max-width:500px){.responsive{width:100%}}.clearfix:after{content:"";display:table;clear:both}}
