.canvas {
    margin-top: -120px;
}

.search-home{
	position: relative;
	/* top: -157px; */
	width:920px;
	margin:0 auto;
	margin-top: -40px;
	z-index: 9;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* overflow:hidden; */
	box-shadow: 0px 0px 16px -2px #000;
	}
	
.search-home .title{
	font-size:19px;
	line-height: 24px;
	margin-top: 25px;
	color:#000;
	}	
	
.search-home .tag-box {
	padding-top: 20px;
}		
	
.search-home .tag-box a{
	font: 23px/20px 'thaisanslite', Arial, sans-serif;
	padding: 5px 16px;
	margin: 2px 1px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 10px;
	display: inline-block;
	color:#fff;
}
	
.search-home .cr-1{
	background: #78b66c;
}
	
.search-home .cr-2{
	background: #9880af;
}
		
.search-home .cr-3{
	background: #aea858;
}
		
.search-home .cr-4{	
	background:#f560b2;
}
		
	
/**************************/
.search-home .box-search{

/* border-bottom: #fff 1px solid; */

/* background:url(../images/search/gd.jpg) top left no-repeat; */

background-size:100% 100%;

padding: 1px 10px;
}

.search-home .box-search .box-sin{
	/* border-bottom:#fff 1px solid; */
	margin-bottom: 0;
	padding-top:5px;
}

.search-home .box-search input{
	width: 100%;
	padding:3px;
	margin-top: 7px;
	padding-left:10px;
	background:rgba(255, 255, 255, 0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
	height:46px;
	color: #a188a2;
	font: 24px/20px 'thaisanslite', Arial, sans-serif;
	border-bottom: 1px solid #d7d7d7;
	}

.search-home .box-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font: 24px/20px 'thaisanslite', Arial, sans-serif;
  color:#a188a2 !important;
}
.search-home .box-search input::-moz-placeholder { /* Firefox 19+ */
  font: 24px/20px 'thaisanslite', Arial, sans-serif;
  color:#a188a2 !important;
}
.search-home .box-search input:-ms-input-placeholder { /* IE 10+ */
 font: 24px/20px 'thaisanslite', Arial, sans-serif;
  color:#a188a2 !important;
}
.search-home .box-search input:-moz-placeholder { /* Firefox 18- */
  font:35px/20px 'thaisanslite', Arial, sans-serif;
  color:#a188a2 !important;
}

.search-home .btn-s{
	width: 120px;
	margin-left: 5px;
	text-align:center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#262626;
	/* background:#83ceff; */
	}
	
.search-home .btn-s a{
	display:block;
	width:100%;
	padding:10px 0;
}	
	
	
	
@media (min-width: 375px) and (max-width: 419px) { 

	.search-home{
		width: auto;
		margin:0 15px;
		}
	.search-home .tag-box {
		padding-top: 0px;
		padding-bottom:10px;
	}	
	.search-home{
		margin-top: 0px;
	}

 }
@media (min-width: 420px) and (max-width: 575px) {
 
	.search-home{
		width: auto;
		margin:0 15px;
	}
	.search-home .tag-box {
	padding-top: 0px;
	padding-bottom:10px;
	}
	.search-home{
		margin-top: 0px;
	}			
 }
@media (min-width: 576px) and (max-width: 767px) { 

	.search-home{
		width: auto;
		margin:0 15px;
	}
	.search-home .tag-box {
		padding-top: 0px;
		padding-bottom:10px;
	}	
	
	.search-home{
		margin-top: 0px;
	}
 }	

@media (min-width: 768px) and (max-width: 991px) { 

	.search-home{
		width: auto;
		margin:0 15px;
	}
	.search-home .tag-box {
		padding-top: 0px;
		padding-bottom:10px;
	}	
	
	.search-home{
		margin-top: 0px;
	}
	
}