html, body
{



}
.gauge_board
{
width: 340px;
height: 2610px;
position: relative ;
border: 0px solid #3F4C76;
border-radius: 0.7em;
}
.gauge_temp
{
position: absolute;
top: 50px;
left: 5px;
width: 330px;
height: 330px;
text-align: left;
/* border: 10px solid #666666; */    
}
.gauge_temp1
{
position: absolute;
top: 2910px;
left: 25px;
width: 90px;
height: 50px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp2
{
position: absolute;
top: 2860px;
left: 25px;
width: 90px;
height: 50px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp5
{
position: absolute;
top: 2910px;
left: 125px;
width: 90px;
height: 50px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp6
{
position: absolute;
top: 2860px;
left: 125px;
width: 90px;
height: 50px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp19
{
position: absolute;
top: 60px;
left: 10px;
width: 65px;
height: 35px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp21
{
position: absolute;
top: 142px;
left: 240px;
width:95px;
height: 45px;
text-align: center;
border: 4px solid #ff5252;   
border-radius: 0.5em;  
}
.gauge_temp22
{
position: absolute;
top: 87px;
left: 240px;
width: 95px;
height: 45px;
text-align: center;
border: 4px solid #ff5252;   
border-radius: 0.5em; 
}
.gauge_temp23
{
position: absolute;
top: 318px;
left: 175px;
width: 160px;
height: 40px;
text-align: center;
border: 4px solid #ff5252;   
border-radius: 0.5em; 
}
.gauge_temp24
{
position: absolute;
top: 963px;
left: 163px;
width: 70px;
height: 30px;
text-align: center;
/* border: 1px solid #666666; */    
}
.gauge_rain1
{
position: absolute;
top: 1690px;
left: 5px;
width: 120px;
height: 45px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_rain2
{
position: absolute;
top: 1738px;
left: 5px;
width: 120px;
height: 45px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_rain3
{
position: absolute;
top: 1429px;
left: 130px;
width: 100px;
height: 35px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_rain
{
position: absolute;
top: 1172px;
left: 5px;
width: 330px;
height: 330px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_rain16
{
position: absolute;
top: 3336px;
left: 5px;
width: 330px;
height: 330px;
text-align: center;
/* border: 1px solid #666666; */
}
.gauge_rain17
{
position: absolute;
top: 1367px;
left: 115px;
width: 110px;
height: 40px;
text-align: center;
/* border: 1px solid #666666; */    
}
.gauge_rain18
{
position: absolute;
top: 3056px;
left: 5px;
width: 330px;
height: 330px;
text-align: center;
/* border: 1px solid #666666; */
}
.gauge_rain22
{
position: absolute;
top: 1690px;
left: 125px;
width: 90px;
height: 35px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_rain23
{
position: absolute;
top: 1738px;
left: 125px;
width: 90px;
height: 35px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_hum
{
position: absolute;
top: 495px;
left: 0px;
width: 180px;
height: 180px;
text-align: left;
/* border: 2px solid #666666; */    
}
.gauge_dew
{
position: absolute;
top: 495px;
left: 157px;
width: 180px;
height: 180px;
text-align: left;
/* border: 2px solid #666666; */    
}
.gauge_temp9
{
position: absolute;
top: 455px;
left: 5px;
width: 115px;
height: 45px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp10
{
position: absolute;
top: 455px;
left: 120px;
width: 100px;
height: 40px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp11
{
position: absolute;
top: 455px;
left: 220px;
width: 115px;
height: 45px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp12
{
position: absolute;
top: 405px;
left: 5px;
width: 115px;
height: 45px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp13
{
position: absolute;
top: 405px;
left: 120px;
width: 100px;
height: 40px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp14
{
position: absolute;
top: 405px;
left: 220px;
width: 115px;
height: 45px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp16
{
position: absolute;
top: 1690px;
left: 215px;
width: 120px;
height: 45px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_temp17
{
position: absolute;
top: 1738px;
left: 215px;
width: 120px;
height: 45px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_1
{
position: absolute;
top: 0px;
left: 130px;
width: 200px;
height: 60px;
text-align: left;
border: 5px solid #ff5252;   
border-radius: 0.7em;
}
.gauge_2
{
position: absolute;
top: 562px;
left: 50px;
width: 80px;
height: 40px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_3
{
position: absolute;
top: 2191px;
left: 157px;
width: 180px;
height: 180px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_4
{
position: absolute;
top: 2191px;
left: 5px;
width: 180px;
height: 180px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_5
{
position: absolute;
top: 2476px;
left: 5px;
width: 180px;
height: 180px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_6
{
position: absolute;
top: 2476px;
left: 157px;
width: 180px;
height: 180px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_7
{
position: absolute;
top: 1600px;
left: 5px;
width: 330px;
height: 55px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_8
{
position: absolute;
top: 869px;
left: 104px;
width: 120px;
height: 25px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_9
{
position: absolute;
top: 736px;
left: 15px;
width: 180px;
height: 20px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_11
{
position: absolute;
top: 2910px;
left: 225px;
width: 90px;
height: 40px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_12
{
position: absolute;
top: 2860px;
left: 225px;
width: 90px;
height: 40px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_13
{
position: absolute;
top: 748px;
left: 25px;
width: 290px;
height: 30px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_14
{
position: absolute;
top: 87px;
left: 0px;
width: 230px;
height: 100px;
text-align: left;
border: 4px solid #ff5252;   
border-radius: 0.8em;    
}
.gauge_15
{
position: absolute;
top: 1295px;
left: 95px;
width: 150px;
height: 70px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_16
{
position: absolute;
top: 562px;
left: 207px;
width: 80px;
height: 40px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_17
{
position: absolute;
top: 897px;
left: 85px;
width: 170px;
height: 60px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_18
{
position: absolute;
top: 2263px;
left: 205px;
width: 85px;
height: 35px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_19
{
position: absolute;
top: 2263px;
left: 52px;
width: 85px;
height: 35px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_20
{
position: absolute;
top: 2549px;
left: 52px;
width: 85px;
height: 35px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_21
{
position: absolute;
top: 2549px;
left: 205px;
width: 85px;
height: 35px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_22
{
position: absolute;
top: 2780px;
left: 5px;
width: 160px;
height: 60px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_23
{
position: absolute;
top: 2780px;
left: 175px;
width: 160px;
height: 60px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_24
{
position: absolute;
top: 381px;
left: 5px;
width: 310px;
height: 20px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_25
{
position: absolute;
top: 1665px;
left: 5px;
width: 310px;
height: 20px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_tempchange_temp
{
position: absolute;
top: 318px;
left: 0px;
width: 160px;
height: 40px;
border: 4px solid #ff5252;   
border-radius: 0.5em;   
}
.gauge_slp
{
position: absolute;
top: 763px;
left: 5px;
width: 330px;
height: 330px;
text-align: left;
/* border: 1px solid #666666; */    
}
.gauge_winddir
{
position: absolute;
top: 1770px;
left: 5px;
width: 330px;
height: 330px;
text-align: center;  
}
.gauge_clock
{
position: absolute;
top: 0px;
left: 136px;
width: 70px;
height: 70px;
text-align: center;
/* border: 1px solid #666666; */    
}
.date_time_bottom
{
position: absolute;
width: 280px;
height: 64px;
border: 0px solid #696969;
top: 77px;
left: 0px;
font-size: 0.9em;
text-align: left;
color: #ADD8E6;   
}
.date_time_bottom1
{
position: absolute;
width: 80px;
height: 60px;
border: 0px solid #696969;
top: 651px;
left: 135px;
font-size: 0.9em;
text-align: right;
color: #ADD8E6;   
}
.barotendenz
{
position: absolute;
top: 538px;
left: 80px;
width: 45px;
height: 20px;
font-size: 1.0em;
text-align: left;
color: #666666;  
}
.gauge_tendency1
{
position: absolute;
top: 345px;
left: 160px;
width: 120px;
height: 50px;
font-size: 1.0em;
text-align: left;
color: #666666;  
}
.lastrain_data
{
position: absolute;
top: 0px;
left: 115px;
width: 120px;
height: 40px;
font-size: 1.0em;
text-align: left;
color: #666666;  
}
.date_time
{
position: absolute;
width: 150px;
height: 90px;
top: 0px;
left: 0px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time0
{
position: absolute;
width: 60px;
height: 20px;
top: 106px;
left: 285px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time1
{
position: absolute;
width: 75px;
height: 75px;
top: 0px;
left: 140px;
font-size: 1.0em;
text-align: right;
color: #666666;   
}
.date_time2
{
position: absolute;
width: 60px;
height: 37px;
top: 87px;
left: 70px;
font-size: 1.0em;
text-align: right;
color: #666666;   
}
.date_time3
{
position: absolute;
width: 80px;
height: 48px;
top: 100px;
left: 15px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time4
{
position: absolute;
width: 80px;
height: 48px;
top: 100px;
left: 80px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time5
{
position: absolute;
top: 0px;
left: 225px;
font-size: 1.0em;
text-align: left;
width: 135px;
height: 76px;
border: 0px solid #ff5252;
border-radius: 0.3em; 
color: #666666;   
}
.date_time6
{
position: absolute;
width: 135px;
height: 76px;
top: 0px;
left: 0px;
font-size: 1.0em;
text-align: right;
color: #666666;   
}
.date_time7
{
position: absolute;
width: 80px;
height: 48px;
top: 100px;
left: 160px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time8
{
position: absolute;
width: 342px;
height: 148px;
top: 205px;
left: 8px;
font-size: 1.0em;
text-align: left;
}
.date_time9
{
position: absolute;
width: 75px;
height: 75px;
top: 5px;
left: 142px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time10
{
position: absolute;
width: 342px;
height: 238px;
top: 1077px;
left: 8px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time11
{
position: absolute;
width: 342px;
height: 238px;
top: 2085px;
left: 8px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time12
{
position: absolute;
width: 342px;
height: 238px;
top: 1487px;
left: 8px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time13
{
position: absolute;
width: 342px;
height: 238px;
top: 671px;
left: 8px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time14
{
position: absolute;
width: 342px;
height: 238px;
top: 2370px;
left: 8px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}
.date_time15
{
position: absolute;
width: 342px;
height: 238px;
top: 2655px;
left: 8px;
font-size: 1.0em;
text-align: left;
color: #666666;   
}