@media (min-width: 960px) {
  .popup {
    display: none;
    position: fixed;
    top: 0;
    z-index: 12;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
  }

  .popup .popup_content {
    position: relative;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.35); */
  }

  .popup .popup_content .menu_list {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    padding: 0 14rem;
    padding-bottom: 20rem;
    /* background-image: url('../image/bg.png'); */
    background-color: #fff;
    /* background-size: cover;  */
    background-position: center;
    width: 100vw;
  }

  .popup .popup_content .menu_list .line {
    margin: 48rem 0 26rem;
    margin-left: -15rem;
    width: 100vw;
    height: 8rem;
    /* background: linear-gradient(135deg, rgba(71, 85, 253, 0.65) 0%, #eeaeae 100%); */
  }

  .popup .popup_content .menu_list img {
    width: 100%;
    height: 100%;
  }

  .popup .popup_content .menu_list .logo {
    padding-top: 2rem;
    margin-bottom: 10rem;
  }

  .popup .popup_content .menu_list .logo .logo_icon {
    width: 30rem;
    height: 8rem;
  }

  .popup .popup_content .menu_list .logo .play_name_txt {
    box-sizing: border-box;
    font-size: 16rem;
    color: #000000;
    font-weight: 500;
    padding-left: 9rem;
  }

  .popup .popup_content .menu_list .menu_item {
    box-sizing: border-box;
    height: 10rem;
    line-height: 10rem;
    font-size: 4rem;
    font-weight: 400;
    color: #434949;
    background-color: #EAEEF7;
    padding: 0 16rem;
    border-radius: 2rem;
    margin-bottom: 5rem;
  }

  .popup .popup_content .menu_list .menu_item:last-child {
    margin-bottom: 0;
  }

  .popup .popup_content .menu_list .menu_legal_divider {
    margin: 8rem 0 6rem;
    height: 1rem;
    background: #E4E4E6;
  }

  .popup .popup_content .menu_list a.menu_item {
    text-decoration: none;
    color: inherit;
  }

  .popup .popup_content .menu_list .menu_item--legal {
    color: #54575E;
  }

  .popup .popup_content .menu_list .menu_item .play_type_icon {
    width: 26rem;
    height: 26rem;
    margin-right: 12rem;
  }

  .popup .popup_content .menu_list .copy_right_info .menu_item {
    font-size: 15rem;
  }

  .popup .popup_content .menu_list .active {
    font-weight: bold;
    color: #5E6AC0;
  }

  .popup .popup_content .close_icon {
    width: 8rem;
    height: 8rem;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
  }

  .popup .popup_content .close_icon img {
    width: 100%;
    height: 100%;
  }

  .open-popup {
    display: block;
  }
}
@media (max-width: 960px) {
  .popup {
    display: none;
    position: fixed;
    top: 0;
    z-index: 12;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
  }

  .popup .popup_content {
    position: relative;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.35); */
  }

  .popup .popup_content .menu_list {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    padding: 0 14rem;
    padding-bottom: 20rem;
    /* background-image: url('../image/bg.png'); */
    /* background-size: cover;  */
    background-color: #fff;
    background-position: center;
    width: 100vw;
  }

  .popup .popup_content .menu_list .line {
    margin: 48rem 0 26rem;
    margin-left: -15rem;
    width: 100vw;
    height: 8rem;
    /* background: linear-gradient(135deg, rgba(71, 85, 253, 0.65) 0%, #eeaeae 100%); */
  }

  .popup .popup_content .menu_list img {
    width: 100%;
    height: 100%;
  }

  .popup .popup_content .menu_list .logo {
    padding-top: 20rem;
    margin-bottom: 10rem;
  }

  .popup .popup_content .menu_list .logo .logo_icon {
    width: 120rem;
    height: 30rem;
  }

  .popup .popup_content .menu_list .logo .play_name_txt {
    box-sizing: border-box;
    font-size: 16rem;
    color: #000000;
    font-weight: 500;
    padding-left: 9rem;
  }

  .popup .popup_content .menu_list .menu_item {
    box-sizing: border-box;
    height: 44rem;
    line-height: 44rem;
    font-size: 18rem;
    font-weight: 400;
    color: #3F4545;
    padding: 0 16rem;
    /* border: 2rem solid #3F4545; */
    /* background: linear-gradient(135deg, rgba(71, 85, 253, 0.65) 0%, #eeaeae 100%); */
    border-radius: 2rem;
    background-color: #EAEEF7;
    margin-bottom: 10rem;
  }

  .popup .popup_content .menu_list .menu_item:last-child {
    margin-bottom: 0;
  }

  .popup .popup_content .menu_list .menu_legal_divider {
    margin: 8rem 0 6rem;
    height: 1rem;
    background: #E4E4E6;
  }

  .popup .popup_content .menu_list a.menu_item {
    text-decoration: none;
    color: inherit;
  }

  .popup .popup_content .menu_list .menu_item--legal {
    color: #54575E;
  }

  .popup .popup_content .menu_list .menu_item .play_type_icon {
    width: 26rem;
    height: 26rem;
    margin-right: 12rem;
  }

  .popup .popup_content .menu_list .copy_right_info .menu_item {
    font-size: 15rem;
  }

  .popup .popup_content .menu_list .active {
    font-weight: bold;
    color: #5E6AC0;
  }

  .popup .popup_content .close_icon {
    width: 27rem;
    height: 27rem;
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
  }

  .popup .popup_content .close_icon img {
    width: 100%;
    height: 100%;
  }

  .open-popup {
    display: block;
  }

  /*# sourceMappingURL=menu.css.map */
}