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

body {font-family: Helvetica, Arial, "LiHei Pro", 新細明體, PMingLiU, sans-serif;text-align: center;background-color: #0F0F0F;font-size:1.25em;}
#wrapper{position:relative;width:960px;padding:0 20px;margin:0 auto;background-color:#FFF;}

/*****主區塊*****/
#content{
	position:relative;
	background:url(../img/bg.jpg) center top no-repeat;
	width:960px;
	height:1140px;
}
#video{
	position:absolute;
	background-color:#fff;
	left:10px;
	top:430px;
	padding:10px 10px 5px 10px;
}
#content article p{
	color: #e6e6e6;
	font-size: 0.75em;
	line-height: 1.6;
	text-align: left;
	letter-spacing: 0.2em;
}
#content article.area_a{
	position:absolute;
	left:570px;
	top:535px;
}
#content article.area_b{
	position:absolute;
	left:90px;
	top:830px;
}
#content .main-book{
	position:absolute;
	width:260px;
	height:350px;
	right:90px;
	top:745px;
	z-index:999;
}
#content .main{
	position:absolute;
	width:500px;
	height:125px;
	left:90px;
	bottom:10px;
}
#content .main-button a{
	position:absolute;
	width:220px;
	height:35px;
	background-color:#962805;
	color:#fff;
	line-height:35px;
	font-size:0.75em;
	left:370px;
	bottom:37px;
	border-radius:5px;
}
#content .main-button a:hover{background-color:#000;}

section{position:relative;padding:20px 0;overflow:hidden;}
.clearfix::after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}

/*****試閱*****/
.area_01{
	width:900px;
	height:375px;
	padding:20px;
	background-color:#323232;
	text-align:left;
	margin:0 auto;
}
.area_01 article{
	display:block;
	height:100%;
	overflow:auto;
	margin:0 auto;
	line-height:1.55;
}
.area_01 article ul{}
.area_01 article ul li{
	display:block;
	float:left;
	width:420px;
	padding-right:20px;
}
.area_01 article .title{
	color:#fff;
	font-size:0.85em;
	font-weight:bold;
	margin-bottom:15px;
}
.area_01 article p{
	color:#eee;
	font-size:0.75em;
	letter-spacing: 0.2em;
}

/*****延伸閱讀*****/
.area_02{}
.area_02 title{
	display:block;
	background:url(../img/title.gif) left top no-repeat;
	width:100%;
	height:33px;
	text-indent:-9999px;
	margin:20px 10px;
}

.area_02 ul{}
.area_02 ul li{
	display:block;
	float:left;
	width:140px;
	margin:0 10px;
	text-align:left;
	line-height:1.6;
	font-weight:bold;
}
.book_name{
	padding:0 2px;
	font-size:0.8em;
	color:#000;
}
.book_price{
	padding:0 2px;
	font-size:0.75em;
	color:#962805;
}
.button_buy a{
	display:block;
	border:solid 1px #ccc;
	width:140px;
	height:25px;
	font-size:0.65em;
	color:#000;
	text-align:center;
	line-height:25px;
	font-weight:normal;
	margin-top:5px;
}
.button_buy a:hover{background-color:#000;color:#fff;}

/*****頁尾*****/
footer{
	position:relative;
	width:940px;
	padding:20px 10px;
	background-color:#f94141;
	text-align:center;
}
footer p{
	color:#afafaf;
	font-size:0.6em;
}
footer img{
	display:inline-block;
}