@charset "utf-8";
/* CSS Document */


@media (min-width: 768px) {
#backToTopBtn,
#gotop {
  position: fixed;
  bottom: 10%;
  background: rgba(1,1,1,.5);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 1em;
  font-family: arial;

  width: 40px;
  height: 40px;
  right: 30px;
  z-index: 99;
}

.back-to-top {
  position: fixed;
  bottom: 10%;
  background: rgba(1,1,1,.5);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-family: arial;

  width: 40px;
  height: 40px;
  right: 30px;
  z-index: 99;

}

#online-service {
  position: fixed;
  bottom: 20%;
  right: 0;
    z-index: 99;
}


.shop {
  position: fixed;
  bottom: 30%;
  right: 0;
  z-index: 99;
}

}

@media (max-width: 767px) {
 

  #backToTopBtn,
#gotop {
  position: fixed;
  bottom: 15%;
  background: rgba(1,1,1,.5);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 1em;
  font-family: arial;

  width: 40px;
  height: 40px;
  right: 30px;
  z-index: 99;
}

.back-to-top {
  position: fixed;
  bottom: 15%;
  background: rgba(1,1,1,.5);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-family: arial;

  width: 40px;
  height: 40px;
  right: 30px;
  z-index: 99;

}

#online-service {
  position: fixed;
  bottom: 20%;
  right: 0;
    z-index: 99;
}


.shop {
  position: fixed;
  bottom: 30%;
  right: 0;
  z-index: 99;
}

}