*{
    margin: 0px;
    padding: 0px;
}
#app{
    background-color: white;
    position: relative;
}
.fd-nav{
    background-color: white;
    background-image: linear-gradient(to bottom,white,rgb(212,212,212));
    width: 100%;
    height: 100px;
    padding-top: 40px;
}
.fd-log{
    position: relative;
    display: table-cell;
    height: 45px;
}






.fd-logo-cc{
    display: inline-block;
    font-size: 30px;
    margin-left: 20vw;
    color: black;
    padding-right: 15px;
    vertical-align: middle;
}
.fa-line{
    display: inline-block;
    height: 25px;
    border-width: 1px;
    border-color: gray;
    border-left-style: solid;
    vertical-align: middle;
}
.fd-logo-title{
    display: inline-block;
    font-size: 20px;
    padding-left: 15px;
    vertical-align: middle;
    color:rgb(44,130,255);
}
fd-main{
    width: 100%;
}
.fd-step{
    width: 60%;
    margin-left: 20%;
}
.fd-title{
    font-size: 35px;
    color: black;
    height: 120px;
    border-bottom: solid;
    border-color: rgb(212,212,212);
    border-width: 1px;
}
.fd-title span{
    display: inline-block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.fd-center{
    margin-top: 40px;
}
.fd-input{
    font-size: 12px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    width: 460px;
}
.fd-button{
    margin-top: 50px;
    margin-bottom: 70px;
}
.button{
    width: 100px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}
.fd-step1-verification{
    font-size: 12px;
    margin-top: 30px;
    width: 430px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}
.fd-step1-choice{
    margin-top: 20px;
    width: 430px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}
.button-verification{
    border-color: rgb(44,130,255);
    color: rgb(44,130,255);
}
.fd-step2-input{
    margin-top: 20px;
    width: 335px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
}
.fd-psw-title2{
    margin-top: 10px;
}
.fd-boundary{
    width: 100%;
    height: 40px;
    background-image: linear-gradient(gray,white);
}
.fa-bottom{
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: gray;
    position: absolute;
    bottom: 10px;
}
.success-log{
    width: 128px;
    height: 128px;
    margin-top: 30px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    background-image: url(data:image/png;base64,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);
}
.success-text{
    font-size: 17px;
    color: black;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    margin-top: 10px;
    margin-bottom: 20px;
}
.fd-index-notice{
    color: red;
    font-size: 13px;
    float: left;
    padding-top: 4px;
}