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

.sub{
	margin:0;
	padding:0;	
}
.sub .topname{
    margin: 0;
    padding: 0;
    padding-top: 38px;
    height: 130px;
    /* background: #e40988; */
    text-align: center;
    font: 30px/50px 'Kanit', Arial, sans-serif;
    color: #fff;
    /* background: url(../images/bg-sub-head.png) no-repeat center 0; */
    background-size: 100vw auto;

}
.sub .suball{
		margin:0;
	padding:0;
	
}
.sub .subbody{
		margin:0;
	padding:20px 0px;
	min-height:500px;
		color:#333;
		padding-bottom: 50px;
}

.ps-Txt-Red {
    color: #b80419 !important;
}


.hyrt-btn-blue {
    color: #fff;
    background-color: #1d23ab;
}

.hyrt-btn-blue:hover {
    color: #fff;
    background-color: #0f1585;
}


.hyrt-btn {
	border: none;
    height: 44px;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 15%);
    font-size: 18px;
    max-width: 100%;
    width: 100%;
    padding: 0px 0;
    display: inline-block;
    text-align: center;
    line-height: normal;
    font-weight: bold;
	cursor: pointer;
}

.imgtab1{
	width: 100%;
	display: block;
}

.imgtab2{
	width: 100%;
	display: none;
}

.loantab1{
	display: block;
}

.loantab2{
	display: none;
}



@media (max-width: 374px) { 
.sub .topname{
	    padding-top: 23px;
    /* height: 50px; */
	height: 90px;
    font: 24px/40px 'Kanit', Arial, sans-serif;	
}
.container-main-5 {
	padding-right: 0px !important;
    padding-left: 0px !important;
}

 }
@media (min-width: 375px) and (max-width: 419px) { 
	.sub .topname{
	    padding-top: 23px;
    /* height: 50px; */
	height: 90px;
    font: 24px/40px 'Kanit', Arial, sans-serif;	
}
.container-main-5 {
	padding-right: 0px !important;
    padding-left: 0px !important;
}

 }
@media (min-width: 420px) and (max-width: 575px) { 
	.sub .topname{
	    padding-top: 23px;
    /* height: 50px; */
	height: 90px;
    font: 24px/40px 'Kanit', Arial, sans-serif;	
}
.container-main-5 {
	padding-right: 0px !important;
    padding-left: 0px !important;
}

 }
@media (min-width: 576px) and (max-width: 767px) { 
	.sub .topname{
	    padding-top: 23px;
    /* height: 50px; */
	height: 90px;
    font: 24px/40px 'Kanit', Arial, sans-serif;	
}
.container-main-5 {
	padding-right: 0px !important;
    padding-left: 0px !important;
}


 }
@media (min-width: 768px) and (max-width: 991px) { 
	.sub .topname{
	    padding-top: 23px;
    /* height: 50px; */
	height: 90px;
    font: 24px/40px 'Kanit', Arial, sans-serif;	
}
.container-main-5 {
	padding-right: 0px !important;
    padding-left: 0px !important;
}

 }
@media (min-width: 992px) and (max-width: 1199px) { 
	.sub .topname{
	    padding-top: 23px;
    /* height: 50px; */
	height: 90px;
    font: 24px/40px 'Kanit', Arial, sans-serif;	
}
.container-main-5 {
	padding-right: 0px !important;
    padding-left: 0px !important;
}

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