/*component18*/
.books-1-title {
    width:100%;
    border-top:2px solid #cc3333;
}
.books-1-title > a{
    color:#cc3333; line-height:2em; font-size:2rem; font-weight:600;
}
.books-1-box > li{
	padding:15px; padding-left:0;
	border-bottom:1px solid #dbdbdb;
	min-height:190px;
}
.books-1-box > li > a,
.books-1-txt{float:left;}
.books-1-box > li > a{
	width:33.33%;
	overflow:hidden;
    box-shadow:0px 8px 15px 0px rgba(0, 0, 0, 0.19);
}
.books-1-txt{
	width:66.67%; padding-left:15px;
}
.books-1-txt > a,
.books-1-desc,
.books-1-info{
	display:block;
	margin-bottom:5px;
	line-height:1.5em;
	overflow:hidden;
}
.books-1-txt > a{
    max-height:3em;
	color:#404040; font-size:1.8rem; font-weight:600;
}
.books-1-txt > a:hover{color:#cc3333;}
.books-1-desc{
    max-height:4.5em;
    color:#808080;
}
.books-1-info{
	max-height:1.5em; margin-bottom:10px;
	color:#b2b2b2;
}
.books-1-info span{margin-right:10px;}
@media (max-width: 767px) {
	.books-1-txt > a {font-size:1.4rem;}
	.books-1-box > li{
		min-height:auto;
	}
}
/*component18 end*/

/*component19*/
.books-2-title {
    width:100%;
    border-top:2px solid #cc3333;
}
.books-2-title > a{
    color:#cc3333; line-height:2em; font-size:2rem; font-weight:600;
}
.books-2-box > li {
	padding:15px 35px 0; padding-left:0;
}
.books-2-box > li > a{box-shadow:0px 8px 15px 0px rgba(0, 0, 0, 0.19);}
.books-2-box a{display:block;}
.books-2-txt{
    padding:.5em; margin-top:.5em;
}
.books-2-txt > a{
	height:3em;
	color:#404040; line-height:1.5em; font-weight:600;
	overflow:hidden;
}
.books-2-txt > a:hover{color:#cc3333;}
@media (max-width: 767px) {
    .books-2-box > li {padding-right:10px;}
	.books-2-txt > a {font-size:1.2rem;}
}
/*component19 end*/

/*component20*/
.books-3-title {
    width:100%; padding-bottom:10px;
    border-bottom:2px solid #cc3333;
    text-align:center;
}
.books-3-title > a{
    color:#cc3333; line-height:2em; font-size:2rem; font-weight:600;
}
.books-3-box li {
    position:relative;
    padding:15px; padding-left:60px;
    border-bottom:1px solid #e0e0e0;
    overflow:hidden;
}
.books-3-box .checked {
    background:#f5f5f5;
    border:1px solid #e0e0e0; border-top:none;
}
.books-3-box li > a:nth-child(2) {display:none;}
.books-3-box .checked > a:nth-child(2) {
    display:block; float:left;
    width:40%; margin-right:15px;
}
.books-3-box li > a:nth-child(3),
.books-3-box li > p {
    max-height:2em;
    line-height:2em;
    overflow:hidden;
}
.books-3-box .checked > a:nth-child(3),
.books-3-box .checked > p {max-height:4em;}
.books-3-box li > a:nth-child(3) {
    display:block;
    font-weight:600;
}
.books-3-info {
    color:#808080; font-size:1.2rem;    
}
.books-3-info > span {margin-right:5px;}
.books-3-index {
    position:absolute; top:0; bottom:0; left:0;
    width:60px;
    text-align:center;
}
.books-3-index > span {
    display:block; position:absolute; top:0; bottom:0;
    width:100%; height:1.5em; margin:auto;
	font-size:3rem; color:#e0e0e0; font-weight:600;
}
.checked .books-3-index > span {color:#cc3333;}
/*component20 end*/