@charset "UTF-8";
body {
	font-family: 微軟正黑體, "Microsoft JhengHei", sans-serif;
	font-size: 15px;
	line-height: 200%;
	color: #333333;
	padding: 0;
	margin: 0 auto;
	background-color: #FFF45C;
	text-align: left;
	vertical-align: top;
}
table {
	margin: 0 auto;
}
img {
	border: 0;
}
.header {
	font-family: 微軟正黑體, "Microsoft JhengHei", sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background-color: #FFF45C;
}
.header a {
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-decoration: none;
}
.header a:hover {
	color: #3B5B99;
	text-decoration: underline;
}
#container {
	margin: 0 auto;
	padding: 0;
}
.content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.paper {
	background: url(../images/index_13.png);
	background-position: center top;
	padding-top: 10px;
	padding-bottom: 10px;
}
.article {
	margin: 0 auto;
	padding: 0;
	width: 820px;
}
.article p {
	text-indent: 2em;
}
.books {
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
}
#header {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/bg_01.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height: 830px;
}
#btn {
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/bg_02.gif);
	background-position: center top;
	background-repeat: no-repeat;
	height: 50px;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.6));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.6));
	z-index: 999;
}
.footer {
	font-size: 12px;
	text-align: center;
	color: #333333;
	line-height: 140%;
}
.bookname {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
}
.bookname_ch {
	color: #B30109;
	font-size: 24px;
	font-weight: bold;
}
.bookname_en {
	color: #B30109;
	font-size: 18px;
	font-weight: bold;
}
.bookname_s {
	font-size: 13px;
	line-height: 130%;
	color: #B30109;
	padding: 6px;
}
.booktext {
	font-size: 13px;
	line-height: 130%;
	color: #939393;
	font-weight: normal;
}
.booktext2 {
	font-size: 15px;
	line-height: 130%;
	color: #333333;
	font-weight: normal;
}
.bookprice {
	color: #8D1800;
	font-size: 18px;
	font-weight: normal;
}
.bookprice2 {
	color: #C62117;
	font-size: 21px;
	font-weight: bold;
}
.info {
	font-size: 14px;
	color: #FFFFFF;
	line-height: 130%;
	padding: 10px 0;
	background-color: #000;
}
a.btn_car, a.btn_club, a.best_part_new, a.best_part {
	border-radius: 21px;
	display: block;
	width: 80%;
	padding: 1px 0;
	margin: 5px auto;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 32px;
}
a.btn_car:hover {
	color: #FFF000;
}
a.btn_club:hover {
	color: #FFF000;
}
a.btn_car {
	color: #FFF;
	background-color: #B60003;
}
a.btn_club {
	color: #FFF;
	background-color: #0098DD;
}
a.best_part_new {
	color: #000;
	background-color: #FFF000;
	font-size: 18px;
	padding: 4px 8px;
}
a.best_part {
	color: #000;
	background-color: #FFD12C;
	font-size: 18px;
	padding: 4px 8px;
}
a.best_part_new:hover {
	color: #6A0001;
}
a.best_part:hover {
	color: #6A0001;
}
#head {
	position: absolute;
	top: 145px;
	left: 73px;
}
#open {
	padding-left: 36px;
	margin-bottom: 40px;
}
#booksnote {
	padding-left: 85px;
}
#diary .bookborder {
	height: 240px;
	width: 160px;
	margin: 20px auto;
	border: solid 3px #FFFFFF;
	-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
}
#character_title {
	margin: 60px auto 40px 60px;
}
.charactername {
	color: #AA8B00;
	font-size: 24px;
	font-weight: bold;
}
#character .picborder {
	height: 160px;
	width: 160px;
	margin: 20px auto;
	-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
}
#pic {
	margin-top: 60px;
	margin-left: 60px;
}
#diary_title {
	margin-top: 60px;
	margin-left: 60px;
}
#diary .bookborder2 {
	height: 180px;
	width: 124px;
	margin: 20px auto;
	border: solid 3px #FFFFFF;
	-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
}
#newbook {
	margin-top: 60px;
}
#editor {
	text-align: center;
	margin-bottom: 30px;
}
#mom {
	text-align: center;
	margin-bottom: 30px;
}

#best {
	text-align: center;
	margin-bottom: 30px;
}

#learn {
	text-align: center;
	margin-bottom: 30px;
}

#more {
	text-align: center;
	margin-bottom: 30px;
}
.scrollContent {
	height: 640px;
	overflow: scroll;
	overflow-x: hidden;
	padding-right: 6px;
}

.scrollContent2 {
	height: 480px;
	overflow: scroll;
	overflow-x: hidden;
	padding-right: 6px;
}
.scrollup {
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 25px;
	right: 15px;
	display: none;
	text-indent: -9999px;
	background: url(../images/top.png) no-repeat;
	z-index: 9999;
}
.highlight {
	font-size: 18px;
	font-weight: bold;
	color: #B30109;
}
.highlight2 {
	font-size: 20px;
	line-height: 200%;
	font-weight: bold;
	color: #000000;
}
.highlight3 {
	font-size: 18px;
	font-weight: bold;
}
.best_block_content {
	background-color: #FFC169;
	width: 810px;
	display: inline-block;
	position: relative;
	min-height: 140px;
	padding: 3px;
}
.best_block_content:after {
	content: " ";
	position: absolute;
	height: 27px;
	width: 100%;
	bottom: -25px;
	left: 0;
	right: 0;
	background: url(../images/tearblack2.png) bottom center repeat-x;
}
.best_block_content2 {
	background-color: #A3FECE;
	width: 810px;
	display: inline-block;
	position: relative;
	min-height: 140px;
	padding: 3px;
}
.best_block_content2:after {
	content: " ";
	position: absolute;
	height: 27px;
	width: 100%;
	bottom: -25px;
	left: 0;
	right: 0;
	background: url(../images/tearblack3.png) bottom center repeat-x;
}
.bestname {
	font-size: 21px;
	font-weight: bold;
	color: #000;
	text-align: center;
	line-height: 280%;
}
.bestname2 {
	font-size: 15px;
	color: #888888;
	font-weight: normal;
}
.bestcontent {
	background-color: #ffffff;
	padding: 16px;
}
.books_block_content {
	background-color: #000;
	width: 260px;
	display: inline-block;
	position: relative;
	min-height: 140px;
	margin: 0 10px 60px 10px;
	padding: 3px;
}
.books_block_content:after {
	content: " ";
	position: absolute;
	height: 27px;
	width: 100%;
	bottom: -25px;
	left: 0;
	right: 0;
	background: url(../images/tearblack.png) bottom center repeat-x;
}
.piccenter {
	text-align: center;
	margin-top: 40px;
}
.bookpic {
	height: 260px;
	background-color: #FFFFFF;
	border-bottom: solid 3px #000;
}
.bookbuy {
	background-color: #FFFFFF;
	padding: 20px 0;
}
.flipx {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	/*IE*/
	filter: FlipH;
}
.bg1 {
	background-image: url(../images/bg_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
.bg2 {
	background-image: url(../images/bg2_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
.bg3 {
	background-image: url(../images/bg3_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
.bg4 {
	background-image: url(../images/bg4_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
.bg5 {
	background-image: url(../images/bg5_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
.bg6 {
	background-image: url(../images/bg6_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
.bg7 {
	background-image: url(../images/bg7_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
.bg8 {
	background-image: url(../images/bg8_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
.bg9 {
	background-image: url(../images/bg9_03.gif);
	background-position: center top;
	background-attachment: fixed;
}
#best03 {
	position: absolute;
	top: 12px;
	left: 34px;
}
#best02 {
	position: absolute;
	top: 12px;
	left: 180px;
}

#best11 {
	position: absolute;
	top: 12px;
	left: 326px;
}