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

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

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

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




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

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

#logo{
  left: 7px;
  top: 270px;
  width: 105px;
}

#collection{
  left: 13px;
  top: 349px;
  width: 96px;
}

#introducing{
  left: 57px;
  top: 228px;
  width: 50px;
}

#explore-1{
  left: 16px;
  top: 540px;
  width: 89px;

}

#white-1{
  display: block;
  height: 80px;
  width: 300px;
  top: 520px;
  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{
  left: 40px;
  top: 295px;
  display: block;
  width: 40px;
  height: 1px;

  background-color: #a8a8a8;
  position: absolute;
  opacity: 0;

}

#logo-1{
  left: 10px;
  top: 232px;
  width: 99px;
}

#explore-2{
  left: 15px;
  top: 314px;
  width: 90px;
}