.bb-bookblock {
 top: -5em;
 height: 330px;
 width: 763px;
 position: absolute;
}
#right{
 left:600px;
}
.bb-custom-wrapper nav {
  top: 17em;
  position: inherit;
}
.left{
  position: static;
	float: left;
}
.right{
  position: static;
	float: right;
}
.exit{
  left:50em;
}
#a{
  background: url("../images/S/S_2_1.jpg");
  width: 207px;
  height: 330px;  
}
#b{
  background: url("../images/S/S_2_2.jpg");
  width: 207px;
  height: 330px;  
}
#c{
  background: url("../images/S/S_4_1.jpg");
  width: 317px;
  height: 767px;
}
#d{
  background: url("../images/S/S_4_2.jpg");
  width: 317px;
  height: 767px;
}
#ex1{
  margin: 0;
  top: 21em;
  left: 28em;
  position: absolute;
}
#ex2{
  margin: 0;
  top: 15em;
  left: 48em;
  position: absolute;
}
#book1{
  transition: opacity 0.1s 0.1s;
  top:0px;
  left:177px;
  position: absolute;
}
#pages1{
  width: 414px;
  height: 330px;
}
#book2{
  transition: opacity 0.1s 0.1s;
  top:-379px;
  left:71px;
  position: absolute;
  transform: rotate(90deg);
}
#pages2{
  width: 630px;
  height: 763px;
}