@charset "big5";

body{
	margin:0px;
	padding:0px;
	background: #616161 url(images/bg.jpg) center top fixed;
	font-family:"儷宋 Pro","LiSong Pro","新細明體", "PMingLiU", "細明體", "MingLiU",Verdana, Arial, Helvetica,sans-serif;
}

.basic-font{
	font-size:12pt;
	line-height:1.4em;
	font-weight: bold;
}
.basic-font p{
	padding:0 0 0.6em 0;
	text-indent: 2em;
}
.basic-font p.noindent{
	text-indent: 0em;
}
.basic-font p.largefont{
	font-size: 1.2em;
	font-weight: bolder;
	line-height:1.6em;
}
.basic-font p.smallfont{
	font-size:0.8em;
}

.font-kai{
	font-family:"標楷體", "DFKai-sb","BiauKai";
}

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


.wrapper{
	width: 1000px;
	margin:0 auto;
	
	/*background: #FFFFFF;*/
	
	-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);
}


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

.head{
	background: url(images/head.jpg) no-repeat;
	height: 500px;
	position: relative;
}
.head .pic1{
	position: absolute;
	top:45px;
	left: 290px;
}
.head .pic2{
	position: absolute;
	bottom:-70px;
	right: 90px;;
}

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

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

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;
}

.good img{
	display: block;
}
.good .box{
	position: relative;
}
.box .pic1{
	position: absolute;
	top:0px;
	left:40px;
}
.box .pic2{
	position: absolute;
	top:-40px;
	right:36px;
}

.brief{
	background: url(images/brief.jpg) no-repeat;
	height: 660px;
}
.brief .txtbox{
	width:815px;
	padding-right:1em;
	height:350px;
	overflow: auto;
	margin:0 auto;
	margin-top:100px;
}

.preview img{
	display: block;
}


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

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

.menu ul{
	width: 520px;
	list-style: none;
	margin-left:40px;
	margin-top:2px;
}
.menu ul li{
	display: block;
	float: left;
}
.menu ul li a{
	display: block;
	padding-right:0px;
	padding-left:15px;
	margin-right: 8px;
	font-size: 18px;
	text-decoration: none;
	color: #00561f;
	font-weight: bolder;
	letter-spacing: -1px;
	padding-bottom:8px;
	background: url(images/menu-bg.png) no-repeat left 25%;
}
.menu ul li a:hover{
	color:#953b2a;
	font-weight: bolder;
}

.menu ul li a:last-child{
	padding-right:0px;
}


/********/


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