@charset "utf-8";
@import url("base.css");

#home_works,
#home_books,
#home_about,
#home_blog {
	margin: 0px auto 80px;
}

/* home_works
---------------------------------------------------- */
#home_works li {
	display:block;
	float:left;
	width:24%;
	text-align:center;
	margin-left:1%;
	margin-right:1%;
}
#home_works li.li2 {
	width:24%;
	text-align:left;
	margin-left:0px;
	margin-right:0px;
}
#home_works li.li3 {
	width:24%;
	text-align:right;
	margin-left:0px;
	margin-right:0px;
}
#home_works li img {
	border:1px solid #e7e7e7;
	max-width:228px;
	width:100%;
	height:auto;
}


/* home_books
---------------------------------------------------- */
#home_books li {
	display: block;
	float: left;
	width:32%;
	margin-right:2%;
}
#home_books li.li2 {
	margin-right:0px;
}
#home_books img {
	float: left;
	border: 1px solid #e7e7e7;
	margin: 5px 0px 0px;
}
#home_books dl {
	margin:0px 0px 0px 125px;
}
#home_books dt {
	line-height: 1.8;
	font-weight: 300;
	margin: 0px 0px 15px;
    font-size: 16px;
}
#home_books dd {
	font-size: 13px;
	line-height: 2;
}



/* home_about
---------------------------------------------------- */
#home_about p {
	width:48%;
	float:left;
}
#home_about ul {
	width:47%;
	float:right;
}
#home_about li {
	line-height: 2;
	display: block;
}



/* home_blog
---------------------------------------------------- */
#home_blog li {
	display: block;
	float: left;
	width:32%;
	margin-right:2%;
}
#home_blog li.li2 {
	margin:0px;
}
#home_blog li img {
	float: left;
    border-radius: 50%;
}
#home_blog dl {
	margin:0px 0px 0px 125px;
}
#home_blog dt {
	line-height: 1.8;
	font-weight: 200;
	margin: 0px 0px 5px;
}
#home_blog dd {
	font-size: 13px;
	line-height: 2;
}

@media screen and (max-width: 900px) {
/* home_books
---------------------------------------------------- */
#home_books img {
width:40%;
height:auto;
}
#home_books dl {
	margin:0px;
	width:56%;
	float:right;
}
#home_books dt {
	font-size: 14px;
	line-height:1.6;
	margin: 0px;
}
#home_books dd {
	line-height: 1.8;
}
/* home_blog
---------------------------------------------------- */
#home_blog li img {
width:40%;
height:auto;
}
#home_blog dl {
	margin:0px;
	width:53%;
	float:right;
}
#home_blog dt {
	font-size: 14px;
	line-height: 1.6;
	margin: 0px;
}
#home_blog dd {
	line-height: 1.8;
}

}

@media screen and (max-width: 700px) {
/* home_books
---------------------------------------------------- */
#home_books li {
	float: none;
	width:100%;
	margin-right:0px;
	margin-bottom:10px;
}
#home_books img {
	margin: 0px;
	width:20%;
	height:auto;
}
#home_books dl {
	width:76%;
	line-height:1.8;
}
#home_books dt {
	font-size: 16px;
	margin: 0px 0px 15px;
}
/* home_blog
---------------------------------------------------- */
#home_blog li {
	float: none;
	width:auto;
	margin:0px 0px 10px 0px;
}
#home_blog li img {
	width:20%;
	height:auto;
	box-sizing:border-box;
}
#home_blog dl {
	width:76%;
}
#home_blog dt {

	margin: 0px 0px 8px;
}

}



@media screen and (max-width: 480px) {
#home_works,
#home_books,
#home_about,
#home_blog {
	margin: 0px 15px 20px;
}

/* home_works
---------------------------------------------------- */
#home_works li {
	width:50%;
	margin:0px 0px 20px;
}
#home_works li.li2,
#home_works li:nth-child(4n+3) {
	width:50%;
	text-align:left;
}
#home_works li.li3,
#home_works li:nth-child(4n+2) {
	width:50%;
	text-align:right;
}
#home_works li img {
	width: 94%;
	height:auto;
}



/* home_books
---------------------------------------------------- */
#home_books img {
	width:30%;
	height:auto;
}
#home_books dl {
	width:66%;
}
#home_books dt {
font-size:14px;
}

/* home_about
---------------------------------------------------- */
#home_about p {
	width:auto;
	float:none;
}
#home_about ul {
	width:auto;
	float:none;
	margin:10px 0px;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}
#home_about li {
	line-height: 1.4;
}
#home_about li a {
	font-size: 14px;
	display: block;
	color: #333;
	text-decoration: none;
	text-align: left;
	padding: 13px 20px 13px 10px;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
    position: relative;
}



/* home_blog
---------------------------------------------------- */
#home_blog li img {
	width:30%;
}
#home_blog dl {
	width:66%;
    margin-top: 5px;
}
#home_blog dt {
	font-size:14px;
}

}