.logo
{
    position:relative;
    margin-top:30px;
    margin-left:35px;
}

.footer-logo
{
    /*margin:30px auto;*/
    width:212px;
    height:49px;
    position:absolute;
    bottom:30px;
    left:50%;
    margin-left:-106px;
}

.kvtall
{
    top:90px;
}

.bg
{
    /*height: 1100px;
    min-height: 100vh;*/
    height: 100dvh;
    min-height: 1100px;
}

.kvbg
{
    /*height: 1010px;*/
    height:calc(100dvh - 90px);
}

.partbg2, .form
{
    height: 100dvh;
    min-height: 1100px;
}

@media screen and (max-width: 640px) {
    .bg, .partbg2 {
        height: 100dvh;
    }
}

@media screen and (max-width: 640px) {
    .kvbg, .form {
        /*height: 100vh;*/
        height:calc(100dvh - 90px);
    }
}

.kv_p1
{
    top: 185px;
}

.kv_p2
{
    top:270px;
}

.kv_p3
{
    top: 335px;
}

.kv_p4
{
    top: 510px;
}

.kv_p5
{
   top: 650px;
}

.result .top
{
    display:block;
    text-align:left;
}

.result
{
    height:100%;
}

.result .top .logo
{
    margin:10px 0 30px 35px;
}

.result .footer-logo
{
    position:relative;
    margin:20px auto 0;
    bottom:initial;
    left:initial;
    display:block;
}

@media screen and (max-width: 640px) {
    .result .top .logo {
       margin:10px 0 30px;
    }
}

@media screen and (max-width: 1050px) {
    .result .top .logo {
        margin-left: 35px;
    }
}

.result .wbg,.result .rsbk .wbk1,.result .rsbk .wbk2,.result .rsbk .wbk3
{
    -moz-user-select: none; /* Firefox */
  -webkit-user-select: none;  /* Chrome , Safari*/
  -ms-user-select: none;  /* IE10 */
  -khtml-user-select: none;  /* 古早瀏覽器 */
  user-select: none; 
}

.lovly
{
    top:530px;
}

.result a
{
    color:#333;
}

.result .res-pic
{
    position:absolute;
    left:50%;
    top:0;
    z-index:999;
    max-width:640px;
    width:100%;
    height:1480px;
    display:block;
    margin:0;
    padding:0;
    overflow:hidden;
     transform: translateX(-50%);
}

@media screen and (max-width: 1050px) {
    .result .res-pic {
        height:1460px;
    }
}

.result .res-pic img
{
    width:100%;
}

.result1 .bkpic,.result2 .bkpic,.result3 .bkpic,.result4 .bkpic,.result5 .bkpic,.verificationpic
{
    background:none;
}

.result .rsendp,.result .copy-btn
{
    width: 500px;
    height: 97px;
    position: relative;
    margin: 0 auto;
    cursor:pointer;
}

.rsend p
{
    margin:20px auto;
}

.mb .result1 .rsendp
{
    background: url(../img/r1e_m.png) no-repeat;
    background-size: contain;
}

.mb .result2 .rsendp
{
    background: url(../img/r2e_m.png) no-repeat;
    background-size: contain;
}

.mb .result3 .rsendp
{
    background: url(../img/r3e_m.png) no-repeat;
    background-size: contain;
}

.mb .result4 .rsendp
{
    background: url(../img/r4e_m.png) no-repeat;
    background-size: contain;
}

.mb .result5 .rsendp
{
    background: url(../img/r5e_m.png) no-repeat;
    background-size: contain;
}

.result1 .copy-btn
{
    background: url(../img/copy-btn1.png) no-repeat;
    background-size: contain;
    margin: 10px auto;
}

.result2 .copy-btn
{
    background: url(../img/copy-btn2.png) no-repeat;
    background-size: contain;
    margin: 10px auto;
}

.result3 .copy-btn
{
    background: url(../img/copy-btn3.png) no-repeat;
    background-size: contain;
    margin: 10px auto;
}

.result4 .copy-btn
{
    background: url(../img/copy-btn4.png) no-repeat;
    background-size: contain;
    margin: 10px auto;
}

.result5 .copy-btn
{
    background: url(../img/copy-btn5.png) no-repeat;
    background-size: contain;
    margin: 10px auto;
}

.result .copy-info
{
    position:fixed;
    bottom:10px;
    z-index:999;
    width:auto;
    padding:15px 10px;
    left:50%;
    transform: translateX(-50%);
    border-radius: 20px;
    font-size: 24px;
    color: #fff;
    display:none;
}

.result1 .copy-info
{
    background: #0071bc;
}

.result2 .copy-info
{
    background: #554e6d;
}

.result3 .copy-info
{
    background: #ff7bac;
}

.result4 .copy-info
{
    background: #fbb03b;
}

.result5 .copy-info
{
    background: #2ecca2;
}

.err-msg
{
    display:none;
    margin-left:110px;
    margin-top:5px;
    font-size:24px;
    color:#e54444;
    width: calc(100% - 110px);
    text-align:left;
}

.err .err-msg
{
    display:block;
}

.ck.err .err-msg
{
    margin-left:31px;
    width: calc(100% - 31px);
}

.formwbg > div.err
{
    margin-bottom:10px;
}

.out
{
    position:absolute;
    left:-9999px;top:-9999px;
    width:640px;
}

.result > div,.rsbk > div
{
    position:relative;
}

@media screen and (max-width: 640px) {
    .rsbk {
        width: calc(100% - 10px);
        padding-top: 20px;
    }

    .result .rsendp
    {
        width: 500px;
        height: 97px;
    }
}

@media screen and (max-width: 1050px) {
    .rsbk {
        padding-top: 20px;
    }
}

#share .rsbk
{
    width: 590px;
    padding-top: 20px;
}

#share .rsbk > div
{
    margin:0;
}

#share .rsbk > div.wbk3
{
    margin-top:20px;
}