.search-dialog-box{

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 99;

}

.search-dialog-box .black{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, .2);

}

.search-dialog{

	position: absolute;

	left:50%;

	top:50%;

	box-sizing:border-box;

	width: 90%;

	padding: .2rem;

	transform: translate(-50%,-50%);

	background-color: #fff;

	box-shadow: 0 0 10px rgba(0,0,0,.33);

	border-radius: .4rem;

} 

.search-dialog input[type=text]{

	float: left;

    width: 86%;

    border: none;

    padding: 0;

    font-size: .24rem;

    line-height: .4rem;

    height: .4rem;

    color: #999;

    background-color: #fff;

    border-radius: 0;

}

.search-dialog input[type=submit] {

    float: right;

    width: 28px;

    height: 28px;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    border: none;

    padding: 0;

    background-image: url(../image/dialog-search-btn.png);

    background-color: transparent;

}

.search-dialog input::-webkit-input-placeholder{

    color:#999;

}

.search-dialog input::-moz-placeholder{   /* Mozilla Firefox 19+ */

    color:#999;

}

.search-dialog input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

    color:#999;

}

.search-dialog input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

    color:#999;

}







@media (min-width: 768px){

	.search-dialog{

		width: 500px;

		padding: 15px 25px;

		border-radius: 30px;

	}

	.search-dialog input[type=text]{

		font-size: 14px;

		line-height: 28px;

		height: 28px;

		width: 90%;

	}

	.search-dialog input[type=submit]{

		width: 28px;

		height: 28px;

	}

}



@media (min-width: 1025px){

	.search-dialog{

		font-size: 18px;

		width: 680px;

		padding: 20px 30px;

		border-radius: 34px;

	}



	.search-dialog input[type=text]{

		font-size: 18px;

	}

}

@media screen and (max-width:767px){
	.search-dialog input[type=submit] {
		width: 20px;
    height: 20px;
	}
	input[type="search"]{
		font-size:16px;
	}
}
@media screen and (max-width:500px){
	.search-dialog input[type=submit] {
		width: 15px;
    height: 25px;
	}
	input[type="search"]{
		font-size:14px;
	}
}