section.searchblock h3{
	position:absolute;
	z-index:1;
	margin:0 auto;
	display:table;
	left:50%;
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	color:#333;
}
section.searchblock ul{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	list-style-position:outside;
}
section.searchblock ul li a{
	display:block;
	text-decoration:none;
	box-sizing:border-box;
	position:relative;
	z-index:1;
	color:#333;
	border-radius:5px;
}
section.searchblock ul li a::after{
	position:absolute;
	content:"";
	background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23FFF" d="M16.002 0c-8.298 0-15.118 6.315-15.921 14.4h20.995l-6.868-6.869c-0.625-0.625-0.625-1.637 0-2.262s1.637-0.625 2.262 0l10.731 10.732-10.731 10.732c-0.311 0.313-0.722 0.468-1.132 0.468s-0.819-0.156-1.132-0.468c-0.625-0.625-0.625-1.637 0-2.262l6.868-6.868h-20.994c0.803 8.084 7.623 14.399 15.921 14.399 8.836 0 15.999-7.163 15.999-16 0-8.836-7.163-16-15.999-16z" /></svg>') no-repeat center center;
	line-height:1;
}
section.searchblock.areasearch ul li a{
	background-color:#9E9;
}
section.searchblock.genresearch ul li a{
	background-color:#FDE;
}
section.searchblock.popularity ul li a{
	background-color:#FC9;
}
section.searchblock.areasearch h3{
	background-color:#9E9;
}
section.searchblock.areasearch .searchtitle dd{
	border-color:#9E9;
}
section.searchblock.genresearch h3{
	background-color:#FDE;
}
section.searchblock.genresearch .searchtitle dd{
	border-color:#FDE;
}
section.searchblock.popularity h3{
	background-color:#FC9;
}
section.searchblock.popularity .searchtitle dd{
	border-color:#FC9;
}
section.searchblock.chosesearch h3{
	background-color:#ADF;
}
section.searchblock.chosesearch .searchtitle dd{
	border:none;
	margin:0;
}
section.searchblock.chosesearch .buttonarea{
	position:relative;
	z-index:1;
	display:table;
	margin:0 auto;
}
section.searchblock.chosesearch .buttonarea input{
	color:#333;
}
@media screen and (max-width:767px){
	div.chosesearchbtn{
		padding:20px 0 0 0;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	div.chosesearchbtn.active{
		padding:0;
	}
	div.chosesearchbtn dl{
		width:100%;
	}
	div.chosesearchbtn.active dl{
		position:absolute;
		width:100%;
		z-index:2;
	}
	div.chosesearchbtn dl dt h3{
		background-color:#ADF;
		font-size:12px;
		font-weight:500;
		line-height:40px;
		padding:0 40px;
		border-top-right-radius:5px;
		border-top-left-radius:5px;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		white-space:nowrap;
		color:#333;
		margin:0 auto;
		display:table;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	div.chosesearchbtn.active dl dt h3{
		padding:0 25px;
		border-top-right-radius:0;
		border-top-left-radius:0;
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
	}
	div.chosesearchbtn dl dd{
		display:none;
		opacity:0;
		margin:0 10px;
		padding:10px 10px 0 10px;
		font-size:9px;
		color:#333;
		text-align:center;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	div.chosesearchbtn.active dl dd{
		display:block;
		opacity:1;
	}
	section.searchwrap{
		background-color:#F6F6F6;
		padding:0 0 10px 0;
	}
	section.searchblock{
		padding:20px 0 0 0;
	}
	section.searchblock.chosesearch:not(.list){
		display:none;
	}
	section.searchblock section.inner{
		position:relative;
		z-index:1;
		border-radius:10px;
		background-color:#FFF;
		margin:0 10px;
	}
	section.searchblock section.inner{
		padding:30px 0 5px 0;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	div.chosesearchbtn.active + section.searchblock.chosesearch section.inner{
		padding:55px 0 5px 0;
	}
	section.searchblock h3{
		font-size:12px;
		font-weight:500;
		line-height:40px;
		padding:0 25px;
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		top:-20px;
		white-space:nowrap;
	}
	section.searchblock .searchtitle dd{
		margin:0 0 5px 0;
		padding:0 10px 10px 10px;
		border-bottom:dotted 1px #9E9;
		font-size:9px;
		color:#333;
		text-align:center;
	}
	section.searchblock ul{
		padding:0 5px 5px 5px;
	}
	section.searchblock ul li{
		margin:5px;
	}
	section.searchblock ul li a{
		line-height:30px;
		padding:0 25px 0 5px;
		font-size:12px;
		font-weight:500;
		box-sizing:border-box;
		display:block;
	}
	section.searchblock ul li a::after{
		top:8px;
		right:8px;
		width:14px;
		height:14px;
	}
	section.chosesearch form dl > *{
		width:100%;
		padding:10px;
		font-size:12px;
		box-sizing:border-box;
	}
	section.chosesearch form dl dt{
		width:100%;
		background-color:#EFEFEF;
		text-align:center;
		font-size:12px;
	}
	section.searchblock.chosesearch .buttonarea{
		border-top:dotted 1px #EFEFEF;
		padding:20px 0 15px 0;
		display:block;
		text-align:center;
	}
	section.searchblock.chosesearch .buttonarea input{
		border-radius:5px;
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 32"><path fill="%23FFF" d="M31.488 28.976v0l-5.989-5.987-2.469 2.467 5.989 5.989c0.341 0.341 0.787 0.51 1.234 0.51s0.894-0.17 1.235-0.51c0.68-0.68 0.68-1.786 0-2.469zM23.342 20.83v0l-0.618 0.619-3.267-3.269c1.648-1.931 2.65-4.432 2.65-7.17 0-6.106-4.95-11.054-11.054-11.054s-11.053 4.947-11.053 11.053c0 6.104 4.949 11.054 11.054 11.054 2.739 0 5.238-1 7.17-2.65l3.267 3.267-0.616 0.618 1.333 1.333 2.467-2.467-1.333-1.334zM11.053 19.739c-4.813 0-8.728-3.914-8.728-8.728s3.914-8.728 8.728-8.728 8.728 3.914 8.728 8.728-3.914 8.728-8.728 8.728z" /></svg>') no-repeat right center;
		background-size:21px 14px;
		background-color:#ADF;
		line-height:40px;
		padding:0 30px 0 10px;
		font-size:12px;
		font-weight:bold;
		width:auto;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	section.searchblock section.inner{
		position:relative;
		z-index:1;
		border-radius:10px;
		background-color:#FFF;
		margin:20px 10px 0 10px;
	}
	section.searchblock section.inner{
		padding:30px 0 0 0;
	}
	section.searchblock h3{
		font-size:12px;
		font-weight:500;
		line-height:40px;
		padding:0 20px;
		border-bottom-right-radius:20px;
		border-bottom-left-radius:20px;
		top:-20px;
		white-space:nowrap;
	}
	section.searchblock .searchtitle dd{
		margin:0 0 10px 0;
		padding:0 10px 10px 10px;
		border-bottom:dotted 1px #9E9;
		font-size:10px;
		color:#333;
		text-align:center;
	}
	section.searchblock ul{
		padding:0 0 0 10px;
	}
	section.searchblock ul li{
		padding:0 10px 10px 0;
	}
	section.searchblock ul li a{
		line-height:30px;
		padding:0 30px 0 5px;
		font-size:10px;
		font-weight:500;
	}
	section.searchblock ul li a::after{
		top:5px;
		right:5px;
		width:20px;
		height:20px;
		font-size:20px;
	}
	section.chosesearch form dl{
		margin:0 0 10px 0;
	}
	section.chosesearch form dl > *{
		width:100%;
		padding:10px;
		font-size:10px;
		box-sizing:border-box;
	}
	section.chosesearch form dl dt{
		width:100%;
		background-color:#EFEFEF;
		text-align:center;
		font-size:12px;
	}
	section.searchblock.chosesearch .buttonarea input{
		line-height:36px;
		padding:0 40px 0 10px;
		font-size:10px;
		font-weight:500;
	}
	section.searchblock.chosesearch .buttonarea::after{
		right:10px;
		top:10px;
	}
	section.banner::before{
		font-size:12px;
	}
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:812px){
}
@media (orientation: landscape) and (min-width:813px) and (max-width:1099px){
}
@media screen and (min-width:1100px){
	div.chosesearchbtn{
		padding:20px 0 0 0;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	div.chosesearchbtn.active{
		padding:0;
		position:relative;
		z-index:2;
	}
	div.chosesearchbtn dl{
		width:100%;
	}
	div.chosesearchbtn.active dl{
		position:absolute;
		width:100%;
		z-index:2;
	}
	div.chosesearchbtn dl dt h3{
		background-color:#ADF;
		font-size:16px;
		font-weight:500;
		line-height:60px;
		padding:0 40px;
		border-top-right-radius:5px;
		border-top-left-radius:5px;
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
		white-space:nowrap;
		color:#333;
		margin:0 auto;
		display:table;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
		cursor:pointer;
	}
	div.chosesearchbtn.active dl dt h3{
		padding:0 30px;
		border-top-right-radius:0;
		border-top-left-radius:0;
		border-bottom-right-radius:20px;
		border-bottom-left-radius:20px;
	}
	div.chosesearchbtn dl dd{
		display:none;
		opacity:0;
		margin:0 10px;
		padding:20px 10px 0 10px;
		font-size:14px;
		color:#666;
		text-align:center;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	div.chosesearchbtn.active dl dd{
		display:block;
		opacity:1;
	}
	section.searchblock.chosesearch:not(.list){
		display:none;
	}
	section.searchblock section.inner{
		width:900px;
		position:relative;
		z-index:1;
		border-radius:10px;
		background-color:#FFF;
		margin:40px auto 0 auto;
		box-sizing:border-box;
	}
	section.searchblock section.inner::before,
	section.searchblock section.inner::after{
		position:absolute;
		z-index:1;
		width:70px;
		height:70px;
		display:block;
		content:"";
		background-image:url(../img/nyight.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:80px;
	}
	section.searchblock section.inner::before{
		left:10px;
		bottom:10px;
	}
	section.searchblock section.inner::after{
		right:10px;
		bottom:10px;
	}
	section.searchblock.areasearch section.inner::before,
	section.searchblock.areasearch section.inner::after{
		background-color:#9E9;
	}
	section.searchblock.genresearch section.inner::before,
	section.searchblock.genresearch section.inner::after{
		background-color:#FDE;
	}
	section.searchblock.popularity section.inner::before,
	section.searchblock.popularity section.inner::after{
		background-color:#FC9;
	}
	section.searchblock.chosesearch section.inner::before,
	section.searchblock.chosesearch section.inner::after{
		background-color:#ADF;
	}
	section.searchblock section.inner{
		padding:40px 80px 10px 80px;
	}
	section.searchblock.chosesearch section.inner{
		padding:80px 80px 10px 80px;
	}
	section.searchblock h3{
		font-size:16px;
		font-weight:500;
		line-height:60px;
		padding:0 30px;
		border-bottom-right-radius:20px;
		border-bottom-left-radius:20px;
		top:-40px;
	}
	section.searchblock .searchtitle dd{
		text-align:center;
		padding:0 0 20px 0;
		color:#666;
		font-size:14px;
	}
	section.searchblock ul li{
		padding:0 5px 10px 5px;
	}
	section.searchblock ul li a{
		line-height:50px;
		padding:0 50px 0 20px;
		font-size:14px;
		font-weight:500;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	section.searchblock.areasearch ul li a:hover{
		background-color:#9D3;
	}
	section.searchblock.genresearch ul li a:hover{
		background-color:#F69;
	}
	section.searchblock.popularity ul li a:hover{
		background-color:#FC3;
	}
	section.searchblock ul li a::after{
		top:15px;
		right:15px;
		width:20px;
		height:20px;
	}
	section.chosesearch form dl{
		display:table;
		width:100%;
		margin:0 0 10px 0;
	}
	section.chosesearch form dl > *{
		display:table-cell;
		vertical-align:middle;
		padding:10px;
		box-sizing:border-box;
	}
	section.chosesearch form dl dt{
		width:20%;
		background-color:#EFEFEF;
		font-size:14px;
		color:#666;
	}
	section.chosesearch form dl dd{
		border:solid 1px #EFEFEF;
	}
	section.searchblock.chosesearch .buttonarea{
		text-align:center;
		padding:20px 0;
	}
	section.searchblock.chosesearch .buttonarea input{
		line-height:50px;
		padding:0 50px 0 25px;
		border-radius:5px;
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 32"><path fill="%23FFF" d="M31.488 28.976v0l-5.989-5.987-2.469 2.467 5.989 5.989c0.341 0.341 0.787 0.51 1.234 0.51s0.894-0.17 1.235-0.51c0.68-0.68 0.68-1.786 0-2.469zM23.342 20.83v0l-0.618 0.619-3.267-3.269c1.648-1.931 2.65-4.432 2.65-7.17 0-6.106-4.95-11.054-11.054-11.054s-11.053 4.947-11.053 11.053c0 6.104 4.949 11.054 11.054 11.054 2.739 0 5.238-1 7.17-2.65l3.267 3.267-0.616 0.618 1.333 1.333 2.467-2.467-1.333-1.334zM11.053 19.739c-4.813 0-8.728-3.914-8.728-8.728s3.914-8.728 8.728-8.728 8.728 3.914 8.728 8.728-3.914 8.728-8.728 8.728z" /></svg>') no-repeat right center;
		background-size:30px 20px;
		background-color:#ADF;
		line-height:50px;
		font-size:14px;
		font-weight:bold;
		width:auto;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	section.searchblock.chosesearch .buttonarea input:hover{
		background-color:#3CF;
	}
}