@charset "UTF-8";
/*#left-block{width:350px; float:left;}*/
textarea{padding:0.5em; margin:0; min-height:500px; overflow:visible; resize:none; font-size:14px; line-height:21px;}
/*#right-block{width:350px; float:left;}*/
#output{width:300px; min-height:100px; border:1px dashed #999; overflow:hidden;}

a.tips{cursor:help; text-decoration:none;}
a.tips .description{font-weight:normal; width:15em; color:#000; font-size:12px; text-decoration:none; display:none; background-color:#ccc; padding:.5em; border:1px solid #999; opacity:0.9; text-indent:2em;position:absolute;}
a.tips:hover .description{display:inline;}

a.img-tips{cursor:help; text-decoration:none;}
a.img-tips .description, a.img-tips ~ .description{color:#000; font-size:12px; text-decoration:none; display:none; border:1px dashed #999; position:absolute; z-index:3;}
a.img-tips:hover .description, a.img-tips:hover ~ .description{display:inline;}

.input-form {width:50%; float:left}

/*
一下为MD预览的CSS代码
 */
.md-preview {float:left; clear:right; margin-left:5em; width:500px; overflow:hidden;}
.md-preview a{color:rgb(65,131,200); font-weight:normal;}
.md-preview strong a{font-weight:bold!important;}
.md-preview h1{display:block; width:auto; height:auto; text-indent:0; margin:1em;}
.md-preview h2{text-align:left;}
.md-preview p{margin:0em 0em 1em;}
/*.md-preview ul, .md-preview ol{padding-left:1em; margin:0 0 1em 1em;}*/
.md-preview code{
    border-radius: 3px;
    border: 1px solid #eaeaea;
    background-color:#f8f8f8;
}
/*.md-preview html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {*/
    /*margin:0;*/
    /*padding:0;*/
    /*border:0*/
/*}*/
.md-preview body {
    font-family:Helvetica,arial,freesans,clean,sans-serif;
    font-size:14px;
    line-height:1.6;
    color:#333;
    background-color:#fff;
    padding:20px;
    max-width:960px;
    margin:0 auto
}
.md-preview body>*:first-child {
    margin-top:0 !important
}
.md-preview body>*:last-child {
    margin-bottom:0 !important
}
.md-preview p,blockquote,ul,ol,dl,table,pre {
    margin:15px 0
}
.md-preview h1,h2,h3,h4,h5,h6 {
    margin:20px 0 10px;
    padding:0;
    font-weight:bold;
    -webkit-font-smoothing:antialiased
}
.md-preview h1 tt,
.md-preview h1 code,
.md-preview h2 tt,
.md-preview h2 code,
.md-preview h3 tt,
.md-preview h3 code,
.md-preview h4 tt,
.md-preview h4 code,
.md-preview h5 tt,
.md-preview h5 code,
.md-preview h6 tt,
.md-preview h6 code {
    font-size:inherit
}
.md-preview h1 {
    font-size:28px;
    color:#000
}
.md-preview h2 {
    font-size:24px;
    border-bottom:1px solid #ccc;
    color:#000
}
.md-preview h3 {
    font-size:18px
}
.md-preview h4 {
    font-size:16px
}
.md-preview h5 {
    font-size:14px
}
.md-preview h6 {
    color:#777;
    font-size:14px
}
.md-preview body>h2:first-child,
.md-preview body>h1:first-child,
.md-preview body>h1:first-child+h2,
.md-preview body>h3:first-child,
.md-preview body>h4:first-child,
.md-preview body>h5:first-child,
.md-preview body>h6:first-child {
    margin-top:0;
    padding-top:0
}
.md-preview a:first-child h1,
.md-preview a:first-child h2,
.md-preview a:first-child h3,
.md-preview a:first-child h4,
.md-preview a:first-child h5,
.md-preview a:first-child h6 {
    margin-top:0;
    padding-top:0
}
.md-preview h1+p,
.md-preview h2+p,
.md-preview h3+p,
.md-preview h4+p,
.md-preview h5+p,
.md-preview h6+p {
    margin-top:10px
}
.md-preview a {
    color:#4183c4;
    text-decoration:none
}
.md-preview a:hover {
    text-decoration:underline
}
.md-preview ul,
.md-preview ol {
    padding-left:30px
}
.md-preview ul li>:first-child,
.md-preview ol li>:first-child,
.md-preview ul li ul:first-of-type,
.md-preview ol li ol:first-of-type,
.md-preview ul li ol:first-of-type,
.md-preview ol li ul:first-of-type {
    margin-top:0
}
.md-preview ul ul,
.md-preview ul ol,
.md-preview ol ol,
.md-preview ol ul {
    margin-bottom:0
}
.md-preview dl {
    padding:0
}
.md-preview dl dt {
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    padding:0;
    margin:15px 0 5px
}
.md-preview dl dt:first-child {
    padding:0
}
.md-preview dl dt>:first-child {
    margin-top:0
}
.md-preview dl dt>:last-child {
    margin-bottom:0
}
.md-preview dl dd {
    margin:0 0 15px;
    padding:0 15px
}
.md-preview dl dd>:first-child {
    margin-top:0
}
.md-preview dl dd>:last-child {
    margin-bottom:0
}
.md-preview pre,.md-preview code,.md-preview tt {
    font-size:12px;
    font-family:Consolas,"Liberation Mono",Courier,monospace
}
.md-preview code,.md-preview tt {
    margin:0;
    padding:0;
    white-space:nowrap;
    border:1px solid #eaeaea;
    background-color:#f8f8f8;
    border-radius:3px
}
.md-preview pre>code {
    margin:0;
    padding:0;
    white-space:pre;
    border:0;
    background:transparent
}
.md-preview pre {
    background-color:#f8f8f8;
    border:1px solid #ccc;
    font-size:13px;
    line-height:19px;
    overflow:auto;
    padding:6px 10px;
    border-radius:3px
}
.md-preview pre code,.md-preview pre tt {
    background-color:transparent;
    border:0
}
.md-preview blockquote {
    border-left:4px solid #DDD;
    padding:0 15px;
    color:#777
}
.md-preview blockquote>:first-child {
    margin-top:0
}
.md-preview blockquote>:last-child {
    margin-bottom:0
}
.md-preview hr {
    clear:both;
    margin:15px 0;
    height:0;
    overflow:hidden;
    border:0;
    background:transparent;
    border-bottom:4px solid #ddd;
    padding:0
}
.md-preview table th {
    font-weight:bold
}
.md-preview table th,.md-preview table td {
    border:1px solid #ccc;
    padding:6px 13px
}
.md-preview table tr {
    border-top:1px solid #ccc;
    background-color:#fff
}
.md-preview table tr:nth-child(2n) {
    background-color:#f8f8f8
}
.md-preview img {
    max-width:100%
}