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

.s2 {
    margin-bottom: 100px
}

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

    .s2 .info1 {
        margin-bottom: 34px;
        margin-left: 15%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .s2 .info1 .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 85px
        }

        .s2 .info1 .iconwrap {
            margin-right: 24px
        }

        .s2 .info1 .f18 {
            line-height: 30px;
            color: black
        }

    .s2 .info2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .s2 .info2 .line {
            padding-top: 10px;
            width: 150px;
            border-top: 1px solid #183b75;
            color: #183b75;
            font-size: 1.125rem;
            text-align: center;
        }

        .s2 .info2 .item {
            background-color: #e6e6e6;
            width: 281px;
            color: black;
            line-height: 30px;
            margin-right: 17px;
            font-size: 1.125rem;
            padding: 9px 0
        }

            .s2 .info2 .item:first-child {
                padding-left: 70px
            }

            .s2 .info2 .item:nth-child(2) {
                padding-left: 35px
            }

            .s2 .info2 .item:nth-child(3) {
                padding-left: 55px
            }

@media (max-width:991px) {
    .s2 .info1 {
        margin-left: 0
    }

    .s2 .info2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .s2 .info2 .item:not(:last-child) {
            margin-bottom: 10px
        }
}

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

        .s2 .info1 {
            margin-bottom: 20px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .s2 .info1 .item {
                width: 100%
            }

                .s2 .info1 .item:not(:last-child) {
                    margin-bottom: 20px
                }

        .s2 .info2 .item {
            width: 100%;
            padding: 8px 20px !important
        }
}

.s3 {
    margin-bottom: 90px
}

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

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

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

        .s3 .info .mt {
            margin-top: 59px
        }

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

    .s3 .bar-info {
        color: black;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .s3 .bar-info li {
            position: relative;
            padding-left: 25px
        }

            .s3 .bar-info li:before {
                content: "";
                width: 18px;
                height: 18px;
                border-radius: 50%;
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

            .s3 .bar-info li:first-child {
                margin-right: 15px
            }

                .s3 .bar-info li:first-child:before {
                    background-color: #36c7fc
                }

            .s3 .bar-info li:nth-child(2) {
                margin-right: 15px
            }

                .s3 .bar-info li:nth-child(2):before {
                    background-color: #ff66ff
                }

            .s3 .bar-info li:nth-child(3):before {
                background-color: #efa729
            }

    .s3 .type1 {
        width: 100%;
        display: flex;
        flex-flow: column;
        justify-content: space-around;
        background-color: #f8faf9;
        padding: 20px;
        margin-bottom: 5px;
    }

    .s3 .bar-charts {
        overflow-x: auto
    }

    .s3 .bar-chart {
        /*width: 1168px*/
    }

        .s3 .bar-chart .flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-around;
        }

    .s3 .bar-detail {
        position: relative
    }

        .s3 .bar-detail ul {
            /*width: 80px;*/
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -ms-flex-pack: distribute;
            justify-content: space-around
        }

            .s3 .bar-detail ul li:after {
                content: "";
                display: block;
                background-color: #3d9970;
                width: 22px;
                height: 10px;
                position: relative;
                left: 0%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                border-radius: 10px 10px 0 0
            }

            .s3 .bar-detail ul li:first-child {
                color: #36c7fc
            }

                .s3 .bar-detail ul li:first-child:after {
                    background-color: #36c7fc
                }

            .s3 .bar-detail ul li:nth-child(2) {
                color: #ff66ff
            }

                .s3 .bar-detail ul li:nth-child(2):after {
                    background-color: #ff66ff
                }

            .s3 .bar-detail ul li:nth-child(3) {
                color: #efa729
            }

                .s3 .bar-detail ul li:nth-child(3):after {
                    background-color: #efa729
                }

        .s3 .bar-detail .line {
            padding-top: 10px;
            /*width: 80px;*/
            border-top: 1px solid #183b75;
            color: #183b75;
            font-size: 1.125rem;
            text-align: center
        }

        .s3 .bar-detail .greytxt {
            font-size: 1.125rem;
            color: black;
            background-color: #e6e6e6;
            text-align: center;
            border-radius: 21px;
            padding: 2.5px 0;
            margin-top: 0px
        }

            .s3 .bar-detail .greytxt.long {
                position: absolute;
                width: 690px;
                left: 0
            }

        .s3 .bar-detail.mb {
            margin-bottom: 53px
        }

    .s3 .h-0:after {
        height: 0px !important
    }

    .s3 .h-1:after {
        height: 1px !important
    }

    .s3 .h-2:after {
        height: 2px !important
    }

    .s3 .h-3:after {
        height: 3px !important
    }

    .s3 .h-4:after {
        height: 4px !important
    }

    .s3 .h-5:after {
        height: 5px !important
    }

    .s3 .h-6:after {
        height: 6px !important
    }

    .s3 .h-7:after {
        height: 7px !important
    }

    .s3 .h-8:after {
        height: 8px !important
    }

    .s3 .h-9:after {
        height: 9px !important
    }

    .s3 .h-10:after {
        height: 10px !important
    }

    .s3 .h-11:after {
        height: 11px !important
    }

    .s3 .h-12:after {
        height: 12px !important
    }

    .s3 .h-13:after {
        height: 13px !important
    }

    .s3 .h-14:after {
        height: 14px !important
    }

    .s3 .h-15:after {
        height: 15px !important
    }

    .s3 .h-16:after {
        height: 16px !important
    }

    .s3 .h-17:after {
        height: 17px !important
    }

    .s3 .h-18:after {
        height: 18px !important
    }

    .s3 .h-19:after {
        height: 19px !important
    }

    .s3 .h-20:after {
        height: 20px !important
    }

    .s3 .h-21:after {
        height: 21px !important
    }

    .s3 .h-22:after {
        height: 22px !important
    }

    .s3 .h-23:after {
        height: 23px !important
    }

    .s3 .h-24:after {
        height: 24px !important
    }

    .s3 .h-25:after {
        height: 25px !important
    }

    .s3 .h-26:after {
        height: 26px !important
    }

    .s3 .h-27:after {
        height: 27px !important
    }

    .s3 .h-28:after {
        height: 28px !important
    }

    .s3 .h-29:after {
        height: 29px !important
    }

    .s3 .h-30:after {
        height: 30px !important
    }

    .s3 .h-31:after {
        height: 31px !important
    }

    .s3 .h-32:after {
        height: 32px !important
    }

    .s3 .h-33:after {
        height: 33px !important
    }

    .s3 .h-34:after {
        height: 34px !important
    }

    .s3 .h-35:after {
        height: 35px !important
    }

    .s3 .h-36:after {
        height: 36px !important
    }

    .s3 .h-37:after {
        height: 37px !important
    }

    .s3 .h-38:after {
        height: 38px !important
    }

    .s3 .h-39:after {
        height: 39px !important
    }

    .s3 .h-40:after {
        height: 40px !important
    }

    .s3 .h-41:after {
        height: 41px !important
    }

    .s3 .h-42:after {
        height: 42px !important
    }

    .s3 .h-43:after {
        height: 43px !important
    }

    .s3 .h-44:after {
        height: 44px !important
    }

    .s3 .h-45:after {
        height: 45px !important
    }

    .s3 .h-46:after {
        height: 46px !important
    }

    .s3 .h-47:after {
        height: 47px !important
    }

    .s3 .h-48:after {
        height: 48px !important
    }

    .s3 .h-49:after {
        height: 49px !important
    }

    .s3 .h-50:after {
        height: 50px !important
    }

    .s3 .h-51:after {
        height: 51px !important
    }

    .s3 .h-52:after {
        height: 52px !important
    }

    .s3 .h-53:after {
        height: 53px !important
    }

    .s3 .h-54:after {
        height: 54px !important
    }

    .s3 .h-55:after {
        height: 55px !important
    }

    .s3 .h-56:after {
        height: 56px !important
    }

    .s3 .h-57:after {
        height: 57px !important
    }

    .s3 .h-58:after {
        height: 58px !important
    }

    .s3 .h-59:after {
        height: 59px !important
    }

    .s3 .h-60:after {
        height: 60px !important
    }

    .s3 .h-61:after {
        height: 61px !important
    }

    .s3 .h-62:after {
        height: 62px !important
    }

    .s3 .h-63:after {
        height: 63px !important
    }

    .s3 .h-64:after {
        height: 64px !important
    }

    .s3 .h-65:after {
        height: 65px !important
    }

    .s3 .h-66:after {
        height: 66px !important
    }

    .s3 .h-67:after {
        height: 67px !important
    }

    .s3 .h-68:after {
        height: 68px !important
    }

    .s3 .h-69:after {
        height: 69px !important
    }

    .s3 .h-70:after {
        height: 70px !important
    }

    .s3 .h-71:after {
        height: 71px !important
    }

    .s3 .h-72:after {
        height: 72px !important
    }

    .s3 .h-73:after {
        height: 73px !important
    }

    .s3 .h-74:after {
        height: 74px !important
    }

    .s3 .h-75:after {
        height: 75px !important
    }

    .s3 .h-76:after {
        height: 76px !important
    }

    .s3 .h-77:after {
        height: 77px !important
    }

    .s3 .h-78:after {
        height: 78px !important
    }

    .s3 .h-79:after {
        height: 79px !important
    }

    .s3 .h-80:after {
        height: 80px !important
    }

    .s3 .h-81:after {
        height: 81px !important
    }

    .s3 .h-82:after {
        height: 82px !important
    }

    .s3 .h-83:after {
        height: 83px !important
    }

    .s3 .h-84:after {
        height: 84px !important
    }

    .s3 .h-85:after {
        height: 85px !important
    }

    .s3 .h-86:after {
        height: 86px !important
    }

    .s3 .h-87:after {
        height: 87px !important
    }

    .s3 .h-88:after {
        height: 88px !important
    }

    .s3 .h-89:after {
        height: 89px !important
    }

    .s3 .h-90:after {
        height: 90px !important
    }

    .s3 .h-91:after {
        height: 91px !important
    }

    .s3 .h-92:after {
        height: 92px !important
    }

    .s3 .h-93:after {
        height: 93px !important
    }

    .s3 .h-94:after {
        height: 94px !important
    }

    .s3 .h-95:after {
        height: 95px !important
    }

    .s3 .h-96:after {
        height: 96px !important
    }

    .s3 .h-97:after {
        height: 97px !important
    }

    .s3 .h-98:after {
        height: 98px !important
    }

    .s3 .h-99:after {
        height: 99px !important
    }

    .s3 .h-100:after {
        height: 100px !important
    }

    .s3 .h-101:after {
        height: 101px !important
    }

    .s3 .h-102:after {
        height: 102px !important
    }

    .s3 .h-103:after {
        height: 103px !important
    }

    .s3 .h-104:after {
        height: 104px !important
    }

    .s3 .h-105:after {
        height: 105px !important
    }

    .s3 .h-106:after {
        height: 106px !important
    }

    .s3 .h-107:after {
        height: 107px !important
    }

    .s3 .h-108:after {
        height: 108px !important
    }

    .s3 .h-109:after {
        height: 109px !important
    }

    .s3 .h-110:after {
        height: 110px !important
    }

    .s3 .h-111:after {
        height: 111px !important
    }

    .s3 .h-112:after {
        height: 112px !important
    }

    .s3 .h-113:after {
        height: 113px !important
    }

    .s3 .h-114:after {
        height: 114px !important
    }

    .s3 .h-115:after {
        height: 115px !important
    }

    .s3 .h-116:after {
        height: 116px !important
    }

    .s3 .h-117:after {
        height: 117px !important
    }

    .s3 .h-118:after {
        height: 118px !important
    }

    .s3 .h-119:after {
        height: 119px !important
    }

    .s3 .h-120:after {
        height: 120px !important
    }

    .s3 .h-121:after {
        height: 121px !important
    }

    .s3 .h-122:after {
        height: 122px !important
    }

    .s3 .h-123:after {
        height: 123px !important
    }

    .s3 .h-124:after {
        height: 124px !important
    }

    .s3 .h-125:after {
        height: 125px !important
    }

    .s3 .h-126:after {
        height: 126px !important
    }

    .s3 .h-127:after {
        height: 127px !important
    }

    .s3 .h-128:after {
        height: 128px !important
    }

    .s3 .h-129:after {
        height: 129px !important
    }

    .s3 .h-130:after {
        height: 130px !important
    }

    .s3 .h-131:after {
        height: 131px !important
    }

    .s3 .h-132:after {
        height: 132px !important
    }

    .s3 .h-133:after {
        height: 133px !important
    }

    .s3 .h-134:after {
        height: 134px !important
    }

    .s3 .h-135:after {
        height: 135px !important
    }

    .s3 .h-136:after {
        height: 136px !important
    }

    .s3 .h-137:after {
        height: 137px !important
    }

    .s3 .h-138:after {
        height: 138px !important
    }

    .s3 .h-139:after {
        height: 139px !important
    }

    .s3 .h-140:after {
        height: 140px !important
    }

    .s3 .h-141:after {
        height: 141px !important
    }

    .s3 .h-142:after {
        height: 142px !important
    }

    .s3 .h-143:after {
        height: 143px !important
    }

    .s3 .h-144:after {
        height: 144px !important
    }

    .s3 .h-145:after {
        height: 145px !important
    }

    .s3 .h-146:after {
        height: 146px !important
    }

    .s3 .h-147:after {
        height: 147px !important
    }

    .s3 .h-148:after {
        height: 148px !important
    }

    .s3 .h-149:after {
        height: 149px !important
    }

    .s3 .h-150:after {
        height: 150px !important
    }

    .s3 .h-151:after {
        height: 151px !important
    }

    .s3 .h-152:after {
        height: 152px !important
    }

    .s3 .h-153:after {
        height: 153px !important
    }

    .s3 .h-154:after {
        height: 154px !important
    }

    .s3 .h-155:after {
        height: 155px !important
    }

    .s3 .h-156:after {
        height: 156px !important
    }

    .s3 .h-157:after {
        height: 157px !important
    }

    .s3 .h-158:after {
        height: 158px !important
    }

    .s3 .h-159:after {
        height: 159px !important
    }

    .s3 .h-160:after {
        height: 160px !important
    }

    .s3 .h-161:after {
        height: 161px !important
    }

    .s3 .h-162:after {
        height: 162px !important
    }

    .s3 .h-163:after {
        height: 163px !important
    }

    .s3 .h-164:after {
        height: 164px !important
    }

    .s3 .h-165:after {
        height: 165px !important
    }

    .s3 .h-166:after {
        height: 166px !important
    }

    .s3 .h-167:after {
        height: 167px !important
    }

    .s3 .h-168:after {
        height: 168px !important
    }

    .s3 .h-169:after {
        height: 169px !important
    }

    .s3 .h-170:after {
        height: 170px !important
    }

    .s3 .h-171:after {
        height: 171px !important
    }

    .s3 .h-172:after {
        height: 172px !important
    }

    .s3 .h-173:after {
        height: 173px !important
    }

    .s3 .h-174:after {
        height: 174px !important
    }

    .s3 .h-175:after {
        height: 175px !important
    }

    .s3 .h-176:after {
        height: 176px !important
    }

    .s3 .h-177:after {
        height: 177px !important
    }

    .s3 .h-178:after {
        height: 178px !important
    }

    .s3 .h-179:after {
        height: 179px !important
    }

    .s3 .h-180:after {
        height: 180px !important
    }

    .s3 .h-181:after {
        height: 181px !important
    }

    .s3 .h-182:after {
        height: 182px !important
    }

    .s3 .h-183:after {
        height: 183px !important
    }

    .s3 .h-184:after {
        height: 184px !important
    }

    .s3 .h-185:after {
        height: 185px !important
    }

    .s3 .h-186:after {
        height: 186px !important
    }

    .s3 .h-187:after {
        height: 187px !important
    }

    .s3 .h-188:after {
        height: 188px !important
    }

    .s3 .h-189:after {
        height: 189px !important
    }

    .s3 .h-190:after {
        height: 190px !important
    }

    .s3 .h-191:after {
        height: 191px !important
    }

    .s3 .h-192:after {
        height: 192px !important
    }

    .s3 .h-193:after {
        height: 193px !important
    }

    .s3 .h-194:after {
        height: 194px !important
    }

    .s3 .h-195:after {
        height: 195px !important
    }

    .s3 .h-196:after {
        height: 196px !important
    }

    .s3 .h-197:after {
        height: 197px !important
    }

    .s3 .h-198:after {
        height: 198px !important
    }

    .s3 .h-199:after {
        height: 199px !important
    }

    .s3 .h-200:after {
        height: 200px !important
    }

    .s3 .h-201:after {
        height: 201px !important
    }

    .s3 .h-202:after {
        height: 202px !important
    }

    .s3 .h-203:after {
        height: 203px !important
    }

    .s3 .h-204:after {
        height: 204px !important
    }

    .s3 .h-205:after {
        height: 205px !important
    }

    .s3 .h-206:after {
        height: 206px !important
    }

    .s3 .h-207:after {
        height: 207px !important
    }

    .s3 .h-208:after {
        height: 208px !important
    }

    .s3 .h-209:after {
        height: 209px !important
    }

    .s3 .h-210:after {
        height: 210px !important
    }

    .s3 .h-211:after {
        height: 211px !important
    }

    .s3 .h-212:after {
        height: 212px !important
    }

    .s3 .h-213:after {
        height: 213px !important
    }

    .s3 .h-214:after {
        height: 214px !important
    }

    .s3 .h-215:after {
        height: 215px !important
    }

    .s3 .h-216:after {
        height: 216px !important
    }

    .s3 .h-217:after {
        height: 217px !important
    }

    .s3 .h-218:after {
        height: 218px !important
    }

    .s3 .h-219:after {
        height: 219px !important
    }

    .s3 .h-220:after {
        height: 220px !important
    }

section .stitle {
    font-size: 1.125rem;
    letter-spacing: 0.025em;
    color: #1a3c76;
    margin-bottom: 13px;
}

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

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

        .s3 .info .imgwrap {
            width: 100%
        }
        .s3 .info>div:nth-child(2){
            width:100%!important;
        }
    .s3 .type1 {
        width: 542px;
    }
}

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

.s4 {
    margin-bottom: 90px
}

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

.s4 a {
    color: #636363
}

.s5 {
    margin-bottom: 90px
}

    .s5 .form {
        overflow-x: auto
    }

        .s5 .form .form-detail {
            width: 1026px;
            margin: 0 auto
        }

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

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

            .s5 .form .form-content ul .l1-1, .s5 .form .form-title ul .l1-1, .s5 .form .li-group .l1-1 {
                width: 143px;
                padding-left: 23px
            }

            .s5 .form .form-content ul .l1-2, .s5 .form .form-title ul .l1-2, .s5 .form .li-group .l1-2 {
                width: 393px;
                padding-left: 40px
            }

            .s5 .form .form-content ul .l2, .s5 .form .form-content ul .l3, .s5 .form .form-content ul .l4, .s5 .form .form-title ul .l2, .s5 .form .form-title ul .l3, .s5 .form .form-title ul .l4, .s5 .form .li-group .l2, .s5 .form .li-group .l3, .s5 .form .li-group .l4 {
                width: 162px;
                text-align: center
            }

        .s5 .form .form-title {
            background-color: #e6e6e6;
            color: black;
            text-align: center
        }

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

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

        .s5 .form .form-content {
            border-bottom: 1px solid #183b75
        }

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

                .s5 .form .form-content .li-group:not(:last-child) {
                    border-bottom: 1px solid #183b75
                }

                .s5 .form .form-content .li-group:nth-child(3) {
                    color: red
                }

            .s5 .form .form-content .line {
                width: 14px;
                height: 1px;
                background-color: black;
                margin: 0 auto
            }

            .s5 .form .form-content:nth-child(2n) {
                color: #183b75
            }

                .s5 .form .form-content:nth-child(2n) .dotlist:before {
                    background-color: #183b75
                }

            .s5 .form .form-content:nth-child(odd) {
                color: #183b75
            }

                .s5 .form .form-content:nth-child(odd) .dotlist:before {
                    background-color: #183b75
                }

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

.s6 {
    margin-bottom: 90px
}

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

.s7 {
    margin-bottom: 90px
}

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

        .s7 ul li {
            position: relative;
            width: 29%
        }

    .s7 .f18 {
/*        background-color: #1a3c76;
        color: white;
        padding: 5px 23px;
        width: 256px;
        height: 109px;*/
        text-align:left;
    }

    .s7 img {
/*        width: 214px;
        max-width: initial;
        height: 155px;*/
        -o-object-fit: cover;
        object-fit: cover;
/*        position: absolute;
        top: 67px;
        left: 58px*/
    }

    .s7 .f16 {
        position: absolute;
        top: 210px
    }

    .activity_big{
        overflow:hidden
    }

    .activity_big img {
        transform: scale(1,1);
        transition: all 0.5s ease-out;
    }

   .activity_big img:hover {
        transform:scale(1.2,1.2);
    }

    .peopletable {
        background-color: #5B9BD5;
        color:white;
        text-align:center;
    }

    .dis-flex{
        display:flex;
        justify-content:left;
    }
    .d-flex{
        display:flex;
    }
@media (max-width:991px) {
    .s7 ul li {
        width: 50%;
        margin-bottom: 100px
    }
}

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

        .s7 ul li {
            width: 100%;
            /*margin-bottom: 0;*/
            margin-left: 40px
        }

            .s7 ul li:not(:last-child) {
                margin-bottom: 140px
            }

        .s7 .f16 {
            top: 200px
        }
}

.s8 {
    margin-bottom: 95px
}

    .s8 .scontent {
        margin-bottom: 42px
    }

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

        .s8 ul li {
            width:31%;
        }

    .s8 .pic1 {
        margin-bottom: 30px
    }

    .s8 .pic2 {
        margin-bottom: 36px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .s8 img {
/*        width: 252px;
        height: 227px;*/
        background-color: #e6e6e6;
        -o-object-fit: cover;
        object-fit: cover;
        /*margin-bottom: 13px*/
    }
    .s8 .scontent:nth-child(3) div:first-child{
        margin-bottom:20px;
    }
    .s8 .pic1 .f16 , .s8 .pic2 .f16{
        text-align:center;
    }

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

        .s8 ul {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

            .s8 ul li {
                width: 100%;
                margin-bottom: 20px
            }

                .s8 ul li:not(:last-child) {
                    margin-right: 0
                }

        .s8 .pic1 {
            margin-bottom: 0
        }

        .s8 img {
            height: auto;
            width: 100%
        }
}




.s9 {
    margin-bottom: 95px
}
    .s9 .container:nth-child(2) table td:first-child{
        width:16%;
    }
    .s9 .scontent {
        margin-bottom: 42px
    }

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

        .s9 ul li:not(:last-child) {
            margin-right: 20px
        }


    .s9 img {
        background-color: #e6e6e6;
        -o-object-fit: cover;
        object-fit: cover;
        margin-bottom: 13px
    }

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

        .s9 ul {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify !important;
            -ms-flex-pack: justify !important;
            justify-content: space-between !important
        }

            .s9 ul li {
                width: 47%;
                margin-bottom: 20px
            }

                .s9 ul li:not(:last-child) {
                    margin-right: 0
                }

        .s9 img {
            height: auto;
            width: 100%
        }
}

.s10 {
    margin-bottom: 95px;
}

    .s10 .scontent {
        margin-bottom: 41px
    }

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

    .s10 .form {
        overflow-x: auto
    }

        .s10 .form .form-detail {
            width: 960px;
            margin: 0 auto
        }

        .s10 .form .form-content ul, .s10 .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
        }

            .s10 .form .form-content ul .l1, .s10 .form .form-title ul .l1 {
                width: 180px
            }

                .s10 .form .form-content ul .l1 i, .s10 .form .form-title ul .l1 i {
                    font-size: 0.875rem
                }

                .s10 .form .form-content ul .l1.spacial, .s10 .form .form-title ul .l1.spacial {
                    -ms-flex-item-align: normal;
                    -ms-grid-row-align: normal;
                    align-self: normal;
                    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
                }

            .s10 .form .form-content ul .l2, .s10 .form .form-content ul .l3, .s10 .form .form-content ul .l4, .s10 .form .form-title ul .l2, .s10 .form .form-title ul .l3, .s10 .form .form-title ul .l4 {
                width: 261px;
                text-align: center
            }

            .s10 .form .form-content ul .l5, .s10 .form .form-title ul .l5 {
                width: 87px;
                text-align: center
            }

            .s10 .form .form-content ul .l2-4, .s10 .form .form-title ul .l2-4 {
                width: 783px
            }

                .s10 .form .form-content ul .l2-4.spacial, .s10 .form .form-title ul .l2-4.spacial {
                    text-align: left;
                    padding: 13px 0;
                    padding-left: 15px
                }

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

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

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

        .s10 .form .form-content {
            text-align: center;
            border-bottom: 2px solid white
        }

            .s10 .form .form-content li {
                padding: 4px 0
            }

                .s10 .form .form-content li:not(:last-child) {
                    border-right: 2px solid white;
                    align-self: normal;
                    align-items: center;
                    display: flex;
                    justify-content: center;
                }

            .s10 .form .form-content:nth-child(2n) {
                background-color: #dbdbdb
            }

            .s10 .form .form-content:nth-child(odd) {
                background-color: rgba(219,219,219,0.5)
            }


.s11 {
    margin-bottom: 138px
}
.s11lasttxt {
    font-weight: 600;width: 35%;margin-left: 4.5%;margin-top: -2%;
}
@media (max-width:991px) {
    .s11lasttxt {
        font-weight: 600;
        width: 59%;
        margin-left: 4.5%;
        margin-top: -2%;
        font-size: 12px;
    }

}
@media (max-width:767px) {
    .s11lasttxt {
        font-size:11px;
    }
}
.s12 {
    margin-bottom: 90px
}
    .s12 .dis-flex > .scontent {
        width: 60%;
    }
    .s12 .dis-flex > .imgwrap {
        width: 37%;
        align-content: center;
    }
        .s12 .dis-flex > .imgwrap > img {
            width: 100%;
        }
@media (max-width:990px) {
    .s12 .dis-flex  {
        display:block;
        flex-wrap:wrap;
    }
        .s12 .dis-flex > .scontent {
            width: 100%;
        }

        .s12 .dis-flex > .imgwrap {
            width: 100%;
        }
}