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

.link-145-1 {
    margin: 0;
    padding: 0;
    height: 318px;
    position: relative;
    margin-top: 201px;
    z-index: 2;
    /* background:url(../images/links-145-1/bg.png) top center no-repeat; */
}

.link-145-1 .link-block {
    width: 100%;
    height: 218px;
    background: url(../images/links-145-1/line-x.png) top center no-repeat;
    margin-top: 47px;
}

.link-145-1 .top {
    width: 100%;
    height: auto;
    padding: 23px 0px;
    position: absolute;
    left: 300px;
    top: -210px;
}

.link-145-1 .link-block .line-top {
    display: none;
}

.link-145-1 .link-block .icon {
    margin: 0;
    padding: 0;
    width: 100%;
}

.link-145-1 .link-block .icon img {
    max-width: 100%;
    height: auto;
}

.link-145-1 .link-block .textall {
    height: 74px;
}

.link-145-1 .link-block .text {
    margin: 0;
    padding: 0;
    width: 100%;
    font: 18px/35px 'Kanit', Arial, sans-serif;
    color: #ffffff;
}

.link-145-1 .link-block .text a {
    color: #ffffff;
}

.link-145-1 .link-block .text a:hover {
    color: #fffefd;
}

.link-left {
    position: absolute;
    left: -55px;
    top: 37%;
}

.link-right {
    position: absolute;
    right: -40px;
    top: 37%;
}

@media (max-width: 374px) {
    .link-145-1 {
        background-size: cover;
        height: auto;
        margin-top: 0;
        background: rgb(4 195 101);
        background: -moz-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(109, 212, 199, 1)), color-stop(49%, rgba(59, 128, 149, 1)), color-stop(100%, rgba(39, 94, 129, 1)));
        /* background: -webkit-linear-gradient(left, rgba(109,212,199,1) 0%, rgba(59,128,149,1) 49%, rgba(39,94,129,1) 100%); */
        background: -o-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -ms-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: linear-gradient(to right, rgb(4 195 100) 0%, rgb(3 190 127) 49%, rgb(1 185 158) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd4c7', endColorstr='#275e81', GradientType=1);
    }
    .link-145-1 .link-block .line-top {
        display: block;
        background: url(../images/links-145-1/line-x.jpg) top left repeat-x;
    }
    .link-145-1 .link-block {
        padding-left: 70px;
        margin-top: 75px;
        /* background: #fff; */
        background: none;
    }
    .link-145-1 .top {
        padding: 20px 0px 0px 0px;
        text-align: center;
        position: relative;
        /* left: 0px; */
        /* top: -20px; */
        left: -50px;
        top: 10px;
    }
    .line-bottom {
        width: 400px;
    }
    .link-left {
        left: 0;
    }
    .link-right {
        right: 0;
    }
}

@media (min-width: 375px) and (max-width: 419px) {
    .link-145-1 {
        background-size: cover;
        height: auto;
        margin-top: 0;
        background: rgb(4 195 101);
        background: -moz-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(109, 212, 199, 1)), color-stop(49%, rgba(59, 128, 149, 1)), color-stop(100%, rgba(39, 94, 129, 1)));
        /* background: -webkit-linear-gradient(left, rgba(109,212,199,1) 0%, rgba(59,128,149,1) 49%, rgba(39,94,129,1) 100%); */
        background: -o-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -ms-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: linear-gradient(to right, rgb(4 195 100) 0%, rgb(3 190 127) 49%, rgb(1 185 158) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd4c7', endColorstr='#275e81', GradientType=1);
    }
    .link-145-1 .link-block .line-top {
        display: block;
        background: url(../images/links-145-1/line-x.jpg) top left repeat-x;
    }
    .link-145-1 .link-block {
        padding-left: 40px;
        margin-top: 75px;
        /* background: #fff; */
        background: none;
    }
    .link-145-1 .top {
        padding: 20px 0px 0px 0px;
        text-align: center;
        position: relative;
        /* left: 0px; */
        /* top: -20px; */
        left: 0px;
        top: 20px;
    }
    .line-bottom {
        width: 400px;
    }
    .link-left {
        left: -40px;
    }
    .link-right {
        right: -40px;
    }
}

@media (min-width: 420px) and (max-width: 575px) {
    .link-145-1 {
        background-size: cover;
        height: auto;
        margin-top: 0;
        background: rgb(4 195 101);
        background: -moz-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(109, 212, 199, 1)), color-stop(49%, rgba(59, 128, 149, 1)), color-stop(100%, rgba(39, 94, 129, 1)));
        /* background: -webkit-linear-gradient(left, rgba(109,212,199,1) 0%, rgba(59,128,149,1) 49%, rgba(39,94,129,1) 100%); */
        background: -o-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -ms-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: linear-gradient(to right, rgb(4 195 100) 0%, rgb(3 190 127) 49%, rgb(1 185 158) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd4c7', endColorstr='#275e81', GradientType=1);
    }
    .link-145-1 .link-block .line-top {
        display: block;
        background: url(../images/links-145-1/line-x.jpg) top left repeat-x;
    }
    .link-145-1 .link-block {
        padding-left: 70px;
        margin-top: 75px;
        /* background: #fff; */
        background: none;
    }
    .link-145-1 .top {
        padding: 20px 0px 0px 0px;
        text-align: center;
        position: relative;
        /* left: 0px; */
        /* top: -20px; */
        left: 0px;
        top: 20px;
    }
    .line-bottom {
        width: 400px;
    }
    .link-left {
        left: 0;
    }
    .link-right {
        right: 0;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .link-145-1 {
        background-size: cover;
        height: auto;
        margin-top: 0;
        background: rgb(4 195 101);
        background: -moz-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(109, 212, 199, 1)), color-stop(49%, rgba(59, 128, 149, 1)), color-stop(100%, rgba(39, 94, 129, 1)));
        /* background: -webkit-linear-gradient(left, rgba(109,212,199,1) 0%, rgba(59,128,149,1) 49%, rgba(39,94,129,1) 100%); */
        background: -o-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -ms-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: linear-gradient(to right, rgb(4 195 100) 0%, rgb(3 190 127) 49%, rgb(1 185 158) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd4c7', endColorstr='#275e81', GradientType=1);
    }
    .link-145-1 .link-block .line-top {
        display: block;
        background: url(../images/links-145-1/line-x.jpg) top left repeat-x;
    }
    .link-145-1 .link-block {
        padding-left: 70px;
        margin-top: 75px;
        /* background: #fff; */
        background: none;
    }
    .link-145-1 .top {
        padding: 20px 0px 0px 0px;
        text-align: center;
        position: relative;
        /* left: 0px; */
        /* top: -20px; */
        left: 0px;
        top: 20px;
    }
    .line-bottom {
        width: 400px;
    }
    .link-left {
        left: 0;
    }
    .link-right {
        right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .link-145-1 {
        background-size: cover;
        height: auto;
        margin-top: 0;
        background: rgb(4 195 101);
        background: -moz-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(109, 212, 199, 1)), color-stop(49%, rgba(59, 128, 149, 1)), color-stop(100%, rgba(39, 94, 129, 1)));
        /* background: -webkit-linear-gradient(left, rgba(109,212,199,1) 0%, rgba(59,128,149,1) 49%, rgba(39,94,129,1) 100%); */
        background: -o-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -ms-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: linear-gradient(to right, rgb(4 195 100) 0%, rgb(3 190 127) 49%, rgb(1 185 158) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd4c7', endColorstr='#275e81', GradientType=1);
    }
    .link-145-1 .link-block .line-top {
        display: block;
        background: url(../images/links-145-1/line-x.jpg) top left repeat-x;
    }
    .link-145-1 .link-block {
        padding-left: -11px;
        margin-top: 75px;
        /* background: #fff; */
        width: 94%;
        background: none;
    }
    .link-145-1 .top {
        padding: 20px 0px 0px 0px;
        text-align: center;
        position: relative;
        /* left: 0px; */
        /* top: -20px; */
        left: 0px;
        top: 20px;
    }
    .line-bottom {
        width: 260px;
    }
    .link-left {
        left: 0;
        display: none;
    }
    .link-right {
        right: 40px;
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .link-145-1 {
        background-size: cover;
        height: auto;
        margin-top: 0;
        background: rgba(109, 212, 199, 1);
        background: -moz-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(109, 212, 199, 1)), color-stop(49%, rgba(59, 128, 149, 1)), color-stop(100%, rgba(39, 94, 129, 1)));
        background: -webkit-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -o-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: -ms-linear-gradient(left, rgba(109, 212, 199, 1) 0%, rgba(59, 128, 149, 1) 49%, rgba(39, 94, 129, 1) 100%);
        background: linear-gradient(to right, rgb(4 195 102) 0%, rgb(3 190 127) 49%, rgb(1 186 155) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd4c7', endColorstr='#275e81', GradientType=1);
    }
    .link-145-1 .link-block .line-top {
        display: block;
        background: url(../images/links-145-1/line-x.jpg) top left repeat-x;
    }
    .link-145-1 .link-block {
        padding-left: 70px;
        margin-top: 0px;
        /* background: #fff; */
        background: none;
    }
    .link-145-1 .top {
        padding: 20px 0px 0px 0px;
        text-align: center;
        left: 290px;
        top: 0px;
        position: relative;
    }
    .line-bottom {
        width: 330px;
    }
    .link-left {
        left: 0;
    }
    .link-right {
        right: 0;
    }
}

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

@media (min-width: 1281px) and (max-width: 1366px) {
    .link-145-1 {
        margin-top: 193px;
        /* background: url(../images/links-145-1/bg.png) 38% 0% no-repeat; */
    }
    .link-145-1 .top img {
        /* max-width:100%; */
    }
    .link-145-1 .top {
        padding: 47px 0px;
        position: relative;
        left: 40px;
    }
    .line-bottom {
        width: 150px;
    }
    .link-145-1 .link-block .text {
        font: 15px/22px 'Kanit', Arial, sans-serif;
    }
    .link-145-1 .link-block {
        margin-left: 5px;
        background-size: 100% 100%;
    }
    .link-left {
        left: -55px;
    }
    .link-right {
        right: -20px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .link-145-1 {
        margin-top: 193px;
        /* background: url(../images/links-145-1/bg.png) 38% 0% no-repeat; */
    }
    .link-145-1 .top img {
        /* max-width:100%; */
    }
    .link-145-1 .top {
        padding: 47px 0px;
        position: relative;
        left: 40px;
    }
    .line-bottom {
        width: 150px;
    }
    .link-145-1 .link-block .text {
        font: 15px/22px 'Kanit', Arial, sans-serif;
    }
    .link-145-1 .link-block {
        margin-left: 5px;
        background-size: 100% 100%;
    }
    .link-left {
        left: -55px;
    }
    .link-right {
        right: -20px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .link-145-1 .link-block .text {
        font: 16px/22px 'Kanit', Arial, sans-serif;
    }
    .link-145-1 .top {
        position: relative;
        left: 193px;
    }
    .link-right {
        right: -15px;
    }
}

/* ------------------------------------------------ */

@media (min-width: 375px) and (max-width: 419px) {
	.link-145-1 .owl-theme .owl-nav {
		left: 10px !important;
		right: 10px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.link-145-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: -10px !important;
	}
	.link-145-1 .event-block-bottom {
		margin-top: 50px !important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.link-145-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.link-145-1 .owl-theme .owl-nav {
		left: 15px !important;
		right: -55px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.link-145-1 .owl-theme .owl-nav {
		left: 25px !important;
		right: 75px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.link-145-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.link-145-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.link-145-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.link-145-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}