@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 {
    margin-bottom: 50px
}

    .s1 .FullService div {
        width: 98%;
        text-align: center;
    }

        .s1 .FullService div:first-child img {
            margin-left: 28px;
        }

        .s1 .FullService div:nth-child(6) img {
            margin-right: 12px;
        }

        .s1 .FullService div img {
            width: 40%;
            height: 22%;
        }

    .s1 .FullService span {
        font-weight: 700;
        color: #1A3C76;
    }

.s2 {
    margin-bottom: 120px
}

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

    .s2 .scontent {
        margin-bottom: 50px
    }

    .s2 .imgwrap {
        margin-bottom: 60px;
        overflow-x: auto
    }

        .s2 .imgwrap img {
            width: 1168px;
            max-width: initial
        }

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

        .s2 .info .i1 {
            width: 44.5%
        }

            .s2 .info .i1 .box {
                width: 40%
            }

            .s2 .info .i1 .f16 {
                background-color: #e9ebfc;
                color: #183b75
            }

            .s2 .info .i1 .circle {
                margin-bottom: 45px
            }

                .s2 .info .i1 .circle:after {
                    border: 5px solid #183b75
                }

        .s2 .info .i2 {
            width: 53.5%
        }

            .s2 .info .i2 .box {
                width: 25%
            }

            .s2 .info .i2 .f16 {
                background-color: #ffe8e3;
                color: #e82904
            }

            .s2 .info .i2 .circle {
                margin-bottom: 50px
            }

                .s2 .info .i2 .circle:after {
                    border: 5px solid #e82904
                }

        .s2 .info .f16 {
            border-radius: 22px;
            padding: 10px 0;
            text-align: center;
            /*margin-bottom: 72px*/
        }

        .s2 .info .boxwrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 70px
        }

        .s2 .info .box {
            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-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .s2 .info .circle {
            position: relative;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            font-size: 1.125rem;
            color: black
        }

            .s2 .info .circle:before {
                content: "";
                width: 93px;
                height: 93px;
                border: 1px solid black;
                border-radius: 50%;
                display: inline-block;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .s2 .info .circle:after {
                content: "";
                width: 87px;
                height: 87px;
                border-radius: 50%;
                display: inline-block;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

        .s2 .info .txt {
            text-align: center;
            color: black
        }

            .s2 .info .txt i {
                color: #183b75
            }

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

        .s2 .info .i1 {
            width: 60%;
            margin-bottom: 20px
        }

        .s2 .info .i2 {
            width: 60%
        }
}

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

        .s2 .stitle {
            margin-bottom: 25px
        }

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

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

        .s2 .info .i1 {
            width: 100%
        }

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

            .s2 .info .i2 .box {
                width: 32%
            }
}

.s3 {
    margin-bottom: 90px
}

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

        .s3 .info .imgwrap {
            width: 49%
        }

        .s3 .info .rtitle {
            background-color: #183b75;
            color: white;
            text-align: center;
            padding: 8px;
            font-size: 20px;
        }

        .s3 .info .rcontent {
            background-color: #f7f7f7;
            padding: 30px 30px 0 30px;
        }

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

        .s3 .info {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .s3 .info .imgwrap {
                width: 100%
            }

                .s3 .info .imgwrap:first-child {
                    margin-bottom: 20px
                }
}

.s4 {
    margin-bottom: 64px
}

    .s4 .btitle {
        margin-bottom: 57px
    }

    .s4 .wrap {
        margin-bottom: 82px;
        overflow-x: auto
    }

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

    .s4 .stitle {
        margin-bottom: 26px
    }

    .s4 .dotlist {
        margin-bottom: 14px
    }

        .s4 .dotlist:before {
            background-color: #1a3c76
        }

        .s4 .dotlist.mb26 {
            margin-bottom: 26px
        }

    .s4 .picwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .s4 .picwrap .imgwrap {
            width: 70%
        }

            .s4 .picwrap .imgwrap img {
                width: 100%
            }

        .s4 .picwrap .scontent {
            width: 28%;
            margin-bottom: 0;
            margin-top: 50px
        }

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

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

        .s4 .picwrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .s4 .picwrap .imgwrap {
                width: 100%
            }

            .s4 .picwrap .scontent {
                width: 100%;
                margin-top: 0px
            }
}

.s5 {
    margin-bottom: 87px
}

    .s5 .stitle {
        font-size: 1rem
    }

    .s5 .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .s5 .wrap .info1 {
            width: 33%;
            margin-left: 17%;
        }

        .s5 .wrap .info2 {
            width: 43%
        }

    .s5 .info1 .stitle {
        margin-bottom: 20px;
        width: 286px;
        text-align: center;
    }

    .s5 .info1 li {
        color: black;
        width: 286px;
        padding: 10px;
        border-radius: 15px;
        text-align: center
    }

        .s5 .info1 li:not(:last-child) {
            margin-bottom: 10px
        }

        .s5 .info1 li:first-child {
            background-color: #fff29e
        }

        .s5 .info1 li:nth-child(2) {
            background-color: #c9ff9e
        }

        .s5 .info1 li:nth-child(3) {
            background-color: #bec1cc
        }

        .s5 .info1 li:nth-child(4) {
            background-color: #c0e4ff
        }

        .s5 .info1 li:nth-child(5) {
            background-color: #ffc2ec
        }

    .s5 .info3 {
        margin-bottom: 90px
    }

        .s5 .info3 .stitle {
            margin-bottom: 30px
        }

        .s5 .info3 .imgwrap {
            overflow-x: auto
        }

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

    .s5 .info4 .stitle {
        margin-bottom: 35px
    }

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

        .s5 .info4 ul li {
            width: 49.5%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #f2f2f2;
            color: black;
            min-height: 108px;
            margin-bottom: 7px;
            padding: 0 10px 0 30px;
            line-height: 30px
        }

            .s5 .info4 ul li .imgwrap {
                margin-right: 30px;
                width: 113px
            }

                .s5 .info4 ul li .imgwrap img {
                    width: 113px;
                    height: 60px;
                    -o-object-fit: cover;
                    object-fit: cover;
                    max-width: initial
                }

            .s5 .info4 ul li .txt .f16:first-child {
                color: #1a3c76
            }

            .s5 .info4 ul li .txt .f16:nth-child(2) {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

.s5ul {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 60px;
}

.sixintable {
    width: 500px;
    margin-left: -200px;
    margin-top: 30px;
    text-align: center;
}

    .sixintable .td1 {
        background-color: #fecc78;
    }

    .sixintable .td2 {
        background-color: #fee6d5;
    }

    .sixintable .td3 {
        background-color: #fef0e7;
    }

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

        .s5 .wrap .info1 {
            width: 100%;
            margin-bottom: 20px
        }

        .s5 .wrap .info2 {
            width: 100%
        }

            .s5 .wrap .info2 .stitle {
                text-align: left !important;
            }

        .s5 .wrap .info1 {
            margin-left: 0;
        }

    .s5 .info4 ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .s5 .info4 ul li {
            width: 100%
        }
}

@media (max-width:767px) {
    .s5 {
        margin-bottom: 50px
    }
        .s5 .info1 .stitle{
            text-align:left;
        }
        .s5 .wrap .info1, .s5 .wrap .info2 {
            margin-bottom: 40px
        }

        .s5 .info3 {
            margin-bottom: 20px
        }

        .s5 .info4 ul li {
            -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;
            padding: 20px
        }

            .s5 .info4 ul li .imgwrap {
                margin-right: 0;
                margin-bottom: 10px
            }
}

.s6 {
    margin-bottom: 173px
}

    .s6 .stitle {
        font-size: 1rem
    }

    .s6 .info1 {
        margin-bottom: 66px
    }

        .s6 .info1 .stitle {
            margin-bottom: 35px
        }

        .s6 .info1 ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            align-items: flex-start;
        }

            .s6 .info1 ul li {
                width: 29%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: flex-start;
                line-height: 30px;
                color: black
            }

                .s6 .info1 ul li:first-child i {
                    color: #1c598c
                }

                .s6 .info1 ul li:nth-child(2) i {
                    color: #ee4011
                }

                .s6 .info1 ul li:nth-child(3) i {
                    color: #808080
                }

                .s6 .info1 ul li img {
                    width: 101px;
                    margin-right: 30px;
                    margin-top: 60px;
                }

    .s6 .info2 {
        margin-bottom: 59px
    }

        .s6 .info2 .stitle {
            margin-bottom: 44px
        }

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

            .s6 .info2 ul li {
                width: 14.4%;
                min-width: 167px;
                color: black
            }

                .s6 .info2 ul li .box {
                    padding: 18px 10px;
                    text-align: center;
                    margin-bottom: 14px
                }

                .s6 .info2 ul li .txt {
                    line-height: 30px
                }

                .s6 .info2 ul li .t1 {
                    height: 48px;
                    margin-bottom: 10px
                }

                    .s6 .info2 ul li .t1.flex {
                        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
                    }

                .s6 .info2 ul li .t2 i {
                    font-size: 1.375rem
                }

                .s6 .info2 ul li:first-child .box {
                    background-color: #f3d0d0
                }

                .s6 .info2 ul li:first-child .t2 {
                    color: #f52c2c
                }

                .s6 .info2 ul li:nth-child(2) .box {
                    background-color: #d0eef3
                }

                .s6 .info2 ul li:nth-child(2) .t2 {
                    color: #373ad6
                }

                .s6 .info2 ul li:nth-child(3) .box {
                    background-color: #f4caa1
                }

                .s6 .info2 ul li:nth-child(3) .t2 {
                    color: #ef460a
                }

                .s6 .info2 ul li:nth-child(4) .box {
                    background-color: #faf3aa
                }

                .s6 .info2 ul li:nth-child(4) .t2 {
                    color: #fd971f
                }

                .s6 .info2 ul li:nth-child(5) .box {
                    background-color: #c9fdbe
                }

                .s6 .info2 ul li:nth-child(5) .t2 {
                    color: #40a119
                }

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

        .s6 .info1 ul li {
            width: 100%
        }

            .s6 .info1 ul li:not(:last-child) {
                margin-bottom: 10px
            }

    .s6 .info2 ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .s6 .info2 ul li {
            width: 100%;
            margin: 0 !important;
        }

            .s6 .info2 ul li:not(:last-child) {
                margin-bottom: 10px
            }

    .s6 .sixintable {
        margin-left: 0px;
        width: 100%;
    }

    .s1 .FullService div img {
        width: auto;
        height: fit-content;
    }

    .s1 .FullService {
        flex-wrap: wrap;
    }
}

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

        .s6 .info1 {
            margin-bottom: 40px
        }

        .s6 .info2 {
            margin-bottom: 40px
        }

            .s6 .info2 ul li {
                /*width: 100%*/
            }
}

.d-flex {
    display: flex;
}
.white-nowrap {
    white-space: nowrap;
}
.clickshine {
    color:#FFC000 !important;
}
.s7 > .abgne_tab > ul:first-child {
    width: 34%;
    margin: auto;
}

@media (max-width:991px) {
    .s7 > .abgne_tab > ul:first-child {
        width: 85%;
    }
}