body{margin:60px 0 0 0;font-size:24px;line-height:1.6;font-family:'Open Sans',sans-serif;font-weight:300;color:#444}@media only screen and (max-width:450px){body{font-size:16px}}a{color:#444}a:hover{color:#f09}h1{margin:0;padding:0}.ctc{position:fixed;background-color:#fff;left:0;right:0;top:0;height:60px;box-shadow:0 10px 12px rgba(0,0,0,0.2);border-bottom:1px solid #999;z-index:100}@media only screen (max-width:1100px){.ctc{padding:0 20px}}.ctc>.m{width:899px;margin:0 auto;position:relative;padding-left:101px;border-right:1px solid #ebebeb}@media only screen and (max-width:1100px){.ctc>.m{width:auto}}@media only screen and (max-width:450px){.ctc>.m{padding-left:61px}}.ctc>.m>.lg{position:absolute;top:0;left:0;height:60px;width:100px;background:url("http://www.kellegous.com/s/brand.svg") no-repeat top left;background-size:77px 55px;background-position:50% 50%;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb}.ctc>.m>.lg:hover{background-color:#f9f9f9}@media only screen and (max-width:450px){.ctc>.m>.lg{width:60px;background-size:46px 33px}}.ctc>.m>.ml{display:inline-block;height:60px;line-height:60px;font-size:16px;width:80px;padding:0 10px;text-decoration:none;text-align:center;color:#666}.ctc>.m>.ml:hover{color:#ff0099;padding:0 10px;text-shadow:0 1px 1px #fff;background-color:#f9f9f9}@media only screen and (max-width:450px){.ctc>.m>.ml{font-size:14px;width:50px;padding:0 5px}}#main{display:block;width:1000px;margin:0 auto;padding:50px 0}@media only screen and (max-width:1100px){#main{width:auto;margin:0 20px}}footer{text-align:center;border-top:1px solid #ccc;padding:10px 0;opacity:.5}footer img{border:none}.note>.head{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#aa9;min-height:500px;position:relative}.note>.head a{color:#fff;text-decoration:none}.note>.head a:hover{color:#f09}.note>.head>.navi{position:absolute;top:10px;left:0;right:0}.note>.head>.navi>div{width:1000px;margin:0 auto;text-align:right}@media only screen and (max-width:450px){.note>.head>.navi>div{width:auto;margin:0 20px}}.note>.head>.navi .prev,.note>.head>.navi .next{font-size:42px}.note>.head>.info{position:absolute;bottom:50px;left:0;right:0}.note>.head>.info>h1{font:400 64px/84px Abril Fatface;color:#fff;width:1000px;margin:0 auto}@media only screen and (max-width:1100px){.note>.head>.info>h1{width:auto;margin:0 20px}}@media only screen and (max-width:800px){.note>.head>.info>h1{font:400 32px/42px Abril Fatface}}@media only screen and (max-width:450px){.note>.head>.info>h1{font:400 24px/30px Abril Fatface}}.note>.head>.info>.time{color:#fff;width:1000px;margin:0 auto;font-size:20px}@media only screen and (max-width:1100px){.note>.head>.info>.time{width:auto;margin:0 20px}}@media only screen and (max-width:450px){.note>.head>.info>.time{font-size:14px}}.note .with-shadow{box-shadow:inset 0 -50px 100px rgba(0,0,0,0.4)}.note>.body{width:1000px;margin:50px auto}@media only screen and (max-width:1100px){.note>.body{width:auto;margin:20px}}.note>.body pre{font-family:"Source Code Pro",monospace;background-color:#eee;padding:20px 10px;font-size:18px;overflow-x:auto}.note>.body code{font-family:"Source Code Pro",monospace}.note>.body .console{background-color:#444;color:#ccc}.note>.body img{width:100%;height:auto}pre.prettyprint{border:none !important}pre.prettyprint ol.linenums{counter-reset:list}pre.prettyprint ol.linenums>li{list-style-type:none;position:relative;color:#999}pre.prettyprint ol.linenums>li code{display:inline-block}pre.prettyprint ol.linenums>li::before{counter-increment:list;content:counter(list);position:absolute;top:0;left:-1.8em;color:#999}.svg{width:100%;height:auto}