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

/**
edit by Derek
*/
.clearFloat{
	clear:both;
}
#pageBody{
	/*padding:6.25% 6.25%; 改由各自的元素設定*/
	padding-bottom:7%;
	background:#f7f7f3;
}
.preview .content , .recommand{
	/*灰色背景色段落*/
	padding:6.25% 6.25%;
	background:#f7f7f3;
}
.preview .intro{
	/*白色背景色段落*/
	padding:6.25% 6.25%;
}
.preview{
	
}
.preview .content{
	padding-top:7%;
	padding-left:12.5%;
	padding-right:12.5%;
}
.preview .content .title{
	font-size:110%;
	line-height:1.6;
	font-weight:bold;
	color:#343333;
}
.preview .content .author{
	font-size:90%;
	font-weight:normal;
	line-height:1.6;
	color:#4c4c4c;
	margin-bottom:7%;
}
.preview .info{
	padding-left:8%;
	padding-bottom:7%;
	padding-top:7%;
	margin-bottom:7%;
	font-size:105%;
	font-weight:normal;
	color:#4c4c4c;
	background:#FFF;
	
}
.preview .info dt{
	float:left;
}
.preview .info dd{
	width:auto;
	margin-bottom:5%;
}

.preview .pic , 
.preview .title{
	margin-bottom:3.5%;
}
.preview .pic{
	padding:0 10%;
}
.preview .booking{
	
}
.preview .booking h3{
	font-size:85%;
	text-align:center;
	font-weight:normal;
	color:#a1a39f;
	margin-bottom:7%;
}
.preview .booking p{
	text-align:center;
	margin-bottom:7%;
}
.preview .booking p img{}

.preview .intro{
	padding-top:0;
	background:#FFF;
}
.preview .intro .switch{
	display:block;
}
.preview .intro .switch li{
	float:left;
	width:25%;
}
.preview .intro .switch li a{
	position:relative;
	display:block;
}
.preview .intro .switch li a span{
	position:absolute;
	top:29%;
	left:0;
	right:0;
	text-align:center;
	font-size:85%;
	color:#2c2c2c;
}
.preview .intro .switch .clickStyle{
	color:#fff;
}
.preview .intro .switch .landscapeFix{
	top:30%;
	font-size:120%;
}
.preview .intro .texts{
	margin-top:9%;
}

.preview .intro .arg{
	font-size:90%;
	line-height:1.6;
	color:#535151;
}
.recommand{
}
.recommand h2{
	width:70%;
	margin:0 auto;
	font-size:140%;
	font-weight:bold;
	color:#343333;
	margin-bottom:7%;
	background:#f7f7f7;
}
.recommand .morebooksBasic {
	width:70%;
	margin:0 auto;
	background:#f7f7f7;
}