/*@charset "UTF-8";
h2{text-align:center; font-size:48px;}
h3{text-align:center;}
form{display:block; margin:20px auto 0;}
#plaintext{border:1px solid #000; font-size:18px;  width:500px; height:30px; line-height:30px;}
#encrypt{width:100px; height:30px; text-align:center; margin:0 auto;}
td.encrypt{text-align:center;}
#result{font-size:14px; text-align:center; font-family:微软雅黑,宋体,arial; width:500px; border:1px solid #000; overflow:hidden;}

#showcodeinfo{display:none; width:450px; height:278px; position:absolute; top:150px; background-image:url('../img/msgbg.png');}
#showcodeinfo h3{color:#fff; font-size:20px; height:45px; line-height:45px; margin:10px 5px;}
#showcodeinfo h3 span{display:block; float:right; margin-right:25px; }
#showcodeinfo h3 span a,#showcodeinfo h3 span a:visited{ text-decoration:none; font-size:20px; color:#fff;}
#showcodeinfo a{outline:none;}
#showcodeinfo p{width:400px; margin:0 auto; font-size:18px; font-family:微软雅黑,宋体,arial; text-indent:2em; line-height:1.2em; font-weight:bold;}*/

@charset "UTF-8";
h2{text-align:center; font-size:36px;}
h3{text-align:center;}
form{display:block; margin:20px auto 0; width:650px;}
label{font-size:16px; width:100px;}
#input{border:1px solid #000; font-size:18px;  width:600px; height:30px; line-height:30px;}
#submit{width:100px; height:30px; text-align:center; margin:0 auto;}
td.check{text-align:center;}

#output{font-size:14px; font-family:Consolas,Arial; width:624px; border:1px solid #000; overflow:hidden; padding: 10px; min-height:30px;}
#output strong a{color:#00f;}
.output-table {width:450px; margin: 0 auto;}

#output .string{
    color: #00782b;
}
#output .key{
    font-weight:bold;
}
#output .number {
    font-weight:bold;
    color:blue;
}#output .boolean {
    font-weight:bold;
 }
#output .null{
    color:gray;
    font-style: italic;
}
#output .value{
    margin-left:.5em;
}
#output .json-line:hover{
    background-color:red;
}