@charset "utf-8";
/* CSS Document */

.media-39-1{
	margin:0;
	padding:0;
	width:100%;
	min-height: 734px;
	background: #f3f3f3;
}

.media-39-1 .media-block{
	width: 100%;
	margin:0;
	padding:40px 0px;
	text-align:center;
	font: 35px/75px 'Kanit', Arial, sans-serif;
	color:#484237;
	font-weight:bold;
}
.media-39-1 .media-mid{
	margin:0;
	padding:0;
	width: 100%;
}
.media-39-1 .video-39-1{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	/* height: 510px; */
	position: relative;
	/* background: #0084ff; */
	padding: 0px 36px;
}
.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:center;
	font: 24px/75px 'anakotmai-light', Arial, sans-serif;
	padding-left: 65px;
	color: #333;
	font-weight:bold;
	background:url(../images/media-132-1/vdo.png) 0% 50% no-repeat;
}
.media-39-1 .video-39-1 .video-mid{
	margin:0;
	padding:0;
	height:auto;
	border: 7px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.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: 10px;
	height:auto;
	text-align:left;
	position:relative;
	bottom:0;
	left:0;
	top: 0px;
	background-color: #fff;
	font: 18px/36px '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:#ff8400;
}
.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;
	/* background: #67b3fb; */
}
.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: center!important;
	font: 19px/75px 'anakotmai-light', Arial, sans-serif;
	padding-left: 0;
	color: #606060;
	font-weight:bold;
	/* background:url(../images/media-132-1/ebook.png) 0% 50% no-repeat; */
}
.media-39-1 .ebook-39-1 .ebook-mid{
	margin:0;
	padding: 16px;
	height:auto;
	background: #fff;
}
.ebook-pic{
	margin:0;
	padding:0;
	width: 230px;
	
	
}
.ebook-pic img{
	max-width:100%;
	height:auto;	
	
}
.ebook-text{
	margin:0;
	padding: 0px 0px;
	margin-top:15px;
	text-align:left;
	font-weight:bold;
}
.ebook-text a{
	font-size: 12px;
	color: #000;
}
.ebook-text a:hover{
	color:#182979;
}
.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;
	/* background: #c2e2ff; */
}

.media-39-1 .calendar-39-1 .calendar-top{
	margin:0;
	padding:0;
	text-align:center;
	font: 22px/75px 'anakotmai-light', Arial, sans-serif;
	/* padding-left: 65px; */
	color: #606060;
	font-weight:bold;
	/* background:url(../images/media-132-1/calendar.png) 0% 50% no-repeat; */
}
.media-39-1 .calendar-39-1 .calendar-mid{
	margin:0;
	padding:0;
	height:auto;
}
.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;	
	background-size: cover;
}
.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 (min-width: 375px) and (max-width: 413px) {
.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 (min-width: 414px) and (max-width: 575px) {
.media-39-1{
	width:100%;
	margin-left:0px;	
	background-size: cover;
}
.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; */
	/* background-size: cover; */
}
.media-39-1 .video-39-1 .video-pic{
	width: 370px;
}
.ebook-pic{
	width: 143px;	
}
.media-39-1 .video-39-1{
    height: 367px;
}
.media-39-1 .ebook-39-1 {
	/* height: 377px; */
}
.media-39-1 .ebook-39-1 {
	/* height: 377px; */
}
 }
@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{
	    /* background-size: cover; */
}
.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 (min-width: 1281px) and (max-width: 1366px)  {

}
@media (min-width: 1301px) and (max-width: 1400px) {

}
@media (min-width: 1401px) and (max-width: 1500px) {

}
@media (min-width: 1501px) and (max-width: 1600px) {

}