@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------- Page */
.page {
	clear: both;
	line-height: 20px;
	text-align: center;
	margin: 10px 0 10px;
	padding: 5px 0;
	border-radius: 10px;
	behavior: url(css/PIE.htc);
	background: #F0F0F0;
}
.page a img {
	border: none;
	vertical-align: 0px
}
.page ul {
	display: inline;
	list-style: none;
	margin: 0 6px 0;
	padding: 0;
	letter-spacing: 0;
}
.page li {
	margin: 0;
	padding: 0 0 0 5px;
	display: inline;
}
.page li a, .page li.here {
	padding: 7px;
}
.page li a:hover {
	color: #F30;
}
.page a {
	text-decoration: none;
	padding: 0px;
}
.page a:hover {
	text-decoration: none;
}
.page em {
	font-weight: bold;
	font-style: normal;
	padding-right: 3px;
	padding-left: 3px;
	color: #F30;
}
.page .select {
	color: #960;
	background: #E7E8CC;
}
/*--------------------------------------page 第二組*/
.page li.first img, .page li.prev img, .page li.next img, .page li.last img {
	width: 19px;
	height: 30px;
	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 {
	padding: 7px;
	background-image: url(../images/page_first.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.page li.prev a {
	padding: 7px;
	background-image: url(../images/page_prev.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.page li.next a {
	padding: 7px;
	background-image: url(../images/page_next.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.page li.prevten a {
	padding: 7px;
	background-image: url(../images/page_prevnext.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.page li.nextten a {
	padding: 7px;
	background-image: url(../images/page_nextten.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.page li.last a {
	padding: 7px;
	background-image: url(../images/page_last.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.page li.here {
	color: #C30;
	font-weight: bold;
}
.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 3px 3px;
}
.mode li.mode2 a img {
	background: url(../images/mode_2.gif) no-repeat 3px 3px;
}
.mode li.mode3 a img {
	background: url(../images/mode_3.gif) no-repeat 3px 3px;
}
.mode li.mode1 a:hover img, .mode li.mode1 a:focus img {
	background: url(../images/mode_1_hover.gif) no-repeat 3px 3px;
}
.mode li.mode2 a:hover img, .mode li.mode2 a:focus img {
	background: url(../images/mode_2_hover.gif) no-repeat 3px 3px;
}
.mode li.mode3 a:hover img, .mode li.mode3 a:focus img {
	background: url(../images/mode_3_hover.gif) no-repeat 3px 3px;
}
.sort {
	margin: 0px 0 0 8px;
	float: right;
}
.sort form {
	margin: 0;
	padding: 0;
}
.page select {
}
.condition {
	display:block;
	float: none;
	width:50px;
	text-align:right;
	margin: -5px 20px 0 auto;
	background: url(../images/condition.png) no-repeat 0px 0px;
	padding: 0 0 5px 22px;
	line-height: 20px;
}
.rss {
	padding: 0px 0 0 5px;
	display: inline;
	float: right;
	margin: -20px 0 0;
}
.rss img {
	width: 27px;
	height: 27px;
	vertical-align: px;
}
.selectPage {
	display: inline;
}
