.box-right{
  width: 66vw;
  float: right;
  position: relative;
}
.box-right-left{
  width: 33vw;
}
.room-bg1{
  width: 33vw;
  height: 7.605vw;
  background: url(../images/room-bg1.png)no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: none;
  float: left;
}
.bg-en{
  .r1{
    background: url(../images/r1-en.png)no-repeat !important;
    background-size: 100% 100% !important;
  }
}
.room-bg2{
  width: 33vw;
  height: 7.605vw;
  background: url(../images/room-bg2.png)no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: none;
  float: left;
  .room-bg-top{
    // -webkit-text-stroke:0.6vw #C2A0FE;
    // text-shadow: 0 1vw 1vw #C2A0FE;
    // text-shadow: 1vw 0vw 1vw #803df3;
    text-shadow: 0.2vw 0.2vw 0.2vw #803df3,0.2vw 0 0.2vw #803df3,0 0.2vw 0.2vw #803df3;
  }
  .room-targe{
    -webkit-text-stroke:none;
    text-shadow: 0.2vw 0.2vw 0.2vw #803df3,0.2vw 0 0.2vw #803df3,0 0.2vw 0.2vw #803df3;
  }
  .room-num{
    -webkit-text-stroke:0;
    // -webkit-text-stroke:0.5vw #C2A0FE;
    text-shadow: 0.2vw 0.2vw 0.2vw #803df3,0.2vw 0 0.2vw #803df3,0 0.2vw 0.2vw #803df3;
  }
  .room-bar >div{
    background: #A775FA;
  }
  .room-bar >span{
    font-size: 2.5vw;
    text-shadow: 0.2vw 0.2vw 0.2vw #803df3,0.2vw 0 0.2vw #803df3,0 0.2vw 0.2vw #803df3;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -2.2vw;
    top: -0.95vw;
  }
}
.room-bg3{
  width: 33vw;
  height: 7.605vw;
  background: url(../images/room-bg3.png)no-repeat;
  background-size: 100% 100%;
  position: relative;
  display: none;
  float: left;
  .room-bg-top{
    // -webkit-text-stroke:0.6vw #B3EBEC;
    // text-shadow: 0 1vw 1vw #B3EBEC;
    // text-shadow: 1vw 0vw 1vw #B3EBEC;
    // text-shadow: 0.2vw 0.2vw 0.2vw #000;
    text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8,0.2vw 0 0.2vw #00f4f8,0 0.2vw 0.2vw #00f4f8;
  }
  .room-targe{
    // -webkit-text-stroke:0.5vw #20e7eb;
    text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8,0.2vw 0 0.2vw #00f4f8,0 0.2vw 0.2vw #00f4f8;
  }
  .room-num{
    // -webkit-text-stroke:0.5vw #B3EBEC;
    text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8,0.2vw 0 0.2vw #00f4f8,0 0.2vw 0.2vw #00f4f8;
  }
  .room-bar >div{
    background: #00d6c4;
  }
  .room-bar >span{
    font-size: 2.5vw;
    text-shadow: 0.2vw 0.2vw 0.2vw #00f4f8,0.2vw 0 0.2vw #00f4f8,0 0.2vw 0.2vw #00f4f8;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -2.2vw;
    top: -0.95vw;
  }
}
.room-bg-top{
  font-size: 2.64vw;
  color: #fff;
  font-weight: 700;

  position: absolute;
  top: 1.98vw;
  left: 2.64vw;
  text-shadow: 0.2vw 0.2vw 0.2vw #f7237f,0.2vw 0 0.2vw #f7237f,0 0.2vw 0.2vw #f7237f;
}
.room-targe{
  font-size: 4vw;
  color: #fff;
  font-weight: 700;
  // -webkit-text-stroke:0.5vw #FE93BF;
  text-shadow: 0.2vw 0.2vw 0.2vw #f7237f,0.2vw 0 0.2vw #f7237f,0 0.2vw 0.2vw #f7237f;
  position: absolute;
  top: 12vw;
  right: 6vw;
}
.room-num{
  font-size: 2.31vw;
  color: #fff;
  font-weight: 700;
  // -webkit-text-stroke:0.5vw #FE93BF;
  text-shadow: 0.2vw 0.2vw 0.2vw #f7237f,0.2vw 0 0.2vw #f7237f,0 0.2vw 0.2vw #f7237f;
  // text-shadow: 0.2vw 0.2vw 0.2vw #000;
  position: absolute;
  top: 2.178vw;
  right: 1.65vw;
}
.room-bar-box{
  position: absolute;
  width: 14.52vw;
  height: 1.65vw;
  background: rgba(255,255,255,0.4);
  border-radius: 10vw;
  left: 9.9vw;
  top: 2.904vw;
}
.room-bar{
  width: 14.52vw;
  height: 1.65vw;
  position: absolute;
  left: 0.198vw;
  top: 0.198vw;
  border-radius: 10vw;
  >div{
    height: 1.254vw;
    width: 0%;
    background: #FC3F91;
     border-radius: 10vw;
  }
  >span{
    font-size: 2.5vw;
    text-shadow: 0.2vw 0.2vw 0.2vw #f7237f,0.2vw 0 0.2vw #f7237f,0 0.2vw 0.2vw #f7237f;
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -2.2vw;
    top: -0.95vw;
  }
}

//活动

//活動
.bg-en{
  .act-room-bg{
    background: url(../images/en/act-room-bg.png)no-repeat;
    background-size: 100% 100%;
  }
  .act-room-bg2{
    background: url(../images/en/act-room-bg2.png)no-repeat;
    background-size: 100% 100%;
  }
}
.act-room-bg{
  width: 10rem;
  height: 5.972rem;
  background: url(../images/act-room-bg.png)no-repeat;
  background-size: 100% 100%;
  position: absolute;
  margin-top: -0.3rem;
  right: -33.5vw;
  top: -18vw;
  transform: scale(0.33);
  
}
.act-room-bg2{
  width: 8rem;
  float: right;
  height: 5.972rem;
  background: url(../images/act-room-bg2.png)no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin-top: 0;
  right: -33.5vw;
  top: -18vw;
  transform: scale(0.33);
  p{
    display: none;
  }
}
.act-room-p1{
  font-size: 0.78rem;
  color: #CA9FFF;
  position: absolute;
  top: 2.2rem;
  left: 1rem;
  span{
    color: #F83FFF;
  }
}
.act-room-p2{
  font-size: 0.78rem;
  color: #CA9FFF;
  position: absolute;
  top: 3.7rem;
  left: 1rem;
  span{
    color: #F83FFF;
  }
}
.act-room-p3{
  font-size: 0.78rem;
  color: #CA9FFF;
  position: absolute;
  top: 3.7rem;
  left: 5.6rem;
  span{
    color: #F83FFF;
  }
}