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

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

#banner {
  overflow:hidden;
  position:relative;
  width:160px;
  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: 74px;
  top: 211px;
  width: 61px;
}

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

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

#logo{
  left: 11px;
  top: 256px;
  width: 140px;
}

#logo-1{
  left: 30px;
  top: 232px;
  width: 98px;
}

#collection{
  left: 24px;
  top: 357px;
  width: 105px;
}

#explore-1{
  left: 22px;
  top: 522px;
  width: 117px;
}

#white-1{
  display: block;
  height: 100px;
  width: 300px;
  top: 500px;
  background-color: rgba(255,255,255,0.8);
  position: absolute;
}
/*
#white-2{
  display: block;
  height: 375px;
  width: 300px;
  top: 225px;
  background-color: rgba(255,255,255,1);
  position: absolute;
}*/

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

}

#photo_end{
  left: 0px;
  top: 0px;
  position: absolute;
  opacity: 0;
}

#divider{
  left: 60px;
  top: 295px;
  
  width: 40px;
  height: 1px;

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

}

#explore-2{
  left: 36px;
  top: 314px;
  width: 89px;
}