@charset "utf-8";
/*-----------------------------------------------
Name:     2010捷安特電子書-電子書本頁-css
Designer: Tina
Date:     2009-12-30
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html,body,p,div,img,h1,h2,h3,h4,h5,h6,li,ul,ol,dl,dd,dt,form,table,td,tr {
  margin:0;  
  padding:0;  
  border:0;  
  border-collapse:separate;  
  border-spacing:0;
  font-weight:normal;
}

body { 
    font: 11px Helvetica, Arial, sans-serif;
	background: url(../images/bg.jpg) repeat-x #3a3a3a;
    position: relative;
	color:#ccc;

}
a {
	color: #999;
	text-decoration: none;
}

a:hover {
color: #ffffff;
}
ol, ul {	list-style: none;}


/*----------------------------------------------- */

#wrapper {
    width:100%;
    margin:0 auto;
}


#intro {
    padding: 15px 0 10px;
	width:75%;
	float:left;
	text-align:center;
}

#slider {
    width: 220px;
    margin: 0 auto;
	padding-bottom:10px;
	float:right;
	text-align:center;
	background:url(../images/bg_leftpage.jpg) repeat-x 0 43px #222222;
}
	#slider h2 {
	background:url(../images/bg_lefttitlebg.jpg) repeat-x;
	line-height:43px;
	color:#fff;
	font-size:130%;
	text-align:left;
	padding-left:20px;
	margin-bottom:10px;
	}

	.scrollButtons {
		cursor: pointer;
	}
	
	.listpage {
	border:#222222 0px solid;	
	/*margin:8px ;*/
	}
	.listpage h5{
	color:#ccc;
	font-size:11px;
	line-height:180%;
	}
	.listpage a{
	border-bottom:none;
	}
	.listpage a:hover{
	border-bottom:none;
	}
	.listpage a:hover img{
	border:#00a8ff 0px solid;
	}
	.listpage a.pageon img{
	/*border:#00a8ff 2px solid;*/
	
	}
	.listpage img{
	border:#222222 0px solid;
	
	}

/*----------------------------------------------- */

#scrollContainer{
/*width:85%;*/
text-align:center;
}

	#scrollContainer span{
	float:left;
	}
	#scrollContainer img{
	vertical-align:middle;
	}
	#scrollContainer form{
float:left;
	display:inline;
	font-size:140%;
	line-height:140%;
	}
	#scrollContainer form input{
	border:none;
	background:url(../images/input_bg.jpg) no-repeat #fff;
	vertical-align:middle;
	width:35px;
	line-height:25px;
	height:25px;
	}
	.q111{
float:left;
	display:inline;
	margin-left:35px;
}	
	.qlink{
float:left;
	display:inline;
	margin-left:20px;
}

	.qlink img{
	margin:0 3px;
	}
	
	
	
	
/*----------------------------------------------- */
.print{
float:left;
	display:inline;
	position:relative;
}
.printclub{
position:absolute;
z-index:1000;
top:-160px;
right:-43px;
width:205px;
height:156px;
background:url(../images/printclub_bg.gif) no-repeat;
filter: alpha(opacity=95,finishopacity=95,style=1);
-moz-opacity:0.95;
}

.pageclick{
margin:25px 2px 25px 27px;
}
.pageclick a{
display:block;
width:68px;
height:20px;
padding-top:70px;
float:left;
margin-right:10px;
}
.pageclick a:hover{
background-position:0 -90px;
}
.pageclick .left{
background:url(../images/printclub_leftbg.gif) no-repeat 0 0;
}
.pageclick .right{
background:url(../images/printclub_rightbg.gif) no-repeat 0 0;
}


/*----------------------------------------------- */
.area_zoon{
width:140px;
height:46px;
background:url(../images/btn_zoon_bg.gif) no-repeat;
filter: alpha(opacity=85,finishopacity=85,style=1);
-moz-opacity:0.85;
text-align:center;
position:absolute;
z-index:9999;
}
.area_zoon img{
margin:3px 0;
}


.png24 {tmp:expression(setPng24(this));}