@charset "UTF-8";


#inner {
	/* [disabled]background: #9CF; */
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}
#panel {
	width: 100%;
	margin-top: 40px;
}
#sortbox {
	width: 100%;
	margin-bottom: 30px;
	text-align: right;
}
#sortbox a, #sortbox span {
	font-size: 13px;
	color: #FFF;
	padding: 1px 10px;
	margin-right: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#sortbox a {
	background: #666;
}
#sortbox span {
	background: #C06;
}
#sortbox a:hover {
	background: #666;
}
.line {
	/* [disabled]width: 100%; */
	height: 58px;
	float: left;
	font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	min-width: 500px;
}
.line img {
	margin-right: 10px;
	padding-top: 4px;
	float: left;
}
.line img:hover {
}
.num, .box, .dot1 {
	display: inline-block;
	float: left;
	margin-left: 10px;
	/* [disabled]background: #9CF; */
}
.num {
	margin-top: 20px;
	color: #999;
}
.box {
	margin-top: 20px;
	min-width: 260px;
}
.title {
}
.sub, .dot2  {
	margin-left: 10px;
}
.dot1 {
	color: #CCC;
	margin-top: 20px;
}
.dot2 {
	color: #CCC;
}


@media only screen and (max-width: 700px) {

#inner {
	margin-left: 20px;
	margin-right: 20px;
}
.dot2 {
	display: none;
}
.box {
	margin-top: 7px;
}
.title, .sub {
	width: 100%;
	display: block;
	margin: 4px 0;
}
}

@media only screen and (max-width: 500px) {

.num, .dot1 {
	display: none;
}	
}