@charset "utf-8";

* {
  padding: 0;
  margin: 0;
}

.container {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  border: 20pt solid #283784;
  box-sizing: border-box;
  overflow-y: scroll;
  transform-origin: top left;
  transition: transform 0.3s ease;
  height: 100vh;
}

.container img {
  /* width: 100%; */
  opacity: 0;
  position: absolute;
}

.img1,
.img2,
.img3,
.img4,
.img6, 
.img9,
.img10,
.img11,
.footer_txt,
.footer,
.parcode,
.logo
{
  width: 100%;
}

.img2 {
  top: 256px;
}

.img3 {
  top: 414px;
}

.img4 {
  top: 767px;
}

.baby_steps {
 left:277px;top:989px;
    width:533px;height:38px;
}

.baby_step1{
  left:291px;top:939px;
    width:93px;height:75px;

}

.baby_step2{
  left:424px;top:922px;
    width:54px;height:94px;
}

.baby_step3{
  left:501px;top:907px;
   width:96px;height:118px;
}

.baby_step4{
  left:644px;top:900px;
  width:150px;height:125px;
}



.img6 {
  top: 1053px;
}

.baby1{
  left:369px;
  top:1213px;
  z-index: 100;
  width:452px;height:281px;
}

.baby1_txt{
  left: 262px;
  top: 1218px;
  width:234px;height:128px;

}

.baby2{
  left:369px;
  top:1513px;
  z-index: 100;
  width:441px;height:273px;
}

.baby2_txt{
   left: 257px;
  top: 1514px;
  width:233px;height:127px;
}

.img9 {
  top: 1820px;
}



.img10 {
  top: 2096px;
}

.img11 {
  top: 2402px;
}

.pulse_bg{
  left:153px;
  top:2578px;
  width:744px;height:350px;
}

.pulse_circle1{
  left:180px;
  top:2689px;
  width:205px;
  height:205px;
}

.pulse_circle2{
  left:695px;
   top:2689px;
    width:205px;
  height:205px;
}

.pulse_sign{
  left:395px;
  top:2659px;
  width:291px;
  height:262px;
}

.rec1{
  left:249px;
  top:2970px;

  width:204px;height:334px;
}

.rec2{
  left:457px;
  top:2970px;
  width:204px;height:334px;
}

.rec3{
  left:664px;
  top:2970px;
width:167px;height:334px;

}

.footer_txt{
  top:3378px;
}
.parcode{
  top:3740px;
}

.logo{
  top:3917px;
}

.footer{
  top:4026px;
}
#home {
  position: absolute;
  left: 85px;
  top: 130px;
  width: 128px;
  height: 122px;
}