:root {
  --mainColor: ;
  --mainFontColor: rgba(254, 254, 254, .85);
  --mainBorder: 1.5px solid var(--mainFontColor);
}

#mainBg {
  background-image: url(img/bg.jpg);
}

.mainCover {
  background-color: rgba(121, 121, 121, 0.5);
}

#home {
  background-image: url(img/home.jpg);
}

header {
  background-color: rgb(255, 255, 255);
}

.homeCover {
  background-color: rgba(105, 105, 105, 0.144);
}

.mainList li a {
  color: #000;
}

.homeCover h4 {
  color: #000;
}

#sns .buzzdaily {
  background-image: url(img/buzzdaily.png);
}

@media only screen and (max-width: 500px) {
  #home {
    height: 50vw;
  }

  #logo img {
    width: 25%;
  }

  .item3 {
    width: 100%;
  }

  .mainList li a {
    color: #FFF;
  }

  .shop1688 img {
    top: -25px;
  }

  .navBar {
    filter: brightness(0.1);
    top: 20px;
    width: 20px;
    height: 20px;
  }

  header {
    background-color: rgba(255, 255, 255, 0);
  }

  .homeCover>h4,
  .homeCover>span {
    display: none;
  }

}