@charset "utf-8";
/* CSS Document */
html {width:100%; height:100%;}
body { background:#ccc; margin:0 auto;  font-size:16px; font-family:"Times New Roman", Times, serif; overflow:hidden; background-image:url(../images/back-image.png); background-size:100%; }
h1, h2, h3, h4, h5, ul, li, ol, p, div, span, header, footer, aside, section, nav { margin:0; padding:0; }
@font-face { font-family:snap; src:url(../fonts/SNAP.TTF); font-weight:100; }


/*--- Basic Structure---*/
#main_container { width:1010px; height:570px; margin:0 auto;}
#main_container .page_data_FL  { width:380px; height:420px; margin:1.5em 0.5em 0.5em 1em; }
#main_container .page_data_FR  { width:380px; height:420px; margin:1.5em 0.5em 0.5em 3em;  }


#book .spiral_r{
	 width:17px;
	 height: 450px;
	 position:absolute;
	 left:0;
	 top: 30px;
	 z-index:1;
	 background-repeat: repeat-y;
	background-image: url('../images/spiral-right.png'); 
}
#book .spiral_l{
	 width:17px;
	 height: 450px;
	 position:absolute;
	 right:0;
	 top: 30px;
	 z-index:1;
	 background-repeat: repeat-y;
	background-image: url('../images/spiral-left.png'); 
}