#cards{height:100%;width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}#cards .card-item{background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#cards .card-header,#cards .card-item{display:-webkit-box;display:-ms-flexbox;display:flex}#cards .card-header{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:18px;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}#steelCards[data-v-de757912]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1}#steelCards .card-item[data-v-de757912],#steelCards[data-v-de757912]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%}#steelCards .card-item[data-v-de757912]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#steelCards .card-header[data-v-de757912]{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}#steelCards .card-header .card-header-left[data-v-de757912]{font-size:18px;font-weight:700;padding-left:20px}#steelCards .card-header .card-header-right[data-v-de757912]{padding-right:20px;font-size:40px;color:#03d3ec}#steelCards .card-footer[data-v-de757912]{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}#steelCards .card-footer-item[data-v-de757912]{padding:5px 10px 0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;width:60%;border-radius:3px;background-color:rgba(6,30,93,.5)}#steelCards .card-footer-item[data-v-de757912]:nth-child(2){margin:0 .125rem}#steelCards .card-footer-item[data-v-de757912]:nth-child(3){width:40%;margin-right:.125rem}#steelCards .card-footer-item[data-v-de757912]:nth-child(4){width:40%}#steelCards .card-footer-item .footer-title[data-v-de757912]{font-size:15px;margin-bottom:5px}#steelCards .card-footer-item .footer-detail[data-v-de757912]{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;padding:0 0 .15rem .2rem}#steelCards .card-footer-item .footer-detail span[data-v-de757912]{color:#f90}#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%)}#scroll-board{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:20px;height:100%;overflow:hidden}#digital-flop{position:relative;height:100px;-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,.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:-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:20px;margin-bottom:5px}#digital-flop .digital-flop{display:-webkit-box;display:-ms-flexbox;display:flex}#digital-flop .digital-flop span{width:2.125rem;height:50px;line-height:50px;font-size:22px;text-align:right;color:#f90}#digital-flop .unit{margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:13px}#digital-flop .unit,.ranking-board{-webkit-box-sizing:border-box;box-sizing:border-box}.ranking-board{height:100%;width:100%;background-color:rgba(6,30,93,.5);padding:0 10px}.ranking-board .titleBox{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}.ranking-board .dv-scroll-ranking-board{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;width:100%}#water-level-chart{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;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}#data-view,.divChartDeviceMap .deviceChart[data-v-69adae42],.divChartDeviceMap[data-v-69adae42]{height:100%;width:100%}#data-view{background-color:#030409;color:#fff}#data-view .container{background-image:url(../img/bg.837e99ea.png);background-size:100% 100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}#data-view .container,#data-view .container .main-content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}#data-view .container .main-content{height:calc(100% - 200px);margin-bottom:10px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}#data-view .container .main-content .left_layout{-webkit-box-flex:3;-ms-flex:3;flex:3;height:100%;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}#data-view .container .main-content .left_layout .left_layout_main{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;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 .container .main-content .center_layout{margin:0 15px;-webkit-box-flex:5;-ms-flex:5;flex:5;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%}#data-view .container .main-content .center_layout .center_layout_main{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;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 .container .main-content .right_layout{-webkit-box-flex:3;-ms-flex:3;flex:3;height:100%;width:100%;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}#data-view .container .main-content .right_layout .right_layout_main{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#data-view #divCenterMap .bg,#data-view .container .main-content .right_layout .right_layout_main{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#data-view #divCenterMap .bg .deviceChart{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}#data-view #divCenterMap .bg .deviceTotal{width:200px;height:100%;margin-right:30px}#data-view #divCenterMap .bg .deviceTotal .item{margin-top:30px}#data-view #divLeftContent2,#data-view #divRightContent2{margin:15px 0}