@charset "utf-8";
/* CSS Document */
@import url('reset.css');
/*_::-webkit-full-page-media, _:future, :root .ranking {
	width: 300px;
	overflow: hidden;
}*/

@media screen and (min-width: 960px) {/*min-width: 1281px*/
.ranking h3 {
	color: #fff;
	display: block;
	padding: 2px 10px;
	font-size: 90%;
	margin-bottom: 5px;
	background-color: #46494C;
}
.ranking ol.ranking {
	margin: 0;
	padding: 0;
	/*padding: 0 0 20px; 2101*/
    counter-reset: li;
    padding-left: 10px;
    list-style: none;
}
.ranking ol.ranking li {
	font-size: 85%;
	line-height: 150%;
   position: relative;
   margin: 3px 0 4px 10px;
   padding: 0 0 0 8px;
}
.ranking ol.ranking li:before {
    counter-increment: li;
    content: counter(li);
    position: absolute;
    color: #fff;
    left: -20px;
    width: 1.6em;
    text-align: center;
	background-color: #333;
}
.ranking ol.ranking li a {
	display:block;
	height: 1.6em;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow:hidden;
}
.ranking ol.ranking li a:link,
.ranking ol.ranking li a:visited {
	color: #000;
}
.ranking ol.ranking li a:hover {
}
}
@media print{
html {
	zoom: 0.68;
	-webkit-print-color-adjust: exact;
}
.ranking h3 {
	color: #fff;
	display: block;
	padding: 2px 10px;
	font-size: 90%;
	margin-bottom: 5px;
	background-color: #46494C;
}
.ranking ol.ranking {
	margin: 0;
	padding: 0 0 20px;
    counter-reset: li;
    padding-left: 10px;
    list-style: none;
}
.ranking ol.ranking li {
	font-size: 85%;
	line-height: 150%;
   position: relative;
   margin: 3px 0 4px 10px;
   padding: 0 0 0 8px;
}
.ranking ol.ranking li:before {
    counter-increment: li;
    content: counter(li);
    position: absolute;
    color: #fff;
    left: -20px;
    width: 1.6em;
    text-align: center;
	background-color: #333;
}
.ranking ol.ranking li a {
	display:block;
	height: 1.6em;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow:hidden;
}
.ranking ol.ranking li a:link,
.ranking ol.ranking li a:visited {
	color: #000;
}
.ranking ol.ranking li a:hover {
}
}
@media screen and (max-width: 960px) {
.ranking h3 {
	color: #fff;
	display: block;
	padding: 2px 10px;
	font-size: 90%;
	margin-bottom: 5px;
	background-color: #46494C;
}
.ranking ol.ranking {
	margin: 0;
	padding: 0;
	/*padding: 0 0 20px; 2101*/
    counter-reset: li;
    padding-left: 10px;
    list-style: none;
}
.ranking ol.ranking li {
	font-size: 85%;
	line-height: 150%;
   position: relative;
   margin: 3px 0 4px 10px;
   padding: 0 0 0 8px;
}
.ranking ol.ranking li:before {
    counter-increment: li;
    content: counter(li);
    position: absolute;
    color: #fff;
    left: -20px;
    width: 1.6em;
    text-align: center;
	background-color: #333;
}
.ranking ol.ranking li a {
	display:block;
	height: 1.6em;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow:hidden;
}
.ranking ol.ranking li a:link,
.ranking ol.ranking li a:visited {
	color: #000;
}
.ranking ol.ranking li a:hover {
}
}