#searchouter{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .8); opacity:0; z-index:50; transform:scale(1.5); visibility:hidden; transition:.5s;padding-bottom: 13%;}
#searchouter.show{opacity:1; transform:scale(1); visibility:visible;}
#searchouter .in{width:650px;max-width: 92%;}
#searchouter .in .form{width:100%; border-bottom:1px solid #e4e4e4;}
#searchouter .in .form .keyword{padding-right:60px; width:100%; height:96px; line-height:96px; font-size:28px; color:#fff;}
#searchouter .in .form .keyword::-webkit-input-placeholder{font-size:28px; color:#aaa;}
#searchouter .in .form .keyword::-moz-placeholder{font-size:28px; color:#aaa;}
#searchouter .in .form .keyword:-moz-placeholder{font-size:28px; color:#aaa;}
#searchouter .in .form .keyword:-ms-input-placeholder{font-size:28px; color:#aaa;}
#searchouter .in .submit{top:0; right:0; bottom:0;}

@media(max-width: 992px){
	#searchouter .in .form .keyword{padding-right:6vw; height:9.6vw; line-height:9.6vw; font-size:.212rem;}
	#searchouter .in .form .keyword::-webkit-input-placeholder{font-size:.212rem;}
	#searchouter .in .form .keyword::-moz-placeholder{font-size:.212rem;}
	#searchouter .in .form .keyword:-moz-placeholder{font-size:.212rem;}
	#searchouter .in .form .keyword:-ms-input-placeholder{font-size:.212rem;}
}
@media(max-width: 576px){
	#searchouter .in .form .keyword{height:9.6vw; line-height:9.6vw; font-size:.3rem;}
	#searchouter .in .form .keyword::-webkit-input-placeholder{font-size:.3rem;}
	#searchouter .in .form .keyword::-moz-placeholder{font-size:.3rem;}
	#searchouter .in .form .keyword:-moz-placeholder{font-size:.3rem;}
	#searchouter .in .form .keyword:-ms-input-placeholder{font-size:.3rem;}
	#searchouter .in .submit svg{width: 6vw;}
}