body:after {
  display: none;
  content: url("../image/player_default.jpg"); }

@keyframes ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.ring {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  .ring .ring__icon {
    display: inline-block;
    border: 6px solid #472FFF;
    border-left-color: #F5F323;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: ring 1.2s linear infinite;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0; }

.vjs-volume-panel {
  display: flex !important; }
  .vjs-volume-panel .vjs-mute-control {
    display: flex !important; }

.vjs-marker {
  position: absolute;
  opacity: 1;
  height: 100%;
  background-color: #472FFF;
  width: 3px;
  top: 0; }

.pver {
  background-image: url("./icon/player/pver-button.svg");
  width: 100%;
  max-width: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  height: 73%;
  margin: 0 auto; }

.next {
  background-image: url("./icon/player/next-button.svg");
  width: 100%;
  max-width: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  height: 73%;
  margin: 0 auto; }

.addWatch {
  background-image: url("./icon/player/later.svg");
  width: 100%;
  max-width: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  height: 87%;
  margin: 0 auto; }
  .addWatch.true {
    background-image: url("./icon/player/latered.svg"); }

.vr360 {
  background-image: url("./icon/player/vr360.svg");
  width: 100%;
  max-width: 15px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  height: 77%;
  margin: 0 auto; }
  .vr360.true {
    background-image: url("./icon/player/exitvr360.svg"); }

.overlayAdBox .webUrl {
  display: block; }
  @media screen and (max-width: 1023px) {
    .overlayAdBox .webUrl {
      display: none; } }

.overlayAdBox .phoneUrl {
  display: none; }
  @media screen and (max-width: 1023px) {
    .overlayAdBox .phoneUrl {
      display: block; } }

.overlayAdBox .overlayad {
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 3; }

.isIE .pver {
  height: 100%; }

.isIE .next {
  height: 100%; }

.isIE .addWatch {
  height: 100%; }

.isIE .vr360 {
  height: 100%; }

.customOverlayLogo {
  width: 20% !important;
  background-color: rgba(0, 0, 0, 0) !important; }
  .customOverlayLogo img {
    height: 100%; }

.customOverlayLiveNumber {
  background-color: rgba(0, 0, 0, 0) !important; }

.customOverlayCart {
  display: none; }

.customOverlayTicket {
  background-color: rgba(0, 0, 0, 0) !important;
  left: 0px !important;
  padding-left: 0 !important;
  z-index: 1 !important; }

.vjs-overlay-right {
  right: -0.5% !important;
  top: 30% !important; }

.vjs-dock-title {
  font-weight: 400 !important; }

.vjs-time-control {
  line-height: 2.5em !important; }

.vjs-dock-text, .vjs-control-bar {
  z-index: 2 !important; }

.vjs-control.vjs-button {
  width: 4vw !important;
  max-width: 40px !important;
  min-width: 30px !important;
  max-height: 30px; }

.vjs-share-control, .vjs-social-overlay {
  z-index: 3 !important; }

.vjs-icon-line {
  width: 27px;
  height: 27px;
  background-size: 100%;
  background-position: center center;
  background-image: url("../image/lineIcon2.svg"); }

.vjs-icon-weibo {
  width: 27px;
  height: 27px;
  background-size: 100%;
  background-position: center center;
  background-image: url("../image/weiboIcon2.svg"); }

.vjs-time-control {
  padding: 0 !important; }

.vjs-subs-caps-button {
  display: none !important; }

.mainBlock {
  height: 100%; }
  .mainBlock .in {
    height: 100%; }
    .mainBlock .in .left {
      height: 100%; }
      .mainBlock .in .left .set {
        height: 100%; }
        .mainBlock .in .left .set.scroll {
          position: fixed;
          left: 0%;
          bottom: 0;
          height: 225px;
          width: 400px;
          z-index: 3; }
          @media screen and (max-width: 1919px) and (min-width: 1024px) {
            .mainBlock .in .left .set.scroll {
              height: 16.3125vw;
              width: 29vw; } }
          @media screen and (max-width: 1023px) {
            .mainBlock .in .left .set.scroll {
              height: 22.5vw;
              width: 40vw; } }

.playerSet > div {
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px; }
  .playerSet > div.iframe {
    position: relative;
    z-index: 10; }

.playerSet {
  width: 100%;
  height: 100%;
  background-image: url("../image/player_default.jpg");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
  display: table;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .playerSet button {
    outline: 0; }
  .playerSet #checkRight {
    width: 100%;
    height: 100%;
    float: none;
    vertical-align: middle;
    text-align: center;
    display: none;
    top: 0px;
    left: 0px;
    z-index: 10;
    color: #fff;
    background-image: url("../image/player_default.jpg");
    background-size: 100%;
    background-repeat: no-repeat; }
    .playerSet #checkRight.show {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column; }
    .playerSet #checkRight.showticket {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      background-color: rgba(0, 0, 0, 0.8); }
    .playerSet #checkRight .box__login {
      display: flex;
      flex-direction: column; }
      .playerSet #checkRight .box__login .box__login-top {
        display: flex;
        flex-direction: column; }
        .playerSet #checkRight .box__login .box__login-top .login__logo {
          width: 82px;
          height: 29px;
          background-image: url("../image/logosvg.svg");
          background-repeat: no-repeat;
          background-size: 100%;
          margin: 0 auto; }
          @media screen and (min-width: 1024px) {
            .playerSet #checkRight .box__login .box__login-top .login__logo {
              width: 165px;
              height: 60px; } }
        .playerSet #checkRight .box__login .box__login-top .box__login-top-content {
          background-color: rgba(216, 216, 216, 0.3);
          width: 155px;
          display: flex;
          flex-direction: column;
          margin-top: 22px;
          padding: 10px; }
          @media screen and (min-width: 1024px) {
            .playerSet #checkRight .box__login .box__login-top .box__login-top-content {
              margin-top: 52px;
              width: 358px;
              padding: 20px; } }
          .playerSet #checkRight .box__login .box__login-top .box__login-top-content .or {
            font-size: 14px;
            margin: 1px auto 5px auto;
            font-family: LiGothicMed; }
            @media screen and (min-width: 1024px) {
              .playerSet #checkRight .box__login .box__login-top .box__login-top-content .or {
                font-size: 20px; } }
          .playerSet #checkRight .box__login .box__login-top .box__login-top-content .login__fb {
            width: 96px;
            height: 27px;
            background-image: url("../image/playerFB.png");
            background-repeat: no-repeat;
            background-size: 100%;
            margin: 0 auto; }
            @media screen and (min-width: 1024px) {
              .playerSet #checkRight .box__login .box__login-top .box__login-top-content .login__fb {
                width: 180px;
                height: 48px; } }
            .playerSet #checkRight .box__login .box__login-top .box__login-top-content .login__fb:hover {
              transform: scale(1.1); }
          .playerSet #checkRight .box__login .box__login-top .box__login-top-content .otherLogin {
            display: flex;
            width: 105px;
            align-items: center;
            justify-content: space-around;
            margin: 0 auto;
            cursor: pointer; }
            @media screen and (min-width: 1024px) {
              .playerSet #checkRight .box__login .box__login-top .box__login-top-content .otherLogin {
                width: 195px; } }
            .playerSet #checkRight .box__login .box__login-top .box__login-top-content .otherLogin:hover .otherLogin__icon {
              background-image: url("../image/human_hover.png"); }
            .playerSet #checkRight .box__login .box__login-top .box__login-top-content .otherLogin:hover .otherLogin__text {
              color: #472FFF;
              border-bottom: solid 1px #472fff; }
            .playerSet #checkRight .box__login .box__login-top .box__login-top-content .otherLogin .otherLogin__icon {
              background-image: url("../image/human.png");
              background-repeat: no-repeat;
              background-size: 100%;
              width: 15px;
              height: 18px; }
              @media screen and (min-width: 1024px) {
                .playerSet #checkRight .box__login .box__login-top .box__login-top-content .otherLogin .otherLogin__icon {
                  width: 23px;
                  height: 27px; } }
            .playerSet #checkRight .box__login .box__login-top .box__login-top-content .otherLogin .otherLogin__text {
              font-size: 16px;
              border-bottom: solid 1px #ffffff;
              font-family: LiGothicMed;
              width: 80px;
              padding-bottom: 2px; }
              @media screen and (min-width: 1024px) {
                .playerSet #checkRight .box__login .box__login-top .box__login-top-content .otherLogin .otherLogin__text {
                  width: 140px;
                  font-size: 20px;
                  padding-bottom: 4px; } }
      .playerSet #checkRight .box__login .box__login-down {
        display: none; }
    .playerSet #checkRight .activeOtherLogin .box__login-top {
      display: flex;
      flex-direction: column; }
      .playerSet #checkRight .activeOtherLogin .box__login-top .login__logo {
        display: none; }
      .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content {
        background: none;
        margin-top: 9px; }
        @media screen and (min-width: 1024px) {
          .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content {
            width: 300px; } }
        @media screen and (max-width: 700px) {
          .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content {
            margin-top: 0px;
            padding: 4px; } }
        .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .or {
          margin: 0; }
          @media screen and (min-width: 1024px) {
            .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .or {
              font-size: 20px; } }
        .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .otherLogin:hover .otherLogin__icon {
          background-image: url("../image/human.png"); }
        .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .otherLogin:hover .otherLogin__text {
          color: white;
          border: none; }
        @media screen and (min-width: 1024px) {
          .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .otherLogin {
            width: 190px; } }
        .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .login__fb {
          width: 96px;
          height: 29px; }
          @media screen and (min-width: 1024px) {
            .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .login__fb {
              width: 176px;
              height: 50px; } }
        .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .otherLogin {
          cursor: default;
          width: 105px; }
          @media screen and (min-width: 1024px) {
            .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .otherLogin {
              width: 130px; } }
          .playerSet #checkRight .activeOtherLogin .box__login-top .box__login-top-content .otherLogin .otherLogin__text {
            border: none;
            padding-bottom: 0;
            width: 80px; }
    .playerSet #checkRight .activeOtherLogin .box__login-down {
      display: flex;
      flex-direction: column; }
      .playerSet #checkRight .activeOtherLogin .box__login-down .login__inputBox {
        width: 156px;
        height: 23px;
        background-color: rgba(255, 255, 255, 0.39);
        padding-left: 10px;
        padding-right: 10px;
        border: none;
        margin-bottom: 2px;
        color: white;
        font-size: 16px;
        font-family: LiGothicMed;
        letter-spacing: 1px; }
        @media screen and (min-width: 1024px) {
          .playerSet #checkRight .activeOtherLogin .box__login-down .login__inputBox {
            width: 300px;
            height: 42px;
            font-size: 20px;
            margin-bottom: 7px; } }
        .playerSet #checkRight .activeOtherLogin .box__login-down .login__inputBox::placeholder {
          color: white;
          opacity: 1;
          /* Firefox */
          font-size: 16px; }
          @media screen and (min-width: 1024px) {
            .playerSet #checkRight .activeOtherLogin .box__login-down .login__inputBox::placeholder {
              font-size: 20px; } }
      .playerSet #checkRight .activeOtherLogin .box__login-down .login__Btn {
        width: 156px;
        height: 23px;
        background-color: rgba(255, 255, 255, 0.91);
        font-size: 16px;
        letter-spacing: 1.2px;
        color: #5b64cd;
        border-radius: 0px;
        font-family: LiGothicMed;
        line-height: 23px; }
        @media screen and (min-width: 1024px) {
          .playerSet #checkRight .activeOtherLogin .box__login-down .login__Btn {
            width: 300px;
            height: 42px;
            font-size: 20px;
            line-height: 42px; } }
      .playerSet #checkRight .activeOtherLogin .box__login-down .box__login-down-otherMethod {
        font-size: 13px;
        text-align: right;
        margin-top: 4px; }
        @media screen and (min-width: 1024px) {
          .playerSet #checkRight .activeOtherLogin .box__login-down .box__login-down-otherMethod {
            font-size: 17px; } }
        .playerSet #checkRight .activeOtherLogin .box__login-down .box__login-down-otherMethod a {
          font-family: LiGothicMed; }
    .playerSet #checkRight .grabTheDevice {
      margin-bottom: 10px; }
      .playerSet #checkRight .grabTheDevice.text {
        display: block;
        color: #737373; }
      .playerSet #checkRight .grabTheDevice.textsub {
        display: block;
        color: black; }
    .playerSet #checkRight .box {
      background-color: rgba(255, 255, 255, 0.9);
      color: black;
      border-radius: 10px;
      padding: 8px 16px;
      display: flex;
      flex-direction: column; }
    .playerSet #checkRight .noteCon {
      display: none;
      align-items: center;
      margin: auto; }
      .playerSet #checkRight .noteCon.show {
        display: flex;
        flex-direction: column; }
      .playerSet #checkRight .noteCon.buy {
        overflow-y: scroll; }
        .playerSet #checkRight .noteCon.buy::-webkit-scrollbar {
          display: none; }
      .playerSet #checkRight .noteCon .title {
        font-size: 0.8em;
        display: block;
        margin-bottom: 10px; }
      .playerSet #checkRight .noteCon .text {
        font-size: 0.8em;
        display: block;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media screen and (max-width: 420px) {
          .playerSet #checkRight .noteCon .text {
            margin-bottom: 3px; } }
      .playerSet #checkRight .noteCon .action {
        display: flex; }
      .playerSet #checkRight .noteCon ul.caselist {
        width: 100%;
        max-width: 600px;
        padding-left: 0; }
        .playerSet #checkRight .noteCon ul.caselist > li {
          width: 30%;
          min-width: 200px;
          display: inline-block;
          margin: 0 5px 5px 5px;
          background-color: rgba(255, 255, 255, 0.9);
          color: black;
          border-radius: 10px;
          padding: 8px; }
          @media screen and (max-width: 420px) {
            .playerSet #checkRight .noteCon ul.caselist > li {
              min-width: 140px;
              padding: 4px; } }
          .playerSet #checkRight .noteCon ul.caselist > li:last-child {
            margin-bottom: 0px; }
    .playerSet #checkRight .buyticket .singleRental__box {
      background-color: rgba(255, 255, 255, 0.9);
      color: black;
      border-radius: 10px;
      padding: 5px;
      height: 153px;
      width: 280px; }
      .playerSet #checkRight .buyticket .singleRental__box > div {
        margin: 5px 10px; }
      .playerSet #checkRight .buyticket .singleRental__box .ticket__top {
        display: flex;
        justify-content: space-between;
        margin-left: 33%; }
        .playerSet #checkRight .buyticket .singleRental__box .ticket__top .ticket__title {
          color: #737373; }
        .playerSet #checkRight .buyticket .singleRental__box .ticket__top .ticket__closeBTN:before {
          content: "\00d7";
          font-size: 20px;
          color: #292929;
          font-weight: 300;
          font-family: Arial, sans-serif; }
      .playerSet #checkRight .buyticket .singleRental__box .ticket__mainContent__box {
        display: flex;
        justify-content: center;
        font-size: 14px;
        line-height: 16px; }
        .playerSet #checkRight .buyticket .singleRental__box .ticket__mainContent__box .ticket__mainContent {
          color: #030408; }
        .playerSet #checkRight .buyticket .singleRental__box .ticket__mainContent__box .ticket__mainContent__number {
          color: red;
          margin: 0 3px;
          font-size: 16px; }
      .playerSet #checkRight .buyticket .singleRental__box .ticket__subContent__box {
        display: flex;
        justify-content: center;
        font-size: 12px; }
        .playerSet #checkRight .buyticket .singleRental__box .ticket__subContent__box .ticket__subContent {
          color: #8B8B8B; }
        .playerSet #checkRight .buyticket .singleRental__box .ticket__subContent__box .ticket__subContent__number {
          color: #8B8B8B; }
      .playerSet #checkRight .buyticket .singleRental__box .ticket__BTNarea {
        display: flex;
        justify-content: space-around;
        margin: 5px 35px; }
        .playerSet #checkRight .buyticket .singleRental__box .ticket__BTNarea .ticket__useBTN {
          background-color: #6B6B6B;
          color: white;
          padding: 3px 20px;
          border-radius: 5px; }
          .playerSet #checkRight .buyticket .singleRental__box .ticket__BTNarea .ticket__useBTN.show {
            background-color: #8879ff; }
        .playerSet #checkRight .buyticket .singleRental__box .ticket__BTNarea .ticket__buyBTN {
          background-color: #6B6B6B;
          color: white;
          padding: 3px 20px;
          border-radius: 5px; }
          .playerSet #checkRight .buyticket .singleRental__box .ticket__BTNarea .ticket__buyBTN.show {
            background-color: #8879ff; }
      .playerSet #checkRight .buyticket .singleRental__box .confirm__mainContent {
        color: black;
        font-size: 14px;
        margin: 0;
        display: flex;
        justify-content: center; }
    .playerSet #checkRight button {
      height: 35px;
      padding: 0 10px;
      color: #fff;
      border: none;
      background-color: #8879ff;
      font-size: 0.8em;
      margin: 0 auto;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .playerSet #checkRight .player_payment .money {
      font-style: italic;
      height: 35px;
      padding: 0 10px;
      color: #fff;
      border: none;
      background-color: #8879ff;
      font-size: 0.8em;
      margin: 0 auto;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .playerSet #checkRight .player_payment .money span.number {
        font-size: 1.8em; }
  .playerSet .google_adver {
    background: rgba(0, 0, 0, 0.7);
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1; }
    .playerSet .google_adver #div-gpt-ad-1542854645031-2 {
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  .playerSet .livenumber {
    height: 25px;
    top: 5%;
    display: none;
    z-index: 10;
    justify-content: center; }
    .playerSet .livenumber .boxlive {
      height: 25px;
      line-height: 25px; }
      .playerSet .livenumber .boxlive .livenumber__left {
        padding: 0 3.5px;
        color: white;
        font-size: 12px;
        border-radius: 2px;
        background-color: #EF312B;
        margin: 0 auto;
        text-align: center; }
    .playerSet .livenumber .livenumber__right {
      margin-left: 3px;
      background-color: rgba(0, 0, 0, 0.45);
      border-radius: 2px;
      display: flex;
      justify-content: space-between; }
      .playerSet .livenumber .livenumber__right .livenumber__right-icon {
        background-image: url("../image/player/people.png");
        width: 20.5px;
        background-position: center center;
        background-size: 60%;
        background-repeat: no-repeat; }
      .playerSet .livenumber .livenumber__right .out {
        padding-right: 5px;
        height: 25px;
        line-height: 25px; }
        .playerSet .livenumber .livenumber__right .out .livenumber__right-number {
          color: white;
          text-align: center; }
  .playerSet .tool_ticketArea {
    display: none;
    height: 26px;
    width: 284px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 14px;
    align-items: center;
    top: 75%;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    z-index: 5 !important; }
    .playerSet .tool_ticketArea .tool_ticketAreaBtn {
      color: yellow; }

#video > div {
  width: 100%;
  height: 100%; }

#iframe {
  z-index: 3; }
  #iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 0px; }

#video.hidden, #iframe.hidden {
  display: none; }

.lock-cover {
  backdrop-filter: blur(7px);
  display: none; }
  .lock-cover #movieLockForm {
    z-index: 5;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    background-image: url(../image/movieLock.png); }
    @media screen and (max-width: 420px) {
      .lock-cover #movieLockForm {
        background-image: url(../image/mo_movieLock.png); } }
    .lock-cover #movieLockForm #movPas {
      top: 47%;
      left: 38%;
      height: 2vw;
      width: 18%;
      font-size: 20px;
      position: absolute;
      background-color: #f6f6f6;
      border: aliceblue; }
      @media screen and (max-width: 420px) {
        .lock-cover #movieLockForm #movPas {
          top: 53%;
          left: 34%;
          height: 8%;
          width: 27%;
          font-size: 15px;
          background-color: #f6f6f6; } }
    .lock-cover #movieLockForm #movBtn {
      top: 49%;
      left: 57.3%;
      height: 7%;
      width: 5%;
      position: absolute;
      opacity: 0;
      cursor: pointer; }
      @media screen and (max-width: 420px) {
        .lock-cover #movieLockForm #movBtn {
          top: 51%;
          left: 64.3%;
          height: 12%;
          width: 8%; } }
    .lock-cover #movieLockForm #movieFormBack {
      height: 10%;
      width: 5%;
      right: 3%;
      top: 5%;
      position: absolute;
      cursor: pointer;
      opacity: 0; }

.rating-cover {
  z-index: 2147483646;
  width: 100%;
  height: 100%;
  background-size: 100%; }

.rating-cover-0 {
  background-image: url("../image/player/rating/cover_0.jpg"); }

.rating-cover-6 {
  background-image: url("../image/player/rating/cover_6.jpg"); }

.rating-cover-12 {
  background-image: url("../image/player/rating/cover_12.jpg"); }

.rating-cover-15 {
  background-image: url("../image/player/rating/cover_15.jpg"); }

.rating-cover-18 {
  background-image: url("../image/player/rating/cover_18.jpg"); }

.rating-btn {
  z-index: 2147483646;
  width: 30%;
  left: 20%;
  top: 80%;
  height: 20%;
  background-size: 100%;
  background-repeat: no-repeat; }

.rating-btn-ok {
  cursor: pointer;
  background-image: url("../image/player/rating//btn_agree.png"); }

.rating-btn-cancel {
  cursor: pointer;
  background-image: url("../image/player/rating//btn_disagree.png"); }

.btn-angle-sel-wrapper {
  display: none;
  z-index: 2; }

.btn-angle-sel {
  cursor: pointer !important;
  position: absolute !important;
  top: 65%  !important;
  left: 80% !important;
  width: 16% !important;
  height: 28% !important;
  z-index: 2 !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important; }

.btn-angle-sel1 {
  background-image: url("../image/player/angle_sel1.png"); }

.btn-angle-sel2 {
  background-image: url("../image/player/angle_sel2.png"); }

.btn-angle-sel23 {
  background-image: url("../image/player/angle_sel23.png"); }

.btn-angle-sel12 {
  background-image: url("../image/player/angle_sel12.png"); }

.btn-angle-sel13 {
  background-image: url("../image/player/angle_sel13.png"); }