body{position:relative}#header{height:60px;position:relative;left:auto}@media (max-width:768px){#header{width:768px}}@media (min-width:768px){#header{width:100%}}#header h1{height:100%;width:80%;float:left}#header h1 img{float:left;position:relative;top:10%;margin-left:10px}#header h1 p{font-size:25px;float:left;line-height:60px;margin-left:10px}#headerbuttons{width:20%;height:100%;float:right}#headerbuttons div{height:50%;line-height:30px;width:100%;padding-right:10px;text-align:right}#headerbuttons div a{margin-left:10px}#headerbuttons div a:hover{font-weight:700}#mainer{padding:10px;margin:0 auto}@media (max-width:768px){#mainer{width:768px}}@media (min-width:768px){#mainer{width:100%}}@media (min-width:1768px){#mainer{width:1768px}}#setting{margin:0 auto}#menu{overflow:hidden;margin-bottom:-1px}#menu li{margin-bottom:0;margin-left:1px;font-weight:700;background-color:transparent}#menu li a{float:left;border:1px solid #888;border-bottom-color:#fff;font-size:15px;margin-left:-1px;padding:3px 15px}#settingul{border:1px solid #888;padding:10px}#settingul input[type=text]{border:1px solid #888}#settingul input[type=file]{display:none}#settingul label{margin-right:20px}#signalInputBit{width:50%}#filternum{width:60%}#settingul div{margin:5px 87px 0}#settingul div button{margin-right:10px}#figure{margin:10px auto;border:1px solid #888;padding:10px}#figure div{margin:0 auto;width:500px}#figure div img{width:100%;background-color:#00f}#code{padding:10px 0;overflow:hidden}#code li{padding:10px 0;float:left;width:50%}#code li *{margin:5px}#code li .codegenerater{margin-left:25%}#code li .codeframe{width:80%;height:150px;border:1px solid #888;overflow:auto;white-space:nowrap;color:#888}#code li p{font-weight:700}#code label{text-align:right}#code label *{margin:0}#mainer li{margin:0 auto 10px}#footer{margin-top:10px;height:30px;color:#888;border-top:2px solid #888;text-align:center;line-height:30px}@media (max-width:768px){#footer{width:768px}}@media (min-width:768px){#footer{width:100%}}#footer a{text-decoration:underline;margin-left:10px;color:#888}#footer a:hover{color:#000}.warning{color:red}.hid{display:none}label:hover{font-weight:700}.disabledlabel:hover{font-weight:400}.win{position:absolute;height:700px;z-index:9999;display:none;background-color:#fff;margin-top:100px;border:2px solid #888}@media (max-width:768px){.win{width:614.4px;margin-left:-307.2px;left:384px}}@media (min-width:768px){.win{width:80%;margin-left:-40%;left:50%}}@media (min-width:1768px){.win{width:1414.4px;margin-left:-707.2px;left:50%}}.win .wintitle{width:100%;height:40px;line-height:40px;text-align:center;margin-bottom:20px;font-weight:bolder;font-size:40px}.win .wintitle span a{text-decoration:none;color:red;width:40px;height:40px;position:absolute;top:0;right:0}#winhtml{width:100%;height:620px;margin:0 auto;overflow:auto}#winhtml ol{width:90%;margin:0 auto;position:relative}#winhtml ol .subtitle{font-size:30px;font-weight:bolder;margin-top:10px}#winhtml ol .text{font-size:20px;font-weight:none}#winhtml ol .indent{text-indent:2em}#winhtml ol .right{position:absolute;right:0}#winhtml ol a{text-decoration:underline;color:#888}#winhtml ol img{width:70%;margin:0 auto}