@charset "utf-8";

.content {
    margin: 0 auto;
    width: 100%;
    /*margin-top: -22px;*/
}

.cart-title {
    text-align: center;
    font-size: 25px;
    font-weight: bolder;
    color: #000;
    margin: 2% auto;
    letter-spacing: 3px;
}

.register-text {
    padding: 3% 0;
    line-height: 2.5rem;
    font-size: 1.6rem;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid;
    margin: 3.5% 0;
    color: #000;
}

.register-form-title {
    width: 20%;
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    font-size: 15px;
    color: #222;
    float: left;
    position: relative;
    margin-top: 3%;
}

.register-form-title p {
    color: #fb0303;
    float: left;
    position: relative;
}

.register-input {
    width: 80%;
    float: left;
    position: relative;
    margin-top: 3%;
}

.register-row {
    width: 80%;
    float: left;
    position: relative;
    margin-bottom: 15px;
}

.register-row li {
    margin-top: 15px;
    list-style-type: none;
    float: left;
    position: relative;
    margin-right: 5%;
}

.upload-btn {
    width: 80%;
    background-color: #CDBAAD;
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    font-size: 13px;
    color: #222;
    padding: 8px 20px;
    margin-bottom: 5px;
}

.upload-btn:hover {
    background-color: #CCC2BA;
    color: #fff;
    cursor: pointer;
}

.codepic img {
    /*    margin-top: 15px;*/
    width: 100px;
    max-width: 100%;
}

.register-notice {
    padding: 0;
    font-size: 1.5rem;
    margin: 0 auto;
    color: #000;
    width: 70%;
}

.nextsend {
    width: 100%;
    background-color: #95806D;
    font-family: brandon-grotesque, 'microsoft jhenghei', Arial, sans-serif;
    font-size: 20px;
    font-weight: bolder;
    color: #FFF;
    padding: 5px 20px;
    margin-bottom: 5px;
    letter-spacing: 2px;
    border: none;
}

.nextsend:hover {
    background-color: #9B8E83;
}


@media screen and (max-width: 1250px) {
    .content .about {
        width: 600px;
    }

}

@media screen and (max-width: 650px) {
    .content {
        margin-top: 0px;
    }

    .register-text {
        text-align: left;
    }

    .register-form-title {
        width: 100%;
        text-align: left;
    }

    .register-input {
        width: 100%;
    }

    .register-notice {
        text-align: left;
        padding: 18% 0 0%;
        line-height: 2.5rem;
        font-size: inherit;
        margin: 0;
        width: 100%;
    }


}