@CHARSET "UTF-8";
#sign-in-form .pass-wrap .help { text-align: right; }
#sign-in-form .simple-info { margin: 10px 0; color: #999; text-align: center; }
.ex-photos .item { width: 44%; float: left; margin: 20px 2%; border: dashed 1px #f1f1f1; border-radius: 4px; overflow: hidden; }
.ex-photos img { max-width: 100%; }
.public-authors .profits { padding: 20px; background: #eee; display: inline-block; margin-bottom: 20px; }
.public-authors .profits .title { color: #045398; margin-bottom: 20px; font-size: 20px; text-align: center; }
.public-authors .profits .s-btn { width: 100%; box-sizing: border-box; padding: 8px 0px; margin-top: 10px; }

.reg-wrap {display: block; width: 400px; max-width: 100%; margin: 0 auto; border: 4px solid #f7f7f7; padding: 40px; overflow: hidden;
    box-sizing: border-box;}
.reg-wrap h1 {margin: 0 0 16px}
input[type="text"],
input[type="password"] {display: block; width: 100%; box-sizing: border-box;}
.field-header {color: #6a7488; font-size: 13px; margin-bottom: 8px;}
.input-wrap {display: block; margin-bottom: 14px;}
.reg-wrap button {display: block; width: 100%; padding: 12px 16px; font-size: 16px;}

@media screen and (max-width: 600px) { #sign-in-form .s-inp { width: 100% !important; box-sizing: border-box; }
.ex-photos .item { width: 96%; }
.reg-wrap {padding: 30px;}
}