@charset "big5";
/* CSS Document */

/*共用*/
img {
	display: block;
}
ol, ul {
	list-style: none;
}
body {
	margin: 0;
	font-family: Microsoft Jhenghei, Helvetica, Arial, Geneva, sans-serif, Helvetica Neue;
	background-color: #FFD800;
}

/*本專輯樣式*/
.wapper {
	padding-bottom:80px;
}
.bg1 {
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.bg2 {
	background-image: url(../images/bg2.jpg);
}
.bg_footer {
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	height:160px;
}
.title {
	background-image: url(../images/title.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height:610px;
	background-position: top center;
}
.box_preview {
	width: 1000px;
	height: 700px;
	overflow: hidden;
	margin: 30px auto;
	background-color: #FFF;
	border: 1px solid #CCC;
	box-shadow: 0px 6px 6px 0px rgba(20%, 20%, 40%, 0.2);
}
.box_preview img {
	width:900px;
}
.btnL {
	float:left;
	margin:325px 0 0 20px;
}
.btnR {
	float:right;
	margin:325px 20px 0 0;
}
.menubar {
	width: 100%;
	height: 80px;
	position: fixed;
	bottom: 0px;
	background-image: url(../images/bg3.png);
	background-repeat: repeat-x;
	z-index: 999;	/*box-shadow: -4px -4px 3px rgba(10%,10%,40%,0.1);*/
}
.menubar ul {
	width:700px;
	margin:auto;
}
.menubar li {
	float:left;
	margin-left:30px;
	line-height:80px;
}
.menubar li a:link {
	font-size: 15pt;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #000;
}
.menubar li a:visited {
	color: #000;
}
.box_menu {
	width: 1230px;
	margin: auto;
	margin-bottom:221px;
}
.box_menu img{
	float: left;
}
.box_menu2 {
	position: absolute;
	top: 38px;
}
.box_booklist {
	width:1200px;
	margin:auto;
	margin-bottom:20px;
}
.box_booklist2 {
	width: 1000px;
	margin: auto;
	padding-left:100px;
	padding-bottom:50px;
}
.box_content1 {
	width: 1000px;
	margin: auto;
	font-size: 13pt;
	line-height: 22pt;
}
.box_content1 img{
	float:left;
	margin:0 50px 50px 0;
}
.box_content2 {
	width: 1000px;
	margin: auto;
	font-size: 13pt;
	line-height: 22pt;
}
.box_book1 {
	float: left;
	position: absolute;
	z-index: 888;
	top: 580px;
	margin: auto;
	width: 1200px;
}
.box_book2 {
	float: left;
	position: absolute;
	z-index: 888;
	top: 580px;
	margin: auto;
	width: 1200px;
}
.box_book3 {
	float: left;
	position: absolute;
	z-index: 888;
	top: 580px;
	margin: auto;
	width: 1200px;
}
.box_book4 {
	float: left;
	position: absolute;
	z-index: 888;
	top: 540px;
	margin: auto;
	width: 1200px;
}
.box_book4 img {
	float:right;
	margin-right:100px;
}
.box_book_img {
	float:right;
	margin-right:20px;
}

/*topbar*/
.topbarPic {
	vertical-align: middle;
}
.topbarW {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 35px;
}
.gridTop {
	vertical-align: top;
}
.topLink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
.topLink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
.topLink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
.topLink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

/*版權css*/
.bottom {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #f8881a;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.bottom a:link {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #f8881a;
	text-decoration: none;
}
.bottom a:hover {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #f8881a;
	text-decoration: underline;
}
.bottom a:visited {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #f8881a;
	text-decoration: none;
}
.footer01 {
	font-size: 13px;
	font-weight: bold;
	color: #bb4c05;
	text-align: center;
	padding: 20px 0 10px 0;
}
.footer02 {
	font-size: 13px;
	text-align: center;
	color: #000;
	line-height: 24px;
}
.footer02 a:link {
	font-size: 13px;
	text-align: center;
	color: #000;
	text-decoration: none;
}
.footer02 a:hover {
	font-size: 13px;
	text-align: center;
	color: #000;
	text-decoration: underline;
}
.footer02 a:visited {
	font-size: 13px;
	text-align: center;
	color: #000;
	text-decoration: none;
}