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

.s2 {
    margin-bottom: 62px
}
.space-between {
    justify-content: space-between;
}

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

    .s2 .targetchart td:first-child {
        width: 30%;
    }
    .s2 .targetchart .dotlist:before{
        background-color:black;
    }
    .s2 .targetchart tr td:first-child div {
        margin: 0 auto;
        width: fit-content;
        padding: 13%;
        background-color: aliceblue;
        border-radius: 20px 0 20px 0;
        color: #5B9BD5;
        min-width:126px;
    }
    .s2 .targetchart td:nth-child(2) {
        padding-left:15px;
        padding-bottom: 20px;
        border-left:6px solid black;
    }
    .s2 .targetchart tr:nth-child(2) td:first-child div {
        background-color: #FFF2CC;
    }

    .s2 .targetchart tr:nth-child(3) td:first-child div {
        background-color: #E2F0D9;
    }

    .s2 .targetchart tr:nth-child(4) td:first-child div {
        background-color: #FBE5D6;
    }

    .s2 .targetchart tr:nth-child(5) td:first-child div {
        background-color: #EDEDED;
    }
    .s2 .targetchart td span {
        font-size: 23px;
        color: #14B6F1;
    }
@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 table .dotlist:before {
    background-color: #2995CD;
}
.s3 table tr:first-child td:first-child,
.s3 table tr:first-child td:nth-child(3){
    writing-mode: tb;
    height: 590px;
    font-size: 19px;
    width: 80px;
}
    .s3 table tr:first-child td:first-child div:first-child,
    .s3 table tr:first-child td:nth-child(3) div:first-child {
        color: white;
        background-color: #94BEE4;
        border-radius: 20px 20px 0 0;
    }
    .s3 table tr:first-child td:first-child div:nth-child(2),
    .s3 table tr:first-child td:nth-child(3) div:nth-child(2) {
        background-color: #DEEBF7;
        border-radius: 0 0 20px 20px;
    }
.s3 table tr:nth-child(2) td:first-child,
.s3 table tr:nth-child(2) td:nth-child(3){
    writing-mode: vertical-lr;
    font-size: 20px;
    text-align: center;
    color: white;
    background-color: #94BEE4;
    border-radius: 20px 20px 20px 20px;
}
.s3 table tr:nth-child(2) td:nth-child(2) {
    /*padding-right: 3%;*/
}

.s3 table tr:first-child td:first-child div:first-child,
.s3 table tr:first-child td:nth-child(3) div:first-child {
    padding: 3% 2%;
}
.s3 table tr:first-child td:first-child div:nth-child(2),
.s3 table tr:first-child td:nth-child(3) div:nth-child(2) {
    padding: 6% 2%;
}
/*    .s3 table tr:first-child td:nth-child(3) div:first-child,
    .s3 table tr:first-child td:nth-child(2) div:first-child {
        font-size: larger;
        color: #1A3C76;
    }*/
.s3 img {
    margin: 0 3px;
    background-color: #EFF4FB;
}
.s3 table tr td:nth-child(2),
.s3 table tr td:nth-child(4) {
    background-color: #F2F2F2;
    padding: 1%;
}
.s3 {
    margin-bottom: 142px;
}
.s3 table tr:nth-child(2) td:nth-child(3) .d-flex {
    /*margin-top: 30px;*/
}
.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;*/
}







@media (max-width: 991px) {
}

.s5{
    margin-bottom: 62px
}
.s5 .scontent{
    overflow-x:auto;
}
.s5 table {
    width: 100%;
    text-align: center;
}

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



    .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 {
    height: 380px;
    width: 1152px;
}
.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: 320px;
}

.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: 47px;
    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%;
}
.s5 .imgbackground2 .AIContent,
.s5 .imgbackground3 .AIContent,
.s5 .imgbackground4 .AIContent,
.s5 .imgbackground5 .AIContent,
.s5 .imgbackground6 .AIContent {
    padding: 15px;
}




.AIprocess .imgbackground3 .AIContent img {
    margin-left: 95px;
    margin-top: 100px;
}

.AIprocess .imgbackground4 .AIContent img {
    margin-left: 95px;
    margin-top: 100px;
}

.AIprocess .imgbackground5 .AIContent img {
    margin-left: 95px;
}

.AIprocess .imgbackground6 .AIContent img {
    margin-left: 95px;
    margin-top: 66px;
}

.s5 .AIprocess>div:nth-child(2){
    width:832px;
}

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

.s5 .Intelligentfactory .imgbackground3 {
    /*margin-left: 5%;*/
}

.s5 .Intelligentfactory .imgbackground5 {
    margin-right: 1%;
    background-color: #EFF4FB;
}

.s5 .Intelligentfactory .imgbackground6 {
    background-color: #EFF4FB;
}

.s5 .Intelligentfactory2 .imgbackground5 {
    width: 50%;
    border: #A5C3E4 5px solid;
    border-radius: 20px;
}
.s5 .Intelligentfactory2 .imgbackground6 {
    width: 50%;
    border: #A5C3E4 5px solid;
    border-radius: 20px;
}

.s5 .Intelligentfactory .one {
    padding: 1%;
    border: #A5C3E4 5px solid;
    border-radius: 20px;
    background-color: #EFF4FB;
    height: 100%;
}

.s5 .Intelligentfactory2 {
    /*padding: 0 17%;*/
    margin-top: -38px;
    line-height:20px;
    margin-bottom:0;
    height:100%;
}

.s5 .AIfactory_title1 {
    width: fit-content;
    padding: 6px 3%;
    background-color: #158CC8;
    color: white;
    border-radius: 30px;
    position: relative;
    top: 10px;
    left: 15px;
}

.s5 .AIfactory_title2 {
    width: fit-content;
    padding: 6px 3%;
    background-color: #158CC8;
    color: white;
    border-radius: 30px;
    position: relative;
    top: 8px;
    left: 42px;
}

.s5 .AIfactory_title3 {
    width: 205px;
    text-align: center;
    padding: 6px 3%;
    background-color: #158CC8;
    color: white;
    border-radius: 30px;
    position: relative;
    top: -29px;
    left: 422px;
}

.s5 .Intelligentfactory .imgbackground2 .AIContent img {
    margin-left: 70px;
    margin-top: 16px;
    margin-bottom: -11px;
}

.s5 .Intelligentfactory .imgbackground3 .AIContent img {
    margin-left: 70px;
    margin-top: 45px;
}

.s5 .Intelligentfactory .imgbackground4 .AIContent img {
    margin-left: 70px;
    margin-top: 75px;
}


.s5 .Intelligentfactory2 .imgbackground5 .AIContent img {
    margin-left: 126px;
    margin-top: -2px;
}



.s5 .Intelligentfactory2 .imgbackground6 .AIContent img {
    margin-left: 124px;
    margin-top: 10px;
}

.s5 .d-flex {
    display: flex;
}
.s5 .IntroduceIMG>img{
    min-width:722px;
}
@media (max-width:991px) {
    

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





    .s3 table tr:first-child td:first-child {
        font-size: 17px;
    }

    .s3 table tr:nth-child(2) td:first-child {
        font-size: 17px;
    }

    .s3 img {
        margin: 0;
    }

    .s5 .Intelligentfactory div:first-child {
        /*flex-wrap: wrap;*/
    }

   /* .s5 .Intelligentfactory .imgbackground3 .AIContent img {
        margin-top: 26%;
    }*/

    .s5 .Intelligentfactory .imgbackground4 .AIContent img {
        /*margin-top: 42%;*/
    }
}
@media (max-width:767px) {

    .s3 table tr:nth-child(2) td:nth-child(3) .d-flex {
        /*margin-top: 20%;*/
    }
    .s5 .IntroduceIMG{
        overflow-x:auto;
    }
}
.d-flex {
    display: flex;
}

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

.clickshine {
    color: #FFC000 !important;
}

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

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