.mod_bg {
  background-repeat: repeat;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 50px;
  overflow: visible;
}

.mod_bg .mod_bg_content {
  width: 100%;
  max-width: 1000px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #FFF;
  border-color: #FFF #EEE #DDD #FEFEFE;
  border-radius: 5px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}

@media (max-width: 1000px) {
  .mod_bg .mod_bg_content {
    padding: 15px;
  }
}

/* ------------ bg select ------------- */
.mod_bg.mbg1 {
  background-image: url("mod_bg/mod_bg_01.jpg");
}

.mod_bg.mbg2 {
  background-image: url("mod_bg/mod_bg_02.jpg");
}

.mod_bg.mbg3 {
  background-image: url("mod_bg/mod_bg_03.jpg");
}

.mod_bg.mbg4 {
  background-image: url("mod_bg/mod_bg_04.jpg");
}

.mod_bg.mbg5 {
  background-image: url("mod_bg/mod_bg_05.jpg");
}

.mod_bg.mbg6 {
  background-image: url("mod_bg/mod_bg_06.jpg");
}

/* -- use demo -- */
#bgCh {
  display: flex;
  justify-content: center;
  padding: 15px 0;
  list-style: none;
  margin: 0;
}

#bgCh li {
  padding: 0 5px;
}

/*# sourceMappingURL=mod_bg.css.map */