@charset "utf-8";
/* ==================================================================================
    [style.css]
        - stylesheets of users page in users folder
================================================================================== */

/* ----------------------------------------------------------------------------------
    style : common
---------------------------------------------------------------------------------- */
/* userForm */
.userForm {

}
.userForm h3 {
    margin: 0 0 30px;
    text-align: center;
    font-weight: 700;
    color: #484848;
}

/* ----------------------------------------------------------------------------------
    style : join
---------------------------------------------------------------------------------- */
.join-area {

}
.join-box {
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
}

.password-progress {
    margin-top: 10px;
    margin-bottom: 0;
}

/* form */
.join-area form {
}
.join-area form .control-group {
    margin: 0 0 20px;
}
.join-area form label {
    margin: 0 0 3px;
    color: #484848;
}


/*copyright form*/

.article.copyrightform .section {
    margin: 0 0 40px;
}
.article.copyrightform .section h2.section-title {
    font-size: 20px;
}
.article.copyrightform .section .btn-area {
    margin: 20px 0 0;
}

.copyright-upload  > div {
    width: 500px;
    margin: 20px 0 0;
    padding: 40px 40px 20px;
    background-color: #fafafa;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
}

@media only screen
and (max-width: 768px) {
    .copyright-upload  > div {
        width: 100%;
    }
}