@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
}
.clickshine {
    color: black !important;
    background-color: linen !important;
}
.s2 {
    margin-bottom: 62px
}

    .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: 36.5%
        }
        .s2 .i1 .d-flex>div:first-child,
        .s2 .i2 .d-flex>div:first-child{
            white-space:nowrap;
        }
            .s2 .info .i1 .txt {
                padding: 0 58px
            }

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

            .s2 .info .i2 .txt {
                padding: 0 20px 23px
            }

        .s2 .info .f18 {
            background-color: #1a3c76;
            padding: 7px 0;
            color: white;
            text-align: center;
            margin-bottom: 27px;
            border-radius: 15px 15px 0 0
        }

        .s2 .info .f16 {
            line-height: 30px
        }

        .s2 .info .item {
            background-color: #e6e6e6;
            border-radius: 15px
        }

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

            .s2 .info .txt .f16 {
                width: 44%
            }

@media (max-width:991px) {
    .s2 .stitle {
        margin-bottom: 30px
    }

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

        .s2 .info .i1 {
            margin-bottom: 15px;
            width: 100%
        }

            .s2 .info .i1 .txt {
                padding: 0 20px 20px
            }

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

            .s2 .info .i2 .txt {
                padding: 0 20px 20px
            }

        .s2 .info .f18 {
            border-radius: 10px 10px 0 0;
            margin-bottom: 17px
        }

        .s2 .info .item {
            border-radius: 10px
        }

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

            .s2 .info .txt .f16 {
                width: 100%
            }
}

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

.s3 {
    margin-bottom: 61px
}

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

        .s3 .content .item {
            width: 41%
        }

        .s3 .content .bluebg {
            width: 57.5%;
            background-color: #e9f4f6;
            border-radius: 25px;
            padding: 31px 47px;
            margin-top: -3%;
        }

            .s3 .content .bluebg .f16 {
                color: #1a3c76;
                /*margin-bottom: 23px*/
            }

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

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

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

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

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

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

    .s3 .bar-chart {
        width: 90%;
        margin-left: 5%;
    }

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

    .s3 .bar-detail {
        position: relative
    }

        .s3 .bar-detail ul {
            width: 120px;
            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: 20%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                border-radius: 10px 10px 0 0
            }

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

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

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

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

            .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: 120px;
            border-top: 1px solid #183b75;
            color: #183b75;
            font-size: 1.125rem;
            text-align: center
        }

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


    .s3 .linechart {
        width: 90%;
        margin-left: 5%;
        height: 100px;
        /*position: absolute;*/
        /*left: 51px;*/
    }

        .s3 .linechart svg {
            width: 100%;
            height: 100%;
            color: #efa729;
            stroke: currentColor;
            stroke-width: 4px;
            overflow: visible;
            transform: scaleY(-1);
        }

        .s3 .linechart circle {
            stroke: currentColor;
            stroke-width: 1;
            fill: currentColor;
        }

        .s3 .linechart text {
            fill: currentColor;
            transform: scaleY(-1) !important;
        }

        .s3 .linechart line {
            marker-start: url(#dot)
        }

            .s3 .linechart line:last-child {
                marker-end: url(#dot)
            }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width:991px) {

    .s3 .bar-info {
        flex-flow: column;
    }

    .s3 .bar-detail ul {
        width: 80px;
    }

    .s3 .bar-detail .line {
        width: 80px;
    }

    .s3 .bar-chart {
        width: 100%;
        margin-left: 0%;
    }

    .s3 .linechart {
        width: 100%;
        margin-left: 0%;
    }
}

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

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

            .s3 .content .item {
                width: 100%;
                margin-bottom: 35px
            }

            .s3 .content .bluebg {
                width: 100%;
                border-radius: 15px;
                padding: 25px 20px 35px
            }

                .s3 .content .bluebg .f16 {
                    margin-bottom: 23px
                }

        .s3 .bar-info {
            flex-flow: row;
        }

        .s3 .bar-detail ul {
            width: 120px;
        }

        .s3 .bar-detail .line {
            width: 120px;
        }
   

}

.s3 .d-flex {
    display: flex;
    text-align: justify;
}
.s3 .justify{
    text-align:justify;
}

.s4 {
    margin-bottom: 140px
}

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

    .s4 .dotlist .dot-title {
        color: #1f91ad;
        margin-bottom: 7px
    }

    .s4 .dotlist .txt {
        margin-bottom: 30px
    }

        .s4 .dotlist .txt.mb15 {
            margin-bottom: 15px
        }

        .s4 .dotlist .txt.mb0 {
            margin-bottom: 0
        }

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

        .s4 .info3 .item {
            width: 49%;
            border: 3px solid #00CCFF;
            border-radius: 15px
        }

            .s4 .info3 .item ps {
                font-size: 0.875rem;
            }

            .s4 .info3 .item o {
                color: #FF6600;
            }

            .s4 .info3 .item b {
                color: #0000FF;
            }

            .s4 .info3 .item lb {
                color: #00AAD2;
            }

            .s4 .info3 .item r {
                color: #FF0000;
            }

        .s4 .info3 .f18 {
            background-color: #00CCFF;
            color: black;
            padding: 10px 0;
            text-align: center;
            font-weight: 500;
            border-radius: 12px 12px 0 0;
            margin-bottom: 20px;
        }

        .s4 .info3 .box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 0 18px 13px;
        }

            /*.s4 .info3 .box .imgwrap {
                width: 29%
            }

                .s4 .info3 .box .imgwrap img {
                    width: 147px
                }*/

            .s4 .info3 .box li {
                display: flex;
            }

                .s4 .info3 .box li span:first-child {
                    line-height: 25px;
                }

        .s4 .info3 .type1 .box li {
            justify-content: space-between;
        }

            .s4 .info3 .type1 .box li > span:first-child {
                width: 105px;
            }

            .s4 .info3 .type1 .box li > :nth-child(2) {
                width: calc(100% - 105px);
            }

            .s4 .info3 .type1 .box li div:first-child {
                /*width: calc(100% - 85px);*/
            }

        .s4 .info3 .box .txt {
            line-height: 25px;
            margin-bottom: 10px;
        }
        .s4 .info3 .boxx .txt {
            line-height: 25px;
            margin-bottom: 10px;
        }
            .s4 .info3 .box .txt .f16:first-child {
                border-bottom: 6px solid #ffd800;
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                margin-bottom: 20px
            }

        .s4 .info3 .mb33 {
            margin-bottom: 33px
        }

        .s4 .info3 .mb20 {
            margin-bottom: 20px
        }

    .s4 .newadd .ntitle {
        font-size: 20px;
        /*width: 30.5%;*/
    }

    .s4 .newadd .ncontent {
        margin-top: 40px;
        transition: height 0.3s ease;
        height: 0;
        overflow: hidden;
    }

    .s4 .newadd .nc-title {
        color: #D17C42;
        font-size: larger;
    }

    .s4 .newadd .nc-content {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 20px;

    }

    .s4 .newadd .nc-left {
        min-width: 460px;
    }

        .s4 .newadd .nc-left .up {
            display: flex;
            justify-content: space-between;
        }

            .s4 .newadd .nc-left .up .up-title {
                color: #4472C4;
                font-size: larger;
                font-weight: bolder;
            }

    .s4 .newadd .nc-right {
        padding: 30px;
    }

        .s4 .newadd .nc-right .rtitle {
            color: #4472C4;
            font-weight: bolder;
            font-size: 22px;
        }

    .s4 .newadd .nc-left .up .uptwo {
        display: flex;
        /*justify-content: center;*/
    }






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

        .s4 .info3 .item {
            width: 100%;
        }

            .s4 .info3 .item.type1 {
                margin-bottom: 15px;
            }
            .s4 .newadd .ncontent:first-child{

            }
    .s4 .newadd .nc-content {
        flex-wrap:wrap;
        /*overflow-x:auto;*/
    }
}

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

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

            .s4 .info3 .item {
                width: 100%;
            }

                .s4 .info3 .item.type1 {
                    margin-bottom: 15px;
                }
        .s4 .newadd .nc-left .up:first-child{
            /*flex-wrap:wrap;*/
        }
        .s4 .newadd .nc-left{
            width:100%;
        }

        .s4 .newadd .two .nc-left .up:nth-child(2) div:first-child {
            flex-wrap: wrap;
            padding: 0 !important;
        }

        .s4 .pc {
            display: flex;
        }

        .s4 .newadd .nc-content {
            margin-bottom:8%;
        }
        .s4 .nc-content .two .up:nth-child(2) div{
            padding:0;
            flex-wrap:wrap;
        }
            .s4 .nc-content .two .up:nth-child(2) div span {
                margin-right: 0px;
            }
            .s4 .nc-content .two .up:nth-child(2) div img {
                height: 300px;
            }
}

.s5 table {
    width: 100%;
    text-align: center;
}

    .s5 table tr:first-child {
        background-color: navy;
        color: white;
    }

    .s5 table tr:nth-child(2), tr:nth-child(4) {
        background-color: #dcedff;
    }

    .s5 table tr:nth-child(3), tr:nth-child(5) {
        background-color: aliceblue;
    }

    .s5 table tr:nth-child(5), tr:nth-child(4) > td:first-child {
        text-align: left;
    }

    .s5 table tr td:first-child {
        width: 20%;
    }

.s5 .AIprocess .imgbackground1 {
    background-image: url('../image/03supply-chain/a_img14.png');
    background-repeat: no-repeat;
    background-size: auto;
}

.s5 .AIprocess .imgbackground2 {
    background-image: url('../image/03supply-chain/a_img14_1.png');
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
}

.s5 .AIprocess .imgbackground3 {
    border: 3px solid #5ec921;
    border-radius: 32px;
    width: 100%;
    margin: 0 6px;
}
.s5 .imgbackground3 .triangle {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #5ec921;
}
.s5 .imgbackground4 .triangle {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #00b694;
}
.s5 .imgbackground5 .triangle {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #00aee3;
}
.s5 .imgbackground6 .triangle {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #168AAD;
}
.s5 .triangleback {
    height: 17%;
    margin-top: 52%;
    background-color: white;
    padding: 1%;
    margin-left: -5px;
}
.s5 .AIprocess .imgbackground4 {
    border: 3px solid #00b694;
    border-radius: 32px;
    width: 100%;
    margin: 0 6px;
}

.s5 .AIprocess .imgbackground5 {
    border: 3px solid #00aee3;
    border-radius: 32px;
    width: 100%;
    margin: 0 6px;
}

.s5 .AIprocess .imgbackground6 {
    border: 3px solid #168AAD;
    border-radius: 32px;
    width: 100%;
}

.AIprocess .imgbackground3 .AIContent {
    padding: 13%;
    margin-left: -10px;
}
.AIprocess .imgbackground4 .AIContent {
    padding: 3%;
    margin-top: -66%;
    margin-left: 10%;
}
.AIprocess .imgbackground5 .AIContent {
    padding: 3%;
    margin-left: 14%;
    margin-top: -66%;
}
.AIprocess .imgbackground6 .AIContent {
    padding: 3%;
    margin-top: -66%;
    margin-left: 20%;
}

.AIprocess .imgbackground3 .AIContent img {
    margin-left: 57%;
    margin-top: 20%;
}
.AIprocess .imgbackground4 .AIContent img {
    margin-left: 57%;
    margin-top: 33%;
}

.AIprocess .imgbackground5 .AIContent img {
    margin-left: 57%;
    margin-top: -10%;
}
.AIprocess .imgbackground6 .AIContent img {
    margin-left: 50%;
    margin-top: -5%;
}


.s5 .Intelligentfactory .imgbackground1 {
    background-image: url('../image/03supply-chain/a_img15_1.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 53%;
    background-position: center;
    position: relative;
}
.s5 .Intelligentfactory .imgbackground2,
.s5 .Intelligentfactory .imgbackground3,
.s5 .Intelligentfactory .imgbackground4{
    width: 33%;
}
.s5 .Intelligentfactory .imgbackground3{
    margin-left:5%;
}
.s5 .Intelligentfactory .imgbackground5 {
    margin-right: 5%;
    background-color: #EFF4FB;
}.s5 .Intelligentfactory .imgbackground6 {
    background-color: #EFF4FB;
}
.s5 .Intelligentfactory2 .imgbackground5,
.s5 .Intelligentfactory2 .imgbackground6 {
    width: 50%;
    border: #A5C3E4 5px solid;
    border-radius: 20px;
}
.s5 .Intelligentfactory .one {
    padding: 4%;
    border: #A5C3E4 5px solid;
    border-radius: 20px;
    background-color: #EFF4FB;
}
.s5 .Intelligentfactory2 {
    padding: 0 17%;
    margin-top:-3%;
}
.s5 .AIfactory_title1 {
    width: fit-content;
    padding: 1px 3%;
    background-color: #158CC8;
    color: white;
    border-radius: 30px;
    position: relative;
    top: 15px;
    left: 30px;
}
.s5 .AIfactory_title2 {
    width: fit-content;
    padding: 1px 3%;
    background-color: #158CC8;
    color: white;
    border-radius: 30px;
    position: relative;
    top: 15px;
    left: 160px;
}
.s5 .AIfactory_title3 {
    width: 150px;
    text-align: center;
    padding: 1px 3%;
    background-color: #158CC8;
    color: white;
    border-radius: 30px;
    position: relative;
    top: -11px;
    left: 456px;
}
.s5 .Intelligentfactory .imgbackground2 .AIContent img {
    margin-left: 29%;
    margin-top: 6%;
}
.s5 .Intelligentfactory .imgbackground3 .AIContent img {
    margin-left: 29%;
    margin-top: 27%;
}
.s5 .Intelligentfactory .imgbackground4 .AIContent img {
    margin-left: 29%;
    margin-top: 47%;
}
.s5 .Intelligentfactory2 .imgbackground5 .AIContent {
    margin-top: 13%;
    margin-left: 11%;
}
    .s5 .Intelligentfactory2 .imgbackground5 .AIContent img {
        margin-left: 29%;
        margin-top: 18%;
    }
.s5 .Intelligentfactory2 .imgbackground6 .AIContent {
    margin-top: 7%;
    margin-left: 3%;
}

    .s5 .Intelligentfactory2 .imgbackground6 .AIContent img {
        margin-left: 32%;
        margin-bottom: 10%;
    }
.s5 .d-flex {
    display: flex;
}
@media (max-width:991px) {
    .AIprocess .imgbackground5 .AIContent {
        padding: 3%;
        margin-left: 14%;
        margin-top: -86%;
    }
    .AIprocess .imgbackground4 .AIContent img {
        margin-left: 43%;
        margin-top: 22%;
    }
    .AIprocess .imgbackground3 .AIContent img {
        margin-left: 51%;
        margin-top: 9%;
    }
    .AIprocess .imgbackground6 .AIContent img {
        margin-left: 42%;
        margin-top: -5%;
    }
    .AIprocess .imgbackground5 .AIContent img {
        margin-left: 51%;
        margin-top: -101%;
    }
    .s5 .Intelligentfactory .imgbackground1 {
        background-image: url(../image/03supply-chain/a_img15_1.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        background-position: center;
        position: relative;
    }
    .s5 .AIfactory_title2 {
        width: fit-content;
        padding: 1px 3%;
        background-color: #158CC8;
        color: white;
        border-radius: 30px;
        position: relative;
        top: 15px;
        left: 78px;
    }
    .s5 .AIfactory_title3 {
        width: 150px;
        text-align: center;
        padding: 1px 3%;
        background-color: #158CC8;
        color: white;
        border-radius: 30px;
        position: relative;
        top: -11px;
        left: 264px;
    }
}
.s6{
    margin-bottom:61px;
}
.s6 > .abgne_tab > .container > ul:first-child {
    width: 71%;
}

    .s6 > .abgne_tab > .container > ul:first-child > li {
        flex-grow: 1;
        width: 33%;
        border-radius: 18px;
        padding:10px;
    }
        .s6 > .abgne_tab > .container > ul:first-child > li .f18 {
            padding-top: 10px;
        }
        .s6 > .abgne_tab > .container > ul:first-child > li:first-child {
            background-color: #DEEBF7;
        }
        .s6 > .abgne_tab > .container > ul:first-child > li:nth-child(2) {
            background-color: #81E7FF;
        }
        .s6 > .abgne_tab > .container > ul:first-child > li:nth-child(3) {
            background-color: #00CCFF;
        }
        .s6 > .abgne_tab > .container > ul:first-child > li:nth-child(4) {
            background-color: #22B6E0;
        }
.s6 > .abgne_tab  .tab_container {
    margin-top: -3%;
    border: 2px solid #00CCFF;
    background-color: white;
    position: relative;
}
.s6 .tab_container .item {
    padding: 10px;
}
.s6 .tab_container .item>div:nth-child(2) {
    padding: 1%;
}
    .s6 .tab_container .item t {
        font-weight: 500;
        color: black;
    }
    .s6 .tab_container .item o {
        color: #FF6600;
    }
    .s6 .tab_container .item lb {
        color: #00AAD2;
    }
    .s6 .tab_container .item b {
        color: #0000FF;
    }
@media (max-width:991px) {

    .s6 > .abgne_tab > .container > ul:first-child{
        width:100%;
    }
    .s6 .tab_container .item > div:nth-child(1) {
        width: 38%;
    }
    .s6 .tab_container .item > div:nth-child(2){
        width:62%;
    }
    .s6 #tab4 .item > div:nth-child(1){
        width:75%;
    }
}
@media (max-width:767px) {
    .s6 .tab_container .item{
        flex-direction:column;
    }
        .s6 .tab_container .item > div:nth-child(1) {
            width: 100% !important;
            justify-items: center;
        }

    .s6 .tab_container .item > div:nth-child(2) {
        width: 100%;
    }
        .s6 #tab4 .item > div:nth-child(2) {
            width: 100% !important;
        }
}

    .dashed-arrow {
        width: 2px;
        height: 40px;
        background-image: linear-gradient(to bottom, cyan 50%, transparent 50%);
        background-size: 100% 10px;
        background-repeat: repeat-y;
        margin: 8px auto;
        position: relative;
    }

        .dashed-arrow::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -6px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 8px solid cyan;
        }

    .d-flex {
        display: flex;
    }