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

.sub{
	position: relative;
	background: url(../images/sub-38-1/bg-sub.png) top center no-repeat;
	margin-top: 0px;
}

.sub .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent ;
    padding: .375rem .75rem;
     font: 23px/22px 'thaisanslite', Arial, sans-serif;	
    border-radius: .25rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.sub .btn-1{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #28a745;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.sub .btn-primary {
    color: #59bd15;
	letter-spacing:1px;
   background-color: #fff;
    border-color: #72ba41;
}
.sub .btn-primary:hover {
    color: #fff;
    background-color: #72ba41;
    border-color: #72ba41;
	cursor:pointer;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
		.sub{
			background:url(../images/sub-38-1/bg-sub.png) top center no-repeat;
		}
	}
.sub .sub-pic{
display:none;
}

@media (min-width: 992px)
{
.sub .sub-pic{
	display:block;
}
}
.top-name{
	/* float:left; */
	margin-top: 0px;
	display:
	block;
	padding-top: 0px;
	width:100%;
	font: 30px/89px 'kanit', Arial, sans-serif;
	font: 30px/65px 'kanit', Arial, sans-serif;
	color: #ffffff;
	letter-spacing:1px;
	text-align:
	center;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 666px) {
		.top-name{
			text-indent:0px;
			text-align:center;
		}
	}
@media only screen and (min-device-width : 667px) and (max-device-width : 800px) {
	.top-name{
			text-indent:0px;
			text-align:center;
		}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.sub{
			background:url(../images/sub-38-1/bg-sub.png) top center no-repeat;
			
		}
}

.suball{
	float:
	left;
	display:
	block;
	width:100%;
	height:
	auto;
	padding-top: 15px;
}
.subbody{
	margin:0 auto;
	
	/*padding:35px 0px;*/
	display:block;
	/*width:670px;*/
	width:100%;
	margin-top:50px;
	min-height:500px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 800px) {
.subbody{
	width:100%;
	margin-top: 20px;
}
}