.form {
    width: 650px;
    margin: 20px 0;

    font-size: .9375em;
}

.form SPAN {
    display: block;
    margin-bottom: 4px;
}

.form INPUT[type="text"] {
    width: 360px;

    padding: 8px 10px;
    margin-bottom: 15px;
    border: 1px solid #c1c1c1;
}

.form TEXTAREA {
    width: 630px;
    height: 200px;
    padding: 10px 10px;
    margin-bottom: 15px;
    border: 1px solid #c1c1c1;
}

.s-code {
    float: left;
}

.s-code IMG {
    float: left;
    margin-right: 35px;
}

.s-code INPUT[type="text"] {
    width: 130px;
}

.submit {
    float: right;
    background-color: #e95609;
    width: 80px;
    padding: 10px 0;
    border: 0;

    color: #fff;
}

.note {
    color: green;
    margin-bottom: 10px;
}

.alert {
    margin-bottom: 10px;
    color: red;
}

@media (max-width: 1179px) {
    .form {
        width: 100%;
    }

    .form INPUT[type="text"] {
        width: 100%;
        box-sizing: border-box;
    }

    .form TEXTAREA {
        width: 100%;
        box-sizing: border-box;
    }

    .s-code {
        float: none;
    }

    .s-code INPUT[type="text"] {
        width: calc(100% - 141px);
    }
}