@charset "utf-8";
/* CSS Document */
@import url("header.css");
@import url("footer.css");
@import url("reset.css");

body{
	font-size:13px;
	color:#333;
	margin:0;
	padding:0;
	line-height:2em;
}
#wrap{
	width:950px;
	margin:0 auto;
	padding:0;
}

/*-------------------------conetent------------------------*/
#content{
	width:950px;
	min-height:1000px;
	overflow:auto;
	/*background-color:#ededed;*/
	margin:0;
	padding:40px 0;
	position:relative;
}
#btns{
	margin:0 33px;
	padding:0;
	width:880px;
}
ul.tabs{
	margin:0;
	padding:0;
}
ul.tabs li a{
	float:left;
	padding:15px 0;
	width:205px;
	height:25px;
	font-size:30px;
	font-family:"微軟正黑體", "Helvetica 65 Medium", arial;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	text-decoration:none;
}

#btn1.active a{
	background-color:#ec7398;
	color:#fff;
	margin:7px 7px 0;
}
#btn1 a{
	background-color:#f7c3c8;
	color:#333;
	margin:0 7px;
}

/*#btn1 a:hover{
	background-color:#ca5579;
}*/
#btn2.active a{
	background-color:#ddbe5f;
	color:#fff;
	margin:7px 7px 0;	
}
#btn2 a{
	background-color:#ebddb1;
	color:#333;
	margin:0 7px;
}
/*#btn2:hover{
	background-color:#bea24b;
	cursor:pointer;
}*/
#btn3.active a{
	background-color:#528dde;
	color:#fff;
	margin:7px 7px 0;
}
#btn3 a{
	background-color:#bdd2ee;
	color:#333;
	margin:0 7px;
}
#btn4.active a{
	background-color:#a2d070;
	color:#fff;
	margin:7px 7px 0;
}
#btn4 a{
	background-color:#cbdeb7;
	color:#333;
	margin:0 7px;
}
.tab_container{
	clear:both;
	margin:0 40px;
	padding:0;
	width:870px;
	min-height:900px;
	overflow:auto;
}
.tab_content1{
	background-color:#fedfe9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:850px;
	min-height:720px;
	overflow:auto;
	margin:20px 0 0;
	padding:30px 8px;
}
.tab_content2{
	background-color:#ebddb1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:850px;
	min-height:720px;
	overflow:auto;
	margin:20px 0 0;
	padding:30px 8px;
}
.tab_content3{
	background-color:#bdd2ee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:850px;
	min-height:720px;
	overflow:auto;
	margin:20px 0 0;
	padding:30px 8px;
}
.tab_content4{
	background-color:#cbdeb7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:850px;
	min-height:720px;
	overflow:auto;
	margin:20px 0 0;
	padding:30px 8px;
}
.books_group{
	clear:both;
	margin:0 7px;
	padding:0;
}
dl.books a,a:visited{
	float:left;
	margin:10px 7px 10px;
	padding:15px;
	background-color:#ededed;
	width:154px;
	height:387px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;
	display:block;
	color:#333;
	border:#e2e2e2 solid 5px;
}
dl.books a:hover{
	border:#FFF solid 5px;
	text-decoration:none;
}
dl.books dt{
	margin:0 0 8px 0;
	padding:0;
	width:160px;
	height:217px;
}
h5{
	font-size:15px;
	margin:0 0 8px 0;
	padding:0;
	font-weight:bold;	
}
hr{
	background-image:url(../img/books_line.png);
	background-repeat:no-repeat;
	width:160px;
	height:2px;
	margin:0;
	padding:0;
	border:none;
}
dl.books dd.words{
	margin:8px 0;
	font-size:13px;
	padding:0;
	line-height:1.5em;
}
dl.books dd.words p{
	margin:3px 0 0 0;
	padding:0;
	font-size:15px;
}
#price{
	color:#ec0000;
	font-weight:bold;
}
.icons{
	margin:10px 0;
	padding:0;
}
.icons img{
	margin:0 10px 0 0;
	padding:0;
	float:left;
}