@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");
/*
.table th {
    background-color: #183b75;
    color: white;
}

.table tr:nth-child(even) {
    background-color: #bcd2f8;
    color: #636363;
}

.table tr:nth-child(odd) {
    background-color: #d9e4f7;
    color: #636363;
}*/

.table th, .table td {
    padding: 10px 5px;
}

.table .color-a1 {
    background-color: #00bebe;
    color: white;
}

.table .color-a2 {
    background-color: #b2ebeb;
}

.table .color-a3 {
    background-color: #ccffff;
}

.table .color-b1 {
    background-color: #ff6666;
    color: white;
}

.table .color-b2 {
    background-color: #ffe5e5;
}


.table .color-c1 {
    background-color: #4d4dff;
    color: white;
}

.table .color-c2 {
    background-color: #ccccff;
}

.table .color-d1 {
    background-color: #339b6b;
    color: white;
}

.table .color-d2 {
    background-color: #cce6da;
}

.table .color-e1 {
    background-color: #ffab33;
    color: white;
}

.table .color-e2 {
    background-color: #ffeacc;
}

.text-green {
    color: #137c3e;
}

.text-purple {
    color: #a915fe;
}

.text-blue {
    color: #080afe;
}

.s1 {
    margin-bottom: 93px
}

    .s1 .info {
        margin-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .s1 .info .left {
            margin-right: 2%
        }

            .s1 .info .left .box {
                background-color: #f4f4f4;
                color: black;
                padding: 10px 25px
            }

                .s1 .info .left .box:not(:last-child) {
                    margin-bottom: 10px
                }

            .s1 .info .left .imgwrap {
                text-align: center;
                margin-bottom: 17px
            }

            .s1 .info .left .f16 {
                text-align: center;
                font-weight: 500;
                /*margin-bottom: 26px*/
            }

            .s1 .info .left .dotlist:before {
                background-color: #d20202
            }

            .s1 .info .left .dotlist.mb {
                /*margin-bottom: 7px*/
            }

        .s1 .info .right {
            margin-top: 50px
        }

            .s1 .info .right li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                position: relative;
                padding-left: 74px
            }

                .s1 .info .right li:first-child {
                    margin-bottom: 56px
                }

                    .s1 .info .right li:first-child .circle {
                        background-color: #d20202
                    }

                    .s1 .info .right li:first-child .line span {
                        background-color: #d20202
                    }

                .s1 .info .right li:nth-child(2) {
                    margin-bottom: 56px
                }

                    .s1 .info .right li:nth-child(2) .circle {
                        background-color: #f55c00
                    }

                    .s1 .info .right li:nth-child(2) .line span {
                        background-color: #f55c00
                    }

                .s1 .info .right li:nth-child(3) .circle {
                    background-color: #3fca46
                }

                .s1 .info .right li:nth-child(3) .line span {
                    background-color: #3fca46
                }

            .s1 .info .right .circle {
                width: 74px;
                height: 74px;
                color: white;
                border-radius: 50%;
                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;
                position: absolute;
                top: -34px;
                left: 4px
            }

            .s1 .info .right .line {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .s1 .info .right .line span {
                    background-color: #d20202
                }

                    .s1 .info .right .line span:first-child, .s1 .info .right .line span:nth-child(3) {
                        width: 8px;
                        height: 8px;
                        border-radius: 50%
                    }

                    .s1 .info .right .line span:nth-child(2) {
                        width: 55px;
                        height: 1px
                    }

            .s1 .info .right .f16 {
                margin-top: -13px;
                margin-left: 17px;
                color: black;
                line-height: 30px
            }

    .s1 .stitle {
        margin-bottom: 33px
    }

    .s1 .form {
        overflow-x: auto
    }

        .s1 .form .form-detail {
            /*width: 1168px*/
        }

        .s1 .form .form-content ul, .s1 .form .form-title ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .s1 .form .form-content ul li, .s1 .form .form-title ul li {
                color: white;
                padding: 10px 0
            }

                .s1 .form .form-content ul li:not(:last-child), .s1 .form .form-title ul li:not(:last-child) {
                    border-right: 3px solid white
                }

            .s1 .form .form-content ul .l1, .s1 .form .form-title ul .l1 {
                width: 16.5%;
                text-align: center
            }

            .s1 .form .form-content ul .l2, .s1 .form .form-title ul .l2 {
                width: 16.5%;
                text-align: center
            }

            .s1 .form .form-content ul .l3, .s1 .form .form-title ul .l3 {
                width: 41.3%
            }

            .s1 .form .form-content ul .l4, .s1 .form .form-title ul .l4 {
                width: 25.7%
            }

            .s1 .form .form-content ul .l1-l2, .s1 .form .form-title ul .l1-l2 {
                width: 33%;
                text-align: center
            }

            .s1 .form .form-content ul .l3-4, .s1 .form .form-title ul .l3-4 {
                width: 67%;
                text-align: center
            }

        .s1 .form .form-title {
            border-bottom: 3px solid white;
            text-align: center
        }

            .s1 .form .form-title li:first-child {
                background-color: #31bc79
            }

            .s1 .form .form-title li:nth-child(2) {
                background-color: #ff7e3e
            }

            .s1 .form .form-title li:nth-child(3), .s1 .form .form-title li:nth-child(4) {
                background-color: #235cbc
            }

        .s1 .form .form-content ul li {
            color: #636363
        }

            .s1 .form .form-content ul li.l3 {
                padding-left: 40px
            }

            .s1 .form .form-content ul li.l4 {
                padding-left: 20px
            }

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

        .s1 .form .form-content.special li {
            height: 71px
        }

            .s1 .form .form-content.special li.l1, .s1 .form .form-content.special li.l2, .s1 .form .form-content.special li.l3 {
                line-height: 53px
            }

        .s1 .form .form-content:nth-child(2n) li:first-child {
            background-color: rgba(49,188,121,0.2)
        }

        .s1 .form .form-content:nth-child(2n) li:nth-child(2) {
            background-color: rgba(255,126,62,0.2)
        }

        .s1 .form .form-content:nth-child(2n) li:nth-child(3), .s1 .form .form-content:nth-child(2n) li:nth-child(4) {
            background-color: #d9e4f7
        }

        .s1 .form .form-content:nth-child(odd) li:first-child {
            background-color: rgba(49,188,121,0.5)
        }

        .s1 .form .form-content:nth-child(odd) li:nth-child(2) {
            background-color: rgba(255,126,62,0.5)
        }

        .s1 .form .form-content:nth-child(odd) li:nth-child(3), .s1 .form .form-content:nth-child(odd) li:nth-child(4) {
            background-color: #bcd2f8
        }

        .s1 .form .form-content:last-child li:first-child {
            color: white;
            background-color: #ff5c5c
        }

        .s1 .form .form-content:last-child li:nth-child(2) {
            background-color: #f8d2d2
        }

@media (max-width:991px) {
    .s1 .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .s1 .info .left {
            margin-right: 0%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin-bottom: 20px
        }

            .s1 .info .left .box {
                width: 49%
            }
}

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

        .s1 .info .left {
            margin-right: 0%;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .s1 .info .left .box {
                width: 100%
            }

        .s1 .info .right li {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-left: 0;
            padding-top: 60px
        }

            .s1 .info .right li .line {
                display: none
            }

    .s6 .info > div > div:nth-child(3) > div {
        width: 100% !important;
    }

        .s6 .info > div > div:nth-child(3) > div:nth-child(2) {
            margin-top: 10%;
        }
}

.s2 {
    margin-bottom: 93px
}

    .s2 .text-black {
        color: black;
    }

    .s2 .flex-wrap {
        flex-wrap: wrap;
    }

.d-flex {
    display: flex;
}

.s2 .w-100 {
    width: 100%;
}

.s2 .info {
    margin-bottom: 48px;
    overflow-x: auto;
    overflow-y: hidden;
}

    .s2 .info ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .s2 .info ul li {
            width: 100%
        }

            .s2 .info ul li:first-child .info-title {
                background-color: #d8211d
            }

            .s2 .info ul li:first-child .info-content {
                background-color: #ffdcd9;
                /*height : 90%;*/
                padding-left: 2.5%;
            }

                .s2 .info ul li:first-child .info-content .dotlist:before {
                    background-color: #d8211d
                }

        .s2 .info ul div li:first-child .info-title {
            background-color: #15880e;
        }

        .s2 .info ul div li:first-child .info-content {
            background-color: #c1fcbb;
            height: 90%;
        }

            .s2 .info ul div li:first-child .info-content .dotlist:before {
                background-color: #15880e
            }

        .s2 .info ul div li:nth-child(2) .info-title {
            background-color: #204390
        }

        .s2 .info ul div li:nth-child(2) .info-content {
            background-color: #cfefff;
            height: 90%;
        }

            .s2 .info ul div li:nth-child(2) .info-content .dotlist:before {
                background-color: #204390
            }

    .s2 .info .info-title {
        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;
        padding: 14px 0
    }

        .s2 .info .info-title .f16 {
            color: white;
            margin-left: 13px
        }

    .s2 .info .info-content {
        padding: 28px 25px;
        height: 460px
    }

        .s2 .info .info-content .dotlist {
            color: black
        }

            .s2 .info .info-content .dotlist:before {
                width: 6px;
                height: 6px;
                background-color: #d8211d
            }

@media (max-width:1329px) {
    .s2 .info .info-content {
        height: 440px
    }
}

@media (max-width:991px) {
    .s2 .info .info-content {
        height: 710px
    }
}

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

        .s2 .info ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            min-width: 420px;
        }

            .s2 .info ul li {
                width: 100%
            }

                .s2 .info ul li:not(:last-child) {
                    /*margin-bottom: 15px*/
                }

        .s2 .info .info-content {
            height: auto
        }
}

.s4 {
    margin-bottom: 80px
}

    .s4 .info {
        margin-bottom: 73px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .s4 .info .i1 {
            width: 50%
        }

        .s4 .info .i2 {
            width: 42%
        }

        .s4 .info ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 0 70px 70px 0;
            color: black;
            padding: 20px
        }

            .s4 .info ul li i {
                display: inline-block;
                margin-bottom: 8px
            }

            .s4 .info ul li .num {
                width: 5%;
                margin-right: 12px
            }

            .s4 .info ul li .imgwrap {
                width: 73px;
                text-align: center;
                margin-right: 25px
            }

            .s4 .info ul li .txt {
                -webkit-box-flex: 2;
                -ms-flex-positive: 2;
                flex-grow: 2
            }

            .s4 .info ul li:first-child {
                background-color: #fdfbce;
                margin-bottom: 3px
            }

                .s4 .info ul li:first-child i {
                    color: #d8850e
                }

            .s4 .info ul li:nth-child(2) {
                background-color: #fbe8fb;
                margin-bottom: 3px
            }

                .s4 .info ul li:nth-child(2) i {
                    color: #e7255c
                }

            .s4 .info ul li:nth-child(3) {
                background-color: #efd9ff
            }

                .s4 .info ul li:nth-child(3) i {
                    color: #632a7e
                }

    .s4 .form {
        margin-bottom: 5px;
        overflow-x: auto
    }

        .s4 .form .form-detail {
            /*width: 611px;*/
            margin: 0 auto
        }

        .s4 .form table tr:nth-child(3),
        .s4 .form table tr:nth-child(4),
        .s4 .form table tr:nth-child(5),
        .s4 .form table tr:nth-child(6),
        .s4 .form table tr:nth-child(7),
        .s4 .form table tr:nth-child(8),
        .s4 .form table tr:nth-child(9),
        .s4 .form table tr:nth-child(10),
        .s4 .form table tr:nth-child(11),
        .s4 .form table tr:nth-child(12) {
            background-color: rgba(230, 230, 230, 0.5);
            border-bottom: 2px solid white;
        }

        .s4 .form table td {
            padding: 5px;
        }

        .s4 .form table {
            width: 100%;
        }

        .s4 .form .form-btitle {
            background-color: #183b75;
            color: white;
            font-size: 1rem;
            text-align: center;
            padding: 8px 0;
            border-bottom: 2px solid white
        }

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

            .s4 .form .form-content ul .l1, .s4 .form .form-content ul .l2, .s4 .form .form-content ul .l3, .s4 .form .form-title ul .l1, .s4 .form .form-title ul .l2, .s4 .form .form-title ul .l3, .s4 .form .li-group .l1, .s4 .form .li-group .l2, .s4 .form .li-group .l3 {
                width: 306px;
                align-self: stretch;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .s4 .form .form-content ul .l4, .s4 .form .form-content ul .l5, .s4 .form .form-content ul .l6, .s4 .form .form-title ul .l4, .s4 .form .form-title ul .l5, .s4 .form .form-title ul .l6, .s4 .form .li-group .l4, .s4 .form .li-group .l5, .s4 .form .li-group .l6 {
                width: 83px
            }

        .s4 .form .form-title {
            background-color: rgba(24,59,117,0.2);
            color: #183b75;
            border-bottom: 2px solid white
        }

            .s4 .form .form-title li {
                padding: 8px 0
            }

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

        .s4 .form .form-content {
            background-color: rgba(230,230,230,0.5);
            border-bottom: 2px solid white
        }

            .s4 .form .form-content li.l1 {
                border-right: 2px solid white;
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
                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
            }

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

            .s4 .form .form-content li .li-group div {
                padding: 8px 0
            }

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

.s4_circle .outer-ring {
    width: 100px;
    height: 100px;
    border: 1px solid #FFCC00; /* 外圈黃色 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.s4_circle .middle-ring {
    width: 80px;
    height: 80px;
    border: 10px solid #FFCC00; /* 中間的黑色圓環 */
    border-radius: 50%;
    background-color: #FFCC00;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s4_circle .inner-ring {
    width: 70px;
    height: 63px;
    background-color: white; /* 內圈黃色圓心 */
    border-radius: 50%;
    color: black;
    font-weight: bold;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s4_circle div {
    justify-items: center;
    width: 79%;
}

.s4_circle o {
    color: #D8850E;
}

.s4_circle r {
    color: #FF21FF;
}

.s4_circle p {
    color: #632A7E;
}

.s4_circle .arrow-right {
    width: 48px;
    height: 27px;
    background: #66B2E0;
    position: relative;
    border: 2px solid #2C6794;
    box-sizing: border-box;
    top: 32px;
}

    .s4_circle .arrow-right::after {
        content: "";
        position: absolute;
        right: -20px;
        top: -7px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #66B2E0;
        z-index: 1;
    }

    .s4_circle .arrow-right::before {
        content: "";
        position: absolute;
        right: -22px;
        top: -9px;
        width: 0;
        height: 0;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 22px solid #2C6794;
        z-index: 0;
    }

.s4 .form > table > tbody > tr:first-child,
.s4 .form > table > tbody > tr:nth-child(2) {
    color: white;
}

    .s4 .form > table > tbody > tr:nth-child(2) > td:first-child {
        background-color: #31bc79;
    }

    .s4 .form > table > tbody > tr:nth-child(2) > td:nth-child(2) {
        background-color: #ff7e3e;
    }

    .s4 .form > table > tbody > tr:nth-child(2) > td:nth-child(3),
    .s4 .form > table > tbody > tr:nth-child(2) > td:nth-child(4),
    .s4 .form > table > tbody > tr:nth-child(2) > td:nth-child(5),
    .s4 .form > table > tbody > tr:nth-child(2) > td:nth-child(6) {
        background-color: #235cbc;
    }

.s4 .form > table > tbody > tr:nth-child(3) > td:first-child,
.s4 .form > table > tbody > tr:nth-child(13) > td:first-child {
    background-color: rgba(49, 188, 121, 0.5);
}

.s4 .form > table > tbody > tr:nth-child(9) > td:first-child {
    background-color: rgba(49, 188, 121, 0.2);
}

.s4 .form > table > tbody > tr:nth-child(3) > td:not(:first-child),
.s4 .form > table > tbody > tr:nth-child(4) > td,
.s4 .form > table > tbody > tr:nth-child(5) > td,
.s4 .form > table > tbody > tr:nth-child(6) > td,
.s4 .form > table > tbody > tr:nth-child(7) > td,
.s4 .form > table > tbody > tr:nth-child(13) > td:not(:first-child),
.s4 .form > table > tbody > tr:nth-child(14) > td {
    background-color: rgba(255, 126, 62, 0.5);
}

.s4 .form > table > tbody > tr:nth-child(8) > td,
.s4 .form > table > tbody > tr:nth-child(9) > td,
.s4 .form > table > tbody > tr:nth-child(10) > td,
.s4 .form > table > tbody > tr:nth-child(11) > td,
.s4 .form > table > tbody > tr:nth-child(12) > td {
    background-color: rgba(255, 126, 62, 0.2);
}
@media (max-width:991px) {
    .s4 > div:nth-child(8) {
        flex-direction: column;
    }

        .s4 > div:nth-child(8) > div {
            width: 100% !important;
        }
}

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

        .s4 .info {
            margin-bottom: 40px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .s4 .info .i1 {
                width: 100%;
                margin-bottom: 20px
            }

            .s4 .info .i2 {
                width: 100%
            }

        .s4 > div:nth-child(8) {
            flex-direction: column;
        }

            .s4 > div:nth-child(8) > div {
                width: 100% !important;
            }
}

.s5 {
    margin-bottom: 116px
}

    .s5 .form table tr {
        background-color: rgba(230, 230, 230, 0.5);
        border-bottom: 2px solid white;
    }

    .s5 .form table td {
        padding: 2%;
    }

    .s5 .sstitle {
        margin-bottom: 30px
    }

    .s5 .wrap {
        overflow-x: auto;
        margin-bottom: 107px
    }

        .s5 .wrap img {
            width: 1168px;
            max-width: initial
        }

    .s5 .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .s5 .info .item {
            width: 39%
        }

            .s5 .info .item .sstitle {
                margin-bottom: 48px;
                text-align: center;
            }

    .s5 .form {
        margin-bottom: 5px;
        overflow-x: auto;
        align-items: center;
        /*display: flex;*/
        width: 60%;
    }

        .s5 .form .form-detail {
            width: 557px
        }

        .s5 .form .form-btitle {
            background-color: #183b75;
            color: white;
            font-size: 1rem;
            text-align: center;
            padding: 8px 0;
            border-bottom: 2px solid white
        }

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

            .s5 .form .form-content ul .l1, .s5 .form .form-content ul .l2, .s5 .form .form-title ul .l1, .s5 .form .form-title ul .l2, .s5 .form .li-group .l1, .s5 .form .li-group .l2 {
                width: 118px
            }

            .s5 .form .form-content ul .l3, .s5 .form .form-content ul .l4, .s5 .form .form-content ul .l5, .s5 .form .form-title ul .l3, .s5 .form .form-title ul .l4, .s5 .form .form-title ul .l5, .s5 .form .li-group .l3, .s5 .form .li-group .l4, .s5 .form .li-group .l5 {
                width: 106px
            }

        .s5 .form .form-title {
            background-color: rgba(24,59,117,0.2);
            color: #183b75;
            border-bottom: 2px solid white
        }

            .s5 .form .form-title li {
                padding: 8px 0
            }

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

        .s5 .form .form-content {
            background-color: rgba(230,230,230,0.5);
            border-bottom: 2px solid white
        }

            .s5 .form .form-content li.l1 {
                border-right: 2px solid white;
                -ms-flex-item-align: stretch;
                -ms-grid-row-align: stretch;
                align-self: stretch;
                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
            }

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

            .s5 .form .form-content li .li-group div {
                padding: 8px 0
            }

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

        .s5 .form .note {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
        .s5 .form > table > tbody > tr:nth-child(2){
            color:white;
        }
        .s5 .form > table > tbody > tr:nth-child(2) > td:first-child {
            background-color: #31bc79;
        }
            .s5 .form > table > tbody > tr:nth-child(2) > td:nth-child(2) {
                background-color: #ff7e3e;
            }
            .s5 .form > table > tbody > tr:nth-child(2) > td:nth-child(3),
            .s5 .form > table > tbody > tr:nth-child(2) > td:nth-child(4),
            .s5 .form > table > tbody > tr:nth-child(2) > td:nth-child(5) {
                background-color: #235cbc;
            }
        .s5 .form > table > tbody > tr:nth-child(5) > td:first-child {
            background-color: rgba(49, 188, 121, 0.2);
        }
        .s5 .form > table > tbody > tr:nth-child(3) > td:first-child,
        .s5 .form > table > tbody > tr:nth-child(7) > td:first-child {
            background-color: rgba(49, 188, 121, 0.5);
        }
        .s5 .form > table > tbody > tr:nth-child(3) > td:not(:first-child),
        .s5 .form > table > tbody > tr:nth-child(4) > td,
        .s5 .form > table > tbody > tr:nth-child(7) > td:not(:first-child),
        .s5 .form > table > tbody > tr:nth-child(8) > td {
            background-color: rgba(255,126,62,0.5);
        }
        .s5 .form > table > tbody > tr:nth-child(5) > td:not(:first-child),
        .s5 .form > table > tbody > tr:nth-child(6) > td {
            background-color: rgba(255,126,62,0.2);
        }
        

@media (max-width:1200px) {
    .s5 .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .s5 .info .item {
            margin-bottom: 40px
        }
}
@media (max-width:991px) {
    .s5 .info .item {
        width: 100%;
    }

    .s5 .form {
        width: 100%;
    }
}
@media (max-width:767px) {
    .s5 {
        margin-bottom: 50px
    }

        .s5 .wrap {
            margin-bottom: 40px
        }

        .s5 .info .item {
            width: 100%
        }

        .s5 .info .item {
            width: 100%;
        }

        .s5 .form {
            width: 100%;
        }
}

.s6 {
    margin-bottom: 92px
}

    .s6 .info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .s6 .info .left {
            /*width: 55%;*/
            margin-top: 15px
        }

        .s6 .info .right {
            width: 65%
        }

        .s6 .info .form {
            margin-bottom: 15px;
            overflow-x: auto;
            width: 33%;
        }

            .s6 .info .form .form-detail {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .s6 .info .form .form-btitle {
                width: 31%;
                background-color: #183b75;
                color: white;
                text-align: center;
                border-right: 3px solid white;
                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;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                line-height: 30px;
                font-size: 1.25rem
            }

                .s6 .info .form .form-btitle i {
                    font-size: 1.75rem
                }

            .s6 .info .form .form-wrap {
                width: 100%
            }

            .s6 .info .form .form-content ul, .s6 .info .form .form-title ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 1.125rem
            }

                .s6 .info .form .form-content ul .l1, .s6 .info .form .form-title ul .l1 {
                    width: 37%
                }

                .s6 .info .form .form-content ul .l2, .s6 .info .form .form-content ul .l3, .s6 .info .form .form-content ul .l4, .s6 .info .form .form-title ul .l2, .s6 .info .form .form-title ul .l3, .s6 .info .form .form-title ul .l4 {
                    width: 21%
                }

                .s6 .info .form .form-content ul li, .s6 .info .form .form-title ul li {
                    text-align: center;
                    padding: 10px 0
                }

                    .s6 .info .form .form-content ul li:not(:last-child), .s6 .info .form .form-title ul li:not(:last-child) {
                        border-right: 3px solid white
                    }

                .s6 .info .form .form-content ul:not(:last-child) li {
                    border-bottom: 3px solid white;
                }

            .s6 .info .form .form-unit {
                text-align: right;
                padding: 5px;
                /*background-color: #f5f5f5;*/
                color: black;
                border-bottom: 3px solid white
            }

            .s6 .info .form .form-title {
                background-color: #1d7ed9;
                color: white;
                border-bottom: 3px solid white
            }

            .s6 .info .form .form-content {
                color: #183b75;
                background-color: rgba(29,126,217,0.2)
            }

        .s6 .info .greybg {
            background-color: #e6e6e6;
            padding: 20px 0 30px;
            text-align: center
        }

            .s6 .info .greybg .f16 {
                color: #183b75;
                line-height: 24px;
                margin-bottom: 20px
            }

    .s6 .font20 {
        font-size: 20px;
    }

@media (max-width:1200px) {
    .s6 .info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .s6 .info .left {
            width: 100%
        }

        .s6 .info .right {
            /*width: 100%;*/
            margin-top: 0
        }
}

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

        .s6 .info .form {
            width: 100%;
        }

        .s6 .info .right {
            width: 100%
        }

        .s6 .info .greybg {
            padding: 20px
        }
}

.s7 {
    margin-bottom: 225px
}

    .s7 .text {
        color: black
    }

        .s7 .text .sstitle {
            margin-bottom: 16px;
            color: black
        }

        .s7 .text ul {
            margin-left: 20px
        }

        .s7 .text li {
            display: -webkit-box;
            display: -ms-flexbox;
            /*display: flex;*/
            line-height: 25px
        }

.white-space {
    white-space: nowrap;
}

.s7 .text li div > span:nth-child(2) i {
    color: #1a3c76;
    font-weight: 700;
}

.s7 .text.t1 {
    margin-bottom: 50px
}

.s7 .text.t2 {
    margin-bottom: 50px
}

    .s7 .text.t2 ul {
        /*margin-left: 36px*/
    }

    .s7 .text.t2 li span:first-child {
        /*margin-right: 135px;*/
        font-weight: 700;
    }

    .s7 .text.t2 li div bk {
        font-weight: 700;
    }

.s7 .text.t3 li span:first-child {
    margin-right: 10px
}

@media (max-width:767px) {
    .s7 {
        margin-bottom: 100px
    }

        .s7 .text {
            color: black
        }

            .s7 .text ul {
                margin-left: 0px
            }

            .s7 .text.t1 {
                margin-bottom: 30px
            }

            .s7 .text.t2 {
                margin-bottom: 30px
            }

                .s7 .text.t2 ul {
                    margin-left: 0px
                }
}

.d-flex {
    display: flex;
}

.white-nowrap {
    white-space: nowrap;
}

.clickshine {
    color: #FFC000 !important;
}

.s8 > .abgne_tab > ul:first-child {
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
}

@media (max-width:991px) {
    .s8 > .abgne_tab > ul:first-child {
        width: 100%;
        flex-direction: column;
        text-align: left !important;
    }
}

.s9 > div:nth-child(2) > div > div:nth-child(2) {
    margin: -29px 0px 0 119px;
}

    .s9 > div:nth-child(2) > div > div:nth-child(2) > div {
        width: 25%;
        padding: 0 15px;
    }

        .s9 > div:nth-child(2) > div > div:nth-child(2) > div > div:first-child {
            font-weight: 500;
            font-size: 23px;
            margin-bottom: 11px;
            color: #1a3c76;
        }

.s9 .dotlist:before {
    background-color: #636363;
}

.s10 {
    /*text-align: justify;*/
}

    .s10 .stitle {
        margin-bottom: 33px;
    }

    .s10 .content .d-flex > div, .s10 .content > div:nth-child(2) {
        border: gray 1px dashed;
    }

    .s10 .content .d-flex:not(:last-child) > div:first-child, .s10 .content .d-flex:not(:last-child) > div:last-child, .s10 .content > div:nth-child(2) {
        border-left: none;
        border-right: none;
    }

    .s10 .content .d-flex:first-child div {
        border-top: none;
    }

    .s10 .content .d-flex > div, .s10 .content > div:nth-child(2), .s10 .content > div:nth-child(4) {
        padding: 1%;
    }

        .s10 .content .d-flex > div div:not(.dotlist), .s10 .content > div:nth-child(2) div:not(.dotlist) {
            margin-left: 1em;
        }

    .s10 .dotlist {
        color: #091f4b;
    }

        .s10 .dotlist:before {
            background-color: #091f4b;
        }

    .s10 .content .d-flex:last-child div {
        border-bottom: none;
    }

    .s10 .content .d-flex:last-child > div:first-child {
        border-left: none;
    }

    .s10 .content .d-flex:last-child > div:last-child {
        border-right: none;
    }