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

.book-22-1{
	position:relative;
	width:100%;
	padding-top: 50px !important;
	height: 856px;
	background: url(../images/book-22-1/bg.jpg) bottom center no-repeat;
	padding-bottom:20px !important;
	}
.book-22-1 .book-top{
	padding-bottom:25px;
}
.book-22-1 .book-top img{
	max-width:100%;
}
.book1 .top{
	width:100%;
	height:auto;
	}
.book1 .top .select{
	width:271px;
	height:46px;
	background:url(../images/book-22-1/select.png) top center no-repeat;
	font: 18px/42px 'Kanit', Arial, sans-serif;
    color: #fff;
	text-align:center;
	}
.book1 .top .normal{
	width:271px;
	height:46px;
	background:url(../images/book-22-1/normal.png) top center no-repeat;
	font: 18px/42px 'Kanit', Arial, sans-serif;
    color: #0b2d06;
	text-align:center;
	}
.title{
	width:100%;
	margin-top: 14px;
    padding-bottom: 10px;
	font:24px/20px 'THK2DJuly8', Arial, sans-serif;
	color:#000;
	text-align:center;
	}
.book1{
	width:100%;
	height:auto;
	padding: 15px;
	background:url(../images/book-22-1/bg-mid.jpg) top center no-repeat;
	border: 1px solid #b69927;
	padding-bottom: 50px !important;
	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}
.mid-in{
	}
.mid-in .type1{
	width: 88px;
    height: 26px;
    background: url(../images/book-22-1/bt1.png) top center no-repeat;
    padding: 3px;
    margin-top: 10px;
    font: 16px/20px 'Kanit', Arial, sans-serif;
    color: #fff;
    text-align: center;
	}
.mid-in .type2{
	width: 88px;
    height: 26px;
    background: url(../images/book-22-1/bt2.png) top center no-repeat;
    padding: 3px;
    margin-top: 10px;
    font: 16px/20px 'Kanit', Arial, sans-serif;
    color: #fff;
    text-align: center;
	}
.mid-in .type3{
	width: 88px;
    height: 26px;
    background: url(../images/book-22-1/bt3.png) top center no-repeat;
    padding: 3px;
    margin-top: 10px;
    font: 16px/20px 'Kanit', Arial, sans-serif;
    color: #fff;
    text-align: center;
	}
.mid-in .text{
	width:100%;
	padding-top: 10px;
	font-size:14px;
	line-height:20px;
	color:#286f9d;
	text-align: center;
	}
 .mid-in .text2{
	width:100%;
	padding-top: 10px;
    font-size: 14px;
    line-height: 20px;
	color:#0c5b00;
	text-align: left;
	}
.mid-in .text3{
	width:100%;
	padding-top: 10px;
    font-size: 14px;
    line-height: 20px;
	color:#000;
	text-align: left;
	}
.book-box{
	width:100%;
	height:auto;
	position:relative;
	}
/***************************************************************************/
.book2{
	width:100%;
	height:auto;
	padding: 15px;
	background:#c7edd9;
	border: 1px solid #a9c3c6;
	padding-bottom: 50px !important;
	margin-top: 10px;
	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}
.book2 .top2{
	width:100%;
	height:auto;
    padding-bottom: 10px;
	font:24px/20px 'Kanit', Arial, sans-serif;
	color:#000;
	text-align:left;
	background:url(../images/book-22-1/line.png) bottom left no-repeat;
	}
/**********************************************************/
.book3{
	width:100%;
	height:auto;
	padding: 0px 15px;
	background:#e1e4e0;
	border: 1px solid #a9c3c6;
	padding-bottom: 50px !important;
	margin-top: 10px;
	
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}
.book3 .top3{
	width:100%;
	height:auto;
	}
.book3 .top3 .select{
	width:100%;
	height:46px;
	background:url(../images/book-22-1/line2.png) bottom left no-repeat;
	font: 24px/42px 'Kanit', Arial, sans-serif;
    color: #000;
	text-align:left;
	}
.book3 .top3 .normal{
	width:100%;
	height:46px;
	font: 24px/42px 'Kanit', Arial, sans-serif;
    color: #000;
	text-align:left;
	}

@media (max-width: 575px) { 
.book-22-1 {
    height: auto;
    background: #ffffff url(../images/book-22-1/bg.jpg) bottom center no-repeat;
}
.mid-in {
    margin-top: 15px;
}
.book3 .top3 .select {
	width:200px;
    font: 18px/42px 'Kanit', Arial, sans-serif;
}
.book3 .top3 .normal {
	width:200px;
    font: 18px/42px 'Kanit', Arial, sans-serif;
}
}
@media (min-width: 576px) and (max-width: 991px) { 
.book-22-1 {
    margin-top: -200px;
    height: auto;
    background: #ffffff url(../images/book-22-1/bg.jpg) bottom center no-repeat;
}
.mid-in {
    margin-top: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.book-22-1 {
    height: auto;
    margin-top: -190px;
    background: #ffffff url(../images/book-22-1/bg.jpg) bottom center no-repeat;
}
.mid-in {
    margin-top: 10px;
}
}
@media (min-width: 320px) and (max-width:767px) {.book-22-1{
	position:relative;
	width:100%;
	margin-top: -170px;
	padding-top: 220px !important;
	background: url(../images/book-22-1/bg.jpg) bottom center no-repeat;
	padding-bottom:20px !important;
	} }
@media (min-width: 1280px) and (max-width: 1366px) { .book-22-1{
	position:relative;
	width:100%;
	margin-top: -340px;
	height: 939px;
	padding-top: 220px !important;
	background:url(../images/book-22-1/bg.jpg) top center no-repeat;
	padding-bottom:20px !important;
	} }
@media (min-width: 1367px) and (max-width: 1440px) { .book-22-1{
	position:relative;
	width:100%;
	margin-top: -350px;
	height: 939px;
	padding-top: 220px !important;
	background:url(../images/book-22-1/bg.jpg) top center no-repeat;
	padding-bottom:20px !important;
	} }
@media (min-width: 1441px) and (max-width: 1600px) { .book-22-1{
	position:relative;
	width:100%;
	margin-top: -340px;
	height: 939px;
	padding-top: 220px !important;
	background:url(../images/book-22-1/bg.jpg) top center no-repeat;
	padding-bottom:20px !important;
	} }