@font-face
{
font-family:"Verdana";
src: url("assets/fonts/verdana.ttf");
font-weight: normal;
font-style: normal;
}

@font-face
{
font-family:"Verdana";
src: url("assets/fonts/verdanab.ttf");
font-weight: bold;
font-style: normal;
}

@font-face
{
font-family:"Arial Bold";
src: url("assets/fonts/arialbd.ttf");
font-weight: normal;
font-style: normal;
}

body
{
font-family:Verdana;
}

div.lab
{
background-color:#669ACC;
position:absolute;
}
#click
{
width:110px;
height:100px;
position:absolute;

left:640px;
top:350px;
z-index:2;
}

.arrow10
{
position:absolute;
top:256px;
left:419px;
border:2px red;
width:160px;
height:34px;
background-image:url("../img/arrow10.png");
display:none;
}

.arrow30
{
position:absolute;
top:207px;
left:419px;
border:2px red;
width:140px;
height:82px;
background-image:url("../img/arrow30.png");
}
.deg
{
  position: absolute;
  top: 175px;
  left: 470px;
}
#d10
{
  display:none;
}

.slope
{
  position:absolute;
  width:20px;
  height:20px;
  cursor:pointer;
}

#s10
{
top:277px;
left:412px;
}
#s30
{
top:250px;
left:563px;
}
#s0
{
  left:544px;
  top: 201px;
}

.rain
{
position:absolute;
top:177px;
left:638px;
width:280px;
height:275px;
overflow:hidden;
}

.rain1
{
position:absolute;
top:180px;
left:640px;
width:280px;
height:275px;
display:none;
overflow:hidden;
}

.rain1 img
{
width:275px;
height:270px;
}


#yes,#no,#low,#high
{
position:absolute;
top:417px;
left:407px;
border-radius:25px;
width:16px;
height:16px;
cursor:pointer;
display:block;
}
.disa
{
  position: absolute;
  top: 419px;
  left: 405px;
  width:16px;
  height:16px;
  display: none;
}
#nods
{
  left: 462px;
}
#lowds
{
  left: 522px;
}
#highds
{
  left: 574.5px;
}
#noo
{
  left: 462px;
}
#lowo
{
  left: 522px;
}
#higho
{
  left: 574.5px;
}

#yes-op,#no-op,#low-op,#high-op
{
position:absolute;
top:417px;
left:407px;
width:16px;
height:16px;
cursor:pointer;
display:none;
}
.button
{
  position:absolute;
  width:93px;
  height:35px;
  background: transparent;
  border: none;
  cursor:pointer;
}

#btnrain
{
top:493px;
left:670px;
}
#btnrain:hover
{
background-image:url("../img/Rain0002.png");
}

#btnrset
{
top:493px;
left:785px;
}
#btnrset:hover
{
background-image:url("../img/reseth.png");
}

.mug
{
position:absolute;
top:508px;
left:520px;
width:78px;
height:140px;
cursor:pointer;
z-index:100;
}
#mug1,#mug2,#mug3,#mug4,#mug5,#mug6,#mug7,#mug8,#mug9
{
  display: none;
}

#drop
{
position:absolute;
top:10px;
left:0px;
width:1px;
height:1px;
}

.fall
{
position:absolute;
top:180px;
left:640px;
width:275px;
height:270px;
overflow:hidden;
z-index:2;
}
#yhrh30,#ylrl10,#ylrh10,#nhrh30,#nhrl30,#nlrl10,#nlrh10
{
  display: none;
}