.section-backupcode { padding:30px 0;height: auto; float: left;font-family: "db_heaventregular", Tahoma, sans-serif;}
.section-backupcode .box-backupcode-inner{width: 100%; padding: 0;margin: 0 auto;font-family: "db_heaventregular", Tahoma, sans-serif;}
.section-backupcode .box-backupcode-inner h1 { font-size: 3.2em; color:#323232; padding:0; margin:0 auto 5% auto; text-align: center;}
.section-backupcode .box-backupcode-inner h3 { font-size:24px; color:#646464; padding:0; margin:0 0 3px 0; text-align: center;}
.section-backupcode .box-backupcode-inner .box-inner h2 { font-size:24px; color:#646464; padding:0; margin:0 0 3px 0; text-align: left;}
.section-backupcode .box-backupcode-inner .box-inner p.forgot {
    width: 100%;
    text-align: center;
    float: left;
    color: #323232;
    text-decoration: underline;
    font-size: 20px;
    margin-top: 3%;
}
.section-backupcode .box-backupcode-inner .box-inner p.forgot a{color: #323232;}
.section-backupcode .box-backupcode-inner .box-inner p.forgot a:hover{color: #d62825;}
.section-backupcode .box-backupcode-inner .box-inner{margin:0 auto;float: none;}
.section-backupcode .box-backupcode-inner .input-text{font-size: 20px;margin:5px 0 5% 0;}
.section-backupcode .box-backupcode-inner .btn-sign{text-align: center;}
.section-backupcode .box-backupcode-inner .btn.btn-signup {
    border-radius: 0;
    box-shadow: none;
    font-size: 24px;
    margin:0 auto;
    width: fit-content;
    padding:2% 12%;
    border-radius: 5px;
}

/*payment-unsuccess*/
section.page--payment-u {
        background-image: url(/asset?u=https%3A%2F%2Fcloud.z.com%2Fth%2Fthemes%2Fcloud-zcom-html%2Fimages%2Fpayment-unsuccessful-img001.jpg);
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
        max-height: 421px;
        padding: 60px 0;
        overflow: hidden;
        background-size: cover;
        width: 100%;
    }

    section.page--payment-u .boxL {
        float: left;
        padding-right: 2%;
    }
    section.page--payment-u .boxL img {
        width: auto;
        float: right;
        text-align: right;
    }
    section.page--payment-u .boxR {
        float: right;
        padding-left: 2%;
        margin-top: 2%;
    }
    section.page--payment-u .boxR h1 {
        font-family: "db_heaventregular", Tahoma, sans-serif;
        font-size: 4em;
        text-align: left;
        color: #ce0000;
        line-height: 1;
        font-weight: normal;
        margin: 0;
    }
    section.page--payment-u .boxR h2 {
        font-family: "db_heaventregular", Tahoma, sans-serif;
        font-size: 28px;
        text-align: left;
        color: #ce0000;
        line-height: 1;
        font-weight: normal;
        margin: 0 0 3% 0;
    }

    section.page--payment-u .btn {
        width: auto;
        float: left;
        margin: 5% auto 0 auto;
        padding: 0;
    }

    section.page--payment-u .btn img {
        width: auto;
        text-align: center;
        margin: 0 auto;
    }

/*.payment-unsuccess*/

@media (max-width: 600px){
.section-backupcode .box-backupcode-inner h1{font-size: 2em;}
section.page--payment-u{padding:20px 0;}
section.page--payment-u .boxL img{width: 20%;margin:0 auto; text-align: center;float: none;}
section.page--payment-u .boxR h1,
section.page--payment-u .boxR h2{text-align: center}
section.page--payment-u .btn{text-align: center;width: fit-content;margin:0 auto;float: none;}
}

@media (max-width: 480px){
.section-backupcode .box-backupcode-inner h1{font-size: 1.8rem;}
.section-backupcode .box-backupcode-inner .box-inner h2 {font-size: 20px;}
}