*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
p{text-align: center;}
h1{text-align: center; color: #000034;}
h2{text-align: center; color: #000034;}
h3{text-align: center; color: #000034;}
body{font-family: 'Roboto Condensed', sans-serif;}

#wrap{width: 100%; height: 100%}
#title{background-color: #000034; height: 38px; margin-bottom: 25px;}
#title img{padding-top: 10px;}


#container_mbox{width: 100%; background-color: orange;}
#container_mbox > ul.mbox{
	overflow: hidden;
	margin: 0 auto; 
	width: 100%;
	background-color: red;
}
#container_mbox li{
	float: left;
	width: 129px;
	height: 50px;
	background: #ccc;
}

/*--------menu--------*/
#main_menu{
	height: 50px;
	width: 100%;
	background-color: #fff;
	margin-bottom: 20px;
}
#main_menu	> ul{overflow: hidden;}
#main_menu	>	ul > li{
	float: left;
	margin: 0 auto;
	width: 24%;
	height: 50px;
	border: 0.2px solid #ccc;
	background-color: #e8e8eb;
}
#main_menu	>	ul > li > a{
	display: block;
	line-height: 50px;
	text-align: center;
	color: #000034;
	font-weight: bold;
}
#main_menu	>	ul > li > a:hover{
	background: #ccc;
}
#main_menu	>	ul > li > a.active{
	background: #ccc;
}
#main_menu li:nth-child(1){margin-left: 2%; background: #96eadd;}
#main_menu li:nth-child(2){}
#main_menu li:nth-child(3){}
#main_menu li:nth-child(4){}

/*--------book container (list)--------*/
#book_container{
	height: 100%;
	width: 100%;
	background-color: #fff;
}
#book_container > #B01{
	width: 98%;
	margin: 0 auto;
	/*background-color: tomato;*/
}
#book_container > #B01 > .booklist{
	width: 98%;
	margin: 0 auto;
	/*background-color: green;*/
}

#book_container img{width: 183px; height: 270px;}
/*#book_container img{width: 40%; height: 25%;}*/
#book_container ul{overflow: hidden; margin: 0 auto; padding-left: 1%;}
#book_container ul li{float: left; margin: 0 auto; margin-left: 0.5%;}