.section1 {
    padding-top: 0px;
    padding-bottom: 60px;

}


.pagesChangeBtnsArea {
    margin-top: 60px;
    margin-bottom: 60px;
}

.pagesChangeBtnsArea a .pagesChangeBtn {
    display: inline-block;
    margin: 0 30px;
    font-size: 16px;
    font-weight: 500;
    font-family: "SweiShearLegCJKtc-Medium", sans-serif;
    color: #3d3d3d;
    padding-bottom: 5px;
    border-bottom: none;
}

.pagesChangeBtnsArea a .pagesChangeBtn.focus,
.pagesChangeBtnsArea a:hover .pagesChangeBtn {
    color: #3B2680;
    border-bottom: 1px solid #3B2680;
}





.tutorial-nav {
    display: inline-block;
    width: inherit;
    padding: 10px 10px;
    border-radius: 10px;
    background-color: #3B2680;
    margin-bottom: 60px;
}

.tutorial-btn {
    background-color: #3B2680;
    color: #b7b7b7;
    border-radius: 50px;
    padding: 8px 16px;
    border: none;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 500;
    font-family: "SweiShearLegCJKtc-Medium", sans-serif;
}

.tutorial-btn:last-child {
    margin-right: 0px;
}

.tutorial-btn:hover,
.tutorial-btn.active {
    background-color: #E6FF59;
    color: #3B2680;
}

.content-section {
    display: none;
/*    padding: 20px;*/
}

.content-section.active {
    display: block;
}

.nav-tabs .nav-link {
    color: #5548A5;
}

.nav-tabs .nav-link.active {
    color: #5548A5;
    font-weight: bold;
    border-bottom: 3px solid #5548A5;
}



/************************************* oneStep *************************************/


.oneStep {
    margin-bottom: 30px;
}

.oneStep img {
    margin-bottom: 15px;
}

.oneStep .step {
    font-size: 16px;
    font-weight: 500;
    font-family: "SweiShearLegCJKtc-Medium", sans-serif;
    background-image: url(../img/user-tutorial/step.svg);
    width: 30px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.oneStep  p {
    margin-bottom: 0px;
     font-size: 16px;
    font-weight: 500;
    font-family: "SweiShearLegCJKtc-Medium", sans-serif;
}




/************************************* faq-container *************************************/
.bnp-faq-wrapper {
    margin-bottom: 1rem;
}

.bnp-faq-card {
    background: white;
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.bnp-faq-header {
    background: white;
    border: none;
    padding: 0;
}

.bnp-faq-btn {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 20px;
    background: none;
    border: none;
}

.bnp-faq-question {
    color: #3B2680;
    font-size: 16px;
    font-family: "SweiShearLegCJKtc-Medium", sans-serif;
    margin-right: 2rem; /* 增加文字和箭頭的間距 */
    flex: 1;
}

.bnp-arrow-container {
    flex-shrink: 0;
}

.bnp-faq-body {
    padding: 20px;
    padding-top: 0px;
}

.bnp-faq-answer {
    text-align: left;
    color: #6F6C90;
    font-size: 14px;
    font-weight: 400;
}
.bnp-faq-answer a {
    color: #6F6C90;  /* 和答案文字一樣的顏色 */
    text-decoration: underline;
    
}

.bnp-faq-answer a:hover {
    color: #3B2680;  /* hover時變成深紫色 */  
     text-decoration: none;
}

.bnp-faq-btn:focus {
    box-shadow: none;
}
.bnp-arrow-up {
    display: none;
}

.bnp-faq-btn.collapsed .bnp-arrow-down {
    display: block;
}

.bnp-faq-btn.collapsed .bnp-arrow-up {
    display: none;
}

.bnp-faq-btn:not(.collapsed) .bnp-arrow-down {
    display: none;
}

.bnp-faq-btn:not(.collapsed) .bnp-arrow-up {
    display: block;
}