.map-wrapper{
    position: relative;
    max-width: 1880px;
    margin: 5px auto;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.map-img{
    width: 100%;
    height: auto;
    display: block;
}

.t-point{
    position: absolute;
    transform: translate(-50%, -50%) scale(1.15);
    background-color: aliceblue;
    padding: 2px 4px;
    width: 26px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-family: Arial, san-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #333;
    white-space: no-wrap;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.2s;
}

.t-point:hover{
    transform: translate((-50%, -50%) scale(1.15));
    background-color: #fff;
}

.t-point .temp {
    color: #d9534f;
    margin-left: 3px;
}

#point-temp1   { left: 426px;    top: 89px;    }
#point-temp2   { left: 371px;    top: 462px;   }
#point-temp3   { left: 373px;    top: 292px;   }
#point-temp4   { left: 1047px;   top: 181px;   }
#point-temp5   { left: 854px;    top: 98px;    }
#point-temp6   { left: 724px;    top: 461px;   }
#point-temp7   { left: 723px;    top: 292px;   }
#point-temp8   { left: 1048px;   top: 391px;   }
#point-temp9   { left: 1694px;   top: 266px;   }
#point-temp10  { left: 886px;    top: 593px;   }
#point-temp11  { left: 137px;    top: 524px;   }

/* ************************************************************** */
/* ************************************************************** */

.pump-point{
    position: absolute;
    transform: translate(-50%, -50%) scale(1.15);
    background-color: aliceblue;
    padding: 2px 2px;
    width: 30px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-family: Arial, san-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
    white-space: no-wrap;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.2s;
}

.pump-point .pump {
    color: #d9534f;
    margin-left: 0px;
}

#point-cir-pump1  { left: 246px;   top: 313px;   }
#point-cir-pump2  { left: 599px;   top: 313px;   }


/* ************************************************************** */
/* ************************************************************** */

.electric-point{
    position: absolute;
    transform: translate(-50%, -50%) scale(1.15);
    background-color: aliceblue;
    padding: 2px 2px;
    width: 95px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-family: Arial, san-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
    white-space: no-wrap;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.2s;
}

.electric-point .electric {
    color: #d9534f;
    margin-left: 0px;
}

#point-electric-v1n  { left: 1619px;   top: 33px;   }
#point-electric-v2n  { left: 1619px;   top: 63px;   }
#point-electric-v3n  { left: 1619px;   top: 93px;   }
#point-electric-ci1  { left: 1749px;   top: 33px;   }
#point-electric-ci2  { left: 1749px;   top: 63px;   }
#point-electric-ci3  { left: 1749px;   top: 93px;   }
#point-electric-tkw  { left: 1749px;   top: 123px;   }
#point-electric-kwh  { left: 1749px;   top: 153px;   }

/* ************************************************************** */
/* ************************************************************** */
.water-point{
    position: absolute;
    transform: translate(-50%, -50%) scale(1.15);
    background-color: aliceblue;
    padding: 2px 4px;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-family: Arial, san-serif;
    font-size: 13pt;
    font-weight: bold;
    color: #333;
    white-space: no-wrap;
    cursor: pointer;
    transition: transform 0.2s, background-color 0.2s;
}

.water-point .water {
    color: #d9534f;
    margin-left: 3px;
}

#point-water-lit  { left: 353px;   top: 613px;   }


/* ************************************************************** */
/* ************************************************************** */

#point-hp1-comp   { left: 1364px;   top: 256px;   }
#point-hp2-comp   { left: 1364px;   top: 470px;   }
#point-hp1-error  { left: 1364px;   top: 176px;   }
#point-hp2-error  { left: 1364px;   top: 390px;   }