@charset "utf-8";
/* CSS Document */
infopoin{
    font-style: oblique;
    color: salmon;

}
.classInfo{
	display: block;
}

.classinfo-img{
	width: 75%;
}

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


.video-width{
	width: 75%;
	margin: 0px auto;
}

.movie-w{
	width: 67%; /*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%;
	}
	
	.video-width{
		width: 100%;
	}
	
}


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

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

.link-color{
	color: #FF8F00;
}
a:hover{
	text-decoration: none;
}