body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Charter,Georgia,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.7;font-weight:300;color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure{margin-bottom:15px}img{max-width:100%;vertical-align:middle;height:auto}figure>img{display:block}figcaption{font-size:12.25px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:300;font-family:"Futura", sans-serif}h4{font-size:12px}a{color:#2a7ae2;text-decoration:none}a:hover{color:#111;text-decoration:underline}span.link{cursor:pointer;color:#2a7ae2;text-decoration:none}span.link:hover{color:#111;text-decoration:underline}strong{font-weight:bold}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:100%;letter-spacing:-0.5px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:scroll}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(760px - (30px * 2));max-width:calc(760px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px;position:relative}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.icon>svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.icon>svg path{fill:#828282}.site-header{border-bottom:1px solid #e8e8e8;min-height:56px;padding-top:10px;padding-bottom:10px;position:relative}@media screen and (max-width: 500px){.site-header{padding-top:0;padding-bottom:0}}.site-title{font-size:26px;line-height:56px;letter-spacing:-1px;float:left}.site-title img{height:23px}.site-title,.site-title:visited{color:#424242}.site-nav{z-index:10;float:right;line-height:56px;background-color:#fdfdfd}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#111;line-height:1.7}.site-nav .page-link:not(:first-child){margin-left:20px}@media screen and (max-width: 500px){.site-nav{position:absolute;top:12px;right:24px;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav .menu-icon{display:block;float:right;border-radius:5px;width:36px;height:26px;line-height:0;padding-top:4px;text-align:center;background:#fdfdfd url("/assets/img/menu.png") 6px 4px no-repeat;background-size:26px 26px}.site-nav .menu{clear:both;display:none;background-color:#fdfdfd;min-width:10em;padding-bottom:5px}.site-nav .page-link{font-size:16px;display:block;padding:6px 16px}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}@media screen and (max-width: 500px){.site-footer{padding-top:10px}}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1,.footer-col-2,.footer-col-3{width:-webkit-calc(33% - (30px / 2));width:calc(33% - (30px / 2))}.follow-links>.social-link{flex:0 50%}.powered-by{text-align:end;font-size:13px !important;color:#828282}@media screen and (max-width: 500px){.footer-col{float:none;width:100%}.powered-by{text-align:start}}.page-content{padding:30px 0}.page-heading{font-size:20px}.profile-pic{float:right;width:202px;border:#ccc 1px solid;margin-left:20px}@media screen and (max-width: 500px){.profile-pic{float:none;margin-bottom:20px;margin-left:0px}}.footer-col{font-size:12px}.footer-col h4{margin-bottom:0;margin-top:0;line-height:30px}.footer-col .social-links{display:flex;flex-wrap:wrap}.footer-col .social-links .social-link{display:flex;width:100%;align-items:flex-start;line-height:16px;margin-top:6.5px;margin-bottom:10px}.footer-col .social-links .social-link img{width:16px;height:16px}.footer-col .social-links .social-link span,.footer-col .social-links .social-link a{margin-left:6px;word-break:break-all}@media screen and (max-width: 500px){.footer-col .social-links{font-size:14px;line-height:38px}}#wechat-widget{display:none;position:absolute;background:#fff;border:#ddd 1px solid;box-shadow:0px 2px 3px rgba(0,0,0,0.25);padding:24px;text-align:center}#wechat-widget p{font-size:11px;line-height:16px;font-family:Helvetica, sans-serif;width:170px;margin:0 auto;margin-bottom:14px}#wechat-widget #qr-code{width:160px;height:160px;border:none}.work-item{margin-bottom:20px;overflow:hidden;padding:10px;border-bottom:1px solid #ddd}.work-image-right{float:right;width:30%;height:auto;margin-left:20px}.work-text{display:block;overflow:hidden;clear:both}.work-bubble{float:left;padding-right:20px;width:150px;height:150px}.work-bubble-large{width:50%;height:auto}.blog-post-list .blog-post-date{width:6em;color:#777;display:block;float:left}@media screen and (max-width: 500px){.blog-post-list .blog-post-date{display:block;float:none;color:#333;font-size:11px;margin-top:14px}}.blog-post-list .blog-post-title{font-size:100%;letter-spacing:normal}.post-header{margin-bottom:30px}.post-title{font-size:40px;letter-spacing:-1px;line-height:1.2;font-family:Charter,Georgia,Helvetica,Arial,sans-serif}@media screen and (max-width: 500px){.post-title{font-size:34px}}.post-subtitle{font-size:26px;letter-spacing:-1px;line-height:1;color:#777;font-family:Charter,Georgia,Helvetica,Arial,sans-serif;font-style:oblique;position:relative;top:-0.3em}@media screen and (max-width: 500px){.post-subtitle{font-size:24px}}.post-meta .post-date{text-transform:uppercase;font-size:120%}.post-content{margin-bottom:30px;width:100%}.post-content h2{font-size:32px}@media screen and (max-width: 500px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 500px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 500px){.post-content h4{font-size:18px}}.post-pic{border:#999 1px solid}.magnify{cursor:zoom-in}.post-languages{font-size:13px;font-family:Helvetica, sans-serif;margin-top:30px;margin-bottom:20px}.post-languages strong{font-size:11px;text-transform:uppercase}div.footnotes{font-size:80%}.draft-banner{background:#ff9999;color:#660000;text-align:center;padding:1em;margin-bottom:2em;font-family:Helvetica, sans-serif;border-radius:5px}.draft-banner a{color:#330000}.not-found-container{margin:10px auto;max-width:600px;text-align:center}h1.not-found-title{margin:30px 0;font-size:4em;line-height:1;letter-spacing:-1px}