#top-header{position:relative;width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0}#top-header .header-center-decoration{width:40%;height:60px;margin-top:30px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:25%;height:60px}#top-header .center-title{position:absolute;font-size:30px;font-weight:700;left:50%;top:15px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.left-chart-1{width:100%;height:37%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-chart-1 .lc1-header{text-align:center;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:30px;margin-bottom:20px}.left-chart-1 .lc1-details,.left-chart-1 .lc1-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-chart-1 .lc1-details{height:50px;font-size:16px;text-indent:20px}.left-chart-1 .lc1-details span{color:#096dd9;font-weight:700;font-size:35px;margin-left:20px}.left-chart-1 .lc1-chart{-webkit-box-flex:1;-ms-flex:1;flex:1}.left-chart-1 .weather-info{margin-top:10px;padding:10px;background:rgba(0,0,0,.2);border-radius:4px;color:#fff}.left-chart-1 .weather-info .weather-title{font-size:16px;font-weight:700;margin-bottom:10px;text-align:center;color:#00baff}.left-chart-1 .weather-info .weather-item{font-size:14px;margin:6px 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}.left-chart-1 .weather-info .weather-label{color:#ccc;font-weight:400}.left-chart-1 .weather-info .weather-value{color:#fff;font-weight:700}.month-weight-chart{width:100%;height:100%;min-height:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;border:none}.month-weight-chart .chart-title{font-size:20px;font-weight:700;margin-bottom:0;color:#fff}.month-weight-chart .chart-container{width:100%;height:100%;min-height:0;max-height:none;padding:0;margin:0}.border-box-content{border:none!important}#water-level-chart{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:20px;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-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:17px;-webkit-box-align:end;-ms-flex-align:end;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{-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}#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}#map-3d,#map-3d canvas{width:100%;height:100%}.label-tag{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.label-tag,.label-tag .label-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.label-tag .label-item{margin:5px;font-size:15px}.label-tag .label-item div{width:12px;height:12px;margin-left:5px}.center-cmp{width:100%;height:100%;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.center-cmp .cc-header{height:70px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:30px}.center-cmp .cc-details,.center-cmp .cc-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center-cmp .cc-details{height:120px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:32px}.center-cmp .cc-details .card{background-color:rgba(4,49,128,.6);color:#08e5ff;height:70px;width:70px;font-size:45px;font-weight:700;line-height:70px;text-align:center;margin:10px}.center-cmp .cc-main-container{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.center-cmp .cc-main-container .ccmc-middle{width:50%;height:90%}.center-cmp .cc-main-container .ccmc-middle .active-ring-name{font-size:20px!important}.center-cmp .cc-main-container .ccmc-left,.center-cmp .cc-main-container .ccmc-right{width:25%;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;font-size:24px}.center-cmp .cc-main-container .ccmc-left span,.center-cmp .cc-main-container .ccmc-right span{font-size:40px;font-weight:700}.center-cmp .cc-main-container .ccmc-left .station-info,.center-cmp .cc-main-container .ccmc-right .station-info{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.center-cmp .cc-main-container .ccmc-left{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.center-cmp .cc-main-container .ccmc-left span{margin-left:20px}.center-cmp .cc-main-container .ccmc-right{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.center-cmp .cc-main-container .ccmc-right span{margin-right:20px}.center-cmp .label-tag{position:absolute;width:500px;height:30px;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.right-chart-1{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.right-chart-1 .rc1-header{font-size:24px;font-weight:700;height:30px;line-height:30px}.right-chart-1 .rc1-chart-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.right-chart-1 .left{width:30%;font-size:16px;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}.right-chart-1 .left .number{font-size:34px;color:#096dd9;font-weight:700;margin-bottom:30px}.right-chart-1 .right{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-bottom:20px;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.right-chart-2{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.right-chart-2 .rc1-header{font-size:24px;font-weight:700;height:30px;line-height:30px}.right-chart-2 .rc1-chart-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.right-chart-2 .left{width:30%;font-size:16px;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}.right-chart-2 .left .number{font-size:34px;color:#096dd9;font-weight:700;margin-bottom:30px}.right-chart-2 .right{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-bottom:20px;padding-right:20px}#rose-chart,.right-chart-2 .right{-webkit-box-sizing:border-box;box-sizing:border-box}#rose-chart{width:100%;height:100%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5)}#rose-chart .rose-chart-title{height:50px;font-weight:700;text-indent:20px;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#rose-chart .dv-charts-container{height:calc(100% - 50px)}#scroll-board{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:20px;height:100%;overflow:hidden}#cards{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}#cards,#cards .card-item{display:-webkit-box;display:-ms-flexbox;display:flex}#cards .card-item{background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);width:19%;padding-left:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#cards .card-header{display:-webkit-box;display:-ms-flexbox;display:flex;height:20%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#cards .card-header .card-header-left{font-size:24px;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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}#cards .card-footer-item{padding:5px 10px 0 10px;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#cards .card-footer-item .footer-detail .dv-digital-flop{margin-right:5px}#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:450px}#data-view .main-container{height:calc(100% - 80px)}#data-view .main-container .border-box-content{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}#data-view .left-chart-container{width:22%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}#data-view .left-chart-container .border-box-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#data-view .right-main-container{padding-left:5px;-webkit-box-sizing:border-box;box-sizing:border-box}#data-view .rmc-top-container{height:65%;display:-webkit-box;display:-ms-flexbox;display:flex}#data-view .rmctc-left-container{width:65%}#data-view .rmctc-right-container{width:40%}#data-view .rmc-bottom-container{width:100%;height:35%}#data-view .rmctc-chart-1{width:100%;height:100%}#data-view .rmctc-chart-2{width:100%;height:50%}#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}