@font-face{font-family:source sans pro;font-style:normal;font-weight:400}body,html{margin:0;padding:0;height:100%}section,article{display:block;padding:0}body{background:#f8f8f8;font-family:source sans pro,Helvetica,Arial,sans-serif;line-height:1.5}p{margin-top:0}h2,h3,h1{font-weight:400;margin-bottom:.7em}h1{font-size:140%}h2{font-size:120%}h3{font-size:110%}article>h2:first-child,section:first-child>h2{margin-top:0}#nav h1{margin-right:12px;margin-top:0;margin-bottom:2px;color:#d30707;letter-spacing:.5px}a,a:visited,a:link,.quasilink{text-decoration:none}em{padding-right:2px}.quasilink{cursor:pointer}article{max-width:700px;margin:0 0 0 160px;border-left:2px solid #e30808;border-right:1px solid #ddd;padding:30px 50px 100px;background:#fff;z-index:2;position:relative;min-height:100%;box-sizing:border-box;-moz-box-sizing:border-box}#nav{position:fixed;padding-top:30px;max-height:100%;box-sizing:-moz-border-box;box-sizing:border-box;overflow-y:auto;left:0;right:none;width:160px;text-align:right;z-index:1}@media screen and (min-width:1000px){article{margin:0 auto}#nav{right:50%;width:auto;border-right:349px solid transparent}}#nav ul{display:block;margin:0;padding:0;margin-bottom:32px}#nav li{display:block;margin-bottom:4px}#nav li ul{font-size:80%;margin-bottom:0;display:none}#nav li.active ul{display:block}#nav li li a{padding-right:20px;display:inline-block}#nav ul a{color:#000;padding:0 7px 1px 11px}#nav ul a.active,#nav ul a:hover{border-bottom:1px solid #e30808;margin-bottom:-1px;color:#e30808}#logo{border:0;margin-right:12px;margin-bottom:25px}section{border-top:1px solid #e30808;margin:1.5em 0}section.first{border:none;margin-top:0}#demo{position:relative}#demolist{position:absolute;right:5px;top:5px;z-index:25}.yinyang{position:absolute;top:-10px;left:0;right:0;margin:auto;display:block;height:120px}.actions{margin:1em 0 0;min-height:100px;position:relative}.actionspicture{pointer-events:none;position:absolute;height:100px;top:0;left:0;right:0}.actionlink{pointer-events:auto;font-family:arial;font-size:80%;font-weight:700;position:absolute;top:0;bottom:0;line-height:1;height:1em;margin:auto}.actionlink.download{color:#fff;right:50%;margin-right:13px;text-shadow:-1px 1px 3px #b00,-1px -1px 3px #b00,1px 0 3px #b00}.actionlink.fund{color:#b00;left:50%;margin-left:15px}.actionlink:hover{text-decoration:underline}.actionlink a{color:inherit}.actionsleft{float:left}.actionsright{float:right;text-align:right}@media screen and (max-width:800px){.actions{padding-top:120px}.actionsleft,.actionsright{float:none;text-align:left;margin-bottom:1em}}th{text-decoration:underline;font-weight:400;text-align:left}#features ul{list-style:none;margin:0 0 1em;padding:0 0 0 1.2em}#features li:before{content:"-";width:1em;display:inline-block;padding:0;margin:0;margin-left:-1em}.rel{margin-bottom:0}.rel-note{margin-top:0;color:#555}pre{padding-left:15px;border-left:2px solid #ddd}code{padding:0 2px}strong{text-decoration:underline;font-weight:400}.field{border:1px solid #a21313}html,body,.myleft,.myright{height:100%;padding-right:0}.tou{height:50px;background-color:#222}.myright{background-color:#fff}.myleft{background-color:#fff;border-right:1px solid #d0d0d0}.myleft ul{height:33%;position:relative}.myxx{position:absolute;top:0;left:0;background-color:#dbdbdb;height:1px;width:100%}.content{width:100%;position:absolute;top:50px;bottom:0;left:0}.ifcode{width:100%;height:100%}.biao{position:absolute;top:4px;right:4px;background-color:#fff;width:auto;font-size:12px;padding-right:4px;padding-left:4px;border:1px solid #d9d9d9;color:#acacac;line-height:18px}.mm{left:40px;top:50px;right:0;bottom:25px;position:absolute;background:#f3f3f3}.editor_pane{position:relative;float:left;border-right:1px solid #ccc;height:100%;width:30%;min-width:10%;max-width:90%;position:relative;background-color:#222}.handler{position:absolute;top:0;width:5px;height:100%;right:-1px;background-color:#2c2e2f;z-index:88;cursor:col-resize}.output{position:relative;overflow:hidden;background-color:#222;height:100%}.editor_pane ul{height:33.333%;position:relative;margin:0;padding:0;display:block;border-bottom:1px solid #424242}.editor_pane ul:hover .codets{-webkit-animation:tsno 1s .2s ease both;-moz-animation:tsno 1s .2s ease both}@-webkit-keyframes tsno{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes tsno{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}.editor_pane textarea{height:120%}.codets{position:absolute;top:5px;right:17px;border:1px solid #373738;padding-left:7px;padding-right:7px;z-index:99;color:#464646;-webkit-animation:tsyes 1s .2s ease both;-moz-animation:tsyes 1s .2s ease both}@-webkit-keyframes tsyes{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes tsyes{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}.codebut{position:absolute;top:0;left:-40px;width:40px;height:100%;background-color:#222}.codebut li{list-style-image:none;list-style-type:none;display:block;font-size:14px;text-align:center;background-color:#2f2f2f;margin-bottom:1px;height:35px;color:#e4e4e4;line-height:35px;cursor:pointer}.zz{position:absolute;top:0;width:100%;height:100%;right:0;z-index:50;display:none}iframe{width:100%;height:100%;border:0;display:inline}.CodeMirror{height:100%}::-webkit-scrollbar{width:14px;height:14px;background-color:#2c2e2f}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{border-radius:999px;border:5px solid transparent}::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(0,0,0,.8) inset}::-webkit-scrollbar-thumb{min-height:20px;background-clip:content-box;box-shadow:0 0 0 5px #737373 inset}::-webkit-scrollbar-corner{background:0 0}.CodeMirror-scroll{background-color:#1d1f20}