@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/22px '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 : 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: 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;
    }
}