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

.service-109-1{
	width:100%;
	height: 400px;
	background: url(../images/service-109-1/bg.png) top center no-repeat;
	position: relative;
	z-index: 1;
	margin-top: -250px;
	}
.service-block-2 {
	margin-top: 160px;
	margin-left: 0px;
}
.service-pic-2{
	max-width:100%;
}
.service-pic-2 img{
	/* max-width:100%; */
}
.search-row-1-left{
	margin: 0;
    width: 100%;
    padding: 0;
    padding-top: 35px;
    font: 30px/30px 'Kanit', Arial, sans-serif;
    text-align: center;
    color: #115ba5;
    font-style: italic;
}
.search-row-1-left img{
	max-width:100%;
	height:auto;
}
.service-row-1-right{
       margin-top: 120px;
       width:100%;
}
.service-title{
	width:100%;
	height:auto;
	font:26px/24px 'thaisanslite', Arial, sans-serif;
	color:#9a9a9a;
	/* text-align:center; */
	font-weight:bold;
	padding-left: 15px;
	}
.service-row-1-right .btn-left{
	margin:0;
	padding:0;
	padding-top: 60px;
}
.service-row-1-right .btn-left img{
	max-width:100%;
	height:auto;
}
.service-row-1-right .block-center{
	margin:0;
	padding:0;
}
.service-row-1-right .service-block-2{
	position: relative;
	z-index: 5;
}
.service-row-1-right .service-block-2 img{
	max-width:100%;
	height:auto;
}
.service-row-1-right .service-block{
	width: 179px;
	height: 179px;
	text-align:
	center;
	position: relative;
	z-index: 5;
	background: url("../images/service-109-1/icon-2.png") top center no-repeat;
}
.service-row-1-right .service-block1{
	/* width: 180px; */
	height: 177px;
	text-align:
	center;
	position: relative;
	z-index: 5;
	background: url("../images/service-109-1/icon-2.png") top center no-repeat;
}
.service-row-1-right .service-block img{
	}


.service-row-1-right .service-pic{
	padding: 17px 0px 0px 0px;
	    transition: 0.6s;
    transform-style: preserve-3d;
}
.service-row-1-right .service-pic:hover{
	transform: rotateY(180deg);
}

.service-row-1-right .service-block:hover{
	cursor:pointer;
	color:#008ad7;	
}
.service-row-1-right .service-block:hover img{
 		transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transition: all .35s ease-in-out;
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
}
.service-orange{
}

.service-row-1-right .service-text{
	text-align:
	center;
	font: 18px/25px 'lineseed', Arial, sans-serif;
	margin-top: 45px;
	color: #ffffff;
}

.service-row-1-right .btn-right{
	margin:0;
	padding:0;
	padding-top: 60px;
}
.service-row-1-right .btn-right img{
	max-width:100%;
	height:auto;
}
.service-109-1 .servivce-bottom {
	margin-top: 0;
	/* margin-left: -52px; */
	position: relative;
	z-index: 4;
	margin-bottom: 20px;
	right: 0px;
	/* padding-top: 185px; */
}
.box{
	width: 50%;
	padding: 5px;
	background: #004edd94;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-left: 191px;
	margin-top: 20px;
	}

.box-search{

	display:flex;
	}

.box-search input{
	width:700px;
	padding:0px;
	padding-left:30px;
	background:rgba(255, 255, 255, 0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
	height:46px;
	
	font:35px/18px 'thaisanslite', Arial, sans-serif;
	color:#fff;
	font-weight:lighter;
	}


.btn-s{
	width:80px;
    margin-right: 10px;
	
	text-align:center;
	

	}
	
.btn-s a{
	display:block;
	width:100%;
	padding:10px 0;
}
.service-bottom {
	width: 100%;
    margin-top: 10px;
    display: block;
    height: auto;
    text-align: center;
}
@media (max-width: 374px) { 
.service-row-1-right .service-block1 {
    width: 140px;
}
.service-row-1-right {
    margin-top: 65px;
}
.service-109-1{
	height: 565px;
	background: url(../images/service-109-1/bg2.png) top center no-repeat;
	background-size: cover;
	}
}
@media (min-width: 375px) and (max-width: 575px) { 
.service-row-1-right .service-block1 {
    /* width: 155px; */
}
.service-row-1-right {
    margin-top: 65px;
}
.service-109-1{
	height: 495px;
	background: url(../images/service-109-1/bg2.png) top center no-repeat;
	background-size: cover;
	margin-top: 0;
	}
.service-block-2{
		
margin-top: 90px;
}
	}
@media (min-width: 576px) and (max-width: 991px) { 
.service-row-1-right .service-block1 {
    /* width: 170px; */
}
.service-109-1{
		background: url(../images/service-109-1/bg.png) 30% 0% no-repeat;
		margin-top: 0px;
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.service-row-1-right .service-block1 {
    width: 133px;
}
.service-109-1{
		
background: url(../images/service-109-1/bg.png) 40% 0% no-repeat;
}
}
@media (min-width: 1200px) and (max-width: 1280px) { 
.service-row-1-right .service-block1 {
    width: 180px;
}
.service-109-1{
		
background: url(../images/service-109-1/bg.png) 45% 0% no-repeat;
}
}
@media (min-width: 1281px) and (max-width: 1366px) { 
.service-row-1-right .service-block1 {
    /* width: 190px; */
}
.service-109-1{
		
background: url(../images/service-109-1/bg.png) 40% 0% no-repeat;
}
}