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

.link-136-2{
	margin:0;
	padding:0;
	min-height:383px;
	
}

.link-136-2 .top{
	font: 29px/20px 'Kanit', Arial, sans-serif;
	font-weight:bold;
	margin: 20px 0px;
	color:#000;
	text-align:center;
	/* text-shadow: 4px 4px 4px rgba(14, 72, 140, 0.3); */
}

.link-136-2 .link-block{
	margin-top: 20px;
	margin-bottom: 30px;
	width: 239px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}




.link-136-2 .bg-1{
	background: url(../images/link-136-2/link-1.jpg) top center no-repeat;
	background-size:contain;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.link-136-2 .bg-2{
	background: url(../images/link-136-2/link-2.jpg) top center no-repeat;
	background-size:contain;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.link-136-2 .bg-3{
	background: url(../images/link-136-2/link-3.jpg) top center no-repeat;
	background-size:contain;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.link-136-2 .bg-4{
	background: url(../images/link-136-2/link-4.jpg) top center no-repeat;
	background-size:contain;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.link-136-2 .bg-5{
	background: url(../images/link-136-2/link-5.jpg) top center no-repeat;
	background-size:contain;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.link-136-2 .bg-6{
	background: url(../images/link-136-2/link-6.jpg) top center no-repeat;
	background-size:contain;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.link-136-2 .bg-7{
	background: url(../images/link-136-2/link-7.jpg) top center no-repeat;
	background-size:contain;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.link-136-2 .bg-8{
	background: url(../images/link-136-2/link-8.jpg) top center no-repeat;
	background-size:contain;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

.link-136-2 .text span{
	
}

@media (max-width: 374px) {
	.link-136-2 .top {
    margin-top: 25px;
}
	}
@media (min-width: 375px) and (max-width: 419px) {
	.link-136-2 .top {
    margin-top: 25px;
}
	}
@media (min-width: 420px) and (max-width: 575px) {
	.link-136-2 .top {
    margin-top: 25px;
}
	 }
@media (min-width: 576px) and (max-width: 767px) {
	.link-136-2 .top {
    margin-top: 25px;
}
	}
@media (min-width: 768px) and (max-width: 991px) {
	.link-136-2 .top {
    margin-top: 25px;
}
	}
@media (min-width: 992px) and (max-width: 1199px) { 
.link-136-2 .justify-content-lg-center{
	  justify-content: start !important;
}
 }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { 
.link-136-2 .link-block{
	    width: 183px;
	    height: 150px;
}
.link-136-2 .text{
    margin: 7px 15px!important;
}
}
@media (min-width: 1367px) and (max-width: 1440px) { 
.link-136-2 .link-block {
	width: 195px;
	height:160px;
}
.link-136-2 .text{
	    margin: 10px 15px!important;
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { 


 }
 

.link-136-2 .icon{
	margin:0;
	padding: 10px 0px;
	width: 232px;
	/* height: 65px; */
	font: 24px/24px 'thaisanslite', Arial, sans-serif;
	text-align:center;
	color:#fff;
	background:#1d6ec0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.link-136-2 .icon:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5af39+0,f57e3c+100 */
background: #f5af39; /* Old browsers */
background: -moz-linear-gradient(top,  #f5af39 0%, #f57e3c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f5af39 0%,#f57e3c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f5af39 0%,#f57e3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5af39', endColorstr='#f57e3c',GradientType=0 ); /* IE6-9 */	
}





.link-136-2 .icon img{
	max-width:100%;
	height:auto;
}
.link-136-2 .text{
	margin:0;
	padding:0;
	/* margin: 20px 15px; */
	text-align:center;
	font: 24px/24px 'thaisanslite', Arial, sans-serif;
	color: #fff;
	/* font-weight:bold; */
}
.link-136-2 .text a{
	color:#fff;
}
.link-136-2 .t-yellow{
	color:#f9b139;	
}
.link-136-2 .t-yellow a{
	color:#f9b139;	
}
.link-136-2 .t-yellow a:hover{
	color:#00255a;	
}

.link-136-2 .t-orange{
	color:#f15a25;	
}
.link-136-2 .t-orange a{
	color:#f15a25;	
}
.link-136-2 .t-orange a:hover{
	color:#00255a;	
}

.link-136-2 .t-purple{
	color:#484b7e;	
}
.link-136-2 .t-purple a{
	color:#484b7e;	
}
.link-136-2 .t-purple a:hover{
	color:#00255a;	
}

.link-136-2 .t-blue-1{
	color:#056692;	
}
.link-136-2 .t-blue-1 a{
	color:#056692;	
}
.link-136-2 .t-blue-1 a:hover{
	color:#00255a;	
}

.link-136-2 .t-blue-2{
	color:#248daa;	
}
.link-136-2 .t-blue-2 a{
	color:#248daa;	
}
.link-136-2 .t-blue-2 a:hover{
	color:#00255a;	
}

.link-136-2 .t-blue-3{
	color:#39bdca;	
}
.link-136-2 .t-blue-3 a{
	color:#39bdca;	
}
.link-136-2 .t-blue-3 a:hover{
	color:#00255a;	
}

.link-136-2 .t-blue-4{
	color:#2447aa;	
}
.link-136-2 .t-blue-4 a{
	color:#2447aa;	
}
.link-136-2 .t-blue-4 a:hover{
	color:#00255a;	
}

.link-136-2 .t-pink{
	color:#ad2ac4;	
}
.link-136-2 .t-pink a{
	color:#ad2ac4;	
}
.link-136-2 .t-pink a:hover{
	color:#00255a;	
}
.link-136-2 .bottom{
	width:100%;
	height:auto;
	text-align:center;
	}