body{background: #F0F0F0;}
.container{border:1px #EEE solid;background-color:#FFF;min-height: 400px;padding:20px;margin:0 auto;}
/* @media screen and (min-width : 1224px) {
	.wrapper{width:80%;min-height: 600px;padding:20px 30px;}
}
@media screen and (min-width : 780px) and (max-width : 1220px) {
	.wrapper{width:80%;}
}
@media only screen and (min-width : 320px) and (max-width : 779px) {
	.wrapper{width:96%;}
} */
h1,h2,h3,h4{margin:0 0 7px;line-height: 1}
p{margin:10px 0;}
b{line-height: 30px;}
textarea{margin:10px 0;}
.clear{clear: both;}
hr{margin:8px 0;border-color:#18B3D7;}
button{cursor: pointer;}

.input-data,.output-data{width: 100%;height: 450px;padding:5px;font-size: 16px;line-height: 24px;margin-top:0;}
.output-data{border: 1px green solid;overflow-y: auto;margin-bottom: 10px;}