@charset "utf-8";
/* CSS Document */
.classInfo{
	display: block;
}

.classinfo-img{
	width: 75%;
}

.course-name.video01.movie-name{
	font-size: calc(.5vw + 16px);
	color: #00697C;
}



.movie-w{
	width: 50%; /*75%;*/
}

.youtube-width{
	position: relative;
	/*width: 75%;*/
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.padding-15{
	padding-top: 15px;
	padding-bottom: 15px;
}


.youtube-width iframe, .youtube-width object, .youtube-width embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 991px){
	.classinfo-img{
		width: 100%;
	}
	
	.movie-w{
		width: 100%;
	}
	
}


@media screen and (max-width: 540px){
	.classinfo-img{
		display: block;
	}
}

.title-class-info .blue{
	color: blue;
}