@charset "utf-8";
/* CSS Document */
/* 覆蓋mobile2-main.css 的共用設定*/

/* 覆蓋mobile2-main.css 的共用設定 End*/

/*本頁CSS 開始*/
#pageBody{
	padding:6.25% 6.25%;
	background:#eeeeee;
	
}
#pageBody{

}
#typeNav{
	padding:0 6.25%;
	/* height:2em; edit by derek*/
	background-color:#8bc31c;
	width:100%;
	box-sizing:border-box;/* edit by derek*/
}
#typeNav div{
	padding-left:0%;/* edit by derek*/
	width:100%;
	overflow:auto;
	white-space:nowrap;
	padding:0;
	/* height:100%; edit by derek*/
}
#typeNav .disableTouch{
	overflow:hidden;
}
#typeNav .byTouch{
	overflow:auto;
}
#typeNav ul{
	display:table;/* edit by derek*/
	width:100%;/* edit by derek*/
	white-space:nowrap;/* edit by derek*/
}
#typeNav ul li{
	display:table-cell;/* edit by derek*/
	word-spacing: -1;
	white-space:nowrap;/* edit by derek*/
	overflow:hidden;/* edit by derek*/
	padding-top:0.55em;/* edit by derek*/
	padding-bottom:0.55em;/* edit by derek*/
	margin-bottom:0;
	/*margin:0 2em;*/
}
#typeNav li.current{
	background:#517013;
}
#typeNav a{
	display:block;
	padding:0 0.5em;
	text-align:center;
	font-size:100%;
	/*font-size:1.0em; edit by derek*/
	font-weight:bold;
	/*font-weight:bolder; edit by derek*/
	line-height:2em;
	height:100%;
	color:#FFF;
	
}


#prodlist li{
	margin-bottom:1.3em;
	display:table;/* edit by derek*/
	width:100%;/* edit by derek*/
}
/* edit by derek
#prodlist .bookcover,
#prodlist .bookdata{
	box-sizing:border-box;
	display: table-cell;
	width:50%;
}
#prodlist a{
	display:block;	
	box-sizing:border-box;
}
#prodlist .bookcover img{
	border:1px #CCC solid;
}
#prodlist .bookdata{
	vertical-align:top;
	padding:0.8em;
	background-color:#f7f7f7;
	border-bottom:1px #CCC solid;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;

}
#prodlist .bookdata p{
	font-size:0.9em;
	line-height:120%;
}
#prodlist .bookdata article{
	margin-top:0.5em;
	font-size:0.9em;
	line-height:120%;
	color:#7e7e7e;
}*/

/* edit new styles by derek*/
#prodlist .prods{
	width:100%;
	border:none;
	border-collapse:collapse;
}
#prodlist .prods td{
	box-sizing:border-box;
	width:50%;
	border:1px #CCC solid;
}
#prodlist .prods td img{
	border:none;
}
#prodlist .prods .bookcover{
	text-align:center;
	vertical-align:middle;
}
#prodlist .prods .bookdata{
	vertical-align:top;
	padding:0.8em;
	background-color:#f7f7f7;
}
#prodlist .prods .bookdata p{
	font-size:0.9em;
	line-height:120%;
}
#prodlist .prods .bookdata article{
	margin-top:0.5em;
	font-size:0.9em;
	line-height:150%;
	color:#7e7e7e;
}
#prodlist .prods .bookdata article p a{
	display:inline;
}
#prodlist .prods .bookdata article p{
	line-height:150%;
	margin-bottom:3%;
}
#prodlist .prods .bookdata dl{
	margin-top:3%;
}
#prodlist .prods .bookdata dt,
#prodlist .prods .bookdata dd,
#prodlist .prods .bookdata dd p,
#prodlist .prods .bookdata dd span{
	font-size:0.9em;
	line-height:180%;
	color:#333;
}
#prodlist .prods .bookdata dt{
	color:#a98a59;
}
#prodlist .prods .bookdata dd{}
#prodlist h2{
	/** add by derek 20160113*/
	font-size:130%;
	font-weight:bold;
	color:#8bc31c;
	padding-top:1em;
	padding-bottom:0.5em;
	margin-bottom:7%;
	border-bottom:#959595 solid thin;
}
#prodlist h2:first-child{
	padding-top:0.25em;
}