@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");

.d-flex{
    display:flex;
}
.s1 .mb-50 {
    margin-bottom: 57px
}

.s2 {
    margin-bottom: 137px
}

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

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

        .s2 .form .form-detail {
            width: 800px;
            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: 432px
            }

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

            .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-title li{
                    align-content:center;
                }
        .s2 .form .form-content .li-group div{
            align-content:center;
        }
        .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
            }
.s3 .description {
    display: flex;
    justify-content: left;
}
.s3 .card .dotlist:before {
    background-color: #1B539C;
}
@media (max-width:1276px) {
    .s3 .description {
        flex-wrap:wrap;
    }
}
@media (max-width:991px) {
    .s3 .description>div:first-child {
        width:100%;
    }
    .s3 .description > div:first-child img {
        width: 100%;
    }
    .s3 .card-content{
        margin-right:0;
    }
    .s3 .card {
        margin: 20px 0 60px 0;
    }
}
.card {
    /*display: flex;*/
    justify-content: space-between;
    margin: 36px 0px;
    margin-bottom: 50px;
}

            .card-content {
                border: solid 1px black;
                margin-right: 0px;
                /*width: 400px;*/
                margin-top: 5px;
                border-radius: 10px;
            }

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

.card-text {
    padding: 1px 15px;
}

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

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

            .array{
                position:relative;
                left:138px;
            }
            .white-nowrap{
                white-space:nowrap;
            }