@charset "utf-8";

.memoWrap iframe{width: 100%;height: 250px;}
.video-category { border-bottom: 1px solid #eee; margin-top: 70px;}
.video-category ul { display: flex; justify-content: center;}
.video-category li { position: relative; padding: 0 15px; }
.video-category li + li::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #e1e1e1;  }
.video-category li a { display: block; padding: 15px 2px; color: #888; font-size: 18px; text-decoration: none !important;}
.video-category li.active a { color: var(--col-red2) !important; font-weight: bold; border-bottom: 2px solid var(--col-red2);}

#sb-search { display: none; }
#sb-video{margin: -30px -25px;margin-top: 20px;}
#sb-video > li{position: relative;display: inline-block;vertical-align: top;width: calc((100%/3) - 50px);margin: 30px 25px;}
#sb-video > li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999em;z-index: 2;}
#sb-video > li .tmb{position: relative;padding-bottom: 56%;background-size: cover;background-repeat: no-repeat;background-position: center center;border-radius: 20px;}
#sb-video > li .tmb .badge_box { position: absolute; top: 20px; left: 20px;}
#sb-video > li .tmb .badge { display: inline-block; padding: 10px 14px; border-radius: 99px; color: #fff; font-size: 15px; font-weight: bold; text-align: center;}
#sb-video > li .tmb .badge + .badge { margin-left: 5px;}
#sb-video > li .tmb .badge i { display: inline-block; width: 18px; height: 14px; margin-right: 5px; background-position: 50%; background-size: contain; background-repeat: no-repeat; vertical-align: middle; }
#sb-video > li .tmb .badge.good {  background-color: var(--col-red2); }
#sb-video > li .tmb .badge.good i { background-image: url(/images/sub/ico_badge_good.png);}
#sb-video > li .tmb .badge.new { background-color: #009dd7;}
#sb-video > li .tmb .badge.new i { background-image: url(/images/sub/ico_badge_new.png);}
/* #sb-video > li .tmb:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.05);} */
#sb-video > li .infobox{padding-top: 20px;}
#sb-video > li .infobox .cate { font-size: 18px; font-weight: 600;}
#sb-video > li .infobox .sbj{display: block;font-size: 23px;font-weight: bold;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 5px;}
#sb-video > li .infobox .info{margin-top: 10px;display: none;}
#sb-video > li .infobox .info li{display: inline-block;position: relative;padding: 0 10px;}
#sb-video > li .infobox .info li:before{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 12px;background: #ddd;transform: translate(0, calc(-50% - 2px));}
#sb-video > li .infobox .info li:first-child{padding-left: 0;}
#sb-video > li .infobox .info li:first-child:before{display: none;}

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