@charset "UTF-8";

.player:before{
	padding-top: 0;
}
.skplayer{
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	background: #000;
}
.skplayer-sd{
	aspect-ratio: 4/3;
}
.caption-button{
	min-width: 5.5em;
}
.video-no-play{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background: #333;
	color: #ccc;
	font-size: 1em;
	text-align: center;
}
.video-no-play:before{
	content: "";
	display: block;
	padding-top: 56.25%;
}
.video-no-play-sd:before{
	padding-top: 75%;
}
.video-no-play span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
}
@font-face {
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	src: url(font/roboto.ttf) format('truetype')
}
@font-face {
	font-family: 'Material Icons Round';
	font-style: normal;
	font-weight: 400;
	src: url(font/materialiconsround.otf) format('opentype')
}