.link-136-2{
	margin:0;
	padding:0;
	height:331px;
	background:url(../images/link-136-2/bg.png) top center no-repeat;	
    margin-top: -27px;
	position:relative;
	z-index:1;

}

.link-136-2 .top-1{
	font: 22px/20px 'Kanit', Arial, sans-serif;
	color:#00619f;
	padding:115px 0;
	margin-left:30px;
	font-weight:bold;
	letter-spacing:1px;
	text-align: center;
}

.link-136-2 .top-1 img{
	max-width:100%;
}
.link-136-2 .top-2{
	font: 22px/20px 'Kanit', Arial, sans-serif;
	color:#0090ff;
	padding:15px 0;
	margin-left:30px;
	font-weight:bold;
	letter-spacing:1px;
	background:url(../images/link-136-2/keed-1.png) bottom left no-repeat;
}

.link-136-2 .link-block{
	margin: 0px 16px;
	/* margin-top: 20px; */
}




.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;
}


.linkblock-mid{
	width:100%;
	height:auto;
	    margin-top: 5px;
	}

.link-136-2 .icon{
	margin:0;
	padding: 34px 0px;
	width: 120px;
	height: 120px;
	text-align:
	center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	/*	transition: all .15s ease-in-out;	*/
	    transition: 0.6s;
    transform-style: preserve-3d;
}
.ll-mid{
	width:100%;
	height:auto;
	padding-top:70px;
	}
.link-136-2 .icon img:hover{
	filter: brightness(5);
    }
.link-136-2 .icon:hover{
	transform: rotateY(180deg);
}
.link-136-2 .ic-1{
	width:146px;
	height:146px;
	background:url(../images/link-136-2/b1.png);
}

.link-136-2 .ic-2{
	width:123px;
	height:135px;
	background:url(../images/link-136-2/b2.png);
}

.link-136-2 .ic-3{
	width:123px;
	height:135px;
	background:url(../images/link-136-2/b3.png);
}

.link-136-2 .ic-4{
	width:123px;
	height:135px;
	background:url(../images/link-136-2/b4.png);
}

.link-136-2 .ic-5{
	width:123px;
	height:135px;
	background:url(../images/link-136-2/b5.png);
}
.link-136-2 .ic-6{
	width:123px;
	height:135px;
	background:url(../images/link-136-2/b6.png);
}

/*.link-136-2 .icon:hover{
	border:#ace3cc 6px solid;
	
	transform: scale(1.2,1.2);
	transition: all .15s ease-in-out;	
}*/

.link-136-2 .icon img{
	max-width:100%;
	height:auto;
}

.link-bottom{
	width:100%;
	height:auto;
	text-align:right;
	position: relative;
    top: -20px;
    right: 100px;
	}

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

.link-136-2 .text{
	margin:0;
	padding:0;
	margin: 10px 0px;
	min-height: 45px;
	text-align:
	center;
	font: 16px/20px 'Kanit', Arial, sans-serif;
}
.link-136-2 .text a{
	color:#000;
}
.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;	
}
 
@media (min-width: 320px) and (max-width: 767px) { 
	.link-136-2{
		/* background: #fff url(../images/link-136-2/bg.jpg) 50% 70px no-repeat; */
	}
	
	.link-136-2 .link-block {
    	margin: 0 10px;
	}
.link-136-2{
	height:auto;
	padding-bottom: 30px !important;
	background:#e4e4e4;

}	
.link-136-2 .top-1 {
    margin-left: 0;
	    padding: 20px 0;
}
.ll-mid {
    padding-top: 0px;
}	
.link-136-2 .ic-1 {
    width: 120px;
    height: 120px;
    background-size: contain;
}
.link-136-2 .icon {
    padding: 24px 0px;
}
.link-bottom {
    right: 0;
	top: 0;
}
} 
@media (min-width: 320px) and (max-width: 768px) { 
.link-136-2 .top-2 {
    color: #fff;
}
}
 
@media (max-width: 374px) { ... }
@media (min-width: 375px) and (max-width: 419px) { ... }
@media (min-width: 420px) and (max-width: 575px) { ... }
@media (min-width: 576px) and (max-width: 767px) { ... }
@media (min-width: 768px) and (max-width: 991px) {
	.link-136-2 .link-block {
    	margin: 0 10px;
	}
.link-136-2{
	height:auto;
	padding-bottom: 30px !important;
	background: rgba(0,200,243,1);
background: -moz-linear-gradient(45deg, rgba(0,200,243,1) 0%, rgba(39,134,222,1) 92%, rgba(39,134,222,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,200,243,1)), color-stop(92%, rgba(39,134,222,1)), color-stop(100%, rgba(39,134,222,1)));
background: -webkit-linear-gradient(45deg, rgba(0,200,243,1) 0%, rgba(39,134,222,1) 92%, rgba(39,134,222,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,200,243,1) 0%, rgba(39,134,222,1) 92%, rgba(39,134,222,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,200,243,1) 0%, rgba(39,134,222,1) 92%, rgba(39,134,222,1) 100%);
background: linear-gradient(45deg, rgba(0,200,243,1) 0%, rgba(39,134,222,1) 92%, rgba(39,134,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c8f3', endColorstr='#2786de', GradientType=1 );

}	
.link-136-2 .top-1 {
    margin-left: 0;
}	
.link-136-2{
	height:auto;
	padding-bottom: 30px !important;
	background:#e4e4e4;

}	
.link-136-2 .top-1 {
    margin-left: 0;
	    padding: 20px 0;
}
.ll-mid {
    padding-top: 0px;
}	
.link-136-2 .ic-1 {
    width: 120px;
    height: 120px;
    background-size: contain;
}
.link-136-2 .icon {
    padding: 24px 0px;
}
.link-bottom {
    right: 0;
	top: 0;
}
	}
@media (min-width: 992px) and (max-width: 1199px) { 
.link-136-2 .justify-content-lg-center{
	  justify-content: start !important;
}
.link-136-2 {
    background: url(../images/link-136-2/bg.png) 43% 50% no-repeat;
}
 }
@media (min-width: 1200px) and (max-width: 1280px) {
	.link-136-2 .link-block {
    margin: 0px 10px;
}
.link-136-2 {
    background: url(../images/link-136-2/bg.png) 47% 0% no-repeat;
}
.link-136-2 .ic-1 {
    width: 95px;
    height: 95px;
    background-size: contain;
}
.link-136-2 .ic-1 img{
   max-width:51%;
}
.link-bottom {
    right: 0;
	top:0;
}
.link-136-2 .icon {
    padding: 24px 0px;
}
	}
@media (min-width: 1281px) and (max-width: 1366px) { 
	.link-136-2 .link-block {
    margin: 0px 10px;
}
.link-136-2 {
    background: url(../images/link-136-2/bg.png) 47% 0% no-repeat;
}
.link-136-2 .ic-1 {
    width: 100px;
    height: 100px;
    background-size: contain;
}
.link-136-2 .ic-1 img{
   max-width:51%;
}
.link-bottom {
    right: 0;
	top:0;
}
.link-136-2 .icon {
    padding: 24px 0px;
}
}
@media (min-width: 1367px) and (max-width: 1440px) { 
	.link-136-2 .link-block {
    margin: 0px 10px;
}
.link-136-2 {
    background: url(../images/link-136-2/bg.png) 47% 0% no-repeat;
}
.link-136-2 .ic-1 {
    width: 110px;
    height: 110px;
    background-size: contain;
}
.link-136-2 .ic-1 img{
   max-width:51%;
}
.link-bottom {
    right: 0;
	top:0;
}
.link-136-2 .icon {
    padding: 24px 0px;
}
 }
@media (min-width: 1441px) and (max-width: 1600px) { 
	.link-136-2 .link-block {
    margin: 0px 10px;
}
.link-136-2 {
    background: url(../images/link-136-2/bg.png) 47% 0% no-repeat;
}
.link-136-2 .ic-1 {
    width: 130px;
    height: 130px;
    background-size: contain;
}
.link-136-2 .ic-1 img{
   max-width:51%;
}
.link-bottom {
    right: 0;
	top:0;
}
.link-136-2 .icon {
    padding: 24px 0px;
}
}