#pagenavi *{
			float: left;
			padding: 0px 5px;
			vertical-align: middle;
	}
	#pagenavi a{

			text-decoration: none;
			padding: 5px 8px;
	}
	#pagenavi a:hover{
			border: 1px solid #099;
	}
	#pagenavi a:link{
			border: 1px solid #ededed;
	}
	#pagenavi a:visited{
			border: 1px solid #ededed;
	}
	#pagenavi .pageIndex{
			margin: 5px;
			color: #03F;
	}
	#pagenavi .pagelist{
			max-width: 700px;		/* firefox*, safari, opera... etc. */
			width: expression(		/* IE 寬度調整 */
									/* 目前頁碼寬度為 34*/
				((document.getElementById("pagelist").childNodes.length-1)* 34)>700 ? 700 : (document.getElementById("pagelist").childNodes.length-1)*34  +
				"px"
			);  
			text-align: justify; 
	}
	#pagenavi .thispage{

			font-family: Arial, Helvetica, sans-serif;
			font-size: 9pt;
			border: 1px solid #999;
			padding: 5px 8px;			
			color: #099;
	}
	#pagenavi a.next{
			border: 1px solid #0055C7;
			padding: 4px 10px 4px 4px;			
			color: #0055C7;			
			text-align: left;
	}
	#pagenavi a.next:link, a.next:visited{
			background:#FFF url(/TreeMallWeb/images/next.png) no-repeat center right;
	}
	#pagenavi a.next:hover{
			border: 1px solid #F60;
			padding: 4px 10px 4px 4px;
			color: #F60;				
			background:#FFF url(/TreeMallWeb/images/next-hover.png) no-repeat center right;
	}
	
	#pagenavi a.prev{
			border: 1px solid #0055C7;
			padding: 4px 4px 4px 10px;			
			color: #0055C7;			
			text-align: right;
	}
	#pagenavi a.prev:link, a.prev:visited{
			background:#FFF url(/TreeMallWeb/images/prev.png) no-repeat center left;
	}
	#pagenavi a.prev:hover{
			border: 1px solid #F60;
			padding: 4px 4px 4px 10px;
			color: #F60;				
			background:#FFF url(/TreeMallWeb/images/prev-hover.png) no-repeat center left;
	}