.wd{
  height: 70px; width: 70px;
}
.raindiv::before {
  z-index: -1;
}
@media (max-width:2560px) {
  .sig_log {
    width: 434px;
    position: absolute;
    top: 83%;
left: 256px;
}
.raindiv::before {
    width: 704px;
    top: 15px;
    right: 3%;
    height: 12%;
}
#vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    left: 40.5%;
    top: -5%;
    left: -0.3%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 36%;
    left: -2.9%;
}
#gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 51.4%;
    margin-bottom: -46%;
    padding-bottom: 6px;
    position: absolute;
    top: 101%;
}
#yordiv {
    display: none;
    width: 70px;
    height: 347px;
    left: 54.4%;
  top: 42%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}

#ordiv {
    display: none;
    width: 70px;
    height: 500px;
    left: 57.1%;
    margin-bottom: 0;
    padding-bottom: 6px;
    position: absolute;
    top: 101%;
}
#rdiv {
    display: none;
    width: 70px;
    height: 225px;
    left: 60.1%;
top: 64%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#r1div {
    display: none;
    width: 55px;
    height: 225px;
    left: 63.1%;
    top: 101%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#rrdiv {
    display: none;
    width: 55px;
    height: 225px;
    left: 65.9%;
    top: 64%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
}
@media (max-width:2488px) {
  #rrdiv {
      left: 66.7%;
      top: 63%;
  }
  #r1div {
    left: 63.7%;
      top: 101%;
  }
#rdiv {
  left: 60.6%;
  top: 63%;
  }
  #ordiv {
    left: 57.7%;
        top: 638px;
  }
  #yordiv {
    left: 54.7%;
    top: 41%;
    }
    #gyodiv {
    left: 51.6%;
top: 639px;
  }
  #ibgdiv {
    top: 36%;
    left: -2.7%;
  }
  #vibdiv {
    left: -0.3%;
  top: -5%;
}
.sig_log {
    width: 434px;
    position: absolute;
    top: 80%;
    left: 231px;
}
.raindiv::before {
    width: 738px;
    top: 13px;
    right: 4%;
}
}
@media (max-width:2435px) {
  .sig_log {
      width: 434px;
      position: absolute;
      top: 78%;
      left: 223px;
  }
  #rrdiv {
    left: 67.1%;
    top: 61%;
}
  #r1div {
    display: none;
    width: 55px;
    height: 225px;
    left: 64.2%;
    top: 101%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#rdiv {
    height: 225px;
    left: 61.2%;
    top: 62%;
  }
  #ordiv {
    display: none;
    width: 70px;
    height: 500px;
    left: 58.1%;
    top: 101%;
  }
  #yordiv {
      display: none;
      width: 70px;
      height: 347px;
      left: 54.9%;
      top: 39%;
    }
    #gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 51.9%;
    top: 101%;
  }
  #vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    left: 40.5%;
    top: -4%;
    left: -0.3%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 34%;
    left: -2.5%;
}
.sig_log {
    width: 434px;
    position: absolute;
    top: 77%;
    left: 215px;
}
}
@media (max-width:2350px) {
  .sig_log {
      width: 434px;
      position: absolute;
      top: 78%;
      left: 223px;
  }
  #rrdiv {
        left: 67.7%;
    top: 61%;
}
  #r1div {
    display: none;
    width: 55px;
    height: 225px;
    left: 64.7%;
    top: 101%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#rdiv {
    height: 225px;
    left: 61.4%;
    top: 60%;
  }
  #ordiv {
    display: none;
    width: 70px;
    height: 500px;
left: 58.4%;
    top: 101%;
  }
  #yordiv {
      display: none;
      width: 70px;
      height: 347px;
      left: 55.2%;
    top: 37%;
    }
    #gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 52.1%;
    top: 101%;
  }
  #vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    left: 40.5%;
    top: -5%;
    left: -0.3%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 33%;
    left: -2.5%;
}
.sig_log {
    width: 434px;
    position: absolute;
    top: 74%;
    left: 198px;
}
}
@media (max-width:2270px) {
  .sig_log {
      width: 434px;
      position: absolute;
      top: 70%;
  left: 185px;
  }
  #rrdiv {
    left: 68.3%;
  top: 60%;
}
  #r1div {
    display: none;
    width: 55px;
    height: 225px;
left: 65.2%;
    top: 101%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#rdiv {
    height: 225px;
    left: 62%;
top: 59%;
  }
  #ordiv {
    display: none;
    width: 70px;
    height: 500px;
        left: 58.7%;

  }
  #yordiv {
      display: none;
      width: 70px;
      height: 347px;
      left: 55.6%;
      top: 35%;
    }
    #gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 52.2%;
  }
  #vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    left: 40.5%;
    top: -4%;
    left: -0.3%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 31%;
    left: -2.5%;
}
}
@media (max-width:2230px) {
  .sig_log {
    top: 68%;
    left: 173px;
  }
  #rrdiv {
    left: 69.1%;
  top: 59%;
}
  #r1div {
    left: 65.8%;
    top: 101%;
}
#rdiv {
  left: 62.3%;
top: 58%;
  }
  #ordiv {
    display: none;
    width: 70px;
    height: 500px;
    left: 58.9%;
  }
  #yordiv {
      left: 55.6%;
      top: 34%;
    }
    #gyodiv {
    left: 52.4%;
  }
  #ibgdiv {
      top: 30%;
      left: -2.5%;
  }
  #vibdiv {
    top: -4%;
    left: -0.3%;
}
}
@media (max-width:2180px) {
  .sig_log {
      width: 434px;
      position: absolute;
      top: 68%;
    left: 164px;
  }
  #rrdiv {
    left: 69.3%;
    top: 58%;
}
  #r1div {
    display: none;
    width: 55px;
    height: 225px;
    left: 66.1%;
    top: 102%;
    padding-bottom: 6px;
    position: absolute;
    z-index: -1;
}
#rdiv {
    height: 225px;
    left: 62.7%;
    top: 57%;
  }
  #ordiv {
    display: none;
    width: 70px;
    height: 500px;
    left: 59.2%;

  }
  #yordiv {
      display: none;
      width: 70px;
      left: 55.9%;
    top: 32%;
    }
    #gyodiv {
    display: none;
    width: 70px;
    height: 450px;
    left: 52.5%;
  }
  #vibdiv {
    display: none;
    height: 70px;
    width: 70px;
    padding-bottom: 4px;
    z-index: 9999;
    margin: 27% 0 0 46%;
    position: absolute;
    /* left: 40.5%; */
    left: -0.3%;
  top: -4%;
}
#ibgdiv {
    display: none;
    width: 3%;
    height: auto;
    margin-left: 51.4%;
    margin-top: 4%;
    padding-bottom: 6px;
    z-index: -1;
    position: absolute;
    top: 29%;
  left: -2.4%;
}
}
@media (max-width:2110px) {
  .sig_log {
    top: 64%;
    left: 152px;
  }
  #rrdiv {
    left: 70.1%;
    top: 56%;
}
  #r1div {
    left: 66.7%;
  top: 102%;
}
#rdiv {
    left: 63.1%;
top: 56%;
  }
  #ordiv {
    left: 59.7%;

  }
  #yordiv {
      left: 56.1%;
      top: 30%;
    }
    #gyodiv {
    left: 52.6%;
  }
  #ibgdiv {
      top: 27%;
    left: -2.4%;
  }
  #vibdiv {
    left: -0.3%;
  top: -4%;
}
}
@media (max-width:2060px) {
  #rrdiv {
    left: 71.1%;
        top: 55%;
}
  #r1div {
    left: 67.3%;
  top: 101%;
}
#rdiv {
  left: 63.6%;
top: 55%;
  }
  #ordiv {
      left: 60.2%;
  }
  #yordiv {
    left: 56.4%;
  top: 28%;
    }
    #gyodiv {
    left: 52.9%;
  }
  #ibgdiv {
    top: 26%;
left: -2.1%;
  }
  #vibdiv {
    left: -0.3%;
  top: -4%;
}
.sig_log {
  top: 60%;
  left: 133px;
}
}
@media (max-width:2010px) {
  #rrdiv {
    left: 71.6%;
    top: 54%;
}
  #r1div {
    left: 67.7%;
  top: 102%;
}
#rdiv {
    left: 63.9%;
top: 54%;
  }
  #ordiv {
    left: 60.3%;

  }
  #yordiv {
    left: 56.6%;
    top: 27%;
    }
    #gyodiv {
      left: 52.9%;
  }
  #ibgdiv {
    top: 24%;
left: -2.1%;
  }
  #vibdiv {
    left: -0.3%;
  top: -4%;
}
.sig_log {
  top: 60%;
  left: 130px;
}
}
@media (max-width:1950px) {
  #rrdiv {
    left: 72.2%;
  top: 53%;
}
  #r1div {
    left: 68.4%;
  top: 102%;
}
#rdiv {
  left: 64.5%;
top: 53%;
  }
  #ordiv {
    left: 60.9%;
  }
  #yordiv {
    left: 56.9%;
    top: 25%;
    }
    #gyodiv {
      left: 53.2%;
  }
  #ibgdiv {
    top: 23%;
left: -2%;
  }
  #vibdiv {
    left: -0.3%;
  top: -3%;
}
.sig_log {
  top: 57%;
  left: 119px;
}
}
@media (max-width:1880px) {
  #rrdiv {
    left: 73.2%;
  top: 51%;
}
  #r1div {
    left: 69.2%;
  top: 102%;
}
#rdiv {
  left: 65.3%;
  top: 51%;
  }
  #ordiv {
    left: 61.2%;
  }
  #yordiv {
    left: 57.3%;
      top: 23%;
    }
    #gyodiv {
      left: 53.5%;
  }
  #ibgdiv {
    top: 21%;
left: -2%;
  }
  #vibdiv {
    left: -0.3%;
  top: -3%;
}
.sig_log {
  top: 52%;
  left: 101px;
}
}
@media (max-width:1830px) {
  #rrdiv {
    left: 73.9%;
      top: 50%;
}
  #r1div {
    left: 70.1%;
    top: 101%;
}
#rdiv {
  left: 65.6%;
  top: 50%;
  }
  #ordiv {
        left: 61.8%;
  }
  #yordiv {
    left: 57.8%;
  top: 21%;
    }
    #gyodiv {
      left: 53.5%;
  }
  #ibgdiv {
    top: 19%;
left: -2%;
  }
  #vibdiv {
    left: -0.3%;
  top: -3%;
}
.sig_log {
  top: 52%;
  left: 101px;
}
}
@media (max-width:1780px) {
  #rrdiv {
    left: 74.5%;
    top: 48%;
}
  #r1div {
    left: 70.5%;
  top: 102%;
}
#rdiv {
  left: 66.3%;
  top: 48%;
  }
  #ordiv {
    left: 62.2%;
  }
  #yordiv {
    left: 58.1%;
      top: 18%;
    }
    #gyodiv {
      left: 53.9%;
  }
  #ibgdiv {
    top: 17%;
left: -1.7%;
  }
  #vibdiv {
    left: -0.3%;
  top: -3%;
}
.sig_log {
  top: 47%;
  left: 88px;
}
}
@media (max-width:1730px) {
  #rrdiv {
    left: 75.5%;
    top: 47%;
}
  #r1div {
    left: 71.3%;
  top: 99%;
}
#rdiv {
  left: 67.1%;
top: 47%;
  }
  #ordiv {
    left: 62.8%;
    top: 99%;
  }
  #yordiv {
    left: 58.4%;
  top: 16%;
    }
    #gyodiv {
      left: 54.2%;
    top: 99%;
  }
  #ibgdiv {
    top: 16%;
left: -1.7%;
  }
  #vibdiv {
    left: -0.3%;
  top: -3%;
}
.sig_log {
  top: 45%;
      left: 71px;
}
}
@media (max-width:1680px) {
  #rrdiv {
    left: 76.5%;
    top: 45%;
}
  #r1div {
    left: 72.1%;
  top: 98%;
}
#rdiv {
  left: 67.5%;
      top: 44%;
  }
  #ordiv {
    left: 63.2%;
  }
  #yordiv {
    left: 58.8%;
    top: 13%;
    }
    #gyodiv {
          left: 54.5%;
  }
  #ibgdiv {
    top: 13%;
    left: -1.1%;
  }
  #vibdiv {
    left: -0.4%;
  top: -2%;
}
.sig_log {
  top: 42%;
  left: 66px;
}
}
@media (max-width:1630px) {
  #rrdiv {
    left: 77.3%;
  top: 43%;
}
  #r1div {
    left: 72.8%;
    top: 97%;
}
#rdiv {
  left: 68.2%;
  top: 42%;
  }
  #ordiv {
    left: 63.8%;
    top: 96%;
  }
  #yordiv {
    left: 58.9%;
  top: 11%;
    }
    #gyodiv {
      left: 54.5%;
top: 97%;
  }
  #ibgdiv {
    top: 12%;
    left: -1.1%;
  }
  #vibdiv {
    left: -0.4%;
  top: -2%;
}
.sig_log {
  top: 40%;
      left: 53px;
}
}
@media (max-width:1580px) {
  #rrdiv {
    left: 78.8%;
  top: 40%;
}
  #r1div {
    left: 73.5%;
    top: 95%;
}
#rdiv {
  left: 68.9%;
      top: 40%;
  }
  #ordiv {
    left: 64.2%;
    top: 419px;
  }
  #yordiv {
    left: 59.6%;
    top: 8%;
    }
    #gyodiv {
      left: 54.9%;
top: 417px;
  }
  #ibgdiv {
    top: 9%;
  left: -1.4%;
  }
  #vibdiv {
    left: -0.5%;
  top: -2%;
}
.sig_log {
  top: 38%;
  left: 42px;
}
}
@media (max-width:1530px) {
  #rrdiv {
    left: 79.4%;
top: 38%;
}
  #r1div {
    left: 74.6%;
        top: 94%;
}
#rdiv {
  left: 69.9%;
  top: 38%;
  }
  #ordiv {
    left: 65.1%;
    top: 403px;
  }
  #yordiv {
    left: 60.2%;
  top: 6%;
    }
    #gyodiv {
      left: 55.2%;
  top: 401px;
  }
  #ibgdiv {
    top: 7%;
  left: -1.1%;
  }
  #vibdiv {
    left: -0.5%;
  top: -2%;
}
.sig_log {
  top: 35%;
  left: 26px;
}
}
@media (max-width:1480px) {
  #rrdiv {
    left: 80.8%;
  top: 36%;
}
  #r1div {
    left: 75.5%;
  top: 93%;
}
#rdiv {
  left: 70.5%;
  top: 36%;
  }
  #ordiv {
    left: 65.6%;
  top: 392px;
  }
  #yordiv {
    left: 60.4%;
  top: 2%;
    }
    #gyodiv {
      left: 55.6%;
top: 392px;

  }
  #ibgdiv {
    top: 5%;
    left: -1%;
  }
  #vibdiv {
    left: -0.5%;
  top: -1%;
}
.sig_log {
  top: 31%;
  left: 17px;
}
}
@media (max-width:1440px) {
  #rrdiv {
    left: 81.5%;
    top: 34%;
}
  #r1div {
    left: 76.5%;
  top: 92%;
}
#rdiv {
    left: 71.3%;
  top: 34%;
  }
  #ordiv {
    left: 66.1%;
  top: 384px;
  }
  #yordiv {
    left: 61.1%;
    top: 1%;
    }
    #gyodiv {
      left: 55.7%;
      top: 385px;
  }
  #ibgdiv {
    top: 4%;
    left: -1%;
  }
  #vibdiv {
    left: -0.5%;
  top: -1%;
}
.sig_log {
  left: 9px;
  top: 31%;
}
}
@media (max-width:1420px) {
  #rrdiv {
    left: 82.1%;
      top: 34%;
}
  #r1div {
    left: 76.5%;
  top: 92%;
}
#rdiv {
    left: 71.3%;
  top: 33%;
  }
  #ordiv {
    left: 66.1%;
  top: 380px;
  }
  #yordiv {
    left: 61.1%;
    top: -1%;
    }
    #gyodiv {
      left: 55.7%;
      top: 377px;
  }
  #ibgdiv {
    top: 2%;
    left: -0.5%;
  }
  #vibdiv {
    left: -0.5%;
  top: -1%;
}
.sig_log {
  left: 8px;
  top: 30%;
}
}
@media (max-width:1400px) {
  #rrdiv {
    left: 82.4%;
  top: 33%;
}
  #r1div {
    left: 77.2%;
    top: 90%;
}
#rdiv {
  left: 71.8%;
  top: 33%;
  }
  #ordiv {
    left: 66.6%;
    top: 369px;
  }
  #yordiv {
    left: 61.4%;
  top: -1%;
    }
    #gyodiv {
      left: 55.9%;
  top: 369px;
  }
  #ibgdiv {
    top: 2%;
    left: -0.5%;
  }
  #vibdiv {
    left: -0.5%;
  top: -2%;
}
.sig_log {
  left: 8px;
  top: 30%;
}
}
@media (max-width:1380px) {
  #rrdiv {
    left: 84.1%;
    top: 30%;
}
  #r1div {
    left: 77.5%;
  top: 90%;
}
#rdiv {
  left: 72.2%;
  top: 31%;
  }
  #ordiv {
    left: 67.1%;
      top: 369px;
  }
  #yordiv {
    left: 61.4%;
    top: -4%;
    }
    #gyodiv {
      left: 55.9%;
    top: 369px;

  }
  #ibgdiv {
    top: 0%;
  left: -1%;
  }
  #vibdiv {
    left: -0.5%;
  top: -1%;
}
.sig_log {
  top: 29%;
left: 1px;
}
}
@media (max-width:1370px) {
  #rrdiv {
    left: 83.9%;
    top: 30%;
}
  #r1div {
    left: 78.4%;
        top: 89%;
}
#rdiv {
  left: 72.8%;
      top: 30%;
  }
  #ordiv {
    left: 67.4%;
    top: 361px;
  }
  #yordiv {
    left: 61.9%;
top: -5%;
    }
    #gyodiv {

        left: 56.5%;
    top: 361px;
  }
  #ibgdiv {
    top: -1%;
    left: -0.3%;
  }
  #vibdiv {
    left: -0.5%;
        top: -1%;
}
.sig_log {
  top: 28%;
      left: 0px;
}
}
@media (max-width:1355px) {
  #rrdiv {
    left: 83.7%;
    top: 30%;
}
  #r1div {
    left: 78.4%;
        top: 89%;
}
#rdiv {
  left: 72.8%;
  top: 30%;
  }
  #ordiv {
    left: 67.4%;
    top: 361px;
  }
  #yordiv {
    left: 61.9%;
    top: -5%;
    }
    #gyodiv {

        left: 56.5%;
    top: 361px;
  }
  #ibgdiv {
    top: -1%;
  left: -0.5%;
  }
  #vibdiv {
    left: -0.5%;
        top: -1%;
}
.sig_log {
  top: 28%;
      left: 0px;
}
}

@media (max-width:1346px) {
  #rrdiv {
    left: 84.5%;
    top: 29%;
}
  #r1div {
    left: 78.7%;
      top: 90%;
}
#rdiv {
  left: 72.9%;
  top: 29%;
  }
  #ordiv {
    left: 67.8%;
    top: 358px;
  }
  #yordiv {
    left: 62.1%;
  top: -6%;
    }
    #gyodiv {
      left: 56.6%;
      top: 358px;
  }
  #ibgdiv {
    top: -1%;
  left: -0.50%;
  }
  #vibdiv {
    left: -0.5%;
  top: -1%;
}
.sig_log {
  top: 29%;
left: 1px;
}
}
@media (max-width:1310px) {
  #rrdiv {
      left: 79.3%;
      top: 19%;
  }
  #r1div {
    left: 72.5%;
        top: 86%;
}
#rdiv {
  left: 65.9%;
top: 19%;
  }
  #ordiv {
    left: 59.4%;
  top: 308px;
  }
  #yordiv {
    left: 52.5%;
  top: -20%;
    }
    #gyodiv {
      left: 45.9%;
    top: 309px;
  }
  #ibgdiv {
    top: -13%;
  left: -12%;
  }
  #vibdiv {
    left: -13.2%;
  top: 2%;
}
.sig_log {
  top: 24%;
  left: -24px;
}
}
@media (max-width:1290px) {
  #rrdiv {
    left: 80.3%;
    top: 18%;
}
  #r1div {
        left: 73.8%;
        top: 86%;
}
#rdiv {
  left: 66.9%;
top: 18%;
  }
  #ordiv {
      left: 60.4%;
  top: 308px;
  }
  #yordiv {
    left: 53.5%;
      top: -21%;
    }
    #gyodiv {
      left: 46.6%;
    top: 305px;
  }
  #ibgdiv {
    top: -14%;
      left: -11.6%;
  }
  #vibdiv {
    left: -12.9%;
        top: 2%;
}
.sig_log {
  top: 23%;
  left: -26px;
}
}
@media (max-width:1280px) {
  #rrdiv {
    left: 80.8%;
  top: 18%;
}
  #r1div {
        left: 73.9%;
        top: 86%;
}
#rdiv {
  left: 67.1%;
  top: 18%;
  }
  #ordiv {
      left: 60.4%;
    top: 299px;
  }
  #yordiv {
    left: 53.5%;
      top: -22%;
    }
    #gyodiv {
      left: 46.7%;
  top: 301px;
  }
  #ibgdiv {
    top: -14%;
      left: -11.6%;
  }
  #vibdiv {
    left: -12.9%;
        top: 2%;
}
.sig_log {
  top: 25%;
  left: -32px;
}
}
@media (max-width:1266px) {
  #rrdiv {
    left: 81.7%;
    top: 17%;
}
  #r1div {
    left: 75.1%;
top: 86%;
}
#rdiv {
  left: 68.1%;
  top: 17%;
  }
  #ordiv {
    left: 61.3%;
      top: 297px;
  }
  #yordiv {
    left: 53.9%;
    top: -23%;
    }
    #gyodiv {
      left: 47.2%;
    top: 297px;
  }
  #ibgdiv {
    top: -15%;
  left: -10.9%;
  }
  #vibdiv {
    left: -12.3%;
    top: 2%;
}
.sig_log {
  top: 23%;
  left: -26px;
}
}
@media (max-width:1261px) {
  #r1div {
    left: 75.1%;
top: 85%;
}
#rdiv {
  left: 68.1%;
top: 17%;
  }
  #ordiv {
    left: 61.3%;
    top: 298px;
  }
  #yordiv {
    left: 54.4%;
    top: -23%;
    }
    #gyodiv {
      left: 47.8%;
    top: 299px;
  }
  #ibgdiv {
    top: -15%;
    left: -10.9%;
  }
  #vibdiv {
      left: -12.3%;
        top: 2%;
}
.sig_log {
  top: 23%;
  left: -26px;
}
}
@media (max-width:1250px) {
  #rrdiv {
    left: 82.2%;
    top: 16%;
}
  #r1div {
    left: 75.4%;
  top: 84%;
}
#rdiv {
  left: 68.1%;
  top: 16%;
  }
  #ordiv {
    left: 61.5%;
top: 293px;
  }
  #yordiv {
    left: 53.9%;
    top: -24%;
    }
    #gyodiv {
      left: 47.2%;
top: 294px;
  }
  #ibgdiv {
    top: -16%;
  left: -10.9%;
  }
  #vibdiv {
    left: -12.3%;
    top: 2%;
}
.sig_log {
  top: 23%;
  left: -31px;
}
}
@media (max-width:1240px) {
  #rrdiv {
    left: 83.1%;
    top: 15%;
}
  #r1div {
    left: 76.1%;
top: 85%;
}
#rdiv {
  left: 69.1%;
top: 15%;
  }
  #ordiv {
    left: 62.3%;
  top: 294px;
  }
  #yordiv {
    left: 55.2%;
top: -25%;
    }
    #gyodiv {
      left: 48.1%;
top: 294px;
  }
  #ibgdiv {
    top: -17%;
left: -10.3%;
  }
  #vibdiv {
    left: -12.1%;
top: 3%;
}
.sig_log {
  top: 23%;
  left: -26px;
}
}
@media (max-width:1230px) {
  #rrdiv {
    left: 83.1%;
    top: 15%;
}
  #r1div {
    left: 76.5%;
      top: 84%;
}
#rdiv {
  left: 68.9%;
      top: 15%;
  }
  #ordiv {
    left: 62.4%;
top: 294px;
  }
  #yordiv {
    left: 55.2%;
  top: -25%;
    }
    #gyodiv {
      left: 48.3%;
  top: 292px;
  }
  #ibgdiv {
    top: -17%;
  left: -10.4%;
  }
  #vibdiv {
    left: -11.9%;
        top: 2%;
}
.sig_log {
  top: 23%;
  left: -26px;
}
}
@media (max-width:1222px) {
  #rrdiv {
    left: 84.4%;
    top: 16%;
}
  #r1div {
    left: 77.5%;
top: 85%;
}
#rdiv {
  left: 69.9%;
      top: 15%;
  }
  #ordiv {
    left: 63.1%;
top: 294px;
  }
  #yordiv {
  left: 56.1%;
  top: -25%;
    }
    #gyodiv {
      left: 49.1%;
top: 294px;
  }
  #ibgdiv {
    top: -17%;
    left: -9.4%;
  }
  #vibdiv {
    left: -11.1%;
        top: 4%;
}
.sig_log {
  top: 23%;
  left: -26px;
}
}
@media (max-width:1199px) {
  #rrdiv {
    left: 85.4%;
    top: 16%;
}
  #r1div {
    left: 78.5%;
  top: 86%;
}
#rdiv {
  left: 71.4%;
      top: 16%;
  }
  #ordiv {
    left: 64.1%;
        top: 291px;
  }
  #yordiv {
    left: 56.7%;
        top: -26%;
    }
    #gyodiv {
      left: 49.41%;
top: 293px;
  }
  #ibgdiv {
    top: -16%;
      left: -8.9%;
  }
  #vibdiv {
    left: -10.9%;
        top: 5%;
    }
.sig_log {
  top: 25%;
  left: -37px;
}
}
@media (max-width:1180px) {
  #rrdiv {
    left: 86.4%;
  top: 15%;
}
  #r1div {
    left: 79.2%;
  top: 85%;
}
#rdiv {
  left: 71.3%;
  top: 15%;
  }
  #ordiv {
    left: 64.6%;
        top: 291px;
  }
  #yordiv {
    left: 57.2%;
        top: -26%;
    }
    #gyodiv {
      left: 49.8%;
  top: 291px;
  }
  #ibgdiv {
    top: -17%;
      left: -8.9%;
  }
  #vibdiv {
    left: -10.9%;
        top: 6%;
    }
  .sig_log {
    top: 25%;
    left: -35px;
}
}
@media (max-width:1174px) {
  #rrdiv {
    left: 87.4%;
top: 12%;
}
  #r1div {
    left: 79.9%;
  top: 82%;
}
#rdiv {
  left: 72.3%;
  top: 12%;
  }
  #ordiv {
    left: 65.2%;
    top: 278px;
  }
  #yordiv {
    left: 57.8%;
    top: -29%;
    }
    #gyodiv {
      left: 50.4%;
      top: 279px;
  }
  #ibgdiv {
    top: -21%;
      left: -8.1%;
  }
  #vibdiv {
    left: -10.4%;
      top: 3%;
    }
.sig_log {
  top: 19%;
  left: -30px;
}
}
@media (max-width:1161px) {
.ext_out {
    width: 79%;
    margin: 0 0 0 119px;
    cursor: pointer;
}
.wd{
  height: 63px;
width: 59px;
}
.raindiv {
    width: auto;
    margin-top: 25%;
    margin-left: -2px;
  }
  #rrdiv {
    left: 83.4%;
    top: 12%;
}
  #r1div {
    left: 76.2%;
  top: 79%;
}
#rdiv {
  left: 69.2%;
top: 12%;
  }
  #ordiv {
    left: 62.1%;
    top: 257px;
  }
  #yordiv {
    left: 55.3%;
top: -26%;
    }
    #gyodiv {
      left: 47.9%;
      top: 256px;
  }
  #ibgdiv {
    top: -18%;
    left: -10.5%;
  }
  #vibdiv {
      left: -12.5%;
      top: 3%;
}
.sig_log {
    width: 324px;
    top: 25%;
    left: 9px;
}
.rainbuttons {
    width: 61px;
}
.raindiv::before {
    width: 633px;
    height: 2px;
    top: 14px;
    right: 4%;
    z-index: -1;
}
}
@media (max-width:1140px) {
  #rrdiv {
    left: 84.4%;
      top: 11%;
}
  #r1div {
    left: 77.2%;
    top: 77%;
}
#rdiv {
  left: 70.2%;
      top: 11%;
  }
  #ordiv {
    left: 63.1%;
    top: 251px;
  }
  #yordiv {
    left: 55.8%;
  top: -28%;
    }
    #gyodiv {
      left: 48.2%;
    top: 251px;
  }
  #ibgdiv {
    top: -20%;
    left: -10.5%;
  }
  #vibdiv {
      left: -12.2%;
      top: 3%;
}
.sig_log {
    width: 324px;
    top: 24%;
    left: 2px;
}
}
@media(max-width:1120px) {
  #rrdiv {
    left: 85.2%;
    top: 10%;
}
  #r1div {
    left: 77.8%;
  top: 77%;
}
#rdiv {
  left: 70.3%;
top: 10%;
  }
  #ordiv {
    left: 63.1%;
    top: 250px;
  }
  #yordiv {
    left: 56.1%;
        top: -28%;
    }
    #gyodiv {
      left: 48.4%;
    top: 250px;
  }
  #ibgdiv {
    top: -20%;
        left: -10.1%;
  }
  #vibdiv {
    left: -12.4%;
    top: 3%;
}
.sig_log {
  top: 23%;
  left: 1px;
}
}
@media(max-width:1105px) {
#rrdiv {
    left: 85.2%;
    top: 10%;
}
  #r1div {
    left: 77.8%;
  top: 77%;
}
#rdiv {
  left: 70.3%;
top: 10%;
  }
  #ordiv {
    left: 63.1%;
    top: 250px;
  }
  #yordiv {
    left: 56.1%;
        top: -28%;
    }
    #gyodiv {
      left: 48.4%;
    top: 250px;
  }
  #ibgdiv {
    top: -20%;
        left: -10.1%;
  }
  #vibdiv {
    left: -12.4%;
    top: 3%;
}
.sig_log {
  top: 23%;
  left: -5px;
}
}
@media (max-width:1094px) {
  #rrdiv {
    left: 82.5%;
    top: 9%;
}
  #r1div {
    left: 74.9%;
top: 76%;
}
#rdiv {
  left: 67.4%;
  top: 9%;
  }
  #ordiv {
    left: 59.8%;
    top: 244px;
  }
  #yordiv {
    left: 52.6%;
  top: -30%;
    }
    #gyodiv {
      left: 44.9%;
      top: 244px;
  }
  #ibgdiv {
    top: -22%;
    left: -14.1%;
  }
  #vibdiv {
    left: -16.3%;
  top: 3%;
}
.sig_log {
  top: 22%;
  left: -3px;
}
}
@media (max-width:1080px) {
  #rrdiv {
    left: 83.4%;
    top: 8%;
}
  #r1div {
    left: 75.6%;
    top: 76%;
}
#rdiv {
  left: 67.6%;
  top: 7%;
  }
  #ordiv {
    left: 60.5%;
        top: 241px;
  }
  #yordiv {
    left: 52.7%;
    top: -32%;
    }
    #gyodiv {
      left: 45.1%;
      top: 241px;
  }
  #ibgdiv {
    top: -23%;
    left: -14.1%;
  }
  #vibdiv {
    left: -16.3%;
  top: 4%;
}
.sig_log {
  top: 21%;
  left: -7px;
}
}
@media (max-width:1055px) {
  #rrdiv {
    left: 84.3%;
    top: 7%;
}
  #r1div {
    left: 76.5%;
    top: 76%;
}
#rdiv {
  left: 68.5%;
  top: 7%;
  }
  #ordiv {
    left: 60.9%;
  top: 238px;
  }
  #yordiv {
    left: 53.5%;
    top: -33%;
    }
    #gyodiv {
      left: 45.6%;
  top: 238px;
  }
  #ibgdiv {
    top: -24%;
  left: -13.9%;
  }
  #vibdiv {
    left: -16.5%;
  top: 6%;
}
.sig_log {
  top: 21%;
  left: -11px;
}
}
@media (max-width:1024px) {
  #rrdiv {
    left: 86.1%;
    top: 5%;
}
  #r1div {
    left: 77.9%;
top: 74%;
}
#rdiv {
  left: 69.8%;
      top: 4%;
  }
  #ordiv {
    left: 62.23%;
    top: 232px;
  }
  #yordiv {
    left: 54.2%;
top: -35%;
    }
    #gyodiv {
      left: 45.9%;
      top: 231px;
  }
  #ibgdiv {
    top: -26%;
    left: -13.9%;
  }
  #vibdiv {
    left: -16.1%;
    top: 4%;
}
.sig_log {
  top: 19%;
  left: -18px;
}
.raindiv::before {
    width: 620px;
    height: 2px;
    top: 14px;
    right: 3%;
    z-index: -1;
}
}
@media (max-width:1019px) {
  .raindiv {
      width: auto;
      margin-top: -14%;
      margin-left: 235px;
  }
  .rainbuttons {
    width: 60px;
}
  #rrdiv {
      left: 86.1%;
      top: 4%;
  }
  #r1div {
    left: 78.5%;
    top: 73%;
}
#rdiv {
  left: 70.1%;
top: 4%;
  }
  #ordiv {
    left: 62.4%;
    top: 229px;
  }
  #yordiv {
    left: 53.9%;
    top: -36%;
    }
    #gyodiv {
      left: 46.1%;
    top: 228px;
  }
  #ibgdiv {
    top: -27%;
    left: -13.9%;
  }
  #vibdiv {
    left: -16.1%;
        top: 4%;
}
.sig_log {
  top: 19%;
left: -17px;
}
}
@media (max-width:999px) {
  .raindiv::before {
    width: 638px;
    height: 2px;
    top: 14px;
    right: 3%;
    z-index: -1;
}
  .raindiv {
      width: auto;
      margin-top: -14.4%;
      margin-left: 241px;
  }
  #rrdiv {
    left: 87.4%;
    top: 3%;
}
  #r1div {
    left: 79.2%;
  top: 72%;
}
#rdiv {
  left: 71.1%;
  top: 3%;
  }
  #ordiv {
    left: 62.8%;
    top: 225px;
  }
  #yordiv {
    left: 54.6%;
    top: -38%;
    }
    #gyodiv {
      left: 46.3%;
          top: 226px;
  }
  #ibgdiv {
    top: -28%;
        left: -12.999%;
  }
  #vibdiv {
    left: -16.1%;
    top: 4%;
}
.sig_log {
  top: 18%;
  left: -22px;
}
}
@media (max-width:991px) {
  .raindiv {
      width: auto;
      margin-top: -14.4%;
      margin-left: 230px;
  }
    #rrdiv {
    left: 87.7%;
    top: 3%;
}
  #r1div {
    left: 79.5%;
  top: 72%;
}
#rdiv {
    left: 71.3%;
  top: 2%;
  }
  #ordiv {
    left: 63.23%;
      top: 225px;
  }
  #yordiv {
    left: 54.6%;
    top: -38%;
    }
    #gyodiv {
      left: 46.5%;
    top: 226px;
  }
  #ibgdiv {
    top: -28%;
        left: -103.9px;
  }
  #vibdiv {
    left: -16.1%;
    top: 4%;
}
.sig_log {
  top: 18%;
  left: -26px;
}
}
@media (max-width:981px) {
  .raindiv {
      width: auto;
      margin-top: -15.1%;
      margin-left: 234px;
  }
  #rrdiv {
    left: 88.7%;
    top: 2%;
}
  #r1div {
    left: 80.7%;
    top: 72%;
}
#rdiv {
  left: 72.3%;
  top: 2%;
  }
  #ordiv {
    left: 63.7%;
    top: 220px;
  }
  #yordiv {
    left: 55.2%;
top: -40%;
    }
    #gyodiv {
      left: 47.1%;
top: 221px;
  }
  #ibgdiv {
    top: -29%;
    left: -99.9px;
  }
  #vibdiv {
    left: -16.1%;
      top: 5%;
}
.sig_log {
  top: 17%;
  left: -28px;
}
}
@media (max-width:963px) {
  .raindiv {
      width: auto;
      margin-top: -15.5%;
      margin-left: 184px;
  }
  #rrdiv {
    left: 83.4%;
    top: 1%;
}
  #r1div {
    left: 74.9%;
    top: 71%;
}
#rdiv {
  left: 66.3%;
  top: 1%;
  }
  #ordiv {
    left: 58.2%;
  top: 220px;
  }
  #yordiv {
    left: 49.4%;
    top: -40%;
    }
    #gyodiv {
      left: 40.9%;
      top: 218px;
  }
  #ibgdiv {
    top: -30%;
    left: -18.9%;
  }
  #vibdiv {
    left: -22.1%;
    top: 4%;
}
.sig_log {
  top: 16%;
      left: -30px;
}
}
@media (max-width:949px) {
  .raindiv {
      width: auto;
      margin-top: -16.1%;
      margin-left: 182px;
  }
  #rrdiv {
    left: 85.4%;
    top: -1%;
}
  #r1div {
    left: 76.6%;
  top: 70%;
}
#rdiv {
  left: 67.8%;
  top: -1%;
  }
  #ordiv {
    left: 59.1%;
top: 214px;
  }
  #yordiv {
    left: 50.3%;
  top: -43%;
    }
    #gyodiv {
      left: 41.1%;
  top: 213px;
  }
  #ibgdiv {
    top: -32%;
left: -18.9%;
  }
  #vibdiv {
    left: -22.1%;
        top: 5%;
}
.sig_log {
  top: 15%;
  left: -35px;
}
}
@media (max-width:920px) {
  .raindiv {
      width: auto;
      margin-top: -17.1%;
      margin-left: 177px;
  }
  #rrdiv {
    left: 87.2%;
    top: -3%;
}
  #r1div {
    left: 78.3%;
top: 70%;
}
#rdiv {
  left: 68.8%;
  top: -2%;
  }
  #ordiv {
    left: 60.1%;
  top: 207px;
  }
  #yordiv {
    left: 51.1%;
      top: -45%;
    }
    #gyodiv {
      left: 41.8%;
      top: 207px;
  }
  #ibgdiv {
    top: -34%;
    left: -18.9%;
  }
  #vibdiv {
    left: -22.1%;
        top: 5%;
}
.sig_log {
  top: 15%;
      left: -39px;
}
}
@media (max-width:900px) {
  #rrdiv {
    left: 88.2%;
    top: -4%;
}
  #r1div {
    left: 79.1%;
top: 68%;
}
#rdiv {
  left: 69.3%;
      top: -4%;
  }
  #ordiv {
    left: 60.9%;
top: 204px;
  }
  #yordiv {
    left: 51.3%;
  top: -46%;
    }
    #gyodiv {
      left: 41.9%;
          top: 205px;
  }
  #ibgdiv {
    top: -35%;
      left: -18.1%;
  }
  #vibdiv {
    left: -22.1%;
  top: 5%;
}
.sig_log {
  top: 14%;
  left: -48px;
}
}
@media (max-width:889px) {
  .raindiv::before {
      width: 643px;
      height: 2px;
      top: 12px;
      right: 4%;
  }
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 155px;
}
#rrdiv {
    left: 87.2%;
    top: 2%;
}
  #r1div {
    left: 78.1%;
        top: 74%;
}
#rdiv {
  left: 69.1%;
      top: 2%;
  }
  #ordiv {
      left: 59.2%;
    top: 222px;
  }
  #yordiv {
    left: 49.8%;
        top: -40%;
    }
    #gyodiv {
    left: 40.9%;
          top: 222px;
  }
  #ibgdiv {
    top: -29%;
    left: -19.8%;
  }
  #vibdiv {
    left: -23.9%;
    top: 11%;
}
.sig_log {
  top: 22%;
left: -60px;
}
}
@media (max-width:878px) {
  .raindiv::before {
      width: 643px;
      top: 12px;
      right: 4%;
  }}
@media (max-width:869px) {
  .raindiv::before {
      width: 643px;
      top: 9px;
      right: 1%;
  }
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 155px;
}
  #rrdiv {
      left: 89.1%;
      top: 2%;
  }
  #r1div {
      left: 79.5%;
    top: 75%;
}
#rdiv {
  left: 70.1%;
      top: 2%;
  }
  #ordiv {
      left: 60.7%;
    top: 222px;
  }
  #yordiv {
    left: 51.2%;
  top: -41%;

    }
    #gyodiv {
left: 41.9%;
          top: 222px;
  }
  #ibgdiv {
    top: -29%;
      left: -18.8%;
  }
  #vibdiv {
    left: -23.1%;
    top: 12%;
}
.sig_log {
  top: 24%;
  left: -57px;
}
}
@media (max-width:860px) {
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 155px;
}.raindiv::before {
    width: 646px;
    top: 14px;
    right: -1%;
}
#rrdiv {
    left: 90.1%;
    top: 2%;
}
  #r1div {
      left: 80.3%;
top: 75%;
}
#rdiv {
  left: 70.7%;
  top: 1%;
  }
  #ordiv {
    left: 61.4%;
        top: 222px;
  }
  #yordiv {
    left: 51.8%;
    top: -41%;

    }
    #gyodiv {
          left: 41.9%;
          top: 222px;
  }
  #ibgdiv {
    top: -29%;
  left: -18.9%;
  }
  #vibdiv {
    left: -23.1%;
    top: 13%;
}
.sig_log {
  top: 25%;
  left: -58px;
}
}
@media (max-width:850px) {
  .raindiv::before {
      width: 648px;
      top: 11px;
      right: 2%;
  }
  .raindiv {
      width: auto;
      margin-top: -15%;
      margin-left: 124px;
  }
  #rrdiv {
      left: 86.1%;
      top: 2%;
  }
  #r1div {
      left: 76.5%;
top: 76%;
}
#rdiv {
  left: 67.1%;
      top: 2%;
  }
  #ordiv {
    left: 57.1%;
    top: 222px;
  }
  #yordiv {
    left: 47.8%;
      top: -41%;
    }
    #gyodiv {
        left: 37.9%;
          top: 222px;
  }
  #ibgdiv {
    top: -29%;
    left: -22.9%;
  }
  #vibdiv {
left: -27.1%;
    top: 14%;
}
.sig_log {
  top: 24%;
  left: -89px;
}
}
@media (max-width:823px) {
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 74px;
}
#rrdiv {
    left: 81.4%;
    top: 2%;
}
  #r1div {
    left: 73.3%;
  top: 77%;
}
#rdiv {
  left: 62.6%;
top: 2%;
  }
  #ordiv {
    left: 52.9%;
  top: 222px;
  }
  #yordiv {
    left: 42.8%;
    top: -41%;
    }
    #gyodiv {
            left: 32.3%;
          top: 222px;
  }
  #ibgdiv {
    top: -28%;
    left: -29.2%;
  }
  #vibdiv {
    left: -34.1%;
  top: 18%;
}
.sig_log {
    top: 64px;
    left: -105px;
    width: 42%;
}
}
@media (max-width:800px) {
  .raindiv::before {
      width: 619px;
      top: 15px;
      right: 3%;
  }
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 74px;
}
#rrdiv {
left: 82.4%;
    top: 2%;
}
  #r1div {
        left: 72.3%;
  top: 77%;
}
#rdiv {
  left: 62.1%;
  top: 2%;
  }
  #ordiv {
    left: 52.3%;
    top: 222px;
  }
  #yordiv {
    left: 42.2%;
    top: -41%;
    }
    #gyodiv {
        left: 31.8%;
          top: 222px;
  }
  #ibgdiv {
    top: -28%;
        left: -29.6%;
  }
  #vibdiv {
    left: -34.1%;
      top: 19%;
}
.sig_log {
  top: 68px;
  left: -97px;
  width: 42%;
}
}
@media (max-width:768px) {
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 49px;
}
#rrdiv {
    left: 82.7%;
    top: 2%;
}
  #r1div {
    left: 73.1%;
        top: 79%;
}
#rdiv {
  left: 61.8%;
  top: 2%;
}
  #ordiv {
left: 51.7%;
  top: 224px;
  }
  #yordiv {
    left: 40.8%;
  top: -42%;
    }
    #gyodiv {
          left: 29.7%;
          top: 224px;
  }
  #ibgdiv {
      top: -29%;
    left: -32.2%;
  }
  #vibdiv {
    left: -37.5%;
  top: 21%;
}
.sig_log {
  top: 75px;
  left: -113px;
      width: 42%;
}

}
@media (max-width: 767px) {
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 49px;
}
#rrdiv {
  left: 81.7%;
top: -50%;
}
  #r1div {
    left: 71.1%;
  top: 89%;
}
#rdiv {
  left: 60.8%;
top: -50%;
  }
  #ordiv {
    left: 49.7%;
    top: 139px;s
  }
  #yordiv {
    left: 39.8%;
    top: -131%;
    }
    #gyodiv {
      left: 29.3%;
      top: 139px;
  }
  #ibgdiv {
    top: -106%;
    left: -32.2%;
  }
  #vibdiv {
    left: -37.9%;
    top: -18%;

}
.sig_log {
  top: 73px;
  left: -113px;
      width: 42%;
}
.raindiv::before {
    width: 598px;
    top: 15px;
    right: 7%;
}
}
@media (max-width:745px) {
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 49px;
}
#rrdiv {
  left: 84.7%;
  top: -48%;
}
  #r1div {
    left: 73.1%;
        top: 89%;
}
#rdiv {
  left: 62.4%;
  top: -47%;
  }
  #ordiv {
      left: 51.7%;
    top: 142px;
  }
  #yordiv {
    left: 40.8%;
top: -127%;
    }
    #gyodiv {
      left: 29.9%;
    top: 141px;
  }
  #ibgdiv {
  top: -103%;
    left: -32.9%;
  }
  #vibdiv {
    left: -37.8%;
    top: -12%;
}
.sig_log {
  top: 75px;
  left: -113px;
      width: 42%;
}
.raindiv::before {
  width: 599px;
    top: 15px;
    right: 5%;
}
}
@media(max-width:739px)
{
	.rainbuttons {
	    border-color: transparent;
	    width: 60px;
	    border-radius: 5px;
	    text-shadow: 2px 2px 4px #000000;
	    box-shadow: 10px 5px 10px grey;
	}
}
@media (max-width:739px) {
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 49px;
}
#rrdiv {
  left: 85.3%;
top: -47%;
}
  #r1div {
    left: 74.1%;
    top: 89%;
}
#rdiv {
  left: 63.1%;
top: -47%;
  }
  #ordiv {
    left: 52.3%;
    top: 139px;
  }
  #yordiv {
    left: 41.2%;
    top: -126%;
    }
    #gyodiv {
      left: 30.3%;
      top: 142px;
  }
  #ibgdiv {
    top: -102%;
  left: -31.9%;
  }
  #vibdiv {
    left: -37.7%;
  top: -11%;
}
.sig_log {
  top: 77px;
  left: -111px;
}
.raindiv::before {
    width: 619px;
    top: 12px;
    right: 0%;
}
}
@media (max-width:704px) {
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 49px;
}
.wd {
    height: 58px;
    width: 53px;
}
.rainbuttons {
    border-color: transparent;
    width: 55px;}
    #rrdiv {
        left: 83%;
        top: -34%;
    }
  #r1div {
    left: 72.3%;
      top: 89%;
}
#rdiv {
  left: 61.7%;
  top: -35%;
  }
  #ordiv {
    left: 51.3%;
  top: 144px;
  }
  #yordiv {
    left: 41.1%;
  top: -105%;
    }
    #gyodiv {
      left: 30.3%;
  top: 145px;
  }
  #ibgdiv {
        top: -84%;
  left: -31.9%;
  }
  #vibdiv {
    left: -37%;
    top: -3%;
}
.sig_log {
  top: 81px;
      left: -104px;
}
.raindiv::before {
    width: 564px;
    top: 14px;
    right: 5%;
}
}
@media (max-width:684px) {
  .raindiv {
    width: auto;
    margin-top: -15%;
    margin-left: 35px;
}
.wd {
    height: 58px;
    width: 53px;
}
#rrdiv {
    left: 82%;
    top: -37%;
}
  #r1div {
    left: 71.3%;
    top: 90%;
}
#rdiv {
  left: 61.1%;
  top: -37%;
  }
  #ordiv {
    left: 50.3%;
  top: 148px;
  }
  #yordiv {
    left: 38.6%;
    top: -111%;
    }
    #gyodiv {
      left: 28.3%;
  top: 148px;
  }
  #ibgdiv {
        top: -88%;
  left: -34.9%;
  }
  #vibdiv {
    left: -40.3%;
        top: 2%;
}
.sig_log {
    top: 88px;
    left: -111px;
}
}
@media (max-width:656px) {
  .rainbuttons {
    border-color: transparent;
    width: 53px;
}
.raindiv::before {
    width: 561px;
    top: 14px;
    right: 1%;
}
  .raindiv {
      width: auto;
      margin-top: -4%;
      margin-left: 34px;
  }
  #rrdiv {
    left: 83%;
    top: 0%;
}
#r1div {
    left: 71.6%;
    top: 209px;
}
#rdiv {
  left: 60.1%;
  top: 0%;
  }
  #ordiv {
      left: 50.3%;
      top: 208px;
  }
  #yordiv {
left: 38.9%;
    top: -121px;
    }
    #gyodiv {
      left: 28.3%;
  top: 208px;
  }
  #ibgdiv {
    top: -83px;
  left: -34.9%;
  }
  #vibdiv {
    left: -40.3%;
    top: 67px;
}
.sig_log {
  top: 153px;
  left: -110px;
}
}
@media (max-width: 646px){
.raindiv {
    width: auto;
    margin-top: -49%;
    margin-left: 24px;
}
.wd{
  width:40px;
  height: 50px;
}
#rrdiv {
  left: 84%;
top: -223px;
}
#r1div {
  left: 72.6%;
  top: -14px;
}
#rdiv {
  left: 61.1%;
  top: -223px;
}
#ordiv {
  left: 50.3%;
  top: -13px;
}
#yordiv {
  left: 38.9%;
  top: -346px;
  }
  #gyodiv {
    left: 26.3%;
  top: -14px;
}
#ibgdiv {
  top: -305px;
  left: -35.9%;
}
#vibdiv {
  left: -41.3%;
  top: -148px;
}
.sig_log {
  top: -74px;
  left: -78px;
  width: 80%;
}
.raindiv::before {
    width: 550px;
    top: 14px;
    right: 1%;
}
}
@media (max-width: 621px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 96%;
  margin-top: -52%;
  margin-left: 12px;
}
#rrdiv {
  left: 79%;
top: -231px;
}
#r1div {
    left: 67.6%;
    top: -24px;
}
#rdiv {
  left: 56.6%;
  top: -232px;
}
#ordiv {
  left: 45.9%;
    top: -23px;
}
#yordiv {
  left: 34.3%;
  top: -353px;
  }
  #gyodiv {
    left: 23.3%;
  top: -23px;
}
#ibgdiv {
    top: -311px;
  left: -38.9%;
}
#vibdiv {
  left: -44.8%;
  top: -152px;
}
.sig_log {
  top: -81px;
  left: -69px;
  width: 68%;
}
.raindiv::before {
    width: 518px;
    top: 9px;
    right: 4%;
}}
@media (max-width: 606px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 96%;
  margin-top: -52%;
  margin-left: 12px;
}
#rrdiv {
  left: 82%;
  top: -209px;
}
#r1div {
  left: 70.4%;
  top: -17px;
}
#rdiv {
  left: 59.1%;
  top: -209px;
}
#ordiv {
  left: 47.9%;
  top: -17px;
}
#yordiv {
  left: -5.7%;
  top: -266px;
  }
  #gyodiv {
    left: 24.3%;
    top: -17px;
}
#ibgdiv {
    top: -282px;
  left: -37.9%;
}
#vibdiv {
  left: -44.1%;
    top: -145px;
}
.sig_log {
  top: -74px;
  left: -69px;
  width: 67%;
}
.raindiv::before {
    width: 513px;
    top: 9px;
    right: 1%;
}
}
@media (max-width: 580px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv::before {
    width: 3px;
    top: -108px;
    right: 58%;
    height: 117%;
}
.raindiv {
  width: 30%;
  margin-top: 10%;
  margin-left: 338px;
}
#rrdiv {
    top: 765px;
    width: fit-content;
    left: 189px;
}
#r1div {
  left: 15.4%;
  top: 693px;
width: max-content;
}
#rdiv {
  left: 42.1%;
    top: 619px;
width: max-content;
}
#ordiv {
  left: 28.9%;
  top: 548px;
  width: max-content;
}
  #yordiv {
    left: -26.7%;
top: 523px;
      width: max-content;
  }
  #gyodiv {
    left: 15.3%;
        top: 399px;
  width: max-content;
}
#ibgdiv {
  top: 309px;
  left: -104px;
  width: max-content;
}
#vibdiv {
  left: 103px;
  top: 132px;
    width: max-content;
}
.sig_log {
  top: 118px;
  left: 322px;
  width: 67%;
}
}
@media (max-width: 550px){
.raindiv {
  width: 25%;
  margin-top: -9%;
  margin-left: 325px;
}
#rrdiv {
    top: 680px;
    width: fit-content;
    left: 165px;
}
#r1div {
  left: 9.4%;
  top: 607px;
width: max-content;
}
#rdiv {
  left: 38.1%;
    top: 536px;
width: max-content;
}
#ordiv {
  left: 23.9%;
  top: 462px;
  width: max-content;
}

  #yordiv {
    left: -32.7%;
  top: 436px;
      width: max-content;
  }
  #gyodiv {
    left: 9.3%;
    top: 314px;
  width: max-content;
}
#ibgdiv {
  top: 224px;
  left: -118px;
  width: max-content;
}
#vibdiv {
  left: 87px;
  top: 54px;
}
.sig_log {
  top: 46px;
left: 310px;
width: 65%;
}
}
/* @media (max-width: 525px){
.raindiv {
    width: 38%;
    margin-top: -20%;
      margin-left: 235px;
}
#r1div {
  left: -41.6%;
  top: 612px;
width: max-content;
}
#rdiv {
  left: 31.1%;
  top: 270%;

width: max-content;
}
#ordiv {
left: -5.1%;
      top: 464px;
  width: max-content;
}

  #yordiv {
    left: -83.7%;
top: 411px;
      width: max-content;
  }
  #gyodiv {
left: -41.7%;
  top: 319px;
  width: max-content;
}
#ibgdiv {
  top: 239px;
  left: -95px;
  width: max-content;
}
#vibdiv {
  left: 56.9%;
  top: 131px;
}
.sig_log {
  top: 38px;
  left: 200px;
  width: 170%;
}
} */
@media (max-width: 509px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 16%;
  margin-top: -9%;
  margin-left: 320px;
}
#rrdiv {
    top: 684px;
    width: fit-content;
    left: 141px;
}
#r1div {
  left: 4.4%;
  top: 609px;
width: max-content;
}
#rdiv {
  left: 35.1%;
  top: 537px;
width: max-content;
}
#ordiv {
  left: 18.9%;
      top: 464px;
  width: max-content;
}

  #yordiv {
    left: -37.7%;
top: 437px;
      width: max-content;
  }
  #gyodiv {
    left: 4.3%;
    top: 319px;
  width: max-content;
}
#ibgdiv {
  top: 230px;
  left: -125px;
  width: max-content;
}
#vibdiv {
  left: 77px;
  top: 67px;
}
.sig_log {
  top: 45px;
  left: 284px;
  width: 68%;
}
}
@media (max-width: 500px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 15%;
  margin-top: -82%;
  margin-left: 296px;
}
#rrdiv {
    top: 396px;
    width: fit-content;
    left: 113px;
}
#r1div {
  left: -1.6%;
top: 324px;
width: max-content;
}
#rdiv {
  left: 43.1%;
  top: 247px;
width: max-content;
}
#ordiv {
  left: 13.9%;
  top: 177px;
  width: max-content;
}

  #yordiv {
    left: -42.7%;
      top: 147px;
      width: max-content;
  }
  #gyodiv {
    left: -1.7%;
  top: 32px;
  width: max-content;
}
#ibgdiv {
  top: -58px;
  left: -147px;
  width: max-content;
}
#vibdiv {
  left: 13.9%;
  top: -221px;
}
.sig_log {
  top: -259px;
  left: 350px;
  width: 83%;
}
}
@media (max-width: 485px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
      width: 15%;
      margin-top: -85.5%;
      margin-left: 296px;
}
#vibdiv {
    left: 15.9%;
    top: -221px;
}
#ibgdiv {
    top: -58px;
    left: -141px;
  }
  #yordiv {
    left: -43.7%;
    top: 144px;
  }
    #rdiv {
    left: 43.1%;
      top: 249px;
  }

}
@media (max-width: 478px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 25%;
  margin-top: -82%;
  margin-left: 270px;
}
#rrdiv {
    top: 410px;
    width: fit-content;
    left: 101px;
}
#r1div {
  left: 39.1%;
  top: 279px;
width: max-content;
}
#rdiv {
  left: 39.1%;
top: 283px;
width: max-content;
}
#ordiv {
  left: 10.9%;
      top: 193px;
  width: max-content;
}

  #yordiv {
    left: -23.7%;
      top: 152px;
      width: max-content;
  }
  #gyodiv {
    left: -5.7%;
top: 45px;
  width: max-content;
}
#ibgdiv {
  top: -41px;
  left: -154px;
  width: max-content;
}
#vibdiv {
  left: 12.9%;
top: -201px;
}
.sig_log {
  top: -221px;
  left: 365px;
  width: 72%;
}
}
@media (max-width: 464px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 25%;
  margin-top: -82%;
  margin-left: 270px;
}
#rrdiv {
  top: 420px;
width: fit-content;
left: 99px;
}
#r1div {
  left: -6.6%;
  top: 348px;
width: max-content;
}
#rdiv {
  left: 40.1%;
  top: 288px;
width: max-content;
}
#ordiv {
  left: 9.9%;
  top: 203px;
  width: max-content;
}
  #yordiv {
    left: -24.7%;
  top: 161px;
      width: max-content;
  }
  #gyodiv {
    left: -6.7%;
    top: 57px;
  width: max-content;
}
#ibgdiv {
  top: -29px;
  left: -149px;
  width: max-content;
}
#vibdiv {
  left: 14.9%;
  top: -187px;
}
.sig_log {
  top: -221px;
  left: 365px;
  width: 72%;
}
}
@media (max-width: 448px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
    width: 39%;
    margin-top: -84%;
    margin-left: 212px;
}
.ext_out {
    width: 79%;
    margin: 0 0 0 136px;}
#rrdiv {
  top: 422px;
  width: fit-content;
  left: 87px;
}
#r1div {
  left: -6.6%;
      top: 352px;
width: max-content;
}
#rdiv {
  left: 37.1%;
  top: 299px;
width: max-content;
}
#ordiv {
  left: 8.9%;
  top: 207px;
  width: max-content;
}
  #yordiv {
    left: -24.7%;
  top: 166px;
      width: max-content;
  }
  #gyodiv {
    left: -6.7%;
    top: 61px;
  width: max-content;
}
#ibgdiv {
  top: -28px;
  left: -149px;
  width: max-content;
}
#vibdiv {
  left: 8.9%;
  top: -179px;
}
.sig_log {
  top: -210px;
  left: 327px;
  width: 75%;
}
}
@media (max-width: 425px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 39%;
      margin-top: -91%;
      margin-left: 185px;
}
#rrdiv {
    top: 417px;
    width: fit-content;
    left: 55px;
}
#r1div {
  left: -15.6%;
  top: 347px;
  width: max-content;
}
#rdiv {
  left: 30.1%;
  top: 288px;
width: max-content;
}
#ordiv {
  left: -0.1%;
  top: 202px;
  width: max-content;
}

  #yordiv {
    left: -118px;
  width: max-content;
  top: 157px;
  }
  #gyodiv {
    left: -16.7%;
    top: 52px;
  width: max-content;
}
#ibgdiv {
  top: -32px;
  left: -170px;
  width: max-content;
}
#vibdiv {
  left: 2.9%;
  top: -183px;
}
.sig_log {
  top: -220px;
  left: 283px;
  width: 82%;
}
}
@media (max-width: 420px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 25%;
  margin-top: -98%;
  margin-left: 198px;
}
#rrdiv {
    top: 403px;
    width: fit-content;
    left: 67px;
}
#r1div {
  left: -9.6%;
  top: 329px;
  width: max-content;
}
#rdiv {
    left: 34.1%;
    top: 133%;
    width: max-content;
}
#ordiv {
    left: 4.9%;
    top: 182px;
    width: max-content;
}
#yordiv {
    left: -97px;
    width: max-content;
    top: 135px;
}
#gyodiv {
    left: -10.7%;
    top: 37px;
    width: max-content;
}
#ibgdiv {
    top: -52px;
    left: -152px;
    width: max-content;
}
#vibdiv {
  left: 3.9%;
top: -200px;
}
.sig_log {
  top: -231px;
  left: 295px;
  width: 75%;
}
}
@media (max-width: 400px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 25%;
  margin-top: -97%;
  margin-left: 192px;
}
#rrdiv {
    top: 422px;
    width: fit-content;
    left: 60px;
}
#r1div {
  left: -11.6%;
  top: 349px;
  width: max-content;
}
#rdiv {
  left: 33.1%;
  top: 145%;
width: max-content;
}
#ordiv {
  left: 2.9%;
    top: 200px;
  width: max-content;
}
  #yordiv {
    left: -103px;
        top: 156px;
      width: max-content;
  }
  #gyodiv {
    left: -12.7%;
  top: 55px;
  width: max-content;
}
#ibgdiv {
  top: -29px;
left: -153px;
  width: max-content;
}
#vibdiv {
  left: 2.9%;
top: -176px;
}
.sig_log {
    top: -216px;
    left: 277px;
    width: 80%;
}
}
@media (max-width: 380px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 36%;
  margin-top: -98%;
  margin-left: 143px;
}
  #rrdiv {
    top: 434px;
    width: fit-content;
    left: 24px;
}
#r1div {
  left: -24.6%;
      top: 361px;
  width: max-content;
}
#rdiv {
    left: 24.1%;
  top: 148%;
width: max-content;
}
#ordiv {
      left: -8.1%;
  top: 212px;
  width: max-content;
}
  #yordiv {
      left: -138px;
        top: 169px;
      width: max-content;
  }
  #gyodiv {
      left: -25.7%;
  top: 66px;
  width: max-content;
}
#ibgdiv {
  top: -18px;
left: -178px;
  width: max-content;
}
#vibdiv {
  left: -5.1%;
  top: -158px;
}
.sig_log {
  top: -195px;
      left: 251px;
      width: 80%;
}
}
@media (max-width: 375px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 36%;
margin-top: -95%;
margin-left: 144px;
}
#rrdiv {
    top: 355px;
    width: fit-content;
    left: 23px;
}
#r1div {
  left: -25.6%;
  top: 290px;
  width: max-content;
}
#rdiv {
  left: 23.1%;
  top: 120%;
width: max-content;
}
#ordiv {
  left: -9.1%;
      top: 169px;
  width: max-content;
}

  #yordiv {
    left: -139px;
  top: 132px;
    width: max-content;
  }
  #gyodiv {
    left: -26.7%;
  top: 41px;
  width: max-content;
}
#ibgdiv {
  top: -27px;
  left: -181px;
  width: max-content;
}
#vibdiv {
  left: -6.1%;
top: -151px;
}
.sig_log {
  top: -197px;
left: 194px;
width: 80%;
}
}
@media (max-width: 370px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 36%;
margin-top: -95%;
margin-left: 144px;
}
#rrdiv {
    top: 454px;
    width: fit-content;
    left: 23px;
}
#r1div {
  left: -27.6%;
  top: 382px;
  width: max-content;
}
#rdiv {
  left: 24.1%;
  top: 160%;
width: max-content;
}
#ordiv {
  left: -10.1%;
  top: 237px;
  width: max-content;
}

  #yordiv {
    left: -141px;
    top: 191px;
    width: max-content;
  }
  #gyodiv {
    left: -28.7%;
    top: 96px;
  width: max-content;
}
#ibgdiv {
  top: 10px;
  left: -175px;
  width: max-content;
}
#vibdiv {
  left: -5.1%;
  top: -123px;
}
.sig_log {
  top: -161px;
  left: 199px;
width: 80%;
}
}
@media (max-width: 350px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 45%;
  margin-top: -104%;
  margin-left: 116px;
}
#rrdiv {
    top: 436px;
    width: fit-content;
    left: 3px;}
#r1div {
  left: -97px;
  top: 365px;
  width: max-content;
}
#rdiv {
  left: 18.1%;
      top: 152%;
width: max-content;
}
#ordiv {
  left: -17.1%;
  top: 225px;
  width: max-content;
}

  #yordiv {
    left: -161px;
        width: max-content;
        top: 174px;
  }
  #gyodiv {
    left: -35.7%;
    top: 77px;

}
#ibgdiv {
  top: -7px;
      left: -187px;
  width: max-content;
}
#vibdiv {
  left: -9.1%;
  top: -142px;
}
.sig_log {
    top: -187px;
    left: 172px;
    width: 88%;
}
}
@media (max-width: 335px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 45%;
  margin-top: -106%;
  margin-left: 117px;
}
#rrdiv {
    top: 442px;
    width: fit-content;
    left: 2px;
}
#r1div {
  left: -97px;
  top: 371px;
  width: max-content;
}
#rdiv {
  left: 19.1%;
    top: 156%;
width: max-content;
}
#ordiv {
  top: 228px;
  left: -18.1%;
  width: max-content;
}

  #yordiv {
    left: -159px;
  top: 180px;
    width: max-content;
  }
  #gyodiv {
    left: -97px;
    top: 84px;
  width: max-content;
}
#ibgdiv {
  top: 2px;
  left: -181px;
  width: max-content;
}
#vibdiv {
  left: -8.1%;
  top: -133px;
}
.sig_log {
  top: -177px;
  left: 172px;
  width: 92%;
}
}
@media (max-width: 320px){
  .rainbuttons {
    border-color: transparent;
    width: 50px;
    border-radius: 5px;
    text-shadow: 2px 2px 4px #000000;
    box-shadow: 10px 5px 10px grey;
}
.raindiv {
  width: 45%;
  margin-top: -97%;
  margin-left: 102px;
}
#rrdiv {
    top: 423px;
    width: fit-content;
    left: -16px;
}
#r1div {
  left: -113px;
      top: 356px;
  width: max-content;
}
#rdiv {
  left: 12.1%;
  top: 151%;
width: max-content;
}
#ordiv {
  top: 227px;
      left: -63px;
  width: max-content;
}

  #yordiv {
    left: -179px;
  top: 184px;
    width: max-content;
  }
  #gyodiv {
    left: -114px;
    top: 96px;
  width: max-content;
}
#ibgdiv {
  top: 21px;
  left: -194px;
  width: max-content;
}
#vibdiv {
  left: -13.1%;
      top: -100px;
}
.sig_log {
  top: -161px;
  left: 141px;
  width: 105%;
}
}
@media (min-width: 991px){
.templatemo_insideportfolio {
    height: 597px;
    width: fit-content;
}
}
.ind{
  z-index: 9;
}
@media screen and (max-width:390px){
.si{
  top: 30px;
  left: 0px;
  width: 720px;
  height: 680px;
  overflow: hidden;
  font-size: 19px;
}
}