@charset "utf-8";
/******************* es: reset *******************/
html,body{width:100%;height:100%;margin:0;padding:0;border:0;overflow:hidden;}
body{color:#444;font-size:16px;background:#FFF;font-family:'Hiragino Sans GB','微软雅黑',sans-serif;}
a, button, input, label{-webkit-tap-highlight-color:rgba(255,255,255,0);}
div, span, h1, h2, h3, h4, h5, h6, p, a, img, b, i, ul, ol, li, dl, dt, dd, form, label, table,
thead, tbody, tfoot, tr, th, td, input, textarea, pre, hr, div:before, span:before, h1:before, h2:before,
h3:before, h4:before, h5:before, h6:before, p:before, a:before, b:before, ol:before, ul:before,
li:before, dl:before, dt:before, dd:before, form:before, label:before, tr:before, th:before,
td:before, div:after, span:after, h1:after, h2:after, h3:after, h4:after, h5:after, h6:after,
p:after, a:after, b:after, ul:after, ol:after, li:after, dl:after, dt:after, dd:after,
form:after, label:after, tr:after, th:after, td:after{
    margin:0;padding:0;border:0;word-break:break-all;box-sizing:border-box;
    -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
ul,dl{width:100%;}
ol{width:100%;}
img{border:0 none;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
th,td{text-align:left;font-weight:normal;vertical-align:top;padding:4px 0;}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
a{color:#369;text-decoration:none;cursor:pointer;}
a:hover{color:#AE508D;text-decoration:none;}
textarea{padding:3px;border:1px solid #888;color:#444;}
input[type='text'],input[type='password'],input[type='date'],
input[type='time'],input[type="datetime-local"],select{
    display:block;height:40px;line-height:34px;font-size:18px;padding:3px;color:#444;
    border:1px solid #888;border-radius:4px;vertical-align:middle;background:#FFF;
}
input[type='checkbox'],input[type='radio']{
    display:inline-block;width:auto;height:auto;vertical-align:middle;
    margin-right:0;cursor:pointer;zoom:1.4;-ms-zoom:1.4/*IE>=10*/;
}
select{font-size:16px;}
label,img[big]{cursor:pointer;}
::-webkit-input-placeholder, :-moz-placeholder, :-moz-placeholder,
::-moz-placeholder, :-ms-input-placeholder{color:#CCC;}

/******************* app: global *******************/
body{height:100%;overflow:auto;position:relative;}

.g-clear:after{content:".";display:block;height:0;clear:both;overflow:hidden;visibility:hidden;}
.g-null{line-height:100px;text-align:center;}
.g-out{background:#F8F8FE;padding:0 4px 4px;margin-bottom:10px;}
.g-top{border-bottom:1px solid #EEE;}
.g-box{padding:10px 2px 2px;background:#FFF;}
.g-mtime{line-height:16px;font-size:14px;color:#888;}

.g-fix{
    width:100%;max-width:1200px;padding:0 30px;line-height:24px;
    margin:auto;border-bottom:1px solid #999;
}
.g-fix p{float:left;}
.g-fix ul{float:left;width:auto;list-style:none;}
.g-fix li{float:left;}
.g-fix li:last-child{padding:0 4px;}
.g-fix a{display:block;padding:0 4px;color:#369;}
.g-fix a:hover{color:#AE508D;}
.g-fix .rebuild {float:right;color:#234cab;cursor:pointer;}
.g-main{height:calc(100% - 25px);overflow:auto;}
.g-main-box{max-width:1200px;padding:10px 10px 20px;margin:auto;}

.g-lst ul{list-style:none;line-height:24px;}
.g-lst li{background:#E8E8E8;}
.g-lst li:nth-child(2n){background:#F1F1F1;}
.g-lst li:hover{background:#DFEFF1;}
.g-lst a{display:block;padding:6px;text-align:right;}
.g-lst-name{float:left;}
.g-lst-size{padding-right:10px;color:brown;white-space:nowrap;}
.g-lst-date{white-space:nowrap;}


.g-md-txt{float:left;width:50%;padding:4px;border-right:1px solid #000;white-space:pre-wrap;}
.g-md-has-txt .g-md-htm{float:right;width:50%;padding-left:2px;}
.g-md-htm h1{padding-top:14px;}
.g-md-htm h2{padding-top:12px;}
.g-md-htm h3{padding-top:10px;}
.g-md-htm h4{padding-top:8px;}
.g-md-htm table{width:100%;border-collapse:collapse;}
.g-md-htm th,.g-md-htm td{padding:3px;border:1px solid #888;}
.g-md-htm blockquote{display:block;margin:0;padding-left:2px;border-left:3px solid #AAA;}
.g-md-htm code,.g-md-htm pre{padding:0 4px;border-radius:4px;background:#DDD;}
.g-md-htm pre{padding:4px;margin-bottom:8px;}
.g-md-htm pre>code{padding:0;white-space:pre-wrap;}
.g-md-htm ul{padding:0 20px;}
.g-md-htm hr{width:100%;height:12px;margin-top:4px;overflow:hidden;border-top:1px solid #000;}



    /*!*body>h1{padding:0 8px;}*!*/

/*body>.time{width:100%;padding:0 8px;border-bottom:1px solid #888;line-height:16px;font-size:14px;color:#777;}*/
/*body>.time span{white-space:nowrap;}*/



.src{float:left;width:50%;padding:4px;border-right:1px solid #000;white-space:pre-wrap;}
.has-src .out{float:right;width:50%;padding-left:2px;}
.out{padding:6px 12px 6px 6px;}
.out table{width:100%;border-collapse:collapse;}
.out th,.out td{padding:3px;border:1px solid #888;}
.out blockquote{display:block;margin:0;padding-left:2px;border-left:3px solid #AAA;}
.out code,.out pre{padding:0 4px;border-radius:4px;background:#DDD;}
.out pre{padding:4px;margin-bottom:8px;}
.out pre>code{padding:0;white-space:pre-wrap;}
.out ul{padding:0 20px;}
.out hr{width:100%;height:12px;margin-top:4px;overflow:hidden;border-top:1px solid #000;}