@charset "utf-8";

@media screen and (max-width: 1200px) {
	#sb-video { margin: -20px -15px; margin-top: 20px;}
	#sb-video > li { width: calc((100%/3) - 30px); margin: 20px 15px; }
}

@media screen and (max-width: 750px) {
	#sb-video{margin: -5px;margin-top: 20px;}
	#sb-video > li{width: calc(100% - 10px);margin: 5px;}
	#sb-video > li .infobox{padding: 10px 0;}
	#sb-video > li .infobox .cate { font-size: 16px;}
	#sb-video > li .infobox .sbj{font-size: 18px;}
	#sb-video > li .infobox .info li{font-size: 13px;}

	#sb-video > li .tmb .badge_box { top: 10px; left: 10px;}
	#sb-video > li .tmb .badge { padding: 5px 7px; font-size: 12px;}
	#sb-video > li .tmb .badge + .badge { margin-left: 3px;}
	#sb-video > li .tmb .badge i { width: 13px; height: 9px;}

	.video-category { margin: 20px 0 10px;}
	.video-category ul { padding: 0 7px;}
	.video-category li + li::before { height: 10px;}
	.video-category li a { padding: 7px 2px; font-size: 13px;}
}