@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
.btn {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.yellow {
  color: #fbb03b;
  font-weight: 500;
}

.desil .box {
  background: #6D21AD !important;
}

.btn {
  padding: 6px 12px;
  background: #30c39e;
}

.btn:hover {
  background: #2baf8d;
}

.btn:active {
  background: #919191;
}

.allbackground {
  height: 100%;
  min-height: 100vh;
  background: #30c39e;
  letter-spacing: 0px;
  font-family: "Noto Sans TC", sans-serif;
  font-weight: 300;
}

.sectionone {
  background: #e6e6e6;
}

.sectionone, .sectiontwo, .rowsection, .leftside, .rightside {
  overflow: visible;
  height: auto;
}

.rightside {
  background-color: #222;
}

.topictitle {
  margin: 0 0 15px 0;
  font-weight: 900;
}

.forgauge {
  height: 155px;
  overflow: hidden;
}

.forgaugenum {
  font-size: 1.5em;
  font-weight: bolder;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.areapower {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+4,c8c8c8+100 */
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #ffffff 4%, #c8c8c8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.areapower:before {
  content: "";
  width: 100%;
  height: 80%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url("../../image/powerbg.png") center 0 no-repeat;
  background-size: 100%;
}

.areapower .shalunbuilding, .areapower .yuanbuilding {
  margin: -1% 0 0 0;
}

.areapower .buildingnum {
  background: #232323;
  color: #fff;
  border-radius: 5px;
  font-size: 1.1em;
  margin: 5px auto 0 auto;
  width: 90%;
  padding: 3px 0;
}

.areapower .buildingnum span {
  margin: 0 0 0 3px;
}

.areapower .gotoweb {
  margin: 0 0 0 3px;
  background: #666;
  padding: 5px 8px 8px 8px;
  border-radius: 50px;
  font-size: 12px;
  line-height: 15px;
  display: none;
}

.areapower .gotoweb a {
  color: #fff;
}

.areapower .swith {
  position: relative;
  width: 110px;
  height: 80px;
  bottom: 3%;
  left: 3%;
  float: none;
  margin: 0 auto;
}

.areapower .controlnum {
  position: relative;
}

.areapower .waybg {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  background: url(../../image/powerroad-mobile.png) no-repeat center 50%;
  background-size: 80%;
}

.areapower .nobg {
  background: none !important;
}

.prewatcharea {
  background: #e6e6e6;
}

.fornow {
  color: #666666;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}

.fornow:nth-child(3), .fornow:nth-child(4), .fornow:nth-child(5) {
  text-align: left;
}

.fornow:last-child {
  border-bottom: 0px solid #ccc;
}

.fornow .subtitle {
  margin: 0 0 10px 0;
}

.fornow .subtitle h3 {
  font-weight: bold;
}

.fornow .outoput {
  font-size: 3em;
  font-weight: 500;
}

.fornow .outoput.bettery {
  color: #8cc63f;
}

.fornow .outoput.outkwh {
  color: #fbb03b;
}

.fornow .outoput.outminute {
  color: #666;
}

.fornow .mask {
  position: absolute;
  height: 116px;
  top: 0px;
  z-index: 0;
  -webkit-mask: url("../../image/betteryenergy.png") no-repeat center center/contain;
  mask: url("../../image/betteryenergy.png") no-repeat top center/cover;
}

.fornow .popbettery {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 120px;
  background: url("../../image/betteryshell-w.png") no-repeat center center;
  z-index: 2;
}

.fornow .popbettery.betteryblack {
  background: url("../../image/betteryshell.png") no-repeat center center;
}

.fornow .energy {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: #8cc63f;
  z-index: -5;
}

.fornow .energy1 {
  height: calc(105px*1 / 100);
}

.fornow .energy2 {
  height: calc(105px*2 / 100);
}

.fornow .energy3 {
  height: calc(105px*3 / 100);
}

.fornow .energy4 {
  height: calc(105px*4 / 100);
}

.fornow .energy5 {
  height: calc(105px*5 / 100);
}

.fornow .energy6 {
  height: calc(105px*6 / 100);
}

.fornow .energy7 {
  height: calc(105px*7 / 100);
}

.fornow .energy8 {
  height: calc(105px*8 / 100);
}

.fornow .energy9 {
  height: calc(105px*9 / 100);
}

.fornow .energy10 {
  height: calc(105px*10 / 100);
}

.fornow .energy11 {
  height: calc(105px*11 / 100);
}

.fornow .energy12 {
  height: calc(105px*12 / 100);
}

.fornow .energy13 {
  height: calc(105px*13 / 100);
}

.fornow .energy14 {
  height: calc(105px*14 / 100);
}

.fornow .energy15 {
  height: calc(105px*15 / 100);
}

.fornow .energy16 {
  height: calc(105px*16 / 100);
}

.fornow .energy17 {
  height: calc(105px*17 / 100);
}

.fornow .energy18 {
  height: calc(105px*18 / 100);
}

.fornow .energy19 {
  height: calc(105px*19 / 100);
}

.fornow .energy20 {
  height: calc(105px*20 / 100);
}

.fornow .energy21 {
  height: calc(105px*21 / 100);
}

.fornow .energy22 {
  height: calc(105px*22 / 100);
}

.fornow .energy23 {
  height: calc(105px*23 / 100);
}

.fornow .energy24 {
  height: calc(105px*24 / 100);
}

.fornow .energy25 {
  height: calc(105px*25 / 100);
}

.fornow .energy26 {
  height: calc(105px*26 / 100);
}

.fornow .energy27 {
  height: calc(105px*27 / 100);
}

.fornow .energy28 {
  height: calc(105px*28 / 100);
}

.fornow .energy29 {
  height: calc(105px*29 / 100);
}

.fornow .energy30 {
  height: calc(105px*30 / 100);
}

.fornow .energy31 {
  height: calc(105px*31 / 100);
}

.fornow .energy32 {
  height: calc(105px*32 / 100);
}

.fornow .energy33 {
  height: calc(105px*33 / 100);
}

.fornow .energy34 {
  height: calc(105px*34 / 100);
}

.fornow .energy35 {
  height: calc(105px*35 / 100);
}

.fornow .energy36 {
  height: calc(105px*36 / 100);
}

.fornow .energy37 {
  height: calc(105px*37 / 100);
}

.fornow .energy38 {
  height: calc(105px*38 / 100);
}

.fornow .energy39 {
  height: calc(105px*39 / 100);
}

.fornow .energy40 {
  height: calc(105px*40 / 100);
}

.fornow .energy41 {
  height: calc(105px*41 / 100);
}

.fornow .energy42 {
  height: calc(105px*42 / 100);
}

.fornow .energy43 {
  height: calc(105px*43 / 100);
}

.fornow .energy44 {
  height: calc(105px*44 / 100);
}

.fornow .energy45 {
  height: calc(105px*45 / 100);
}

.fornow .energy46 {
  height: calc(105px*46 / 100);
}

.fornow .energy47 {
  height: calc(105px*47 / 100);
}

.fornow .energy48 {
  height: calc(105px*48 / 100);
}

.fornow .energy49 {
  height: calc(105px*49 / 100);
}

.fornow .energy50 {
  height: calc(105px*50 / 100);
}

.fornow .energy51 {
  height: calc(105px*51 / 100);
}

.fornow .energy52 {
  height: calc(105px*52 / 100);
}

.fornow .energy53 {
  height: calc(105px*53 / 100);
}

.fornow .energy54 {
  height: calc(105px*54 / 100);
}

.fornow .energy55 {
  height: calc(105px*55 / 100);
}

.fornow .energy56 {
  height: calc(105px*56 / 100);
}

.fornow .energy57 {
  height: calc(105px*57 / 100);
}

.fornow .energy58 {
  height: calc(105px*58 / 100);
}

.fornow .energy59 {
  height: calc(105px*59 / 100);
}

.fornow .energy60 {
  height: calc(105px*60 / 100);
}

.fornow .energy61 {
  height: calc(105px*61 / 100);
}

.fornow .energy62 {
  height: calc(105px*62 / 100);
}

.fornow .energy63 {
  height: calc(105px*63 / 100);
}

.fornow .energy64 {
  height: calc(105px*64 / 100);
}

.fornow .energy65 {
  height: calc(105px*65 / 100);
}

.fornow .energy66 {
  height: calc(105px*66 / 100);
}

.fornow .energy67 {
  height: calc(105px*67 / 100);
}

.fornow .energy68 {
  height: calc(105px*68 / 100);
}

.fornow .energy69 {
  height: calc(105px*69 / 100);
}

.fornow .energy70 {
  height: calc(105px*70 / 100);
}

.fornow .energy71 {
  height: calc(105px*71 / 100);
}

.fornow .energy72 {
  height: calc(105px*72 / 100);
}

.fornow .energy73 {
  height: calc(105px*73 / 100);
}

.fornow .energy74 {
  height: calc(105px*74 / 100);
}

.fornow .energy75 {
  height: calc(105px*75 / 100);
}

.fornow .energy76 {
  height: calc(105px*76 / 100);
}

.fornow .energy77 {
  height: calc(105px*77 / 100);
}

.fornow .energy78 {
  height: calc(105px*78 / 100);
}

.fornow .energy79 {
  height: calc(105px*79 / 100);
}

.fornow .energy80 {
  height: calc(105px*80 / 100);
}

.fornow .energy81 {
  height: calc(105px*81 / 100);
}

.fornow .energy82 {
  height: calc(105px*82 / 100);
}

.fornow .energy83 {
  height: calc(105px*83 / 100);
}

.fornow .energy84 {
  height: calc(105px*84 / 100);
}

.fornow .energy85 {
  height: calc(105px*85 / 100);
}

.fornow .energy86 {
  height: calc(105px*86 / 100);
}

.fornow .energy87 {
  height: calc(105px*87 / 100);
}

.fornow .energy88 {
  height: calc(105px*88 / 100);
}

.fornow .energy89 {
  height: calc(105px*89 / 100);
}

.fornow .energy90 {
  height: calc(105px*90 / 100);
}

.fornow .energy91 {
  height: calc(105px*91 / 100);
}

.fornow .energy92 {
  height: calc(105px*92 / 100);
}

.fornow .energy93 {
  height: calc(105px*93 / 100);
}

.fornow .energy94 {
  height: calc(105px*94 / 100);
}

.fornow .energy95 {
  height: calc(105px*95 / 100);
}

.fornow .energy96 {
  height: calc(105px*96 / 100);
}

.fornow .energy97 {
  height: calc(105px*97 / 100);
}

.fornow .energy98 {
  height: calc(105px*98 / 100);
}

.fornow .energy99 {
  height: calc(105px*99 / 100);
}

.fornow .energy100 {
  height: calc(105px*100 / 100);
}

.locationarea {
  background: #f2f2f2;
}

.linebarset {
  padding: 20px 20px;
  height: 100%;
}

.linebarset .linebarunit {
  padding: 3.5% 0;
  border-bottom: 1px solid #ccc;
}

.linebarset .linebarunit:last-child {
  border-bottom: 0px;
}

.linebarset .linebarunit span {
  font-weight: bolder;
  margin: 0 0 0 3px;
}

.linebarset .areaname {
  margin: 0 0 5px 0;
}

.linebarset .linechannel {
  background: #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.linebarset .linechannel.shalun .linetrue {
  background: #29abe2;
}

.linebarset .linechannel.shalun.pv .linetrue {
  background: #fbb03b;
}

.linebarset .linechannel.shalun .lineadjust {
  background: #99c6e4;
}

.linebarset .linechannel.lucha.pv .linetrue {
  background: #fbb03b;
}

.linebarset .linechannel.shalun.vrb .linetrue {
  background: #22b573;
}

.linebarset .linechannel.shalun.vrb .lineadjust {
  background: #99c3af;
}

.linebarset .linechannel.lucha.desil .linetrue {
  background: #6D21AD;
}

.linebarset .linechannel.lucha .linetrue {
  background: #29abe2;
}

.linebarset .linechannel.lucha .lineadjust {
  background: #99c6e4;
}

.linebarset .linechannel.changbin .linetrue {
  background: #22b573;
}

.linebarset .linechannel.yongan .linetrue {
  background: #22b573;
}

.linebarset .linetrue, .linebarset .lineadjust {
  color: #fff;
  padding: 2% 0;
}

.linebarset .linetrue {
  background: #222;
}

.linebarset .lineadjust {
  background: #30c39e;
}

.linebarset .linetrueset1 {
  width: 1%;
}

.linebarset .linetrueset2 {
  width: 2%;
}

.linebarset .linetrueset3 {
  width: 3%;
}

.linebarset .linetrueset4 {
  width: 4%;
}

.linebarset .linetrueset5 {
  width: 5%;
}

.linebarset .linetrueset6 {
  width: 6%;
}

.linebarset .linetrueset7 {
  width: 7%;
}

.linebarset .linetrueset8 {
  width: 8%;
}

.linebarset .linetrueset9 {
  width: 9%;
}

.linebarset .linetrueset10 {
  width: 10%;
}

.linebarset .linetrueset11 {
  width: 11%;
}

.linebarset .linetrueset12 {
  width: 12%;
}

.linebarset .linetrueset13 {
  width: 13%;
}

.linebarset .linetrueset14 {
  width: 14%;
}

.linebarset .linetrueset15 {
  width: 15%;
}

.linebarset .linetrueset16 {
  width: 16%;
}

.linebarset .linetrueset17 {
  width: 17%;
}

.linebarset .linetrueset18 {
  width: 18%;
}

.linebarset .linetrueset19 {
  width: 19%;
}

.linebarset .linetrueset20 {
  width: 20%;
}

.linebarset .linetrueset21 {
  width: 21%;
}

.linebarset .linetrueset22 {
  width: 22%;
}

.linebarset .linetrueset23 {
  width: 23%;
}

.linebarset .linetrueset24 {
  width: 24%;
}

.linebarset .linetrueset25 {
  width: 25%;
}

.linebarset .linetrueset26 {
  width: 26%;
}

.linebarset .linetrueset27 {
  width: 27%;
}

.linebarset .linetrueset28 {
  width: 28%;
}

.linebarset .linetrueset29 {
  width: 29%;
}

.linebarset .linetrueset30 {
  width: 30%;
}

.linebarset .linetrueset31 {
  width: 31%;
}

.linebarset .linetrueset32 {
  width: 32%;
}

.linebarset .linetrueset33 {
  width: 33%;
}

.linebarset .linetrueset34 {
  width: 34%;
}

.linebarset .linetrueset35 {
  width: 35%;
}

.linebarset .linetrueset36 {
  width: 36%;
}

.linebarset .linetrueset37 {
  width: 37%;
}

.linebarset .linetrueset38 {
  width: 38%;
}

.linebarset .linetrueset39 {
  width: 39%;
}

.linebarset .linetrueset40 {
  width: 40%;
}

.linebarset .linetrueset41 {
  width: 41%;
}

.linebarset .linetrueset42 {
  width: 42%;
}

.linebarset .linetrueset43 {
  width: 43%;
}

.linebarset .linetrueset44 {
  width: 44%;
}

.linebarset .linetrueset45 {
  width: 45%;
}

.linebarset .linetrueset46 {
  width: 46%;
}

.linebarset .linetrueset47 {
  width: 47%;
}

.linebarset .linetrueset48 {
  width: 48%;
}

.linebarset .linetrueset49 {
  width: 49%;
}

.linebarset .linetrueset50 {
  width: 50%;
}

.linebarset .linetrueset51 {
  width: 51%;
}

.linebarset .linetrueset52 {
  width: 52%;
}

.linebarset .linetrueset53 {
  width: 53%;
}

.linebarset .linetrueset54 {
  width: 54%;
}

.linebarset .linetrueset55 {
  width: 55%;
}

.linebarset .linetrueset56 {
  width: 56%;
}

.linebarset .linetrueset57 {
  width: 57%;
}

.linebarset .linetrueset58 {
  width: 58%;
}

.linebarset .linetrueset59 {
  width: 59%;
}

.linebarset .linetrueset60 {
  width: 60%;
}

.linebarset .linetrueset61 {
  width: 61%;
}

.linebarset .linetrueset62 {
  width: 62%;
}

.linebarset .linetrueset63 {
  width: 63%;
}

.linebarset .linetrueset64 {
  width: 64%;
}

.linebarset .linetrueset65 {
  width: 65%;
}

.linebarset .linetrueset66 {
  width: 66%;
}

.linebarset .linetrueset67 {
  width: 67%;
}

.linebarset .linetrueset68 {
  width: 68%;
}

.linebarset .linetrueset69 {
  width: 69%;
}

.linebarset .linetrueset70 {
  width: 70%;
}

.linebarset .linetrueset71 {
  width: 71%;
}

.linebarset .linetrueset72 {
  width: 72%;
}

.linebarset .linetrueset73 {
  width: 73%;
}

.linebarset .linetrueset74 {
  width: 74%;
}

.linebarset .linetrueset75 {
  width: 75%;
}

.linebarset .linetrueset76 {
  width: 76%;
}

.linebarset .linetrueset77 {
  width: 77%;
}

.linebarset .linetrueset78 {
  width: 78%;
}

.linebarset .linetrueset79 {
  width: 79%;
}

.linebarset .linetrueset80 {
  width: 80%;
}

.linebarset .linetrueset81 {
  width: 81%;
}

.linebarset .linetrueset82 {
  width: 82%;
}

.linebarset .linetrueset83 {
  width: 83%;
}

.linebarset .linetrueset84 {
  width: 84%;
}

.linebarset .linetrueset85 {
  width: 85%;
}

.linebarset .linetrueset86 {
  width: 86%;
}

.linebarset .linetrueset87 {
  width: 87%;
}

.linebarset .linetrueset88 {
  width: 88%;
}

.linebarset .linetrueset89 {
  width: 89%;
}

.linebarset .linetrueset90 {
  width: 90%;
}

.linebarset .linetrueset91 {
  width: 91%;
}

.linebarset .linetrueset92 {
  width: 92%;
}

.linebarset .linetrueset93 {
  width: 93%;
}

.linebarset .linetrueset94 {
  width: 94%;
}

.linebarset .linetrueset95 {
  width: 95%;
}

.linebarset .linetrueset96 {
  width: 96%;
}

.linebarset .linetrueset97 {
  width: 97%;
}

.linebarset .linetrueset98 {
  width: 98%;
}

.linebarset .linetrueset99 {
  width: 99%;
}

.linebarset .linetrueset100 {
  width: 100%;
}

.linebarset .lineadjustset1 {
  width: 1%;
}

.linebarset .lineadjustset2 {
  width: 2%;
}

.linebarset .lineadjustset3 {
  width: 3%;
}

.linebarset .lineadjustset4 {
  width: 4%;
}

.linebarset .lineadjustset5 {
  width: 5%;
}

.linebarset .lineadjustset6 {
  width: 6%;
}

.linebarset .lineadjustset7 {
  width: 7%;
}

.linebarset .lineadjustset8 {
  width: 8%;
}

.linebarset .lineadjustset9 {
  width: 9%;
}

.linebarset .lineadjustset10 {
  width: 10%;
}

.linebarset .lineadjustset11 {
  width: 11%;
}

.linebarset .lineadjustset12 {
  width: 12%;
}

.linebarset .lineadjustset13 {
  width: 13%;
}

.linebarset .lineadjustset14 {
  width: 14%;
}

.linebarset .lineadjustset15 {
  width: 15%;
}

.linebarset .lineadjustset16 {
  width: 16%;
}

.linebarset .lineadjustset17 {
  width: 17%;
}

.linebarset .lineadjustset18 {
  width: 18%;
}

.linebarset .lineadjustset19 {
  width: 19%;
}

.linebarset .lineadjustset20 {
  width: 20%;
}

.linebarset .lineadjustset21 {
  width: 21%;
}

.linebarset .lineadjustset22 {
  width: 22%;
}

.linebarset .lineadjustset23 {
  width: 23%;
}

.linebarset .lineadjustset24 {
  width: 24%;
}

.linebarset .lineadjustset25 {
  width: 25%;
}

.linebarset .lineadjustset26 {
  width: 26%;
}

.linebarset .lineadjustset27 {
  width: 27%;
}

.linebarset .lineadjustset28 {
  width: 28%;
}

.linebarset .lineadjustset29 {
  width: 29%;
}

.linebarset .lineadjustset30 {
  width: 30%;
}

.linebarset .lineadjustset31 {
  width: 31%;
}

.linebarset .lineadjustset32 {
  width: 32%;
}

.linebarset .lineadjustset33 {
  width: 33%;
}

.linebarset .lineadjustset34 {
  width: 34%;
}

.linebarset .lineadjustset35 {
  width: 35%;
}

.linebarset .lineadjustset36 {
  width: 36%;
}

.linebarset .lineadjustset37 {
  width: 37%;
}

.linebarset .lineadjustset38 {
  width: 38%;
}

.linebarset .lineadjustset39 {
  width: 39%;
}

.linebarset .lineadjustset40 {
  width: 40%;
}

.linebarset .lineadjustset41 {
  width: 41%;
}

.linebarset .lineadjustset42 {
  width: 42%;
}

.linebarset .lineadjustset43 {
  width: 43%;
}

.linebarset .lineadjustset44 {
  width: 44%;
}

.linebarset .lineadjustset45 {
  width: 45%;
}

.linebarset .lineadjustset46 {
  width: 46%;
}

.linebarset .lineadjustset47 {
  width: 47%;
}

.linebarset .lineadjustset48 {
  width: 48%;
}

.linebarset .lineadjustset49 {
  width: 49%;
}

.linebarset .lineadjustset50 {
  width: 50%;
}

.linebarset .lineadjustset51 {
  width: 51%;
}

.linebarset .lineadjustset52 {
  width: 52%;
}

.linebarset .lineadjustset53 {
  width: 53%;
}

.linebarset .lineadjustset54 {
  width: 54%;
}

.linebarset .lineadjustset55 {
  width: 55%;
}

.linebarset .lineadjustset56 {
  width: 56%;
}

.linebarset .lineadjustset57 {
  width: 57%;
}

.linebarset .lineadjustset58 {
  width: 58%;
}

.linebarset .lineadjustset59 {
  width: 59%;
}

.linebarset .lineadjustset60 {
  width: 60%;
}

.linebarset .lineadjustset61 {
  width: 61%;
}

.linebarset .lineadjustset62 {
  width: 62%;
}

.linebarset .lineadjustset63 {
  width: 63%;
}

.linebarset .lineadjustset64 {
  width: 64%;
}

.linebarset .lineadjustset65 {
  width: 65%;
}

.linebarset .lineadjustset66 {
  width: 66%;
}

.linebarset .lineadjustset67 {
  width: 67%;
}

.linebarset .lineadjustset68 {
  width: 68%;
}

.linebarset .lineadjustset69 {
  width: 69%;
}

.linebarset .lineadjustset70 {
  width: 70%;
}

.linebarset .lineadjustset71 {
  width: 71%;
}

.linebarset .lineadjustset72 {
  width: 72%;
}

.linebarset .lineadjustset73 {
  width: 73%;
}

.linebarset .lineadjustset74 {
  width: 74%;
}

.linebarset .lineadjustset75 {
  width: 75%;
}

.linebarset .lineadjustset76 {
  width: 76%;
}

.linebarset .lineadjustset77 {
  width: 77%;
}

.linebarset .lineadjustset78 {
  width: 78%;
}

.linebarset .lineadjustset79 {
  width: 79%;
}

.linebarset .lineadjustset80 {
  width: 80%;
}

.linebarset .lineadjustset81 {
  width: 81%;
}

.linebarset .lineadjustset82 {
  width: 82%;
}

.linebarset .lineadjustset83 {
  width: 83%;
}

.linebarset .lineadjustset84 {
  width: 84%;
}

.linebarset .lineadjustset85 {
  width: 85%;
}

.linebarset .lineadjustset86 {
  width: 86%;
}

.linebarset .lineadjustset87 {
  width: 87%;
}

.linebarset .lineadjustset88 {
  width: 88%;
}

.linebarset .lineadjustset89 {
  width: 89%;
}

.linebarset .lineadjustset90 {
  width: 90%;
}

.linebarset .lineadjustset91 {
  width: 91%;
}

.linebarset .lineadjustset92 {
  width: 92%;
}

.linebarset .lineadjustset93 {
  width: 93%;
}

.linebarset .lineadjustset94 {
  width: 94%;
}

.linebarset .lineadjustset95 {
  width: 95%;
}

.linebarset .lineadjustset96 {
  width: 96%;
}

.linebarset .lineadjustset97 {
  width: 97%;
}

.linebarset .lineadjustset98 {
  width: 98%;
}

.linebarset .lineadjustset99 {
  width: 99%;
}

.linebarset .lineadjustset100 {
  width: 100%;
}

.gotovpp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  display: none;
}

.gotovpp .herewegovpp {
  margin: 0 1%;
  float: left;
  width: 100px;
  padding: 0.4% 0.5%;
  background: #999;
  color: #fff;
  position: fixed;
  left: 6%;
  border-radius: 0px 0px 10px 10px;
}

.gotovpp .herewegovpp:hover {
  background: lightblue;
  cursor: pointer;
}

.gotovpp .herewegoipp {
  margin: 0 1%;
  float: left;
  width: 100px;
  padding: 0.4% 0.5%;
  background: #999;
  color: #fff;
  border-radius: 0px 0px 10px 10px;
  position: fixed;
  left: 12%;
}

.gotovpp .herewegoipp:hover {
  background: lightblue;
  cursor: pointer;
}

.gotovpp .herewegohome {
  margin: 0 1%;
  float: left;
  width: 100px;
  padding: 0.4% 0.5%;
  background: #999;
  color: #fff;
  border-radius: 0px 0px 10px 10px;
  position: fixed;
}

.gotovpp .herewegohome:hover {
  background: lightblue;
  cursor: pointer;
}

.gotovpp .herewegotaiwan, .gotovpp .herewegodata {
  margin: 0 1%;
  float: left;
  width: 100px;
  padding: 0% 0%;
  background: #999;
  color: #fff;
  border-radius: 0px 0px 10px 10px;
}

.gotovpp .herewegotaiwan:hover, .gotovpp .herewegodata:hover {
  background: #454545;
  cursor: pointer;
}

.controlopen {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.controlopen .letsopen {
  padding: 15px 15px;
  color: #232323;
}

.controlopen .letsopen:hover {
  background: #232323;
  cursor: pointer;
  color: #fff;
}

.originclose {
  width: 0;
}

.originopen {
  width: 83.33%;
}

.originopen .gotovpp {
  width: 100%;
}

.areaset, .energyset {
  background-color: #222;
  padding: 1.5% 2.5%;
  color: #fff;
}

.open {
  position: absolute;
  width: 50px;
  height: 50px;
  padding: 4px 0 0 0;
  z-index: 2;
  right: 15px;
  top: 15px;
  border-radius: 50px;
  border: 2px solid #fff;
  background: #232323;
}

.open a {
  font-size: 1.5em;
  color: #fff;
}

.open a:hover {
  color: #29abe2;
}

.pre-schedule {
  opacity: 0.35;
}

.real-schedule {
  position: absolute;
  top: 0;
  left: 0;
}

.rowset {
  padding: 0.5% 2%;
  text-align: left;
}

.rowset .rowtitle {
  color: #fff;
  padding: 2px 0;
  border-bottom: 1px solid #fff;
}

.rowset .rowkwh {
  padding: 2px 0;
  color: #fff;
}

.rowset .box {
  width: 20px;
  height: 20px;
  background: #fff;
  margin: -20px 10px 0 0;
}

.rowset.shalun .box {
  background: #22b573;
}

.rowset.shalun .rowkwh {
  color: #22b573;
}

.rowset.lucha .box {
  background: #29abe2;
}

.rowset.lucha .rowkwh {
  color: #29abe2;
}

.rowset.changbin .box {
  background: #fbb03b;
}

.rowset.changbin .rowkwh {
  color: #fbb03b;
}

.rowset.yongan .box {
  background: #fbb03b;
}

.rowset.yongan .rowkwh {
  color: #fbb03b;
}

.rowset.flex {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.extrainfo .rowtitle {
  color: #fff;
  padding: 0px 0;
  border-bottom: 0px solid #fff;
  font-size: 1.2em;
  font-weight: 300;
}

.chartarea {
  padding: 6% 3% 3% 3%;
}

.chartarea .vppsearch {
  margin: 0 5px 0 0;
  background: #fff;
}

.chartarea .searchbtn {
  padding: 8px 5px;
  border-radius: 50px;
  background: #0071bc;
  color: #fff;
}

.chartarea .searchbtn:hover {
  background: #0b476f;
}

.chartarea form {
  margin: 0 0 1.5% 0;
}

@media (min-width: 400px) {
  .forgauge {
    height: 200px;
  }
}

@media (min-width: 500px) {
  .forgauge {
    height: 246px;
  }
}

@media (min-width: 600px) {
  .forgauge {
    height: 250px;
  }
}

@media (min-width: 700px) {
  .forgauge {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .forgauge {
    height: 180px;
  }
}

@media (min-width: 900px) {
  .forgauge {
    height: 200px;
  }
}

@media (min-width: 1000px) {
  .forgauge {
    height: 240px;
  }
  .areapower .shalunbuilding, .areapower .yuanbuilding {
    margin: -16% 0 0 0;
  }
  .areapower .waybg {
    margin: 0 auto;
    width: 50%;
    text-align: center;
    background: url(../../image/powerroad.png) no-repeat center 0;
  }
  .areapower .nobg {
    background: none;
  }
  .areapower .swith {
    position: absolute;
    width: 110px;
    bottom: 3%;
    left: 3%;
    float: none;
    margin: 0 auto;
  }
}

@media (min-width: 1100px) {
  .forgauge {
    height: 260px;
  }
  .areapower .buildingnum {
    width: 45%;
    font-size: 1.05em;
  }
  .areapower .controlnum {
    position: absolute;
    width: 33.33%;
    right: 15%;
    top: 15%;
  }
  .gotovpp {
    display: block;
  }
}

@media (min-width: 1200px) {
  .forgauge {
    height: 340px;
  }
}

@media (min-width: 1300px) {
  .sectionone, .sectiontwo, .rowsection, .leftside, .rightside {
    overflow: hidden;
    height: 100%;
  }
  .controlopen {
    display: block;
  }
  .forgauge {
    height: 130px;
    overflow: hidden;
  }
  .linebarset {
    padding: 20px 15px;
  }
}

@media (min-width: 1500px) {
  .linebarset {
    padding: 20px 20px;
  }
}

@media (min-width: 1300px) and (max-height: 700px) {
  .sectionone, .sectiontwo, .rowsection, .leftside {
    overflow: auto !important;
  }
}
/*# sourceMappingURL=resetnew.css.map */