@import url("reset.css");
/* CSS Document */

body{
	background-color:#a3d193;}
	
a{
	text-decoration:none;}
	
img{ border:none;}

table.mytable{
	display:block;
	border-spacing:5px;
	margin:10px 0 10px 0;
}
table.mytable tr {
padding:5px;
}
table.mytable td {
	padding:5px;
}
	
#content{
	margin: 0 auto;
	width: 1000px;
	background-image:url(../bg.jpg);
	background-color:#d6efcd;
	overflow:hidden;
}
	
	
#content #header{
	width:1000px;
	height:602spx;
	overflow:hidden;}
	
#content .box #nav{
	width:700px;
	height:75px;}
	
#content .box #nav ul{
	list-style:none;
	display:block;}
	
#content .box #nav li{
	float:left;}
	
#content .box #nav li a{
	display:block;
	height:75px;
	background-image:url(../nav.jpg);
	text-indent:-9999px;}
	
#content .box #nav li.b1 a{
	background-position: 0px 0px;
	width: 192px;
}
#content .box #nav li.b2 a{
	background-position: -192px 0px;
	width: 131px;
}
#content .box #nav li.b3 a{
	background-position: -323px 0px;
	width: 119px;
}
#content .box #nav li.b4 a{ background-position:-442px 0px; width:118px;}
#content .box #nav li.b5 a{ background-position:-560px 0px; width:140px;}

	
	

	
#content .box{
	width:1000px;
	margin-bottom:30px;
	moverflow:hidden;}
	
#content .box .inbox{
	width:850px;
	margin:0 0 0 100px;
	overflow:hidden;}	
	
#content .box .inbox2{
	width:575px;
	margin:10px 50px 0 75px;
	overflow:hidden;}		

#content #down{
	width:1000px;
	height:51px;
	}
	
#content #footer{
	clear:both;
	width:1000px;
	margin:0 auto;
	padding:0 0 10px 0;
	background-color: #000;
	overflow:hidden;
	}



/*黑15細-內文*/
	
h1{
	font-family: "微軟正黑體";
	font-size: 15px;
	font-weight: normal;
	line-height: 27px;
	color: #000000;
}
	
/*黑10細-書本資訊*/
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:10px;
	font-weight:normal;
    line-height:24px;
    color:#000000;}
/*黑20細-書名*/
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:20px;
	font-weight:normal;
    line-height:24px;
    color:#000000;}


h4{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:24px;
	text-indent:35px;
    color:#024c97;}
	
/*黑18細-書名*/
h5{
	font-family: "微軟正黑體";
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	color: #000000;
}
	
/*白13細-footer*/	
h6{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟正黑體;
    font-size:13px;
	font-weight:normal;
    line-height:22px;
    color:#fff;
	text-decoration:none;}
	
	
.font01{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:28px;
	font-weight:bold;
    line-height:28px;
    color: #b60005;}
	
.font02{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:20px;
	font-weight:bold;
    line-height:28px;
    color: #b60005;}
	
.font03{
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
	color: #ee5603;
}
	

.font04{
	font-family: Verdana, Arial, Helvetica, sans-serif,新細明體;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	color: #018d97;
}
	
.font05{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:22px;
    color: #2b99ff;
	text-decoration:none;}
	
p{
	display: block;
	padding-left: 10px;
	font-family: "微軟正黑體";
	line-height: 24px;
}
	
.style1 {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}


/*TOP*/
#back-top {
	width:60px;
	height:60px;
	position: fixed;
	bottom: 30px;
	margin:0 5px 10px 0;}



#back-top a {
	width:60px;
	display: block;
	text-align: center;
	font: 10px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #018d97;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #169701;
}

/* arrow icon (span tag) */
#back-top span {
	width:60px;
	height:60px;
	display: block;
	margin-bottom: 7px;
	background: #018d97 url(../up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #169701;
}


.audio-shelf {
    height: 40px;
    width: 80px;
    margin: 0px auto