@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:normal;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 50px;background:white;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:black;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:bold;position:absolute;top:0;bottom:0;line-height:1;height:1em;margin:auto;}.actionlink.download{color:white;right:50%;margin-right:13px;text-shadow:-1px 1px 3px #b00,-1px -1px 3px #b00,1px 0px 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:normal;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:normal;}.field{border:1px solid #A21313;}html,body,.myleft,.myright{height:100%;padding-right:0px;}.tou{height:50px;background-color:#222222;}.myright{background-color:#fff;}.myleft{background-color:#FFFFFF;border-right:1px solid #D0D0D0;}.myleft ul{height:33%;position:relative;}.myxx{position:absolute;top:0px;left:0px;background-color:#DBDBDB;height:1px;width:100%;}.content{width:100%;position:absolute;top:50px;bottom:0px;left:0px;}.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:#222222}.handler{position:absolute;top:0px;width:5px;height:100%;right:-1px;background-color:#2c2e2f;z-index:88;cursor:col-resize;}.output{position:relative;overflow:hidden;background-color:#222222;height:100%;}.editor_pane ul{height:33.333%;position:relative;margin:0px;padding:0px;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:0px;left:-40px;width:40px;height:100%;background-color:#222222}.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:0px;width:100%;height:100%;right:0px;z-index:50;display:none}iframe{width:100%;height:100%;border:0px none;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 rgb(115,115,115) inset;}::-webkit-scrollbar-corner{background:transparent;}.CodeMirror-scroll{background-color:#1d1f20;}