html{display:block}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{padding:0;margin:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;font-feature-settings:"pkna";vertical-align:baseline}body{font-size:18px;font-family:"Open sans", "HelveticaNeue", sans-serif;line-height:1.5rem;color:#333;background:white;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after{content:""}blockquote{quotes:"" ""}q:before,q:after{content:'"'}header,section,footer,main,aside,nav,article,figure{display:block}label,input[type=button],input[type=submit],button{cursor:pointer}button{width:auto;overflow:visible}img{color:#999;font-size:80%;-ms-interpolation-mode:bicubic}input:focus,textarea:focus,select:focus{color:#000;background:#fff;border:1px solid #666}a,a:visited{color:#529ecc;text-decoration:none;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}a:hover,a:active{color:#000;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:bold;color:#3a4b6b;padding:1rem 0 0 0}h1{font-weight:700}h2{font-size:1.6rem}h3{font-size:1.3rem}h4,h5,h6{font-size:1.1rem}p{padding:1rem 0 0 0}li > p{padding:0}ol,ul{padding:1rem 0 0 2rem;list-style-position:outside}ol li,ul li{margin-top:0.2rem}ol li ul,ul li ul,ol li ol,ul li ol{padding:0 0 0 2rem}ul{list-style-type:disc}dl{margin:1rem 0 0 2rem}dl dt{letter-spacing:-0.05rem;padding-bottom:0.3rem;font-size:115%;font-weight:bold}dl dd{margin-left:1.5rem;font-style:normal;display:list-item;list-style:disc none outside}dl dd + dt{padding-top:1rem}b,strong{font-weight:bold}u{text-decoration:underline}img,iframe{max-width:100%;margin:1.5rem 0 0 0}abbr,acronym{cursor:help;border-bottom:0.1rem dotted}tr th{text-align:center;font-weight:bold;background-color:#fafafa}table{margin:1rem 0 0 0}td,td img{vertical-align:middle}td[align="right"]{text-align:right}em,strong{padding:0 2px}em{font-weight:bold}strong{font-weight:bold;background-image:url("../img/dot.png"), none;background-repeat:repeat-x;background-size:1em 1.3em, auto auto;padding:0.3em 0 0}.weaken{font-size:85%;color:#999}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}code{font-family:Courier, "Courier New", Monaco, Tahoma;padding:2px 4px;margin:0 2px}pre{font-size:85%;background:#25292c;line-height:100%;color:#f8f8f2;padding:0.7rem;margin:0.7rem 0;overflow:auto}pre code:before{display:block;float:right;font-size:200%;content:attr(class);color:#777}pre ::selection{background:rgba(255, 255, 255, 0.3)}pre ::-moz-selection{background:rgba(255, 255, 255, 0.3)}blockquote{font-style:normal;margin:1rem 0 0 0;padding:0.3rem 0 0.3rem 0.8rem;border-left:5px solid #ddd}blockquote blockquote{margin-top:0;font-size:90%}blockquote :first-child{padding-top:0}q{background-color:#eee}span.glyphicon{font-size:70%;color:#aaa;margin-right:0.2rem}ins,del{padding:0 2px}ins{text-decoration:none}del{color:#999}header,main{padding-left:3rem;padding-right:3rem}@media (max-width: 750px){header,main{padding-left:1.5rem;padding-right:1.5rem}}header{background:#377ab6 url("../img/header_bg.png") left top repeat-x;border-bottom:1px solid white;box-shadow:0 -1px 2px 0 rgba(0, 0, 0, 0.3) inset;padding-top:1rem;padding-bottom:1rem}@media (max-width: 750px){header{padding-top:0.7rem;padding-bottom:0.7rem}}header .global{color:white;font-family:"Ropa Sans";font-style:italic;background-color:rgba(255, 255, 255, 0.18);padding:0.5rem 3rem;margin:-1rem -3rem}@media (max-width: 750px){header .global{padding:0.7rem 1.5rem;margin:-0.7rem -1.5rem}}header .global a{display:block}header .global .site_title,header .global .sub_title{color:white}.front header .global{text-align:center;padding:3rem 0}@media (max-width: 750px){.front header .global{padding:1rem 0}}.front header .global .site_title{font-size:5rem;line-height:100%}@media (max-width: 750px){.front header .global .site_title{font-size:4rem}}.front header .global .sub_title{font-size:2rem;line-height:120%}@media (max-width: 750px){.front header .global .sub_title{font-size:1.1rem}}.detail header .global .site_title,.detail header .global .sub_title{display:inline}.detail header .global .site_title{font-size:1.7rem}@media (max-width: 750px){.detail header .global .site_title{font-size:1.3rem}}.detail header .global .sub_title{font-size:75%}@media (max-width: 750px){.detail header .global .sub_title{display:none}}header .local{color:white}header .local .article_title{color:white;padding:2.5rem 0 0 0;font-size:2.5rem;line-height:120%}@media (max-width: 750px){header .local .article_title{padding-top:2rem;font-size:1.5rem}}header .local .summary{padding:1rem 0 0.5rem 0;margin:0;font-size:80%;line-height:120%}header .local .meta{font-size:80%;list-style:none none inside;padding:0.5rem 0 1rem 0}header .local .meta .post_date,header .local .meta .bookmark{display:inline-block;padding:0;margin:0 0.5rem 0 0}header .local .meta .post_date .lsf,header .local .meta .bookmark .lsf{font-size:130%;margin-right:0.4rem}header .local .meta .post_date a,header .local .meta .bookmark a{color:white}header .local .meta .post_date a,header .local .meta .bookmark a,header .local .meta .post_date time,header .local .meta .bookmark time{font-size:100%;letter-spacing:0.7px}.content,#hbwatch{font-size:1.05rem}@media (max-width: 750px){.content,#hbwatch{font-size:0.95rem}}.content,#footer{border-left:3px double #d5dce8;padding:0 0 0 2rem;margin:0 3rem}@media (max-width: 750px){.content,#footer{border-left:none;padding-left:0;margin:0 1.5rem}}.box{max-width:1000px;padding:2rem 0 0 0}@media (max-width: 750px){.box{padding-top:1rem}}.box h2{position:relative}.box h2 .lsf{position:absolute;font-size:2.5rem;background:white;top:0.6rem;left:-3rem}@media (max-width: 750px){.box h2 .lsf{font-size:2rem;position:static;margin-right:0.5rem}}.box.entries .meta{font-size:80%;list-style:none none inside;padding:0.4rem 0}.box.entries .meta .post_date,.box.entries .meta .bookmark{display:inline-block;padding:0;margin:0 0.5rem 0 0}.box.entries .meta .post_date .lsf,.box.entries .meta .bookmark .lsf{font-size:130%;margin-right:0.4rem}.box.entries .meta .post_date a,.box.entries .meta .bookmark a{color:white}.box.entries .meta .post_date a,.box.entries .meta .bookmark a,.box.entries .meta .post_date time,.box.entries .meta .bookmark time{font-size:100%;letter-spacing:0.7px}.box.entries .meta .post_date a span,.box.entries .meta .bookmark a span{color:black}.box.texts{padding-top:1rem}.box.texts h2{line-height:120%;border-bottom:1px solid #e5eaf1;padding-bottom:0.4rem;padding-left:2rem;margin-top:0.7rem;margin-left:-2rem}@media (max-width: 750px){.box.texts h2{padding-left:0;margin-left:0}}.box.texts p.links{width:80%;min-width:220px;font-size:120%;padding:0;margin:1.2rem 0;border:1px solid #ddd;box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);border-radius:3px;background:linear-gradient(#fff, #fafafa)}.box.texts p.links a{display:block;font-weight:bold;line-height:130%;padding:0.7rem 1rem}.box.texts p.links a:after{display:block;content:attr(data-src) attr(href);padding-top:0.3rem;line-height:1rem;font-weight:normal;font-size:60%;color:#999;word-wrap:break-word}.box.texts p.links:hover{box-shadow:0 1px 3px rgba(0, 0, 0, 0.4)}.box.texts p.links:hover a:after{color:#666}.box.texts p.links.github a:before{content:"github";font-family:"LigatureSymbols";margin-right:0.4rem}.box.texts img{border:1px solid #ccc;padding:2px;box-shadow:0 2px 2px #eee}.box.texts a img{border-color:#529ecc}.box.texts a img:hover{border-color:#000;box-shadow:0 2px 5px #888}.box.texts span.caption{display:block;max-width:100%;margin-top:5px;color:#999;font-size:80%;text-align:center}.box.texts aside{line-height:130%;font-size:80%;color:#666;padding:0.6rem 0.8rem;margin:1rem 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}@media (min-width: 970px){.box.services .service_list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.box.services .service_list div{width:28%;margin-right:15px}}#footer{font-size:80%;line-height:120%;padding-top:2rem;padding-bottom:2rem;color:#666}@media (max-width: 750px){#footer{padding-top:1rem;font-size:70%}}#footer p:before{content:"CC";float:left;display:block;font-size:1.2rem;font-weight:bold;text-align:center;border:4px solid #666;border-radius:50%;letter-spacing:-0.1rem;padding:0.5rem 0.4rem;margin-right:0.7rem;width:40px;height:40px}#ShadowBox *{font-size:1px}@media (max-width: 1200px){.sticky-wrapper,#undefined-sticky-wrapper{display:none !important}}iframe[src^="//www.facebook.com"],iframe[src^="http://disqus.com/"]{background:white none}