* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
}

main {
  width: 100%;
  background-image: url("../img/wave.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  position: relative;
  padding: 205px 0 105px;
}

@media (max-width: 991px) {
  main {
    padding: 95px 0;
  }
}

main .commodity_parallax {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
}

main .commodity_parallax .ball {
  border-radius: 50%;
  background: -webkit-gradient(linear, left bottom, left top, from(#F0B639), to(#FFFFFF));
  background: linear-gradient(bottom, #F0B639 0%, #FFFFFF 100%);
  position: absolute;
}

main .commodity_parallax .ball1 {
  width: 101px;
  height: 101px;
  top: 9.6% !important;
  left: 13.7% !important;
}

main .commodity_parallax .ball2 {
  width: 202px;
  height: 202px;
  top: 39.5% !important;
  left: -2.3% !important;
}

main .commodity_parallax .ball3 {
  width: 133px;
  height: 133px;
  top: 75% !important;
  left: 16.7% !important;
}

main .commodity_parallax .ball4 {
  width: 98px;
  height: 98px;
  top: 25.8% !important;
  left: 76.2% !important;
}

main .commodity_parallax .ball5 {
  width: 202px;
  height: 202px;
  top: 47.2% !important;
  left: 91.7% !important;
}

main .commodity_parallax .ball6 {
  width: 89px;
  height: 89px;
  top: 72.6% !important;
  left: 82.9% !important;
}
/*# sourceMappingURL=member.css.map */