@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:272px;
  top:1213px;
  z-index: 100;
  width:470px;height:293px;
}

.baby1_txt{
  left: 609px;
  top: 1218px;
  width:243px;height:191px;

}

.baby2{
  left:253px;
  top:1513px;
  z-index: 100;
  width:503px;height:248px;
}

.baby2_txt{
  left: 658px;
  top: 1514px;
  width:243px;height:201px;
}

.img9 {
  top: 1820px;
}



.img10 {
  top: 2126px;
}

.img11 {
  top: 2464px;
}

.pulse_bg{
  left:153px;
  top:2632px;
  width:755px;height:356px;
}

.pulse_circle1{
  left:153px;
  top:2743px;
  width:209px;
  height:209px;
}

.pulse_circle2{
  left:695px;
  top:2743px;
    width:209px;
  height:209px;
}

.pulse_sign{
  left:388px;
  top:2713px;
    width:291px;
  height:262px;
}

.rec1{
  left:613px;
  top:3023px;
  width:203px;height:334px;
}

.rec2{
  left:405px;
  top:3023px;
  width:204px;height:334px;
}

.rec3{
  left:234px;
  top:3023px;
   width:166px;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;
}