
.media-39-1{
	margin:0;
	padding:0;
		width:100%;
		background-color:#ffffff;
		padding-bottom: 50px !important;
		
}

.media-39-1 .media-block{
	width: 100%;
	margin:0;
	padding-top: 40px;
	text-align:left;
	font: 35px/75px 'Kanit', Arial, sans-serif;
	color:#484237;
	font-weight:bold;
	text-align:center;
}
.media-39-1 .media-mid{
	margin:0;
	padding:0;
}
.media-39-1 .video-39-1{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	/* height: 510px; */
	position: relative;
}
.media-39-1 .video-39-1 .media-line{
	width:84px;
	height:475px;
	position:absolute;
	top:0;
	right:-43px;
	z-index:2;	
}
.media-39-1 .video-39-1 .video-top{
	margin:0;
	padding:0;
	text-align:
	left;
	font: 25px/75px 'lineseed', Arial, sans-serif;
	color: #6d39d1;
	font-weight:
	bold;
}
.media-39-1 .video-39-1 .video-mid{
	margin:0;
	padding:0;
	height:auto;
}
.media-39-1 .video-39-1 .video-pic{
	width: 100%;
	position:relative;
}
.media-39-1 .video-39-1 .video-pic .play-button{
	width:55px;
	height:55px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-27px;
	margin-left:-27px;
}
.media-39-1 .video-39-1 .video-pic img{
	max-width:100%;
	height:auto;
	
}
.media-39-1 .video-39-1 .video-text{
	padding:0px;
	height:auto;
	text-align:left;
	position:relative;
	bottom:0;
	left:0;
	top: 10px;
	font: 24px/30px 'kanit', Arial, sans-serif;
}
.media-39-1 .video-39-1 .video-text a{
	color:#000;
}
.media-39-1 .video-39-1 .video-text a:hover{
	color:#000;
}
.media-39-1 .video-39-1 .video-bottom{
	margin:0;
	padding:0;
	margin-top:20px;
}

.media-39-1 .ebook-39-1{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	/* height: 510px; */
	position: relative;
}
.media-39-1 .ebook-39-1 .media-line{
	width:84px;
	height:475px;
	position:absolute;
	top:0;
	right:-43px;
	z-index:2;	
}
.media-39-1 .ebook-39-1 .ebook-top{
	margin:0;
	padding:0;
	text-align:
	left;
	font: 25px/75px 'lineseed', Arial, sans-serif;
	color: #6d39d1;
	font-weight:
	bold;
}
.media-39-1 .ebook-39-1 .ebook-mid{
	margin:0;
	padding:0;
	height:auto;
}
.ebook-pic{
	margin:0;
	padding:0;
	width: 230px;
}
.ebook-pic img{
	max-width:100%;
	height:auto;	
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
	
	-webkit-box-shadow: 4px 6px 14px -4px rgba(0,0,0,0.23);
-moz-box-shadow: 4px 6px 14px -4px rgba(0,0,0,0.23);
box-shadow: 4px 6px 14px -4px rgba(0,0,0,0.23);
}
.ebook-text{
	margin:0;
	padding:0;
	margin-top:15px;
	text-align:left;
}
.ebook-text a{
	font-size:15px;
	color:#000;
}
.ebook-text a:hover{
	color:#000;
}
.media-39-1 .ebook-39-1 .ebook-bottom{
	margin:0;
	padding:0;
	margin-top:20px;
	padding-right:20px;
}

.media-39-1 .calendar-39-1{
	margin: 0;
    padding: 0;
    padding-top: 10px;
	height: 510px;
    position: relative;
}

.media-39-1 .calendar-39-1 .calendar-top{
	width:100%;
	height:auto;
	padding-top:25px;
}
.media-39-1 .calendar-39-1 .calendar-top .normal{
	margin:0;
	padding:0;
	text-align:left;
	font: 17px/30px 'lineseed', Arial, sans-serif;
	font-weight:bold;
}
.media-39-1 .calendar-39-1 .calendar-top .normal a{
	color: #6d39d1;
}
.media-39-1 .calendar-39-1 .calendar-top .active{
	margin:0;
	padding:0;
	text-align:left;
	font: 17px/30px 'lineseed', Arial, sans-serif;
	border-bottom: 3px solid #eb9e58;
	font-weight:bold;
}
.media-39-1 .calendar-39-1 .calendar-top .active a{
	color: #6d39d1;
}
.media-39-1 .calendar-39-1 .calendar-mid{
	margin:0;
	padding:0;
	height:auto;
	margin-top: 18px;
}
.media-39-1 .calendar-39-1 .calendar-bottom{
	margin:0;
	padding:0;
	margin-top:20px;
	margin-right:40px;
}

@media (max-width: 374px) { 
.media-39-1{
	width:100%;
	margin-left:0px;	
}
.media-39-1 .video-39-1 .video-pic{
	width: 318px;
}
.ebook-pic{
	width: 143px;	
}
.media-39-1 .video-39-1{
        height: auto;
		padding: 0px 20px;
	padding-bottom: 25px;
}
.media-39-1 .ebook-39-1 {
	 height: auto;
	padding-bottom: 25px;
}

.media-39-1 .media-block img{
	max-width: 85%;
}
.media-39-1 .calendar-39-1 .calendar-top .active {
    font: 20px/30px 'THK2DJuly8', Arial, sans-serif;
	font-weight:bold;
}
.media-39-1 .calendar-39-1 .calendar-top .normal {
    font: 20px/30px 'THK2DJuly8', Arial, sans-serif;
	font-weight:bold;
}
}

@media (min-width: 375px) and (max-width: 413px) {
.media-39-1{
	width:100%;
	margin-left:0px;	
}
.media-39-1 .video-39-1 .video-pic{
	width: 335px;
}
.ebook-pic{
	width: 143px;	
}
.media-39-1 .video-39-1{
        height: auto;
		padding: 0px 20px;
	padding-bottom: 25px;
}
.media-39-1 .ebook-39-1 {
	 height: auto;
	padding-bottom: 25px;
}

.media-39-1 .media-block img{
	max-width: 85%;
}
.media-39-1 .calendar-39-1 .calendar-top .active {
    font: 16px/30px 'Kanit', Arial, sans-serif;
    font-weight:bold;
}
.media-39-1 .calendar-39-1 .calendar-top .normal {
    font: 16px/30px 'Kanit', Arial, sans-serif;
    font-weight:bold;
}
 }
@media (min-width: 414px) and (max-width: 575px) {
.media-39-1{
	width:100%;
	margin-left:0px;	
}
.media-39-1 .video-39-1 .video-pic{
	width: 370px;	
}
.ebook-pic{
	width: 143px;	
}
.media-39-1 .video-39-1{
        height: auto;
		padding: 0px 20px;
	padding-bottom: 25px;
}
.media-39-1 .ebook-39-1 {
	 height: auto;
	padding-bottom: 25px;
}

.media-39-1 .media-block img{
	max-width: 85%;
}

 }
@media (min-width: 420px) and (max-width: 575px) { 
.media-39-1{
	width:100%;
	margin-left:0px;	
}
.media-39-1 .video-39-1 .video-pic{
	width: 330px;	
}
.ebook-pic{
	width: 143px;	
}


 }
@media (min-width: 576px) and (max-width: 767px) { 
.media-39-1{
	width:100%;
	margin-left:0px;	
}
.media-39-1 .video-39-1 .media-line{
	display:none;	
}
.media-39-1 .ebook-39-1 .media-line{
	display:none;	
}
.media-39-1 .video-39-1{
    height: 497px;
}
.media-39-1 .ebook-39-1 {
	height: 497px;
}
.media-39-1 .ebook-39-1 {
	height: 497px;
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.media-39-1 .video-39-1 .media-line{
	display:none;	
}
.media-39-1 .ebook-39-1 .media-line{
	display:none;	
}
.media-39-1 .video-39-1 .video-bottom{
	padding-right: 40px;	
}
.media-39-1 .ebook-39-1 .ebook-bottom{
	padding-right: 40px;	
}
.media-39-1 .container-cv-5 {
    width: 100%;
}
.media-39-1 .video-39-1{
        height: auto;
	padding-bottom: 20px;
}
.media-39-1 .ebook-39-1 {
	 height: auto;
	padding-bottom: 20px;
}

.media-39-1 .media-block img{
	max-width:100%;
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
		.media-39-1 .video-39-1 .video-pic{
		       width: 296px;	
	}
	.ebook-pic{
		        width: 132px;
	}
	.media-39-1 .calendar-39-1 .calendar-mid{
		    /* padding: 12px 29px; */
		    margin-top: 0px;
	}
	.media-39-1 .container-cv-5 {
    width: 100%;
}
.media-39-1 .container-fluid {
    margin-left: 0;
    margin-right: 0;
}

.media-39-1 .video-39-1 .video-text {
    left: 15px;
}
.media-39-1 .calendar-39-1 .calendar-top .active {
    font: 14px/20px 'Kanit', Arial, sans-serif;
    font-weight:bold;
}
.media-39-1 .calendar-39-1 .calendar-top .normal {
    font: 14px/20px 'Kanit', Arial, sans-serif;
    font-weight:bold;
}
 }
@media (min-width: 1281px) and (max-width: 1366px)  {
	.media-39-1 .video-39-1 .media-line{
	top: 0;
    right: -34px;	
	}
	.media-39-1 .ebook-39-1 .media-line{
	top: 0;
    right: -34px;
	}
			.media-39-1 .video-39-1 .video-pic{
		       width: 372px;	
	}
	.ebook-pic{
		        width: 175px;
	}
	.media-39-1 .calendar-39-1 .calendar-mid{
		/* padding: 12px 58px; */
		margin-top:0px;
	}
}
@media (min-width: 1301px) and (max-width: 1400px) {
	
	.media-39-1 .video-39-1 .media-line{
	top: 0;
    right: -34px;	
	}
	.media-39-1 .ebook-39-1 .media-line{
	top: 0;
    right: -34px;
	}
		.media-39-1 .video-39-1 .video-pic{
		       width: 372px;	
	}
	.ebook-pic{
		        width: 175px;
	}
	.media-39-1 .calendar-39-1 .calendar-mid{
		/* padding: 12px 58px; */
		margin-top:0px;
	}
}
@media (min-width: 1401px) and (max-width: 1500px) {
	.media-39-1 .video-39-1 .media-line{
	top: 0;
    right: -32px;	
	}
	.media-39-1 .ebook-39-1 .media-line{
	top: 0;
    right: -32px;
	}
		.media-39-1 .video-39-1 .video-pic{
		       width: 372px;	
	}
	.ebook-pic{
		        width: 175px;
	}
	.media-39-1 .calendar-39-1 .calendar-mid{
		/* padding: 12px 58px; */
		margin-top:0px;
	}
}
@media (min-width: 1501px) and (max-width: 1600px) {
	.media-39-1 .video-39-1 .media-line{
	top: 0;
    right: -32px;	
	}
	.media-39-1 .ebook-39-1 .media-line{
	top: 0;
    right: -32px;
	}
	.media-39-1 .video-39-1 .video-pic{
		    width: 442px;	
	}
	.ebook-pic{
		    width: 204px;	
	}
	.media-39-1 .calendar-39-1 .calendar-mid{
		/* padding: 20px 40px; */
		margin-top:0px;
	}
}