.top-left-cmp{display:-webkit-box;display:-ms-flexbox;display:flex}.top-left-cmp .dc-left,.top-left-cmp .dc-right{width:50%}.top-left-cmp .dv-border-box-5{height:60%}.top-left-cmp .dc-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:40%;font-size:20px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-left-cmp .dc-left .dc-text{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.top-left-cmp .dc-right .dc-text{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-top:20px}.top-left-cmp .dc-left .dv-border-box-5{padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-left-cmp .dc-right .dv-border-box-5{padding:40px;padding-left:75px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-left-cmp .main-value{font-weight:700;font-size:24px}.top-left-cmp .main-value span{font-size:30px;color:#00c0ff;margin-right:15px}.top-left-cmp .compare-value{height:36px;line-height:36px;font-size:18px}.top-left-cmp .compare-value span{margin-right:30px}.top-middle-cmp{position:relative;padding:0 50px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-middle-cmp .chart-name{position:absolute;right:70px;text-align:right;font-size:20px;top:10px}.top-right-cmp{width:30%;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:calc(100% - 730px);left:0;top:705px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top-right-cmp .chart-name{position:absolute;right:70px;text-align:right;font-size:16px;top:10px}.top-right-cmp .chart-name1{position:absolute;text-align:right;font-size:20px;top:10px;left:70px}#marquee-board{width:65%;height:80px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:20px;overflow:hidden;position:absolute;left:32%;top:880px}.dv-marquee-board{height:calc(100% - 60px)}#marquee-board-container{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}.merquee{height:35px;line-height:35px;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all;white-space:nowrap;overflow:hidden;width:100%}.merquee-txt{display:inline-block;padding-left:100%;-webkit-animation:marqueeTransform 16s linear infinite;animation:marqueeTransform 16s linear infinite}@-webkit-keyframes marqueeTransform{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes marqueeTransform{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}.bottom-left-chart-1{position:relative}.bottom-left-chart-1 .header-name{height:150px;line-height:150px;font-size:20px;text-align:center}.bottom-left-chart-1 .details-value{height:40px;font-size:30px;font-weight:700;text-align:center}.bottom-left-chart-1 .details-value span{color:#00c0ff;font-size:46px}.bottom-left-chart-1 .dv-charts-container{height:calc(100% - 190px)}.bottom-left-chart-1 .decoration-ring{position:absolute;width:200px;height:200px;border-radius:50%;border:5px solid hsla(0,0%,99.6%,.3);top:190px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bottom-left-chart-2 .header-name{height:150px;line-height:150px;font-size:20px;text-align:center}.bottom-left-chart-2 .details-value{height:40px;font-size:30px;font-weight:700;text-align:center}.bottom-left-chart-2 .details-value span{color:#00c0ff;font-size:46px}.bottom-left-chart-2 .dv-charts-container{height:calc(100% - 190px)}.bottom-right-table-1{width:32%;height:100%;margin:0 -5px}.bottom-right-table-1 .border-box-content{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.bottom-right-table-1 .table-name{height:46px;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;margin-bottom:15px}.bottom-right-table-1 .table-name img{width:40px;height:40px;margin-right:5px}.bottom-right-table-1 .dv-scroll-board{height:calc(100% - 60px)}.bottom-right-table-2{width:calc(50% + 10px);height:100%;margin:0 -5px}.bottom-right-table-2 .border-box-content{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.bottom-right-table-2 .table-name{height:46px;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;margin-bottom:15px}.bottom-right-table-2 .table-name img{width:40px;height:40px;margin-right:5px}.bottom-right-table-2 .dv-scroll-board{height:calc(100% - 60px)}.bottom-right-table-3{width:calc(25% + 10px);height:100%;margin:0 -5px}.bottom-right-table-3 .border-box-content{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.bottom-right-table-3 .table-name{height:46px;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;margin-bottom:15px}.bottom-right-table-3 .table-name img{width:40px;height:40px;margin-right:5px}.bottom-right-table-3 .dv-scroll-board{height:calc(100% - 60px)}.bottom-right-table-4{width:calc(25% + 10px);height:100%;margin:0 -5px}.bottom-right-table-4 .border-box-content{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.bottom-right-table-4 .table-name{height:46px;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;margin-bottom:15px}.bottom-right-table-4 .table-name img{width:40px;height:40px;margin-right:5px}.bottom-right-table-4 .dv-scroll-board{height:calc(100% - 60px)}#digital-flop{position:relative;width:68%;height:45%;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(6,30,93,.3)}#digital-flop .dv-decoration-10{position:absolute;width:95%;left:2.5%;height:5px;bottom:0}#digital-flop .digital-flop-item{width:11%;height:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid #061e5d;border-right:3px solid #061e5d}#digital-flop .digital-flop-title{font-size:16px;margin-bottom:20px}#digital-flop .digital-flop,#digital-flop .unit{display:-webkit-box;display:-ms-flexbox;display:flex}#digital-flop .unit{margin-left:10px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:13px}#scroll-board{width:65%;height:calc(100% - 320px);left:32%;top:195px}#scroll-board,#scroll-board-right{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:20px;overflow:hidden;position:absolute}#scroll-board-right{width:30%;height:calc(100% - 550px);left:10px;top:260px}.border-box-content{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.table-name{height:46px;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;margin-bottom:15px}.table-name img{width:40px;height:40px;margin-right:5px}.dv-scroll-board{height:calc(100% - 60px)}#scroll-board-container{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}#water-level-chart{width:30%;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:calc(100% - 733px);left:20px;top:705px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#water-level-chart .water-level-chart-title{font-weight:700;height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px}#water-level-chart .water-level-chart-details,#water-level-chart .water-level-chart-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#water-level-chart .water-level-chart-details{height:15%;font-size:16px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#water-level-chart .water-level-chart-details span{font-size:36px;font-weight:700;color:#58a1ff;margin:0 5px;margin-bottom:-5px}#water-level-chart .chart-container{-webkit-box-flex:1;-ms-flex:1;flex:1;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;margin-top:0}#water-level-chart .dv-water-pond-level{max-width:90%;width:200px;height:200px;border:10px solid #19c3eb;border-radius:50%}#water-level-chart .dv-water-pond-level ellipse{stroke:transparent!important}#water-level-chart .dv-water-pond-level text{font-size:40px}.ScreenAdapter[data-v-1fa96a1c]{-webkit-transform-origin:0 0;transform-origin:0 0;position:absolute;left:50%;top:50%;-webkit-transition:.3s;transition:.3s}#data-view{width:100%;height:100%;background-color:#030409;color:#fff}#data-view #dv-full-screen-container{background-image:url(../img/bg.110420cf.png);background-size:100% 100%;-webkit-box-shadow:0 0 3px #00f;box-shadow:0 0 3px #00f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#data-view .main-header{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#data-view .main-header .mh-left{font-size:20px;color:#0186bb}#data-view .main-header .mh-left a:visited{color:#0186bb}#data-view .main-header .mh-middle{font-size:30px}#data-view .main-header .mh-left,#data-view .main-header .mh-right{width:350px;font-size:26px}#data-view .main-container{height:calc(100% - 80px)}#data-view .main-container .mc-bottom,#data-view .main-container .mc-top{-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex}#data-view .main-container .mc-top{height:40%}#data-view .main-container .mc-bottom{height:60%}#data-view .main-container .bottom-left-container,#data-view .main-container .top-left-cmp{width:32%}#data-view .main-container .top-middle-cmp,#data-view .main-container .top-right-cmp{width:34%}#data-view .main-container .bottom-left-container{position:relative}#data-view .main-container .bottom-left-container .border-box-content{display:-webkit-box;display:-ms-flexbox;display:flex}#data-view .main-container .bottom-left-container .mcb-decoration-1,#data-view .main-container .bottom-left-container .mcb-decoration-2{position:absolute;left:50%;margin-left:-2px}#data-view .main-container .bottom-left-container .mcb-decoration-1{top:5%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#data-view .main-container .bottom-left-container .mcb-decoration-2{top:50%}#data-view .main-container .bottom-left-container .bottom-left-chart-1,#data-view .main-container .bottom-left-container .bottom-left-chart-2{width:50%;height:100%}#data-view .main-container .bottom-right-container{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}.border-box-content{padding:unset!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,body,html{width:100%;height:100%}body,html{padding:0;margin:0}