@charset "utf-8";

/* CSS Document */
.search-109-1 {
	width     : 100%;
	height    : auto;
	position  : relative;
	z-index   : 1;
	margin-top: -103px;
}

.search-block {
	position             : absolute;
	top                  : -35px;
	margin               : 0;
	padding              : 0;
	padding              : 5px;
	width                : 657px;
	height               : 66px;
	padding-left         : 55px;
	border               : 1px solid #6780ac;
	-webkit-border-radius: 300px;
	-moz-border-radius   : 300px;
	border-radius        : 300px;
	background           : url(../images/search-109-1/bg.png) top center no-repeat;
	-webkit-box-shadow   : 0px 7px 8px 0px rgba(0, 0, 0, 0.13);
	-moz-box-shadow      : 0px 7px 8px 0px rgba(0, 0, 0, 0.13);
	box-shadow           : 0px 7px 8px 0px rgba(0, 0, 0, 0.13);
}

.search-block input {
	border     : none;
	height     : 50px;
	font-weight: lighter;
	font       : 25px/70px 'kanit', Arial, sans-serif;
	color      : #434343;
	background : none;
}

.search-block input::placeholder {
	font-weight: lighter;
	font       : 20px/70px 'kanit', Arial, sans-serif;
	color      : #434343;
}

.search-block .btn {
	display              : inline-block;
	font-weight          : 400;
	text-align           : center;
	white-space          : nowrap;
	vertical-align       : middle;
	-webkit-user-select  : none;
	-moz-user-select     : none;
	-ms-user-select      : none;
	user-select          : none;
	border               : none;
	/*padding            : .375rem .75rem;
    font-size         : 1rem;
    line-height       : 1.5;
    border-radius     : .25rem;*/
	width                : 100%;
	height               : 49px;
	-webkit-border-radius: 300px;
	-moz-border-radius   : 300px;
	border-radius        : 300px;
	font                 : 25px/35px 'kanit', Arial, sans-serif;
	transition           : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	background           : rgba(255, 84, 0, 1);
	background           : -moz-linear-gradient(left, rgba(255, 84, 0, 1) 0%, rgba(255, 158, 0, 1) 100%);
	background           : -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 84, 0, 1)), color-stop(100%, rgba(255, 158, 0, 1)));
	background           : -webkit-linear-gradient(left, rgba(255, 84, 0, 1) 0%, rgba(255, 158, 0, 1) 100%);
	background           : -o-linear-gradient(left, rgba(255, 84, 0, 1) 0%, rgba(255, 158, 0, 1) 100%);
	background           : -ms-linear-gradient(left, rgba(255, 84, 0, 1) 0%, rgba(255, 158, 0, 1) 100%);
	background           : linear-gradient(to right, rgba(255, 84, 0, 1) 0%, rgba(255, 158, 0, 1) 100%);
	filter               : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5400', endColorstr='#ff9e00', GradientType=1);
}

@media (max-width: 374px) {
	.search-block .btn {
		width   : 100%;
		font    : 14px/33px 'kanit', Arial, sans-serif;
		position: absolute;
		right   : 16px;
	}

	.search-block {
		width       : 340px;
		background  : url(../images/search-109-1/bg.png) top left no-repeat;
		padding-left: 45px;
	}

	.search-block input::placeholder {
		font: 14px/70px 'kanit', Arial, sans-serif;
	}
}

@media (min-width: 375px) and (max-width: 413px) {
	.search-block .btn {
		width   : 100%;
		font    : 14px/33px 'kanit', Arial, sans-serif;
		position: absolute;
		right   : 19px;
	}

	.search-block {
		width       : 360px;
		background  : url(../images/search-109-1/bg.png) top left no-repeat;
		padding-left: 45px;
	}

	.search-block input::placeholder {
		font: 15px/70px 'kanit', Arial, sans-serif;
	}
}

@media (min-width: 414px) and (max-width: 575px) {
	.search-block .btn {
		width   : 100%;
		font    : 17px/33px 'kanit', Arial, sans-serif;
		position: absolute;
		right   : 16px;
	}

	.search-block {
		width       : 385px;
		background  : url(../images/search-109-1/bg.png) top left no-repeat;
		padding-left: 45px;
	}

	.search-block input::placeholder {
		font: 16px/70px 'kanit', Arial, sans-serif;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.search-block .btn {
		width   : 100%;
		font    : 21px/33px 'kanit', Arial, sans-serif;
		position: absolute;
		right   : 16px;
	}

	.search-block {
		width       : 490px;
		background  : url(../images/search-109-1/bg.png) top left no-repeat;
		padding-left: 45px;
	}

	.search-block input::placeholder {
		font: 16px/70px 'kanit', Arial, sans-serif;
	}
}