@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%;
	}
.link45-bottom {
    width: 100%;
    height: auto;
}
@media (max-width: 374px) { 
.link-145-1{
    background-size: cover;
    height: auto;
    margin-top: 0;
    background: rgba(206,56,154,1);
background: -moz-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(206,56,154,1)), color-stop(100%, rgba(223,124,200,1)));
background: -webkit-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -o-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -ms-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce389a', endColorstr='#df7cc8', 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: rgba(206,56,154,1);
background: -moz-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(206,56,154,1)), color-stop(100%, rgba(223,124,200,1)));
background: -webkit-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -o-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -ms-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce389a', endColorstr='#df7cc8', GradientType=1 );
}
.link45-bottom {
    position: relative;
    top: -23px;
}
.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: rgba(206,56,154,1);
background: -moz-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(206,56,154,1)), color-stop(100%, rgba(223,124,200,1)));
background: -webkit-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -o-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -ms-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce389a', endColorstr='#df7cc8', GradientType=1 );
}
.link45-bottom {
    position: relative;
    top: -23px;
}
.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: rgba(206,56,154,1);
background: -moz-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(206,56,154,1)), color-stop(100%, rgba(223,124,200,1)));
background: -webkit-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -o-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -ms-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce389a', endColorstr='#df7cc8', GradientType=1 );
}
.link45-bottom {
    position: relative;
    top: -23px;
}
.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: rgba(206,56,154,1);
background: -moz-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(206,56,154,1)), color-stop(100%, rgba(223,124,200,1)));
background: -webkit-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -o-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -ms-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce389a', endColorstr='#df7cc8', GradientType=1 );
}
.link45-bottom {
    position: relative;
    top: -23px;
}
.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(206,56,154,1);
background: -moz-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(206,56,154,1)), color-stop(100%, rgba(223,124,200,1)));
background: -webkit-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -o-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: -ms-linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
background: linear-gradient(45deg, rgba(206,56,154,1) 0%, rgba(223,124,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce389a', endColorstr='#df7cc8', 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;
}
	}