
  /* ÉèÖÃÍøÒ³µÄÑùÊ½ 
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
*/


info{display:none;}
book {/*width: calc(100% - 90px);max-width:100%; margin:-.3em -.35em;padding:.3em .3em .3em .3em; overflow:hidden;float: right;*/}

book img {width:100%; height:auto}
book {/*display:flex; flex-flow:column nowrap; align-items:center;
	border-radius:.4em; border:1px solid #f5ece0; background-color:#e1e8f0;
	 padding:.3em .3em .3em .3em*/}
c0, c1, c2 ,c3{display:block; width:100%; /*overflow:hidden*/margin-top: 80px;}
c2 {display:none}
c3 {display:none}

@media (max-width:1000px) {
	book {width: calc(100% - 90px) ;max-width:1000px; padding:0; margin:-.3em 0; clear:right}
	book img {width: 215%;}
	c1, c2,c3 {/*width:99%; display:inline-block; position: relative;*/}
	c1>img {margin:-15% 0 -2% 0}
	c2>img {margin:-15% 0 -2% -100%}
	c3>img {margin:-15% 0 0 -200%}
	}
	
@media (max-width:350px) {
	book {width: calc(100% - 50px) ;max-width:1000px; padding:0; margin:-.3em 0; clear:right}
	book img {width:300%}
	c1, c2,c3 {width:99%; display:inline-block; position: relative;}
	c1>img {margin:-15% 0 -2% 2%}
	c2>img {margin:-15% 0 -2% -100%}
	c3>img {margin:-15% 0 0 -200%}
	}
/*
@media (max-width:1200px) {
	book {max-width:1200px; padding:.5em .5em; margin:-.2em 0 0; clear:right}
	book img {width:300%}
	c1, c2,c3 {width:99%; display:inline-block; position: relative;}
	c1>img {margin:-15% 0 -15% -7%}
	c2>img {margin:-30% 0 -15% -100%}
	c3>img {margin:-30% 0 0 -195%}
	}
	*/
	

a { text-decoration: none; color:black;} 
