@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Serif+TC:wght@400;500;700;900&family=Roboto:wght@100;500&display=swap");

.s1 .mb-50 {
    margin-bottom: 57px
}

.s2 {
    margin-bottom: 50px
}

    .s2 .stitle {
        margin-bottom: 25px;
        display:flex;
        justify-content:space-between;
    }

    .s2 .form {
        overflow-x: auto;
        margin-bottom: 20px
    }

        .s2 .form .form-detail {
            width: 717px;
            margin: 0 auto
        }

        .s2 .form .form-content ul, .s2 .form .form-title ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: black
        }

            .s2 .form .form-content ul .l1, .s2 .form .form-title ul .l1 {
                width: 202px
            }

            .s2 .form .form-content ul .l2, .s2 .form .form-title ul .l2 {
                width: 202px
            }

            .s2 .form .form-content ul .l3, .s2 .form .form-title ul .l3 {
                width: 104px
            }

            .s2 .form .form-content ul .l4, .s2 .form .form-title ul .l4 {
                width: 104px
            }

            .s2 .form .form-content ul .l5, .s2 .form .form-title ul .l5 {
                width: 104px
            }

            .s2 .form .form-content ul .l6, .s2 .form .form-title ul .l6 {
                width: 260px
            }

            .s2 .form .form-content ul .l2-5, .s2 .form .form-title ul .l2-5 {
                width: 515px
            }

                .s2 .form .form-content ul .l2-5 .li-group, .s2 .form .form-title ul .l2-5 .li-group {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    text-align: center
                }

        .s2 .form .form-title {
            background-color: #183b75;
            border-bottom: 4px solid white
        }

            .s2 .form .form-title li {
                color: white;
                padding: 10px 0;
                text-align: center
            }

                .s2 .form .form-title li:not(:last-child) {
                    border-right: 3px solid white
                }

        .s2 .form .form-content {
            background-color: #bdcbe2;
            text-align: center
        }

            .s2 .form .form-content:not(:last-child) {
                border-bottom: 4px solid white
            }

            .s2 .form .form-content li:not(:last-child) {
                border-right: 3px solid white
            }

            .s2 .form .form-content .l1 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .s2 .form .form-content .li-group:not(:last-child) {
                border-bottom: 3px solid white
            }

            .s2 .form .form-content .li-group div {
                padding: 10px 0
            }

                .s2 .form .form-content .li-group div:not(:last-child) {
                    border-right: 3px solid white
                }

            .s2 .form .form-content:nth-child(odd) .l1 {
                background-color: #e8eff3
            }

            .s2 .form .form-content:nth-child(odd) .li-group:nth-child(odd) {
                background-color: #e8eff3
            }

            .s2 .form .form-content:nth-child(2n) .l1 {
                background-color: #bdcbe2
            }

            .s2 .form .form-content:nth-child(2n) .li-group:nth-child(2n) {
                background-color: #e8eff3
            }

            .card {
                display: flex;
                justify-content: space-between;
                margin: 10px 30px;
                margin-bottom:50px;
            }

            .card-content {
                border: solid 1px black;
                margin-right: 40px;
                width: 400px;
                margin-top: 30px;
                border-radius: 10px;
            }

            .card-title {
                background-color: #1B539C;
                color: white;
                border-radius: 8px 8px 0px 0px;
                text-align: center;
                padding:10px;
            }

            .card-text {
                padding: 15px;
            }

            .s3 .dotlist:before {
                background-color: #00B0F0;
            }

            .card-text-titleb{
                font-weight:bolder;
            }

            .array{
                position:relative;
                left:138px;
            }
@media (max-width:1335px) {
    .card {
        display:block;
    }
    .card-content{
        width:100%;
    }
    .array {
        display: none;
    }
}
@media (max-width:991px) {
    .array {
        left: 77px;
    }
}
@media (max-width:767px) {
    .array {
        left: 66px;
    }
}