@charset "utf-8";

#book_container{
	width:320px;
	height:480px;
	position:relative;
	margin:0 auto;
}

.book_info{
	position: absolute;
	width: 287px;
	top: 50px;
	left: 711px;
}
.book_info2{
	width:100%;
	text-align:right;
	margin-top:10px;
}
.book_menu{
	width: 320px;
	display: flex;
	display: -webkit-box;
	display: inline-flex;/* MS edge */
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: dotted;
	border-top-color: #6CE437;
	border-right-color: #6CE437;
	border-bottom-color: #6CE437;
	border-left-color: #6CE437;
	padding-top: 10px;
	border-bottom-style: dotted;
	padding-bottom: 10px;
}
.book_menu div{
	width:240px;
	margin:6px;
	text-align:center;
}

.book_menu1_header{
		background:url(../book/images/book1sp_r1_c1.jpg);
		width:320px;
		height:100px;
}
.book_menu1_footer{
		background:url(../book/images/book1sp_r3_c1.jpg);
		width:320px;
		height:94px;
}
.book_menu1_footer div{
	padding-top:60px;
		text-align:center;
}
.book_menu1{
	background:url(../book/images/book1sp_r2_c1.jpg);
	width:320px;
	height:280px;
	padding:0px;
	display: flex;
	display: -webkit-box;
	display: inline-flex;/* MS edge */
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-align-items: flex-end; /* Safari */
	align-items:         flex-end;
	-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
/*	overflow:visible;*/
}
.book_menu1 div{
	width:180px;
	margin:6px;
	text-align:center;
}
.book_menu1 div img{
	box-shadow: 3px 3px 6px 3px #666;
}

.book_content{
	width:320px;
	margin:0 auto;
	display:flex;
	display:-webkit-box;
	display: inline-flex;/* MS edge */
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}
.book_year{
	width: 1000px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #0C3;
	border-right-color: #0C3;
	border-bottom-color: #0C3;
	border-left-color: #0C3;
	border-left-width: 16px;
	border-left-style: solid;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-left: 6px;
	font-weight: bold;
	color: #0C3;
}
.book_box {
	display:block;
/*	display: flex;
	display: -webkit-box;
/*	display: inline-flex;/* MS edge */
/*	-webkit-flex-wrap: wrap; /* Safari */
/*	flex-wrap: wrap;*/
	margin: 20px auto;
	padding: 0px;
	width: 312px;
	border: 4px dotted #F93;
	background-color: #FFF;
	border-radius: 20px;
}
.book_title {
	font-size: 18px;
	color: #0C3;
	font-weight: bold;
	text-align:center;
	margin-top:6px;
	width:100%;

/*	margin-top: 60px;*/
/*	float: left;*/
/*	margin-left: 20px;*/
}
.book_comment {
	width:90%;
/*	width: 720px;*/
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 14px;
	line-height: 24px;
}
.book_teacher {
	width: 100%;
	text-align: right;
	color: #09F;
}
.book_img {
	width:90%;
	text-align:center;
	margin:10px auto 0 auto;
}
.book_img img{
	width:90%;
	height:auto;
	box-shadow: 3px 3px 6px 3px #666;
}
.book_footer{
	text-align:center;
	margin-top:6px;
}
.book_footer img{
	width:auto;
}