body {
    line-height: 1.8;
    font-family: "黑體-繁", "微軟正黑體", "黑體", sans-serif;

}
.main-content{
    max-width: 100%;
}
img{
    max-width: 100%;
}
.focus1{
    color:#FA4765
}
.title-h1{
    margin-bottom: 2vw;
}
.title-h2{
    color:#FA4765
}
.bar-width{

    width:600px;
    max-width: 100;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 100%;
}
.width {
    width: 600px;
    padding: 0 5%;
    max-width: 100;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 100%;
}
p{
    font-weight: 500;
    font-size: 18px;
    font-size: 1.25rem;
    
}
.more-btn{
    font-weight: 200;
    display: inline-block;
    border-radius: 50px;
    font-size: 1.25rem;
    background:#FA4765;
    color:#fff;
    text-align: center;
    padding: 5px 50px;
    transition:.3s ease;
    border:1px solid #FA4765;

}
.more-btn:hover{
    background:#fff;
    color:#FA4765;
    text-decoration: none;
    transition:.3s ease
}

.width img{
    max-width: 100%;
    margin: 0 auto;
}
.img-wrap{
    width: 500px;
    max-width: 100%;
    margin:0 auto;
}
.bar-width .img-wrap{
    width: 600px;
    max-width: 100%;
    margin:0 auto;
}
.qrcode{
    width: 300px;
    padding-right: 50px;
    padding-left: 50px;
    max-width: 100%;
    margin:0 auto;
}
p+.qrcode{
    margin-top:15px;
}
.step{
    margin-bottom:20vh;
}
.step.step--s{
    margin-bottom:10vh;
}

/*logo*/
.logo-wrap {
    border-bottom:1px solid #999;
    padding:13px 0;
    margin-bottom: 20px;
}

.logo-wrap img{
    display: block;
    width: 450px;
    margin:0 auto;

    max-width: 90%;
}


/*tab*/

.tab-bar{
    display: flex;
    margin: 0;
    padding: 0;
    margin-bottom: 3vw;
}
.tab-bar li{
    list-style: none;
    display: block;
    flex:1;
    max-width: 50%;
}

.tab-bar li a{
    display: block;
    width: 100%;
    height: 100%;   
    border-top:2px solid #FA4765;
    border-bottom:2px solid #FA4765;
    border-right:2px solid #FA4765;
    color:#FA4765;
    text-align: center;
    transition:.3s ease;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.5rem;
}
.tab-bar li:first-child a{
    border-left:2px solid #FA4765;
}

.tab-bar li a:hover{
    background:#FA4765;
    color:#fff;
    text-decoration: none;
    transition:.3s ease
}
.tab-bar li.active a{
    background:#FA4765;
    color:#fff;
    text-decoration: none;
    transition:.3s ease
}
.top-line{
    padding-top: 30px;
    border-top:1px solid #FA4765;
}

@media(max-width:768px){
    body{
        line-height: 1.3
    }
    h1{
        font-size: 1.8rem
    }
    h2{
        font-size: 1.5rem
    }
    p {
        font-size: 1rem
    }
    .tab-bar li a{
        font-size: 1.2rem
    }
    
    .bar-width{
        padding: 0 5%
    }
}