.stock-top5-container:after { content: ''; display: block; clear: both; }
.stock-top5-container .stock-top5 {
	float: left; width: calc(50% - 27px); padding: 10px 10px 0;
	border: 1px solid #eee;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .05), -5px -5px 10px rgba(0, 0, 0, .05);
}
.stock-top5-container .stock-top5:nth-of-type(odd) { margin: 0 5px 20px 0; }
.stock-top5-container .stock-top5:nth-of-type(even) { margin: 0 0 20px 5px; }

.stock-top5-container .stock-top5 > h2 {
	margin: 5px 0 10px; padding: 0 0 10px; position: relative;
	border-bottom: 1px solid #eee;
	font-weight: 600 !important;
}
.stock-top5-container .stock-top5 > h2 .more {
	position: absolute; top: -10px; right: 0;
	padding: 10px;
	font-size: 12px;
}

.stock-top5-container .stock-top5 ul li { padding: 9px 0; }
.stock-top5-container .stock-top5 ul li:hover { background-color: #f1f1f1; }
.stock-top5-container .stock-top5 ul li:last-child { margin: 0; }
.stock-top5-container .stock-top5 ul li:after { content: ''; display: block; clear: both; }
.stock-top5-container .stock-top5 ul li > span { display: block; cursor: default; }
.stock-top5-container .stock-top5 ul li > span:first-child { float: left; }
.stock-top5-container .stock-top5 ul li > span:last-child { float: right; }

/*
.stock-list-top {
	width: calc(100% - 27px); padding: 10px 10px 0;
	border: 1px solid #eee;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .05), -5px -5px 10px rgba(0, 0, 0, .05);
}
.stock-list-top > h2 {
	margin: 5px 0 10px; padding: 0 0 10px; position: relative;
	border-bottom: 1px solid #eee;
	font-weight: 600 !important;
}
.stock-list-top ul li {
	border-bottom: 1px solid #eee;
}
.stock-list-top ul li .name, .stock-list-top ul li .money {
	display: block; padding: 10px 0;
}
.stock-list-top ul li.active .name > a { text-decoration: line-through solid red; }

*/
@media screen and (max-width: 850px) {
	.stock-top5-container .stock-top5 {
		width: calc(100% - 22px); margin: 0 0 10px;
	}
}

.stock-list-top {
	width: calc(100% - 27px); padding: 10px 10px 0;
	border: 1px solid #eee;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .05), -5px -5px 10px rgba(0, 0, 0, .05);
}
.stock-list-top > h2 {
	margin: 5px 0 10px; padding: 0 0 10px; position: relative;
	border-bottom: 1px solid #eee;
	font-weight: 600 !important;
}
.stock-list-top > h2 .more {
	position: absolute; top: -10px; right: 0;
	padding: 10px;
	font-size: 12px;
}
.stock-list-top ul li:after { content: ''; display: block; clear: both; }
.stock-list-top ul li { padding: 10px 0; border-bottom: 1px solid #eee; cursor: default; }
.stock-list-top ul li.active, .stock-list-top ul li:hover { background-color: #f1f1f1; }
.stock-list-top ul li > span { display: block; float: left; }
.stock-list-top ul li > span:nth-of-type(1) { width: 40px; text-align: center; }
.stock-list-top ul li > span:nth-of-type(2) { width: calc(100% - 220px); margin: 0 0 0 10px; }
.stock-list-top ul li > span:nth-of-type(3) { width: 170px; text-align: right; }
@media screen and (max-width: 500px) {
	.stock-top5-container .stock-top5 ul li *,
	.stock-list-top ul li > span { font-size: 13px; }
	.stock-list-top ul li > span:nth-of-type(1) { width: 35px; }
	.stock-list-top ul li > span:nth-of-type(2) { width: calc(100% - 185px); }
	.stock-list-top ul li > span:nth-of-type(3) { width: 140px; }
}


#tmp {
	background-color: #ccc; text-align: center; margin: 50px 0;
}