.screen-1,
.screen-1-zoom-hightset,
.screen-1-zoom-letterbox{
  background-image: url(../img/bg1.png);
  background-size: 100% 118%;
  background-repeat: no-repeat;
  left: 3px;
  width: 794px;
  height: 392px;
  position: relative;
  bottom: -3px;
}

.screen-1-zoom-instruct {
  background-image: url(../img/Inst_page.png);
  background-size: 106% 100%;
  background-repeat: no-repeat;
  background-position: -35px 0px;
  left: 3px;
  width: 792px;
  height: 395px;
  position: relative;
}
.btn.zoom.object.bag1 {
  position: absolute;
  bottom: 8%;
  left: 11%;
  width: 56px;
  height: 77px;
}

.btn.zoom.object.bascut1 {
  position: absolute;
  bottom: 9%;
  left: 42%;
  width: 95px;
  height: 80px;
}




.btn.zoom.object.bagdrop {
  position: absolute;
  right: 12%;
  bottom: 22%;
  margin: auto;
  width: 256px;
  height: 82px;
  /* background-image: url(../img/box.png); */
}
.btn.zoom.object.bagdrop.final {
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 157px;
  height: 77px;
    /* top: 90px;
    left: 53px; */
}
.btn.change.object.bagdrop {
  width: 50px;
  height: 50px;
  padding: 3px;
  top: 12px;
  margin-right: 1px;
  display: inline-block;
  left: 61px;
}
.btn.zoom.object.bagdrop.final img{
  width: 86px;
  height: 39px;
  top: 32px;
  position: relative;
  left: 46px;
  /* transform: rotate(90deg); */
}




.btn.zoom.object.hightset {
  position: absolute;
    top: 22%;
    left: 70.5%;
    width: 112px;
    height: 84px;
    /* background-image: url(../img/box.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; */
}
.btn.zoom.object.hightset.final {
  background-image: url(../img/box.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -1%;
    left: 73%;
    width: 111px;
    height: 76px;
  
}
.btn.zoom.object.hightset.final img{
  position: absolute;
  width: 32px;
  height: 80px;
  left: 40px;
  bottom: -15px;
  transform: rotate(90deg);
}
.btn.zoom.object.hightset button {
  width: 27px !important;
  height: 81px !important;
  padding: 1px !important;
  top: 1px !important;
  margin-right: 1px !important;
  left: 2px !important;
}
.screen-object.hightset {
  position: absolute;
  width: 249px;
  top: 6%;
  left: 32%;
  height: 214px;
  /* background-image: url(../img/gbox.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
}
.btn.s1.hightset.change.object {
  width: 53px;
  height: 101x;
  padding: 3px;
  top: 8px;
  /* left: 37px; */
  /* background-image: url(../img/box1.png); */
  margin-right: 9px;
}
.btn.s1.hightset.change.object img {
  width: 100%;
  height: 100%
}
.screen-object.hightset-box {
  position: absolute;
  width: 258px;
  top: 43%;
  left: 33%;
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  height: 100px;
  background-size: 100% 100%;
}
.btn.collect.object.scroll1 img{
  width: 100%;
  height: 100%;
}
.screen-object.hightset-box .scroll1 {
  width: 48px;
  height: 136px;
  top: 0px;
  left: 40%;
  transform: rotate(90deg);
}



.btn.zoom.object.letterbox {
  position: absolute;
  top: 16%;
  left: 33.5%;
  width: 126px;
  height: 29px;
  background-image: url(../img/letterb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn.zoom.object.letterbox.final {
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 144px;
  height: 66px;
  top: 57px;
  left: 261px;
}
.btn.zoom.object.letterbox.final img{
  position: absolute;
  width: 60px;
  height: 60px;
  left: 49px;
  bottom: 0px;
}
.btn.zoom.object.letterbox button {
  width: 31px !important;
  height: 24px !important;
  padding: 2px !important;
  top: 4px !important;
  margin-right: 0px !important;
  left: 0px !important;
}
.screen-object.letterbox {
  position: absolute;
  width: 287px;
  top: 44%;
  left: 27%;
  height: 73px;
  background-image: url(../img/letterb.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn.s1.letterbox.change.object {
  width: 63px;
  height: 47px;
  padding: 0px;
  top: 12px;
  left: 3px;
  /* background-color: #f5a599; */
  margin-right: 8px;
}
.btn.s1.letterbox.change.object img {
  width: 100%;
  height: 100%;
}
.screen-object.letterbox-box {
  position: absolute;
  width: 258px;
  top: 43%;
  left: 33%;
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  height: 100px;
  background-size: 100% 100%;
}
.btn.collect.object.hammer img{
  position: absolute;
  width: 157px;
  top: -20%;
  left: -57%;
}
.screen-object.letterbox-box .hammer {
  width: 90px;
  height: 75px;
  top: 23px;
  left: 37%;
}