@charset "UTF-8";
/* 分頁 */

/*--------------------------------------------------------- Page */
.page {	
	text-align: center;
	margin: 10px 0 10px 0;
	background-color:#EEE;
	padding:2px;
	clear:both;
}
.page a img {
	border: none;
	width: 19px;
	height: 19px;
}
.page ul {
	margin: 5px 0px;
	padding: 0;
	text-align:center;
	list-style-type:none;
}
.page li {
	margin: 0;
	padding: 0 3px 0 3px;
	display: inline;	
	list-style-type:none;
}
.page a {
	text-decoration: underline ;
	padding: 0px 0 0px 0;
	margin:0px;
}
.page a:hover {
	text-decoration: none;
}
.page li.here{ font-weight:bold; color:#C00; padding:2px; background-color:#FFC; border:1px solid #ccc; text-align:center;}
.page em{
	font-weight: bold;
	font-style: normal;
	color: #C60;
}
.page .Select {
	font-weight: bold;
	color: #000000;
}

.condition {
	float:right;
	margin:-30px 20px 0 0;
	background: url(../images/icon031.gif) no-repeat left top;
	padding:0 0 0 20px;
	position: relative;
	z-index:96;

}


/*--------------------------------------page 第二組*/
.page li.first img, .page li.prev img , .page li.next img, .page li.last img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.page li.prevten img, .page li.nextten img{
	width: 45px;
	height: 16px;
	vertical-align: middle;
}

.page li.prev, .page li.next{ background-image:none;margin: 0px; padding:0px;}

.page li.first a:hover, .page li.prev a:hover, .page li.next a:hover, .page li.last a:hover, .page li.prevten a:hover, .page li.nextten a:hover{
	border:none;	
}

.page li.first a {	
	background-image: url(../images/page_first.gif);
	background-repeat: no-repeat;	
}

.page li.prev a {
	background-image: url(../images/page_prev.gif);
	background-repeat: no-repeat;
}

.page li.next a {
	background-image: url(../images/page_next.gif);
	background-repeat: no-repeat;
}
.page li.prevten a {
	background-image: url(../images/page_prevnext.gif);
	background-repeat: no-repeat;
}

.page li.nextten a {
	background-image: url(../images/page_nextten.gif);
	background-repeat: no-repeat;
}
.page li.last a {
	background-image: url(../images/page_last.gif);
	background-repeat: no-repeat;
}




.mode {
	background: #FFF url(../images/mode_bg.gif) no-repeat left top;
	padding: 0 0 0 60px;
	margin: 6px 8px 0 0;	
	float: left;
}
.mode ul {
	list-style: none;
	margin: 0;
	padding: 0 20px 0 0px;
	background: url(../images/mode_bg.gif) no-repeat right top;
	overflow: hidden;
	width:75px;
}
.mode li {
	margin: 5px 2px 3px 0;
	padding: 0;
	float: left;
}
.mode li.mode1 img {
	height: 20px;
	width: 20px;	
	background: url(../images/mode_1_now.gif) no-repeat 0 0;
}
.mode li.mode2 img {
	height: 20px;
	width: 20px;
	background: url(../images/mode_2_now.gif) no-repeat 0 0;
}
.mode li.mode3 img {
	height: 20px;
	width: 20px;
	background: url(../images/mode_3_now.gif) no-repeat 0 0;
}
.mode li.mode1 a img {
	background: url(../images/mode_1.gif) no-repeat 0 0;
}
.mode li.mode2 a img {
	background: url(../images/mode_2.gif) no-repeat 0 0;
}
.mode li.mode3 a img {
	background: url(../images/mode_3.gif) no-repeat 0 0;
}
.mode li.mode1 a:hover img , .mode li.mode1 a:focus img {
	background: url(../images/mode_1_hover.gif) no-repeat 0 0;
}
.mode li.mode2 a:hover img , .mode li.mode2 a:focus img {
	background: url(../images/mode_2_hover.gif) no-repeat 0 0;
}
.mode li.mode3 a:hover img , .mode li.mode3 a:focus img {
	background: url(../images/mode_3_hover.gif) no-repeat 0 0;
}

.sort {
	margin: 8px 0 0 8px;
	height: 25px;
	float: right;
}
.sort form {
	margin: 0;
	padding: 0;
}
.sort form select {
	
}
.page .condition{
	display:inline;
	background: url(../images/icon_condition.gif) no-repeat 0px 0px;
	padding-left: 15px;
}
.page .rss{
	padding:5px 0 0 5px;
	display:inline;
}
.page .rss a img{ width:35px; height:14px;}
.selectPage{ display:inline;}