html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  .main_img{
    width:100%; 
    margin-bottom:200px;
  }
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
  }
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .event_bt{
    position:absolute; 
    top:944.5%; 
    width:40%; 
    bottom:1%; 
    left: 9%;
  }
  .member_bt{
    position:absolute; 
    top:944.5%; 
    width:40%; 
    bottom:1%; 
    right: 12%;
  }
  .event_bt_top{
    position:absolute; 
    top:255%; 
    width:40%;
    bottom:1%; 
    left: 22%;
  }
  .member_bt_top{
    position:absolute; 
    top:255%;
    width:40%; 
    bottom:1%; 
    right: 10%;
  }
  .player_bp{
    width:64%; 
    height:46.5%; 
    position:absolute; 
    top: 203%; 
    left:14%; 
    z-index:9000;
  }
  .player_bv{
    width:64%; 
    height:45.1%; 
    position:absolute; 
    top: 373.6%; 
    left:14%; 
    z-index:9000;
  }
  @media screen and (min-width: 940px){
    @media screen and (max-width:1060px){
    .main_img {
        width:115%; 
        }
    .player_bp{
        width: 78%;
        height: 23%;
        position: absolute;
        top: 103%;
        left: 17%;
        z-index: 9000;
    }
    .player_bv{
      width: 78%;
      height: 23%;
      position: absolute;
      top: 187.5%;
      left: 18%;
      z-index: 9000;
    }
    .event_bt{
        position: absolute;
        top: 474.9%;
        width: 40%;
        bottom: 1%;
        left: 11%;
      }
      .member_bt{
        position: absolute;
        top: 475.4%;
        width: 40%;
        bottom: 1%;
        right: 1%;
      }

    }
}