@charset "utf-8";
/* CSS Document */
.search text{
	
}
.search-128-1{
	width:100%;
	height:auto;
	/* margin-top: -180px; */
	padding-top: 54px;
	background:url(../images/search-128-1/bg.png) top center no-repeat;
	position:relative;
	}
.search-128-1:hover{
	cursor:pointer;
	background:url(../images/service-94-1/line-hover.jpg) top left repeat-x;	
}

.search-128-1 .top{
	font: 30px/20px 'Kanit', Arial, sans-serif;
	color:#fff;
	margin-top: 0;
	
	/* text-shadow: 4px 4px 4px rgba(14, 72, 140, 0.3); */
}
.top-search{
	width:100%;
	height:auto;
	font: 36px/24px 'Kanit', Arial, sans-serif;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:50px;
	}
.s-block{
	width:100%;
	height:auto;
	position:relative;
	/* padding-left: 15px; */
	}
.bg-search{
	width:100%;
	height:65px;
	    margin-top: 10px;
	/* background:url(../images/search-128-1/bg-s.png) top center repeat; */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	}
.search{
	margin:0;
	padding: 5px;
	width: 100%;
	height: 60px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 2px solid #6b6b6b;
}

.search input{
	width: 100%;
	padding: 10px 0 0 0;
	background:rgba(255, 255, 255, 0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
	height: auto;
	font-family: 'Kanit', Arial, sans-serif;
	font-size: 16px;
	color:#2e2e2e;
}

.search-128-1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font:18px/20px 'Kanit', Arial, sans-serif;
	color:#2e2e2e;
}
.search-128-1 input::-moz-placeholder { /* Firefox 19+ */
	font:18px/20px 'Kanit', Arial, sans-serif;
	color:#2e2e2e;
}
.search-128-1 input:-ms-input-placeholder { /* IE 10+ */
	font:18px/20px 'Kanit', Arial, sans-serif;
	color:#2e2e2e;
}
.search-128-1 input:-moz-placeholder { /* Firefox 18- */
	font:18px/20px 'Kanit', Arial, sans-serif;
	color:#2e2e2e;
}


.search-bottom {
    color: #fff;
	position: absolute;
    right: 4px;
    padding-top: 3px;
}

.search-tax{
	width:100%;
	height:auto;
	margin-top:5px;
	white-space: nowrap;
	}
.tax-title{
	width:100%;
	height:30px;
	padding:5px;
	color: #fff;
	font:21px/20px
	'thaisanslite', Arial, sans-serif;
	text-align:
	left;
	background: #00457b;
	-webkit-border-radius: 10px;
	border-radius: 5px;
	}
.tax-box{
	width:100%;
	height:30px;
	padding: 2px 5px 5px 5px;
	color: #fff;
	font:21px/20px
	'thaisanslite', Arial, sans-serif;
	text-align:
	center;
	border-radius: 0px;
	s: 11px;
	border-radius: 10px;
	border-radius: 5px;
	}
.tax-box:hover{
	 color: #fff;
	}
.tt-bg1{
	background: #009b42;
	}
.tt-bg2{
	background: #dd4400;
	}
.tt-bg3{
	background: #1e27cc;
	}
.tt-bg4{
	background: #001683;
	}
	


@media (max-width: 360px) {
	.search {
    width: 100%;
}
.s-block {
    padding-left: 0px;
}

}
@media (min-width: 375px) and (max-width: 413px) { 
	.search {
    width: 100%;
}
.s-block {
    padding-left: 0px;
}

}
@media (min-width: 414px) and (max-width: 767px) { 
	.search {
    width: 100%;
}
.s-block {
    padding-left: 0px;
}
.bg-search {
    width: 100%;
}
.search-tax {
	width:100%;
}
}
@media (min-width: 576px) and (max-width: 991px){
.search{
		
width: 93%;
}
}
@media (min-width: 992px) and (max-width: 1199px) { 
.search-128-1 .container-cv-5 {
    width: 100%;
}
.search-128-1 {
    padding: 46px 130px;
}
}