/* 默认样式（桌面端，屏幕宽度 ≥ 800px） */
.infoBlockImg {
    width: 84px;
}

.infoTextBlock p.mainInfoText {
    font-size: 18px;
}

.infoTextBlock p.mainInfoText strong {
    font-size: 22px;
}

#monitorHolder .flowChartHolder {
    left: 60px;
}

#monitorHolder .flowChartHolder .pvTextHolder,
#monitorHolder .flowChartHolder .pvParallelTextHolder {
    left: 395px;
}

#monitorHolder .flowChartHolder .acPvTextHolder {
    left: 475px;
}

#monitorHolder .flowChartHolder ._12kAcPvTextHolder,
#monitorHolder .flowChartHolder .trip12kAcPvTextHolder {
    left: 475px;
}

#monitorHolder .flowChartHolder .epsTextHolder,
#monitorHolder .flowChartHolder .epsPhase3TextHolder,
#monitorHolder .flowChartHolder .epsLnTextHolder {
    left: 377px;
}

#monitorHolder .flowChartHolder .consumptionTextHolder,
#monitorHolder .flowChartHolder .consumptionPhase3TextHolder {
    left: 665px;
}

#monitorHolder .flowChartHolder .gridTextHolder,
#monitorHolder .flowChartHolder .vacTextHolder,
#monitorHolder .flowChartHolder .facTextHolder {
    left: 850px;
}

#monitorHolder .flowChartHolder .phase1ParallelGridTextHolder,
#monitorHolder .flowChartHolder .phase3ParallelGridTextHolder {
    left: 750px;
}

#monitorHolder .flowChartHolder .genDryContactTextHolder {
    left: 765px;
}

#monitorHolder .flowChartHolder .pvImg,
#monitorHolder .flowChartHolder .epsImg {
    left: 285px;
}

#monitorHolder .flowChartHolder .inverterImg {
    left: 285px;
}

#monitorHolder .flowChartHolder .consumptionImg,
#parallelMonitorHolder .flowChartHolder .consumptionImg {
    left: 570px;
}

#monitorHolder .flowChartHolder .acPvImg {
    left: 575px;
}

#monitorHolder .flowChartHolder .gridImg {
    left: 765px;
}

#monitorHolder .flowChartHolder .statusTextHolder {
    left: 720px;
}

#monitorHolder .flowChartHolder .ctrlBtnHolder,
#monitorHolder .flowChartHolder .quickDisChgCtrlBtnHolder,
#monitorHolder .flowChartHolder .genQuickStartBtnHolder,
#monitorHolder .flowChartHolder .batteryBackupModeBtnHolder {
    left: 810px;
}

#monitorHolder .flowChartHolder .pvArrowImg,
#monitorHolder .flowChartHolder .epsArrowImg {
    left: 328px;
}

#monitorHolder .flowChartHolder .loadArrowImg,
#monitorHolder .flowChartHolder .acPvArrowImg {
    left: 602px;
}

#monitorHolder .flowChartHolder .inverterArrayImg1 {
    left: 380px;
}

#monitorHolder .flowChartHolder .inverterArrayImg2 {
    left: 455px;
}

#monitorHolder .flowChartHolder .inverterArrayImg3 {
    left: 530px;
}

#monitorHolder .flowChartHolder .gridArrayImg1 {
    left: 605px;
}

#monitorHolder .flowChartHolder .gridArrayImg2 {
    left: 680px;
}

#reductionContainer .reductionImgHolder {
    margin-left: 30px;
}

#reductionContainer .reductionTextHolder {
    margin-left: 20px;
    margin-top: 16px;
}

/* 移动端样式（屏幕宽度 < 800px） */
@media (max-width: 799px) {
    .infoBlockImg {
        width: 64px;
    }

    .infoTextBlock p.mainInfoText {
        font-size: 12px;
    }

    .infoTextBlock p.mainInfoText strong {
        font-size: 16px;
    }

    #monitorHolder .flowChartHolder .pvTextHolder,
    #monitorHolder .flowChartHolder .pvParallelTextHolder {
        left: 309px; /* 395 - 86 */
    }

    #monitorHolder .flowChartHolder .acPvTextHolder {
        left: 389px; /* 475 - 86 */
    }

    #monitorHolder .flowChartHolder ._12kAcPvTextHolder,
    #monitorHolder .flowChartHolder .trip12kAcPvTextHolder {
        left: 315px; /* 475 - 160 */
    }

    #monitorHolder .flowChartHolder .epsTextHolder,
    #monitorHolder .flowChartHolder .epsPhase3TextHolder,
    #monitorHolder .flowChartHolder .epsLnTextHolder {
        left: 291px; /* 377 - 86 */
    }

    #monitorHolder .flowChartHolder .consumptionTextHolder,
    #monitorHolder .flowChartHolder .consumptionPhase3TextHolder {
        left: 505px; /* 665 - 160 */
    }

    #monitorHolder .flowChartHolder .gridTextHolder,
    #monitorHolder .flowChartHolder .vacTextHolder,
    #monitorHolder .flowChartHolder .facTextHolder {
        left: 690px; /* 850 - 160 */
    }

    #monitorHolder .flowChartHolder .phase1ParallelGridTextHolder,
    #monitorHolder .flowChartHolder .phase3ParallelGridTextHolder {
        left: 690px; /* 850 - 160 */
    }

    #monitorHolder .flowChartHolder .genDryContactTextHolder {
        left: 605px; /* 765 - 160 */
    }

    #monitorHolder .flowChartHolder .pvImg,
    #monitorHolder .flowChartHolder .epsImg {
        left: 207px; /* 293 - 86 */
    }

    #monitorHolder .flowChartHolder .inverterImg {
        left: 204px; /* 290 - 86 */
    }

    #monitorHolder .flowChartHolder .consumptionImg {
        left: 410px;
    }

    #monitorHolder .flowChartHolder .acPvImg {
        left: 415px; /* 575 - 160 */
    }

    #monitorHolder .flowChartHolder .gridImg {
        left: 605px; /* 765 - 160 */
    }

    #monitorHolder .flowChartHolder .statusTextHolder {
        left: 660px; /* 720 - 60 */
    }

    #monitorHolder .flowChartHolder .ctrlBtnHolder,
    #monitorHolder .flowChartHolder .quickDisChgCtrlBtnHolder,
    #monitorHolder .flowChartHolder .genQuickStartBtnHolder,
    #monitorHolder .flowChartHolder .batteryBackupModeBtnHolder {
        left: 650px; /* 810 - 160 */
    }

    #monitorHolder .flowChartHolder .pvArrowImg,
    #monitorHolder .flowChartHolder .epsArrowImg {
        left: 242px; /* 328 - 86 */
    }

    #monitorHolder .flowChartHolder .loadArrowImg,
    #monitorHolder .flowChartHolder .acPvArrowImg {
        left: 442px; /* 602 - 160 */
    }

    #monitorHolder .flowChartHolder .inverterArrayImg1 {
        left: 294px; /* 380 - 86 */
    }

    #monitorHolder .flowChartHolder .inverterArrayImg2 {
        left: 370px; /* 455 - 85 */
    }

    #monitorHolder .flowChartHolder .inverterArrayImg3 {
        left: 446px; /* 530 - 84 */
    }

    #monitorHolder .flowChartHolder .gridArrayImg1 {
        left: 445px; /* 605 - 160 */
    }

    #monitorHolder .flowChartHolder .gridArrayImg2 {
        left: 520px; /* 680 - 160 */
    }

    #reductionContainer .reductionImgHolder {
        margin-left: 5px;
    }

    #reductionContainer .reductionTextHolder {
        margin-left: 15px;
        margin-top: 10px;
    }
}

#parallelMonitorHolder .flowChartHolder {
    left: 60px;
}

#parallelMonitorHolder .flowChartHolder .pvTextHolder {
    left: 309px; /* 395 - 86 */
}

#parallelMonitorHolder .flowChartHolder .acPvTextHolder {
    left: 310px; /* 475 - 165 */
}

#parallelMonitorHolder .flowChartHolder .epsTextHolder {
    left: 289px; /* 375 - 86 */
}

#parallelMonitorHolder .flowChartHolder .consumptionTextHolder {
    left: 505px; /* 665 - 160 */
}

#parallelMonitorHolder .flowChartHolder .gridTextHolder {
    left: 650px; /* 850 - 200 */
}

#parallelMonitorHolder .flowChartHolder .vacTextHolder,
#parallelMonitorHolder .flowChartHolder .facTextHolder {
    left: 650px; /* 850 - 200 */
}

#parallelMonitorHolder .flowChartHolder .pvImg,
#parallelMonitorHolder .flowChartHolder .epsImg {
    left: 207px; /* 293 - 86 */
}

#parallelMonitorHolder .flowChartHolder .inverterImg {
    left: 204px; /* 290 - 86 */
}

#parallelMonitorHolder .flowChartHolder .consumptionImg {
    left: 410px;
}

#parallelMonitorHolder .flowChartHolder .acPvImg {
    left: 415px; /* 575 - 160 */
}

#parallelMonitorHolder .flowChartHolder .gridImg {
    left: 555px; /* 765 - 210 */
}

#parallelMonitorHolder .flowChartHolder .statusTextHolder {
    left: 660px; /* 720 - 60 */
}

#parallelMonitorHolder .flowChartHolder .ctrlBtnHolder,
#parallelMonitorHolder .flowChartHolder .quickDisChgCtrlBtnHolder {
    left: 630px; /* 810 - 180 */
}

#parallelMonitorHolder .flowChartHolder .pvArrowImg,
#parallelMonitorHolder .flowChartHolder .epsArrowImg {
    left: 242px; /* 328 - 86 */
}

#parallelMonitorHolder .flowChartHolder .loadArrowImg,
#parallelMonitorHolder .flowChartHolder .acPvArrowImg {
    left: 442px; /* 602 - 160 */
}

#parallelMonitorHolder .flowChartHolder .inverterArrayImg1 {
    left: 294px; /* 380 - 86 */
}

#parallelMonitorHolder .flowChartHolder .inverterArrayImg2 {
    left: 370px; /* 455 - 85 */
}

#parallelMonitorHolder .flowChartHolder .inverterArrayImg3 {
    left: 446px; /* 530 - 84 */
}

#parallelMonitorHolder .flowChartHolder .gridArrayImg1 {
    left: 445px; /* 605 - 160 */
}

#parallelMonitorHolder .flowChartHolder .gridArrayImg2 {
    left: 520px; /* 680 - 160 */
}

@media (max-width: 799px) {
    #reductionContainer .reductionImgHolder img {
        width: 80px;
    }
}