@charset "UTF-8";
/* CSS Document */

body {
	margin: 0 ;
	background-color: #000000 ;
}

#container {
  width: 90%;
  padding-top: 33%;
	background: url(../img/books/bg_title.jpg) no-repeat 0 0 ;
	background-size: 100%;
	margin: 0 auto ;
}

.listtable {
  width:48%;
  float: left;
  margin: 1%;
}
@media screen and (max-width: 767px) {
.listtable {
  width:100%;
  margin:0;
  float:both;
}
}

.listtable th {
	text-align: center ;
	color: #FFF ;
	font-size: 16px ;
	font-weight: bold ;
	border: 1px solid #FFF ;
}

.listtable_td {
	width: 50%;
	padding: 1% ;
	margin: 0 ;
	border: 1px solid #FFF ;
	vertical-align: top ;
}

ul,li {
	list-style-type: none ;
	list-style: none ;
	color: #FFF ;
	font-size: 11px ;
	margin: 0 ;
}

.booklist {
	display: block ;
	margin: 0 ;
	padding: 0 ;
	clear: both ;

}

.book {
	display: block ;
	width: 100%;
	clear: both ;
	text-align: left ;
	padding: 0 ;
	margin : 0 ;
}

.book:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}

.book em {
	display: block ;
	width: 60%;
	float: left ;
	font-style: normal ;
	padding: 0 ;
	margin: 0 auto ;
}

.number {
	display: block ;
	width: 40%;
	float: right ;
	text-align: right ;
	padding: 0;
}