在turn.js页面框中出现问题 - 阴影和左边距对齐

Question

我在翻页翻页时面临问题.js

• 我为奇数页和偶数页都设置了盒子阴影，但是首次执行时会显示奇数页框阴影。在第二次翻页时，翻页框阴影不可见。即使页面在任何时候都不可见。
• 我设置了页面的左边距，但页面不再移动。

#flipbook{ width:400px; height:300px; margin-left:100px; }

#flipbook .odd{
background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA));
background-image:-webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
background-image:-moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
background-image:-ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
background-image:-o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
background-image:linear-gradient(right, #FFF 95%, #C4C4C4 100%);
-webkit-box-shadow:inset 0 0 5px #666;
-moz-box-shadow:inset 0 0 5px #666;
-o-box-shadow:inset 0 0 5px #666;
-ms-box-shadow:inset 0 0 5px #666;
box-shadow:inset 0 0 5px red;
}

我做错了什么？ JSFiddle