.forgetArea{
    padding: 5% 10%;
}

.forgetArea .forgetBox{
    width: 65%;
    margin: 0 auto;
    border: 5px solid #5f2f8c;
    padding: 5%;
}

.forgetArea .forgetBox::after{
    content: '';
    width: 97%;
    height: 97%;
    border: 1px solid #5f2f8c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

.forgetArea .forgetBox h2{
    color: #071760;
    font-family: 'Noto Sans TC', sans-serif;
    margin-bottom: 5%;
    text-align: center;
}

.forgetArea .forgetBox ul{
    margin-bottom: 5%;
}

.forgetArea .forgetBox ul li{
    text-align: left;
    display: flex;
    align-items: start;
    line-height: 1.7;
    margin-bottom: 5px;
    text-align: justify;
}

.text-danger{
    color: #ff0000 !important;
}

@media(max-width: 991px) {
    .forgetArea{
        padding: 10% 5%;
    }

    .forgetArea .forgetBox{
        width: 100%;
        padding: 15% 5%;
    }

    .forgetArea .forgetBox::after{
        content: '';
        width: 97%;
        height: 98%;
        border: 1px solid #5f2f8c;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: -1;
    }

}