body {
  background:#ccc;
  padding:0;
  margin:0;
}

#link{
  width:300px;
  height:600px;
  position:absolute;
  top:0px;
  left:0px;
}

#banner {
  overflow:hidden;
  position:relative;
  width:300px;
  height:600px;
  display:box;
  border:1px solid #252523;
  background-color: #ffffff;
  margin: auto;
  box-sizing: border-box;
}

img, svg {
  position: absolute;
  opacity:0;
}


#introducing{
  left: 142px;
  top: 150px;
  width: 110px;
}

#line-1{
  top: 180px;
  display: block;
  width: 300px;
  height: 2px;
  background-color: #494b4a;
  position: absolute;
  opacity: 0;
  left: -20px;
}

#line-2{
  top: 400px;
  display: block;
  width: 300px;
  height: 2px;
  background-color: #494b4a;
  position: absolute;
  left: 50px;
  opacity: 0;
}

#logo, #logo-1{
  left: 30px;
  top: 230px;
  width: 245px;
}

#collection{
  left: 48px;
  top: 410px;
  width: 190px;
}

#explore-1{
  left: 16px;
  top: 555px;
  width: 266px;

}

#white-1{
  display: block;
  height: 70px;
  width: 300px;
  top: 530px;
  background-color: rgba(255,255,255,0.8);
  position: absolute;
}


#slide-1,#slide-2, #slide-3{
  left: 0px;
  top: 0px;

}

#photo_end{
  left: 0px;
  top: 0px;
}

#photo_top-1{
  left: 0px;
  top: 0px;
  opacity: 1;
}
#photo_top-2{
  left: 0px;
  top: 176px;
  opacity: 1;
}

#divider{
  top: 400px;
  display: block;
  width: 100px;
  left: 100px;
  height: 1px;
  background-color: #a8a8a8;
  position: absolute;
  opacity: 0;

}

#explore-2{
  left: 48px;
  top: 458px;
  width: 211px;
}