#live-wrapper {
  max-width: 800px;
  margin: auto;
  padding: 50px 20px;
  font-size: 13.5pt;
}
#live-wrapper > .head {
  font-size: 2.5em;
  text-align: center;
  font-weight: 800;
  padding: 0 0 30px;
}
#live-wrapper > .head, #live-wrapper > .head * {
  letter-spacing: -5%;
}
#live-wrapper .bo_fx .btn {
  font-size: 0.75em;
}
#live-wrapper #bo_list .select_chk {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid rgb(137.3698630137, 110.2739726027, 0.6301369863);
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
#live-wrapper #bo_list .select_chk:checked {
  background: #000;
  border-color: #000 !important;
}
#live-wrapper #bo_list .grid.list {
  display: grid;
  gap: 30px;
}
#live-wrapper #bo_list .grid.list .wrap {
  border-radius: 999px;
  background-color: #FFF;
  padding: 20px 25px;
  cursor: pointer;
  border: 1px solid rgb(137.3698630137, 110.2739726027, 0.6301369863);
  transition: all 0.3s ease-in-out;
}
#live-wrapper #bo_list .grid.list .wrap:hover {
  background-color: #FED325;
  border-color: #FED325;
}
#live-wrapper #bo_list .grid.list .wrap:hover .select_chk {
  border-color: #FFF;
}
#live-wrapper #bo_list .grid.list .wrap.disabled {
  background-color: #F7F7F7;
  border-color: #DDD;
}
#live-wrapper #bo_list .grid.list .wrap.disabled:hover .select_chk {
  border-color: #000;
}
#live-wrapper #bo_w {
  font-size: 0.75em;
}
#live-wrapper #bo_w .sub-info label {
  display: block;
  padding: 5px 0 10px;
}
#live-wrapper #bo_v {
  font-size: 0.75em;
}
#live-wrapper #bo_v #bo_v_title {
  margin-top: 0 !important;
}
@media (max-width: 1100px) {
  #live-wrapper {
    font-size: 12.5pt;
  }
  #live-wrapper #bo_list {
    padding-top: 30px;
  }
}
@media (max-width: 640px) {
  #live-wrapper {
    font-size: 10.5pt;
  }
  #live-wrapper #bo_list {
    padding-top: 0;
  }
}

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