.search-box{ display: block; padding: 72px calc((100% - var(--w-main)) / 2); background: var(--c-theme-d); font-size: 15px; color: #fff;  }
.search-box .title{
    display: block; float: left; width: 200px; margin-right: 50px; padding-right: 0;
	font-size: 40px; line-height: 46px; font-weight: 600;
}
.search-box .select-box{ display: block; float: left; width: 220px; position: relative; z-index: 0; margin-right: 20px; }
.search-box .select-box ul{
    display: block; width: 100%; list-style-type: none; padding: 0; margin: 0;
    background: var(--c-white); z-index: 1000;
    position: absolute; top: 73px; left: 0;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(35,31,32,0.1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(35,31,32,0.1);
    box-shadow: 2px 2px 5px 0px rgba(35,31,32,0.1);
    border-radius: 2px;
}
.search-box .select-box ul:before, .search-box .select-box ul:after{
    content: ''; display: block; width: 100%; height: 0;
    -webkit-transition: height 100ms ease-in-out;
	-moz-transition: height 100ms ease-in-out;
	-ms-transition: height 100ms ease-in-out;
	-o-transition: height 100ms ease-in-out;
	transition: height 100ms ease-in-out;
}
.search-box .select-box ul li{
    display: block; padding: 0; margin: 0; cursor: pointer;
    font-size: 18px; color: var(--c-black); line-height: 32px; font-weight: 500; height: 0; overflow: hidden; white-space: nowrap;
    -webkit-transition: background,height 100ms ease-in-out;
	-moz-transition: background,height 100ms ease-in-out;
	-ms-transition: background,height 100ms ease-in-out;
	-o-transition: background,height 100ms ease-in-out;
	transition: background,height 100ms ease-in-out;
}
.search-box .select-box.open{ z-index: 10; }
.search-box .select-box.open ul li{ height: 32px; }
.search-box .select-box.open ul li label{ display: block; width: 100%; padding: 12px 12px 12px 36px; position: relative; cursor: pointer; }
.search-box .select-box.open ul li label input[type="checkbox"]{
	position: absolute; top: 14px; left: 12px; width: 16px; height: 16px;
}
.search-box .select-box.open ul li label input[type="checkbox"]::before{ margin: -5px 0 0 2px; }
.search-box .select-box.open ul li label input[type="checkbox"]:checked::before{ transform: scale(0.7) rotate(45deg); }

.search-box .select-box.open ul li label span{ display: block; width: 100%; font-size: 16px; line-height: 20px; }
.search-box .select-box.open ul:before, .search-box .select-box.open ul:after{ height: 12px; }
.search-box .select-box.open ul:before{ height: 0; }
.search-box .select-box ul li:hover{ /*background: var(--c-grey-050);*/ }
.search-box .select-box ul li.selected{ /*background: var(--c-grey-800); color: var(--c-white);*/ }
.search-box .select-box .txt{ display: block; font-size: 14px; line-height: 16px; font-weight: 500; margin-bottom: 8px; }
.search-box .select-box .input{
    cursor: pointer; display: block; height: 48px;
    font-size: 18px; font-weight: 500; line-height: 44px; color: var(--c-white); width: 100%; background: none;
    overflow: hidden; border: 2px solid var(--c-theme-l); border-radius: 4px; padding: 0 10px;
    white-space: nowrap; position: relative; z-index: 0;
    transition: border-color 200ms ease-in;
}
.search-box .select-box .input:before{
    content: ''; display: block; width: 32px; height: 44px; background: var(--c-theme-d);
    position: absolute; top: 0; right: 0; z-index: 0;
}
.search-box .select-box .input:after{
    content: ''; display: block;
	width: 0px; height: 0px;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: var(--c-white) transparent transparent transparent;
    position: absolute;
    top: 18px; right: 8px; z-index: 1;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.search-box .select-box.open .input:after{
    top: 18px; right: 8px; z-index: 1;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.search-box .select-box.open .input{ border-color: #fff; background: #fff; color: #000; }
.search-box .select-box.open .input:before{ background: #fff; }
.search-box .select-box.open .input:after{ border-color: var(--c-black) transparent transparent transparent; }

.search-box .select-box .input > b{
	display: inline-block; vertical-align: middle; width: 20px; height: 20px; overflow: hidden;
	background: var(--c-theme-l); color: #000; margin-top: -2px; margin-right: 8px; padding-left: 1px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 16px; line-height: 22px; text-align: center; font-weight: 700;
}
.search-box .select-box .input:hover {
    border-color: #fff;
}

.search-box .select-box.empty .input > b{ display: none; }

.search-box .results{ display: block; float: left; width: 160px; position: relative; margin-left: 30px; padding: 15px 0; }
.search-box .results .txt{ display: block; float: left; height: 100%; width: 80px; text-align: left; font-size: 18px; line-height: 22px; font-weight: 400; padding: 9px 0; }
.search-box .results .input{ float: right; font-size: 58px; line-height: 62px;  font-weight: 600; color: var(--c-theme-l); }

.search-box .btn-search{
	display: block; float: right; text-align: center; height: 48px; width: 134px; text-align: center;
	margin-top: 22px; padding: 0 10px;
	font-size: 18px; line-height: 44px; color: var(--c-white);
	background: var(--c-white); color: var(--c-theme-d);
	font-weight: 600;
	border: 2px solid var(--c-white); border-radius: 4px;
	-webkit-transition: background 100ms ease-in-out;
	-moz-transition: background 100ms ease-in-out;
	-ms-transition: background 100ms ease-in-out;
	-o-transition: background 100ms ease-in-out;
	transition: background 100ms ease-in-out;
}
.search-box .btn-search:hover{ color: var(--c-white); background: transparent; text-decoration: none; }

@media screen and (max-width:1440px),screen and (max-device-width:1440px){
	.search-box{  padding-left: 48px; padding-right: 48px; padding-top: 64px; padding-bottom: 64px; position: relative; }
	.search-box .title{ width: 100%; margin-bottom: 20px; }
}
@media screen and (max-width:1180px),screen and (max-device-width:1180px){
	.search-box{ padding-left: 20px; padding-right: 20px; }
	.search-box .results{ clear: both; margin-left: 0; margin-top: 44px; }
	.search-box .btn-search{ float: left; margin-left: 48px; margin-top: 67px; }
	.search-box .title{ width: 100%; margin-bottom: 20px; font-size: 34px; line-height: 34px; }
	.search-box .title{ padding-bottom: 30px; }
}
@media screen and (max-width:768px),screen and (max-device-width:768px){
	.search-box .select-box{ clear: both;  margin-bottom: 20px; width: 50%;  }
	.search-box .select-box#s_price{ margin-bottom: 0; }
	.search-box .results{ clear: both; margin-left: 0; margin-top: 0; position: absolute; bottom: 118px; right: 20px; }
	.search-box .btn-search{ float: left; margin-left: 0; margin-top: 0; position: absolute; bottom: 64px; right: 20px; }
	.search-box .select-box .txt{ display: none; }
	.search-box .select-box ul{ top: 51px; }
}
@media screen and (max-width:550px),screen and (max-device-width:640px){
	.search-box .select-box{ clear: both;  margin-bottom: 20px; width: 100%;  }
	.search-box .results{ position: static; margin-top: 24px; padding-bottom: 0; }
	.search-box .select-box#s_price{ margin-bottom: 20; }
	.search-box .btn-search{ position: static; float: right; margin-top: 47px; }
}