@media screen and (max-width: 1260px) {
.category {
	padding-left: 3vw;
    font-size: 12px;
}
}

@media screen and (min-width: 1261px) and (max-width: 1440px) {
.category {
	padding-left: 6vw;
    font-size: 14px;
}
}
@media screen and (min-width:1441px) and (max-width: 1620px) {
.category {
	padding-left: 8vw;
    font-size: 16px;
}
}
@media screen and (min-width: 1621px) and (max-width: 1800px) {
.category {
	padding-left: 10vw;
    font-size: 18px;
}
}

@media screen and (min-width: 1801px) and (max-width: 1920px) {
.category {
	padding-left: 12vw;
    font-size: 20px;
}
}

.category {
	border-bottom:1px solid #ddd
}
.category p{
	max-width:80em;
	line-height:0;
	margin:0 auto
}
.category p a{
	height:4em;
	line-height:4em;
	display:inline-block;
	padding:0 2em
}
.category p a.on{
	background-color:#107bbf;
	color:#fff
}

.category p{
	white-space:nowrap;
	overflow-x:auto
}