#top-header{position:relative;width:100%;height:100px;display:flex;justify-content:space-between;flex-shrink:0}#top-header .header-center-decoration{width:768px;height:60px;margin-top:40px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:25%;height:60px}#top-header .header-right-decoration{font-size:26px}#top-header .center-title{position:absolute;font-size:36px;font-weight:700;left:960px;top:15px;transform:translateX(-50%)}#digital-flop{position:relative;height:130px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background-color:rgba(6,30,93,.5)}#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:flex;flex-direction:column;justify-content:center;align-items:center;border-left:3px solid #061e5d;border-right:3px solid #061e5d}#digital-flop .digital-flop-title{font-size:25px;font-weight:bolder;margin-bottom:20px}#digital-flop .digital-flop{display:flex}#digital-flop .unit{margin-left:10px;display:flex;align-items:flex-end;box-sizing:border-box;padding-bottom:13px}#scroll-board-key{width:700px;box-sizing:border-box;margin-left:0;font-weight:700;overflow:hidden}#scroll-board-key .dv-scroll-board{flex:1}#scroll-board-key .dv-scroll-board .rows .row-item{text-align:center}#scroll-board-key .dv-scroll-board .rows .row-item .ceil{font-size:1.3em}#scroll-board{width:650px;box-sizing:border-box;margin-left:0;font-weight:700;overflow:hidden}#scroll-board .dv-scroll-board{flex:1}#scroll-board .dv-scroll-board .rows .row-item{text-align:center}#scroll-board .dv-scroll-board .rows .row-item .ceil{font-size:1.8em}#water-level-chart{width:275px;box-sizing:border-box;margin-left:5px;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);display:flex;flex-direction:column}#water-level-chart .water-level-chart-title{font-weight:700;height:50px;display:flex;align-items:center;font-size:20px;justify-content:center}#water-level-chart .water-level-chart-details{height:15%;display:flex;justify-content:center;font-size:17px;align-items:flex-end}#water-level-chart .water-level-chart-details span{font-size:35px;font-weight:700;color:#58a1ff;margin:0 5px;margin-bottom:-5px}#water-level-chart .chart-container{flex:1;display:flex;justify-content:center;align-items:center}#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}#cards{display:flex;justify-content:space-between;height:382px}#cards .card-item{background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);width:19%;display:flex;flex-direction:column}#cards .card-header{display:flex;height:20%;align-items:center;justify-content:space-between}#cards .card-header .card-header-left{font-size:22px;font-weight:700;padding-left:20px}#cards .card-header .card-header-right{padding-right:20px;font-size:40px;color:#03d3ec}#cards .ring-charts{height:55%}#cards .card-footer{height:25%;display:flex;align-items:center;justify-content:space-around}#cards .card-footer-item{padding:5px 10px 0 10px;box-sizing:border-box;width:40%;background-color:rgba(6,30,93,.7);border-radius:3px}#cards .card-footer-item .footer-title{font-size:15px;margin-bottom:5px}#cards .card-footer-item .footer-detail{font-size:20px;color:#1294fb;display:flex;font-size:18px;align-items:center}#cards .card-footer-item .footer-detail .dv-digital-flop{margin-right:5px}.auto-fix-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:100%;transform-origin:0 0;transition:all .3s linear;overflow:hidden}#data-view{width:100%;height:100%;background-color:#030409;color:#fff}#data-view #dv-full-screen-container{background-image:url(../../assets/img/bg.837e99ea.png);background-size:100% 100%;box-shadow:0 0 3px #00f;display:flex;flex-direction:column}#data-view .main-content{flex:1;display:flex;flex-direction:column}#data-view .block-left-right-content{flex:1;display:flex;margin-top:10px}#data-view .block-top-bottom-content{flex:1;display:flex;flex-direction:column;box-sizing:border-box;padding-left:5px}#data-view .block-top-content{height:468px;display:flex;flex-grow:0;box-sizing:border-box;padding-bottom:20px}body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:100%;height:100%}