body{
	margin:0px;
	padding:0px;
	background: #2e2e2e url(images/bg.png);
	font-family:"儷宋 Pro","LiSong Pro","新細明體", "PMingLiU", "細明體", "MingLiU",Verdana, Arial, Helvetica,sans-serif;
}
.basic-font{
	font-size:12pt;
	line-height:1.5em;
}
.basic-font p{
	padding:0 0 0.6em 0;
	text-indent: 2em;
}
.basic-font p.noindent{
	text-indent: 0em;
}
.basic-font p.smallfont{
	font-size:0.8em;
}

.font-ming{
	font-family:"微軟正黑體","Microsoft JhengHei","儷黑 Pro","LiHei Pro Medium",Verdana, Arial, Helvetica,sans-serif;
}


.wrapper{
	width: 1000px;
	margin:0 auto;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.55);
}

a.shopcart{
	display:block;
	width:160px;
	height:30px;
	text-align: center;
	text-decoration: none;
	background: #861439;
	color:#FFFFFF;
	font-size: 13px;
	margin-top:12px;
	line-height: 30px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;
}

a.shopcart:hover{
	background: #000000;
}

/***************/

.head{
	height: 600px;
}

.intro{
	background: url(images/intro.jpg) no-repeat;
	position: relative;
	height: 785px;
}

.intro .txt{
	position: absolute;
	top:280px;
	left: 100px;
	width: 450px;
}

.intro .book{
	position: absolute;
	left:630px;
	top:80px;
	line-height: 1.8em;
}
.intro .book p{
	padding-left:10px;
}

.author{
	background: url(images/author.jpg) no-repeat;
	position: relative;
	height: 365px;
}
.author .txt{
	position: absolute;
	left: 389px;
	top:206px;
	width: 505px;
}
.good{
	background: url(images/good.jpg) no-repeat;
	position: relative;
	height: 590px;
}
.good .txt{
	width: 800px;
	position: absolute;
	top:120px;
	left: 100px;
	height: 380px;
	overflow: auto;
	padding-right:1em;
}
.good .txt p{
	text-indent: 0em;
}
.good .txt h3{
	padding: 0px;
	margin: 0px;
	font-weight: bolder;
	font-family:"微軟正黑體","Microsoft JhengHei","儷黑 Pro","LiHei Pro Medium",Verdana, Arial, Helvetica,sans-serif;
}
.good .txt h4{
	padding: 0px;
	margin: 0px;
	font-weight: bolder;
}

.preview1{
	background: url(images/preview1.jpg) no-repeat;
	height: 805px;
	position: relative;
}
.preview1 .txt{
	position: absolute;
	top:360px;
	left: 100px;
	width: 800px;
	padding-right: 1em;
	height: 400px;
	overflow: auto;
}
.preview2{
	background: url(images/preview2.jpg) no-repeat;
	height: 585px;
	position: relative;
}
.preview2 .txt{
	position: absolute;
	top:215px;
	left: 100px;
	width: 800px;
	padding-right: 1em;
	height: 300px;
	overflow: auto;
}
.preview2 .txt h4{
	color: #e83617;
	font-weight: bolder;
	font-family:"微軟正黑體","Microsoft JhengHei","儷黑 Pro","LiHei Pro Medium",Verdana, Arial, Helvetica,sans-serif;
}

.event{
	position: relative;
}

.event img{
	display: block;
	z-index: 1;
}
.event .link1{
	display: block;
	/*border:1px solid #FFFFFF;*/
	position: absolute;
	width: 180px;
	height: 20px;
	left:765px;
	top:525px;
	text-indent: -9999px;
}
.event .link2{
	display: block;
	/*border:1px solid #FFFFFF;*/
	position: absolute;
	width: 140px;
	height: 20px;
	left:765px;
	top:860px;
	text-indent: -9999px;
}


/***************/

.menu{
	height: 60px;
	background: url(images/menu.jpg);
}

.menu ul{
	list-style: none;
}
.menu ul li{
	display: block;
	float: left;
}
.menu ul li a{
	display: block;
	background: url(images/menu.png);
	text-indent: -9999px;
	height: 21px;
	margin-right: 22px;
}

.menu ul li a.menu1{
	width: 110px;
}
.menu ul li a.menu1:hover{
	background-position: 0px -21px;
	background-position-y: -21px;
}
.menu ul li a.menu2{
	width: 107px;
	background-position: -110px 0px;
	background-position-x: -110px;
}
.menu ul li a.menu2:hover{
	background-position: -110px -21px;
	background-position-y: -21px;
}
.menu ul li a.menu3{
	width: 129px;
	background-position: -217px 0px;
	background-position-x: -217px;
}
.menu ul li a.menu3:hover{
	background-position: -217px -21px;
	background-position-y: -21px;
}
.menu ul li a.menu4{
	width: 236px;
	background-position: -346px 0px;
	background-position-x: -346px;
}
.menu ul li a.menu4:hover{
	background-position: -346px -21px;
	background-position-y: -21px;
}
.menu ul li a.menu5{
	width: 108px;
	background-position: -582px 0px;
	background-position-x: -582px;
}
.menu ul li a.menu5:hover{
	background-position: -582px -21px;
	background-position-y: -21px;
}
.menu ul li a.menu6{
	width: 106px;
	background-position: -690px 0px;
	background-position-x: -690px;
}
.menu ul li a.menu6:hover{
	background-position: -690px -21px;
	background-position-y: -21px;
}


/********/


#gotop {
	width: 40px;
	height: 40px;
	opacity: 0.8;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: url(images/top.png) no-repeat;
	background-size: contain;
	z-index: 99;
	opacity: 0.5;
}


/********/

.btcf:after {
    content:"";
    display:table;
    clear:both;
}