@charset "UTF-8";
/* CSS Document */
body {
	color: #FFF;
	font-weight: 600;
	background-color:#009AA7;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#bg01 {
	background-image: url(../img/weav.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0;
}
#bg02 {
	background-image: url(../img/fish.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding: 0;
}
#book_banner {
	width: 1000px;
	margin: 0 auto;
}
#book_header {
	width: 1000px;
	height: 628px;
	margin: 60xp auto 0 auto;
	background-image: url(../img/header.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.bookinfo_p1 {
	font-size: 16px;
	color: #8e0000;
}
.bookinfo_p2 {
	font-size: 18px;
	color: #ff0000;
}
.bookinfo_p3 {
	font-size: 22px;
	color: #ff0000;
}
#about {
	margin: 0 auto;
}
.about_content {
	text-align: justify;
	overflow-x: hidden;
	line-height: 160%;
}
#read {
	margin: 0 auto;
}
.read_content {
	padding-right: 6px;
	height: 500px;
	text-align: justify;
	overflow-x: hidden;
}
.author_name {
	margin-top: 20px;
	font-size: 20px;
	color: #fff000;
	font-weight: 900;
}
.author_name_en {
	font-size: 16px;
	color: #FF9;
	font-weight: 400;
}
#self .self_title {
	font-size: 20px;
	color: #FFCBB3;
	font-weight: 900;
}
#guide {
	margin: 0 auto;
}
#guide_start {
	margin-top: 20px;
}
.guide_title {
	font-size: 27px;
	color: #ffde00;
	font-weight: 700;
	text-align: center;
}
.guide_author {
	font-size: 16px;
	color: #FF9;
	font-weight: 400;
}
.guide_content {
	padding-right: 6px;
	height: 500px;
	text-align: justify;
	overflow-x: hidden;
}
#guide .guide_hightligh {
	font-family: "標楷體", "微軟正黑體", sans-serif;
	font-size: 17px;
	color: #FFF000;
	font-weight: 400;
}
#best {
	margin: 0 auto;
}
#best p {
	font-size: 17px;
}
.best_content {
	text-align: justify;
	overflow-x: hidden;
	color: #FF9;
}
#best .best_source {
	font-size: 16px;
	color: #1e3e77;
	font-style: italic;
}
.relativePosition {
	position: relative;
}
.absolutePosition {
	position: absolute;
}
#buy {
	width: 240px;
	height: 140px;
	top: 476px;
	left: 70px;
	text-align: center;
}
.source {
	margin-top: 20px;
	font-family: "標楷體", "微軟正黑體", sans-serif;
	font-size: 20px;
	color: #FFCBB3;
	font-weight: 400;
}
 @media(max-width:768px) {
#book_banner {
	width: 768px;
	height: 600px;
	overflow: hidden;
}
#book_header {
	width: 768px;
	height: 500px;
	margin: 60px auto 0 auto;
	background-image: url(../img/header_02.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#buy {
	width: 240px;
	height: 140px;
	top: 460px;
	left: 40px;
	text-align: center;
}
#pic {
	width: 660px;
	height: auto;
}
}
 @media(max-width:480px) {
#book_banner {
	width: 480px;
	height: 960px;
	overflow: hidden;
}
#book_header {
	width: 480px;
	height: 898px;
	margin: 60px auto 0 auto;
	background-image: url(../img/header_03.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#buy {
	width: 240px;
	height: 140px;
	top: 840px;
	left: 120px;
	text-align: center;
}
#pic {
	width: 420px;
	height: auto;
}
h2 {
	font-size: 14px;
}
h4 {
	font-size: 15px;
}
.guide_title {
	font-size: 24px;
	color: #ffde00;
	font-weight: 700;
	text-align: center;
}
.source {
	font-size: 16px;
}
}
 @media(max-width:320px) {
#book_banner {
	width: 320px;
	height: 960px;
	overflow: hidden;
}
#book_header {
	width: 320px;
	height: 898px;
	margin: 60px auto 0 auto;
	background-image: url(../img/header_03.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#buy {
	width: 240px;
	height: 140px;
	top: 840px;
	left: 40px;
	text-align: center;
}
#pic {
	width: 300px;
	height: auto;
}
#title_01 {
	width: 320px;
	height: auto;
}
#title_02 {
	width: 320px;
	height: auto;
}
#title_03 {
	width: 320px;
	height: auto;
}
#title_04 {
	width: 320px;
	height: auto;
}
#title_05 {
	width: 320px;
	height: auto;
}
}