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

.ebook-vdo {
	margin: 0;
	padding: 0;
	min-height: 528px;
	background: url(../images/ebook-vdo/bg.jpg) top center no-repeat;
}

/*******************************/
.ebook-vdo .ebook {
	margin: 0;
	padding: 0;
}

.ebook-vdo .ebook .top {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	height: 79px;
	font: 21px/39px 'Kanit', Arial, sans-serif;
	color: #008cff;
}

.ebook-vdo .ebook .mid {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.ebook-vdo .ebook .mid .text {
	font-size: 14px;
	line-height: 20px;
}

.ebook-vdo .ebook .mid .text a {
	color: #333;
}

.ebook-vdo .ebook .mid .text a:hover {
	color: #db5ee8;
}

.ebook-vdo .ebook .mid .pic {
	/* width: 197px;
	height: 256px;
	margin-top: 15px; */
	margin: 0;
	padding: 0;
}

.ebook-vdo .ebook .mid .pic img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.ebook-vdo .ebook .bottom {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	text-align: center;
}

/*******************************/
/*******************************/
.ebook-vdo .vdo {
	margin: 0;
	padding: 0;
}

.ebook-vdo .vdo .top {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	height: 79px;
	font: 21px/39px 'Kanit', Arial, sans-serif;
	color: #008cff;
}

.ebook-vdo .vdo .mid {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.ebook-vdo .vdo .mid .pic {
	margin: 0;
	padding: 0;
	position: relative;
}

.ebook-vdo .vdo .mid .pic .play {
	position: absolute;
	top: 50%;
	margin-top: -36px;
	margin-left: -36px;
	left: 50%;
}

.ebook-vdo .vdo .mid .text {
	margin: 0;
	padding: 10px;
	background-color: #fff;
}

.ebook-vdo .vdo .mid .text a {
	color: #333;
}

.ebook-vdo .vdo .mid .text a:hover {
	color: #db5ee8;
}

.ebook-vdo .vdo .mid .pic img {
	max-width: 100%;
	height: auto;
}

.ebook-vdo .vdo .bottom {
	margin-top: 10px;
	text-align: right;
}

/*******************************/


/*******************************/
.ebook-vdo .download {
	margin: 0;
	padding: 0;
}

.ebook-vdo .download .top {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	height: 79px;
	font: 21px/39px 'Kanit', Arial, sans-serif;
	color: #008cff;
}

.ebook-vdo .download .mid {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.ebook-vdo .download .mid ul {
	margin: 0;
	padding: 0;
}

.ebook-vdo .download .mid ul li {
	margin: 0;
	padding: 0;
	padding-left: 30px;
	padding-bottom: 10px;
	background: url(../images/ebook-vdo/bullet.png) top left no-repeat;
	border-bottom: 1px solid #000000;
}

.ebook-vdo .download .mid ul li a {
	color: #333;
}

.ebook-vdo .download .mid ul li a:hover {
	color: #008cff;
}



.ebook-vdo .download .bottom {
	margin-top: 10px;
	text-align: right;
}

/*******************************/

@media (max-width: 374px) {
	.ebook-vdo {
		background-size: 922%;
		padding-bottom: 40px !important;
	}
}

@media (min-width: 375px) and (max-width: 419px) {
	.ebook-vdo {
		background-size: 902%;
		padding-bottom: 40px !important;
		background: unset;
	}
	.ebook-vdo .ebook .mid .pic {
		width: 157px;
	}
	.ebook-vdo .download .top {
		margin: 0;
		padding: 0;
		padding-top: 100px;
		height: auto;
		font: 21px/39px 'Kanit', Arial, sans-serif;
		color: #008cff;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.ebook-vdo {
		background-size: 822%;
		padding-bottom: 40px !important;
		background: unset;
	}
	.ebook-vdo .ebook .mid .pic {
		width: 182px;
	}
	.ebook-vdo .download .top {
		margin: 0;
		padding: 0;
		padding-top: 60px;
		height: auto;
		font: 21px/39px 'Kanit', Arial, sans-serif;
		color: #008cff;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.ebook-vdo {
		background-size: 682%;
		padding-bottom: 40px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.ebook-vdo {
		background-size: 100% 100%;
		/* padding-bottom: 40px !important; */
		background: unset;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	...
}

@media (min-width: 1200px) {
	...
}