@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 {
        border-radius: 20px;
        padding: 13px 14px;
        flex-wrap: wrap;
        color:black;
        margin-bottom:10px;
    }
        .s1 .FullService>div:first-child {
            background-color: #DAE3F3;
        }
        .s1 .FullService>div:nth-child(2), 
        .s1 .FullService>div:nth-child(2)>div:first-child {
            background-color: #BAFCD5;
        }
        .s1 .FullService div:nth-child(3), 
        .s1 .FullService div:nth-child(3)>div:first-child {
            background-color: #A0FEB6;
        }
        .s1 .FullService div:nth-child(4), 
        .s1 .FullService div:nth-child(4)>div:first-child {
            background-color: #FBE5D6;
        }
        .s1 .FullService div:nth-child(5), 
        .s1 .FullService div:nth-child(5)>div:first-child {
            background-color: #F8CBAD;
        }
        .s1 .FullService div:nth-child(6), 
        .s1 .FullService div:nth-child(6)>div:first-child{
            background-color: #FFF2CC;
        }
        .s1 .FullService div:nth-child(7), 
        .s1 .FullService div:nth-child(7)>div:first-child {
            background-color: #FFC1C1;
        }
        .s1 .FullService div div:first-child div {
            font-weight: 700;
            color: #1A3C76;
        }
    .s1 .FullService > div > div:first-child {
        /* width: 30%; */
        text-align: left;
        /*white-space: nowrap;*/
        min-width: 289px;
        flex-shrink: 1;
    }
    .s1 .FullService > div > div:nth-child(2) {
        width: 817px;
        /*margin-left: 10px;*/
        flex-shrink: 1;
        min-width: 0;
        align-content: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%;*/
        }

.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%;
                min-width:160px;
            }

            .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;
            overflow-x: auto;
        }

        .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
        }

.pab {
    position: relative;
}

.s2 .info .circle:before {
    content: "";
    width: 108px;
    height: 105px;
    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: 102px;
    height: 100px;
    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) {
    .s1 .FullService > div > div:first-child {
        min-width: 0;
    }
    .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%;
                min-width:126px;
            }
}

.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;
        flex-wrap:wrap;
    }

        .s3 .info .imgwrap {
            width: 572px;
        }

        .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;
        }

    .s3 .pab .pab:first-child {
        width: 200px; top: 68px; left: 67px;
        position:absolute;
    }

    .s3 .pab .pab:nth-child(2) {
        left: 343px; width: 300px; top: 80px;
        position:absolute;
    }

    .s3 .pab .pab:nth-child(3) {
        left: 444px; top: 323px; width: 121px;
        position:absolute;
    }

    .s3 .pab .pab:nth-child(4) {
        top: 380px; width: 300px;
        position:absolute;
    }

    .s3 .pab .pab:nth-child(5) {
        top: 313px;
        position:absolute;
    }

    .s3 .pab .pab:last-child {
        top: 126px;
        left: 29px;
        position: absolute;
        width: 95px;
    }

@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;
            overflow-x:auto;
        }

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

                .s3 .info .imgwrap:first-child {
                    margin-bottom: 20px
                }
        .s3 .pab .pab:first-child {
/*            width: 200px;
            top: 68px;
            left: 106px;*/
        }

        .s3 .pab .pab:nth-child(2) {
/*            left: 415px;
            width: 300px;
            top: 120px;*/
        }

        .s3 .pab .pab:nth-child(3) {
/*            left: 495px;
            top: 323px;
            width: 121px;*/
        }

        .s3 .pab .pab:nth-child(4) {
/*            top: 380px;
            width: 300px;
            left: 36px;*/
        }

        .s3 .pab .pab:nth-child(5) {
/*            top: 314px;
            left: 27px;*/
        }

        .s3 .pab .pab:last-child {
/*            top: 133px;
            left: 5px;
            width: 174px;*/
        }
}

.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: 15%;
        }

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

    .s5 .info1 .stitle {
        margin-bottom: 20px;
        text-align:center;
        width:286px;
    }
        .s5 .info2 .stitle{
            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;
    align-items: center;
    width:fit-content;
}

.sixintable {
    margin-top: 30px;
    text-align: center;
    color: black;
}
    .sixintable td{
        padding:8px;
    }
    .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;
        overflow-x:auto;
    }

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

        .s5 .wrap .info2 {
            width: 100%;
            min-width: 622px;
        }

    .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 .wrap .info1, .s5 .wrap .info2 {
            margin-bottom: 40px;
            
        }
            .s5 .wrap .info1{
                margin-left:0px;
            }
            .s5 .info1 .stitle {
                text-align: left;
            }
        .s5 .info2 .stitle {
            text-align: left;
        }
        .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: 31%;
                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;
                height: 360px;
            }

                .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:90px;
                }

    .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>div>div:first-child  li {
                width: 350px;
                min-width: 167px;
                color: black
            }
            .s6 .info2 ul > div > div:nth-child(2) li {
                width: 30%;
                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: 20px
                }

                .s6 .info2 ul li .t1 {
                    height: 93px;
                    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;
        overflow-x:auto;
    }

        .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;
        overflow-x:auto;
        overflow-y:hidden;
    }

        .s6 .info2 ul li {
            width: 50%
        }

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

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

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

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

            .s6 .info2 ul li {
                width: 100%!important;
                margin-right:0!important;
            }
            .s6 .info2 ul>div >div:first-child{
                flex-wrap:wrap;
            }
            .s6 .info2 ul>div >div:nth-child(2){
                flex-wrap:wrap;
                margin-left:0!important;
            }
            
}

.d-flex {
    display: flex;
}

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

.clickshine {
    color: #FFC000 !important;
}

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

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