@charset "Big5";
/* CSS Document */

/*¥»±M¿è¼Ë¦¡*/
body {background-color:#FFF;}
.book{width:190px; height:410px;float:left;}
.a3_01{width:190px; margin:20px auto;}

	
@media screen and (min-width: 1050px) {
	.a1{height:auto; width:100%; overflow:hidden;}
	.a1 img{width:100%; height:auto;}
	.a3{width:100%;height:472px;background-color:#fff6cf;padding:20px 0px;}
	.book_list{width:1050px;margin:0 auto;}
	.a2_01{width:819px; margin:0 auto;}
	.a2_02{width:924px; margin:0 auto;}
	
	.a4_new{width:100%;height:880px;background-color:#fffcef;padding:20px 0px;}
	.book_list_b{width:630px;margin:0 auto;}
	
	.a4{width:100%;height:700px;background-color:#fffcef;padding:20px 0px;}
	.a4_01{max-width:1144px; margin:20px auto;}
	.a4_01 img{width:100%;}
	.a4_02{width:700px;margin:0 auto;}
	.a4_02 img{width:32%;}
	.a5{width:100%;background-color:#ffffff;padding:20px 0px;}
	.a5_01{max-width:552px;margin:20px auto;}
	.a5_02{max-width:851px;margin:0 auto;}
}

@media screen and (min-width: 840px) and (max-width:1049px) {
	.a1{height:auto; width:100%; overflow:hidden;}
	.a1 img{width:100%; height:auto;}
	.a3{width:100%;height:862px;background-color:#fff6cf;padding:20px 0px;}
	.book_list{width:840px;margin:0 auto;}
	.a2_01{width:819px; margin:0 auto;}
	.a2_02 img{width:24%;}
	
	.a4_new{width:100%;height:880px;background-color:#fffcef;padding:20px 0px;}
	.book_list_b{width:630px;margin:0 auto;}
	
	.a4{width:100%;height:700px;background-color:#fffcef;padding:20px 0px;}
	.a4_01{width:100%; margin:20px auto;}
	.a4_01 img{width:100%;}
	.a4_02{width:700px;margin:0 auto;}
	.a4_02 img{width:32%;}
	.a5{width:100%;background-color:#ffffff;padding:20px 0px;}
	.a5_01{max-width:552px;margin:20px auto;}
	.a5_02{max-width:851px;margin:0 auto;}
}

@media screen and (min-width: 630px) and (max-width:839px) {
	.a1{height:auto; width:100%; overflow:hidden;}
	.a1 img{width:100%; height:auto;}
	.a3{width:100%;height:862px;background-color:#fff6cf;padding:20px 0px;}
	.book_list{width:630px;margin:0 auto;}
	.a2_01 img{width:80%; margin:0 auto;}
	.a2_02 img{width:24%;}
	
	.a4_new{width:100%;height:880px;background-color:#fffcef;padding:20px 0px;}
	.book_list_b{width:630px;margin:0 auto;}
	
	.a4{width:100%;height:700px;background-color:#fffcef;padding:20px 0px;}
	.a4_01{width:100%; margin:20px auto;}
	.a4_01 img{width:100%;}
	.a4_02{width:630px;margin:0 auto;}
	.a4_02 img{width:32%;}
	.a5{width:100%;background-color:#ffffff;padding:20px 0px;}
	.a5_01{max-width:552px;margin:20px auto;}
	.a5_01 img{width:100%}
	.a5_02{max-width:100%;margin:0 auto;}
	.a5_02 img{width:100%}
}

@media screen and (min-width: 420px) and (max-width:629px) {
	.a1{height:auto; width:100%; overflow:hidden;}
	.a1 img{width:175%; height:auto;position:relative;left:-38%;}
	.a3{width:100%;height:1280px;background-color:#fff6cf;padding:20px 0px;}
	.book_list{width:420px;margin:0 auto;}
	.a2_01 img{width:100%; margin:0 auto;}
	.a2_02{width:460px; margin:0 auto;}
	.a2_02 img{width:24%;}
	
	.a4_new{width:100%;height:1255px;background-color:#fffcef;padding:20px 0px;}
	.book_list_b{width:420px;margin:0 auto;}
	
	.a4{width:100%;height:935px;background-color:#fffcef;padding:20px 0px;}
	.a4_01{width:100%; margin:20px auto;}
	.a4_01 img{width:100%;}
	.a4_02{width:85%;margin:0 auto;}
	.a4_02 img{width:45%;}
	.a5{width:100%;background-color:#ffffff;padding:20px 0px;}
	.a5_01{max-width:100%;margin:20px auto;}
	.a5_01 img{width:100%}
	.a5_02{max-width:100%;margin:0 auto;}
	.a5_02 img{width:100%}
}

@media screen and (max-width: 419px) {
	.a1{height:auto; width:100%; overflow:hidden;}
	.a1 img{width:200%; height:auto;position:relative;left:-50%;}
	.a3{width:100%;height:2105px;background-color:#fff6cf;padding:20px 0px;}
	.book_list{width:190px;margin:0 auto;}
	.a2_01 img{width:100%; margin:0 auto;}
	.a2_02{width:90%; margin:0 auto;}
	.a2_02 img{width:23%;}
	
	.a4_new{width:100%;height:2470px;background-color:#fffcef;padding:20px 0px;}
	.book_list_b{width:190px;margin:0 auto;}
	
	.a4{width:100%;height:2030px;background-color:#fffcef;padding:20px 0px;}
	.a4_01{width:100%; margin:20px auto;}
	.a4_01 img{width:100%;}
	.a4_02{width:250px;margin:0 auto;}
	.a4_02 img{width:90%;}
	.a5{width:100%;background-color:#ffffff;padding:20px 0px;}
	.a5_01{max-width:100%;margin:20px auto;}
	.a5_01 img{width:100%}
	.a5_02{max-width:100%;margin:0 auto;}
	.a5_02 img{width:100%}
}