form {margin:35px 0 20px}
form p {margin-bottom:10px}
form label>span {display:block}
input[type='text'] {padding:10px;font: normal 13px Verdana, Arial, Helvetica, sans-serif;width:294px;border:1px solid #bbb;border-radius:6px;margin:5px 0}
input[type='submit'] {background-color:#333;color:#fff;border:none;padding:9px 15px;font: normal 13px Verdana, Arial, Helvetica, sans-serif;border-radius:4px;cursor:pointer}
textarea {border:1px solid #bbb;border-radius:5px;font: normal 13px Courier New, sans-serif;padding:10px;height:300px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
form label {margin-right:15px}


div.itemInfo {margin:10px 0;text-align:left;border:1px solid #bbb;padding:10px;background-color:#eaeaea;font:normal 15px/1.6em 'Noto Sans', sans-serif}
div.itemInfo p {border-top:1px dotted #c6c6c6;padding-top:5px;margin-bottom:5px}
div.itemInfo p:first-child {border-top:none;padding-top:0}
div.itemInfo b {display:inline-block;width:120px;margin-right:5px}
div.itemInfo span {display:inline-block;width:calc(100% - 140px);vertical-align:top;word-break:break-all}

div.dragData {min-height:70px;border:5px dashed #ddd;padding:20px}
div.dragData input[type="button"] {background-color:#28513d;color:#fff;border:none;padding:9px 15px;font: normal 13px Verdana, Arial, Helvetica, sans-serif;border-radius:4px;cursor:pointer}
div.dragData img {max-width:100%;height:auto}

#res_hash {min-height:204px}



@media screen and (max-width:500px){
form {margin:10px  0}
input[type='text'] {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
div.itemInfo {font-size:13px;height:auto}
div.itemInfo b {width:85px}
div.itemInfo span {width:calc(100% - 100px)}
}