@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;
}
.s2 {
    margin-bottom: 90px
}
.s2 .d-flex{
    display:flex;
}
.s2 .d-flex>div:first-child{
    white-space:nowrap;
}
    .s2 .stitle {
        margin-bottom: 42px
    }

        .s2 .stitle.mb50 {
            margin-bottom: 50px
        }

    .s2 .imgwrap {
        margin-bottom: 59px;
        text-align: center
    }

    .s2 .form {
        overflow-x: auto
    }

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

        .s2 .form .form-content ul, .s2 .form .form-title ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 30px
        }

            .s2 .form .form-content ul li, .s2 .form .form-title ul li {
                width: 203px;
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

        .s2 .form .form-title {
            background-color: #183b75;
            color: white;
            text-align: center;
            border-bottom: 2px solid white
        }

            .s2 .form .form-title li {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 4px 0
            }

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

        .s2 .form .form-content {
            background-color: #d8e6fd;
            color: black;
            border-bottom: 2px solid white
        }

            .s2 .form .form-content li {
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                padding: 16px 25px
            }

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

                .s2 .form .form-content li span:first-child {
                    color: #183b75
                }

@media (max-width:767px) {
    .s2 {
        margin-bottom: 50px
    }

        .s2 .imgwrap {
            margin-bottom: 30px
        }
}

.s3 {
    margin-bottom: 142px
}

    .s3 .info1 {
        margin-bottom: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .s3 .info1 .stitle {
            margin-bottom: 27px
        }

    .s3 .imgwrap {
        margin-bottom: 59px;
        text-align: center
    }

    .s3 .form1 {
        overflow-x: auto
    }

        .s3 .form1 .form-detail {
            width: 398px
        }

        .s3 .form1 .form-content ul, .s3 .form1 .form-title ul, .s3 .form1 .li-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 30px
        }

            .s3 .form1 .form-content ul li, .s3 .form1 .form-title ul li, .s3 .form1 .li-group li {
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .s3 .form1 .form-content ul .l1, .s3 .form1 .form-title ul .l1, .s3 .form1 .li-group .l1 {
                width: 105px
            }

            .s3 .form1 .form-content ul .l2, .s3 .form1 .form-title ul .l2, .s3 .form1 .li-group .l2 {
                width: 195px
            }

            .s3 .form1 .form-content ul .l3, .s3 .form1 .form-title ul .l3, .s3 .form1 .li-group .l3 {
                width: 98px
            }

        .s3 .form1 .form-title {
            background-color: #183b75;
            color: white;
            text-align: center;
            border-bottom: 2px solid white
        }

            .s3 .form1 .form-title li {
                padding: 4px 0
            }

                .s3 .form1 .form-title li:not(:last-child) {
                    border-right: 2px solid white
                }

        .s3 .form1 .form-content {
            text-align: center;
            color: #183b75
        }

            .s3 .form1 .form-content:not(:last-child) {
                border-bottom: 2px solid white
            }

            .s3 .form1 .form-content li:not(:last-child) {
                border-right: 2px solid white
            }

            .s3 .form1 .form-content li .li-group:not(:last-child) {
                border-bottom: 2px solid white
            }

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

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

            .s3 .form1 .form-content:nth-child(odd) li {
                background-color: rgba(230,230,230,0.5)
            }

            .s3 .form1 .form-content:nth-child(2n) li {
                background-color: #e6e6e6
            }

    .s3 .form2 {
        overflow-x: auto
    }

        .s3 .form2 .form-detail {
            width: 737px
        }

        .s3 .form2 .form-content ul, .s3 .form2 .form-title ul, .s3 .form2 .li-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 30px
        }

            .s3 .form2 .form-content ul li, .s3 .form2 .form-title ul li, .s3 .form2 .li-group li {
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .s3 .form2 .form-content ul .l1, .s3 .form2 .form-title ul .l1, .s3 .form2 .li-group .l1 {
                width: 99px
            }

            .s3 .form2 .form-content ul .l2, .s3 .form2 .form-content ul .l3, .s3 .form2 .form-title ul .l2, .s3 .form2 .form-title ul .l3, .s3 .form2 .li-group .l2, .s3 .form2 .li-group .l3 {
                width: 182px
            }

            .s3 .form2 .form-content ul .l4, .s3 .form2 .form-title ul .l4, .s3 .form2 .li-group .l4 {
                width: 274px
            }

            .s3 .form2 .form-content ul span, .s3 .form2 .form-title ul span, .s3 .form2 .li-group span {
                width: 50%
            }

        .s3 .form2 .form-title {
            background-color: #183b75;
            color: white;
            text-align: center;
            border-bottom: 2px solid white
        }

            .s3 .form2 .form-title li:not(:last-child) {
                border-right: 2px solid white
            }

            .s3 .form2 .form-title .layer1 {
                padding: 6px 0
            }

            .s3 .form2 .form-title .layer2 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                background-color: #b8d0f9
            }

                .s3 .form2 .form-title .layer2 span {
                    padding: 7px 0;
                    color: #183b75;
                    display: inline-block
                }

                    .s3 .form2 .form-title .layer2 span:not(:last-child) {
                        border-right: 2px solid white
                    }

        .s3 .form2 .form-content {
            text-align: center;
            color: #183b75
        }

            .s3 .form2 .form-content:not(:last-child) {
                border-bottom: 2px solid white
            }

            .s3 .form2 .form-content li {
                -webkit-box-orient: horizontal !important;
                -webkit-box-direction: normal !important;
                -ms-flex-direction: row !important;
                flex-direction: row !important;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .s3 .form2 .form-content li span {
                    padding: 10px 0
                }

                    .s3 .form2 .form-content li span:not(:last-child) {
                        border-right: 2px solid white
                    }

                .s3 .form2 .form-content li:not(:last-child) {
                    border-right: 2px solid white
                }

            .s3 .form2 .form-content .l1 {
                padding: 10px 0;
                background-color: #e6e6e6
            }

            .s3 .form2 .form-content .l2, .s3 .form2 .form-content .l3, .s3 .form2 .form-content .l4 {
                background-color: #ebf2f2
            }

        .s3 .form2 .note {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }


    .s3 .form3 {
        overflow-x: auto
    }

        .s3 .form3 .info-title {
            font-size: 1.125rem;
            color: black;
            background-color: #ffb08b;
            padding: 2.5px 20px;
            display: inline-block;
            min-width: 230px;
            text-align: center;
            border-radius: 45px;
            margin-bottom: 10px;
        }

            .s3 .form3 .info-title span {
                font-size: 1.125rem;
                color: gray;
                background-color: white;
                padding: 5.5px 20px;
                display: inline-block;
                text-align: center;
                border-radius: 23px;
            }

        .s3 .form3 .tag {
            display: flex;
            width: 260px;
            border: solid 3px #636363;
            border-radius: 15px;
            align-items: center;
            justify-content: space-between;
            font-weight: bold;
        }

            .s3 .form3 .tag .txt {
                background-color: white;
                padding: 22px;
                font-size: 24px;
                border-radius: 0 12px 12px 0px;
                border-left: solid 3px #636363;
                height: 100%;
                align-content: center;
            }

            .s3 .form3 .tag.color1 {
                background-color: #b4c7e7;
            }

                .s3 .form3 .tag.color1 .txt {
                    color: #00b0f0;
                }

            .s3 .form3 .tag.color2 {
                background-color: #ffe1ff;
            }

                .s3 .form3 .tag.color2 .txt {
                    color: #ff6699;
                }

        .s3 .form3 .font-small {
            font-size: 0.875rem;
        }

        .s3 .form3 .form-detail {
            width: 1168px;
        }

        .s3 .form3 ul, .s3 .form3 .li-group {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 30px
        }

            .s3 .form3 ul li, .s3 .form3 .li-group li {
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            .s3 .form3 ul .l1 {
                width: 158px;
            }

            .s3 .form3 ul .l2, .s3 .form3 ul .l3, .s3 .form3 ul .l4 {
                width: 220px
            }

            .s3 .form3 ul .l5 {
                width: 350px
            }

            .s3 .form3 .form-subtitle ul span, .s3 .form3 .form-content ul span, .s3 .form3 .li-group span {
                width: 50%
            }

        .s3 .form3 .form-title {
            background-color: #183b75;
            color: white;
            text-align: center;
            border-bottom: 2px solid white
        }

            .s3 .form3 .form-title li:not(:last-child), .s3 .form3 .form-title li > .layer2 > div:not(:last-child) {
                /*border-right: 2px solid white;*/
            }

            .s3 .form3 .form-title li > .layer2 > span {
                border-top: 2px solid white;
            }

            .s3 .form3 .form-title .layer1 {
                /*padding: 6px 0;*/
                background-color: #183b75;
            }

                .s3 .form3 .form-title .layer1 span {
                    border-right: 2px solid white;
                }

            .s3 .form3 .form-title .layer2 {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }

            .s3 .form3 .form-title span {
                padding: 7px 0;
                display: block;
                border-right: 2px solid white;
            }

            .s3 .form3 .form-title .layer2 span:not(:last-child) {
                /*border-right: 2px solid white;*/
            }


        .s3 .form3 .form-subtitle {
            text-align: center;
            color: #183b75
        }

            .s3 .form3 .form-subtitle:not(:last-child) {
                border-bottom: 2px solid white
            }

            .s3 .form3 .form-subtitle li {
                -webkit-box-orient: horizontal !important;
                -webkit-box-direction: normal !important;
                -ms-flex-direction: row !important;
                flex-direction: row !important;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

                .s3 .form3 .form-subtitle li span {
                    padding: 10px 0;
                    align-self: center;
                }

                    .s3 .form3 .form-subtitle li span:not(:last-child) {
                        border-right: 2px solid white
                    }

                .s3 .form3 .form-subtitle li:not(:last-child) {
                    border-right: 2px solid white
                }

            .s3 .form3 .form-subtitle .l1, .s3 .form3 .form-subtitle .l5 span:first-child {
                padding: 10px 0;
                background-color: #e6e6e6;
                justify-content: center;
                align-items: center;
            }

            .s3 .form3 .form-subtitle .l2, .s3 .form3 .form-subtitle .l3, .s3 .form3 .form-subtitle .l4, .s3 .form3 .form-subtitle .l5, .s3 .form3 .form-subtitle .l6 {
                background-color: #b8d0f9;
            }

        .s3 .form3 .form-content {
            text-align: center;
            color: #183b75
        }

            .s3 .form3 .form-content:not(:last-child) {
                border-bottom: 2px solid white
            }

            .s3 .form3 .form-content li {
                -webkit-box-orient: horizontal !important;
                -webkit-box-direction: normal !important;
                -ms-flex-direction: row !important;
                flex-direction: row !important;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .s3 .form3 .form-content li span {
                    padding: 10px 0
                }

                    .s3 .form3 .form-content li span:not(:last-child) {
                        border-right: 2px solid white
                    }

                .s3 .form3 .form-content li:not(:last-child) {
                    border-right: 2px solid white
                }

            .s3 .form3 .form-content .l1, .s3 .form3 .form-content .l5 span:first-child {
                padding: 10px 0;
                background-color: #e6e6e6;
                justify-content: center;
                align-items: center;
            }

            .s3 .form3 .form-content .l2, .s3 .form3 .form-content .l3, .s3 .form3 .form-content .l4, .s3 .form3 .form-content .l5, .s3 .form3 .form-content .l6 {
                background-color: #ebf2f2
            }

        .s3 .form3 .note {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

    .s3 .info2 .item:first-child {
        margin-bottom: 50px
    }

    .s3 .info2 .item .item-title {
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        /*justify-content: center*/
        margin-right: 12px;
        display: block;
    }

        .s3 .info2 .item .item-title .tag {
            background-color: #183b75;
            color: white;
            border-radius: 15px;
            padding: 4px 20px;
            margin-right: 5px
        }

        .s3 .info2 .item .item-title i {
            color: #db370b;
            margin-right: 5px
        }

        .s3 .info2 .item .item-title span {
            color: black
        }

    .s3 .info2 .picwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .s3 .info2 .picwrap .imgwrap {
            width: 40%
        }

            .s3 .info2 .picwrap .imgwrap img {
                width: 100%
            }

            .s3 .info2 .picwrap .imgwrap:first-child {
                margin-right: 12px
            }

@media (max-width:1200px) {
    .s3 .info1 {
        margin-bottom: 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .s3 .form1 {
        margin-bottom: 40px
    }

    .s3 .info2 .item:first-child {
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    .s3 {
        margin-bottom: 100px
    }
    .s3 .d-flex{
        flex-direction:column;
    }
    .s3 .d-flex div{
        width:100%!important;
    }
        .s3 .info2 .item .item-title {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }
        .s3 .info2 .item div div {
            margin:0 10px 30px 0!important;
            flex-wrap:wrap;
        }

            .s3 .info2 .item .item-title .tag {
                margin-bottom: 5px
            }

        .s3 .info2 .picwrap {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .s3 .info2 .picwrap .imgwrap {
                width: 49%
            }
}