.screen-1,
.screen-1-zoom-colorbox,
.screen-1-zoom-numberbox {
  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.obj1 {
  position: absolute;
  bottom: 2%;
  left: 75%;
  width: 98px;
  height: 74px;
  /* transform: rotate(40deg); */
}



/* axeaction */
.btn.zoom.object.axeaction {
  position: absolute;
  bottom: 4%;
  left: 0%;
  width: 28%;
  height: 28%;
}
.btn.zoom.object.axeaction.final {
  position: absolute;
  bottom: 4%;
  left: 0%;
  width: 28%;
  height: 28%;
  background-image: url(../img/axeaction2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn.zoom.object.axeaction.final img {
  position: absolute;
  bottom: -12%;
  right: -28%;
  width: 38%;
  height: 42px;
  /* transform: rotate(90deg); */
 }
/* axeaction */






.btn.zoom.object.colorbox {
  position: absolute;
  top: 19%;
  left: 35.5%;
  width: 242px;
  height: 67px;
}
.btn.zoom.object.colorbox.final {
  background-image: url(../img/box.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 144px;
  height: 66px;
  top: 70px;
  left: 41%;
}
.btn.zoom.object.colorbox.final img{
  position: absolute;
  width: 76px;
  height: 46px;
  left: 30px;
  bottom: 12px;
 /* transform: rotate(90deg); */
}


.btn.zoom.object.colorbox button {
  width: 34px !important;
  height: 34px !important;
  padding: 1px !important;
  top: 13px !important;
  margin-right: 1px !important;
  left: 17px !important;
}

.screen-object.colorbox {
  position: absolute;
  width: 375px;
  top: 32%;
  left: 24%;
  height: 144px;

}
.btn.s1.colorbox.change.object {
  width: 58px;
  height: 58px;
  padding: 3px;
  top: 44px;
  left: 5px;
  /* background-color: #f5a599; */
  margin-right: 2px;
}
.btn.s1.colorbox.change.object img {
  width: 100%;
  height: 100%;
}
.screen-object.colorbox-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.axe img{
  width: 100%;
  height: 100%;
}
.screen-object.colorbox-box .axe {
  width: 114px;
  height: 67px;
  top: 20px;
  left: 29%;
  /* transform: rotate(90deg); */
}