.search-wrapper{ max-width: none; width: 100%; background: #3a4049; padding: 50px 50px; }
.search-wrapper .s-title{ margin-bottom: 35px; }
.search-wrapper .search-box{ width: 100%; max-width: 1430px; margin: 0 auto; }
.search-wrapper .s-title{ color: #fff; margin-bottom: 30px; }
.search-wrapper .s-title:before{ display: none; }

.search-wrapper{ position: relative; z-index: 10; }
.search-content .article .ap-price{ font-size: 1.4em; }
.main-content .search-box .select-box{ margin-bottom: 0; }
.search-content{ width: 100%; padding: 0; background: #fff; }
.search-content .article{
	width: 33.33%; float: left; padding: 50px;
	position: relative;
}
.search-content .article:before{
	content: ''; display: block; width: 1px; height: calc(100% - 60px);
	position: absolute; left: 0; top: 30px;
	background: #555c66; z-index: 1;
}
.search-content .article:after{
	content: ''; display: block; height: 1px; width: calc(100% - 60px);
	position: absolute; top: 0; left: 30px;
	background: #555c66; z-index: 1;
}
.search-content .article .table-params{ width: 100%; max-width: none; }
.search-content .main{ padding-left: 0; padding-right: 0; }
.search-content .article:nth-of-type(1):after,
.search-content .article:nth-of-type(2):after,
.search-content .article:nth-of-type(3):after{ display: none; }
.search-content .article:nth-of-type(3n+1):before{ display: none; }
.search-content .article:nth-of-type(3n+1){ clear: both; }

.search-content .article{ padding-top: 300px; }
.search-content .article .img{
	display: block; width: 100%; height: 300px; overflow: hidden;
	position: absolute; top: 0; left: 0;
	border-left: 50px solid #fff; 
	border-right: 50px solid #fff; 
	border-top: 30px solid #fff; 
	border-bottom: 30px solid #fff; 
}
.search-content .article .img img{ 
	display: block; position: absolute; top: 50%; left: 50%;
	max-width: 100%; max-height: 100%; width: auto; height: auto;
	transform: translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%); 
}
.search-content .article h3{ font-size: 1.4em; }
.search-content .article h3 a{ color: inherit; }

.search-box{ }
.search-box:after, .sell-box .b-items:after{ content: ''; display: block; width: 100%; height: 1px;  overflow: hidden; }

.search-box .select-box{ 
	display: block; float: left; width: 25%; position: relative; z-index: 0;
	padding-right: 60px; 
}
.search-box .select-box ul{
    display: block; width: 100%; list-style-type: none; padding: 0; margin: 0;
    background: rgba(230, 230, 230,.95); z-index: 1000; 
    position: absolute; top: 53px; left: 70px; max-width: 227px;
    font-family: 'Kurale', serif;
}
.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:before{ display: none; }
.search-box .select-box ul li{ 
    display: block; padding: 0 10px; margin: 0; cursor: pointer;
    font-size: .95em; color: #555c66; line-height: 28px; 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: 28px; }
.search-box .select-box.open ul:before, .search-box .select-box.open ul:after{ height: 10px; }
.search-box .select-box ul li:hover{ background: #fff; }
.search-box .select-box ul li.selected{ background: #555c66; color: #fff; }
.search-box .select-box .txt{ 
	display: block; line-height: 70px;  color: #fff;
	float: left; width: 70px;
}
.search-box .select-box .input{ 
    cursor: pointer; font-family: 'Kurale', serif;
    display: block; float: left; height: 40px; line-height: 40px; color: #fff; width: calc(100% - 70px); 
    overflow: hidden; border: 1px solid #989ea8; white-space: nowrap; position: relative; z-index: 0; 
    border-radius: 5px; margin-top: 15px; padding: 0 15px;
}
.search-box .select-box .input:before{
    content: ''; display: block; width: 40px; height: 40px;
    position: absolute; top: 0; right: 0; z-index: 0;
}
.search-box .select-box .input:after{
    content: ''; display: block; width: 16px; height: 16px;
    border-left: 1px solid #989ea8; border-top: 1px solid #989ea8;
    position: absolute;     
    top: 7px; right: 11px; z-index: 1;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}
.search-box .select-box.open .input:after{ 
    top: 17px; right: 11px; z-index: 1;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); 
}
.search-box .btn-search{ 
	display: block; width: 250px; margin: 0 auto;  text-align: center; padding: 0 30px;
	font-family: 'Kurale', serif; font-size: 1.1em; line-height: 40px;
	padding: 0 15px; border-radius: 5px; background: #299940; color: #fff;
	float: right; margin-top: 15px;
}
.search-box .results{ 
	display: block; float: left; width: 25%; position: relative;
	border-left: 1px solid #fff; padding-left: 60px;
}
.search-box .results .txt{ display: block;  line-height: 70px; color: #fff; float: left; }
.search-box .results .input{ 
	display: block; font-size: 50px; line-height: 70px; color: #299940; font-weight: 600;
	float: left; margin-right: 30px; font-weight: 600;
}

@media screen and (max-width:1490px){
	.search-wrapper{ clear: both; padding: 30px; }
	.search-box .select-box ul{ width: calc(100% - 130px); }
	.search-content .article{ padding-left: 30px; padding-bottom: 30px; padding-right: 30px; }
	.search-content .article .img{ border-left: 30px solid #fff; border-right: 30px solid #fff; }
}
@media screen and (max-width:1366px){
	.search-wrapper{ padding: 20px; }
	.search-box .select-box{ padding-right: 35px; }
	.search-box .results{ padding-left: 30px; }
	.search-box .select-box ul{ width: calc(100% - 105px); }
	.search-content .article{ padding-left: 20px; padding-bottom: 20px; padding-right: 20px; }
	.search-content .article .img{ border-left: 20px solid #fff; border-right: 20px solid #fff; border-top: 20px solid #fff; border-bottom: 0 solid #fff; }
	.search-content .main{ padding: 0; }
	.search-content .article:before{ height: calc(100% - 40px); top: 20px; }
	.search-content .article:after{ width: calc(100% - 40px); left: 20px; }
}
@media screen and (max-width:1280px){
	.search-wrapper{ padding: 20px 10px; }
	.search-box .select-box .txt{ width: 55px; }
	.search-box .select-box .input{ width: calc(100% - 55px); }
	.search-box .select-box ul{ width: calc(100% - 90px); max-width: none; left: 55px; }
}
@media screen and (max-width:1024px){
	.search-box .btn-search{ margin: 0 auto; clear: both; float: none; }
	.search-box .select-box, .search-box .results{ width: 33.33%; margin-bottom: 10px; }
}
@media screen and (max-width:840px){
	.search-wrapper{ padding: 10px; }
	.search-box .select-box{ width: 50%; padding: 0 20px; }
	.search-box .select-box:first-child{ padding-left: 0; }
	.search-box .select-box:nth-child(2){ padding-right: 0; }
	.search-box .results{ border-left: 0px solid; padding-left: 0; width: 50%; }
	.search-box .btn-search{ clear: none; float: right; margin: 10px 0 0 0; }
	.search-box .results{ margin-bottom: 0; }
	.search-box .select-box ul{ width: calc(100% - 75px); left: 75px; }
	.search-wrapper .s-title{ margin-bottom: 20px; }
	.search-content .article{ width: 50%; }
	.search-content .article:nth-of-type(3n+1){ clear: none; }
	.search-content .article:nth-of-type(2n+1){ clear: both; }
	
	.search-content .article:nth-of-type(1):after,
	.search-content .article:nth-of-type(2):after,
	.search-content .article:nth-of-type(3):after{ display: block; }
	.search-content .article:nth-of-type(3n+1):before{ display: block; }
	
	.search-content .article:nth-of-type(1):after,
	.search-content .article:nth-of-type(2):after{ display: none; }
	.search-content .article:nth-of-type(2n+1):before{ display: none; }
}
@media screen and (max-width:550px){
	.search-box .btn-search{ margin: 0 auto; clear: both; float: none; margin-bottom: 10px; }
	.search-box .results{ width: 100%; margin-bottom: 10px; border-top: 1px solid #fff; padding-top: 10px; text-align: center; }
	.search-box .results .input, .search-box .results .txt{ display: inline-block; float: none; margin: 0 10px; vertical-align: middle; }
	.search-box .select-box{ width: 100%; padding: 0 30px!important; }
	.search-box .select-box .txt{ width: 70px; }
	.search-box .select-box .input { width: calc(100% - 70px); }
	.search-box .select-box ul{ width: calc(100% - 130px); left: 100px; }
	
	.search-content .article{ width: 100%; clear: both; }
	.search-content .article:before{ display: none!important; }
	.search-content .article{ padding-left: 10px; padding-bottom: 10px; padding-right: 10px; }
	.search-content .article .img{ border-left: 10px solid #fff; border-right: 10px solid #fff; border-top: 20px solid #fff; border-bottom: 0 solid #fff; }
	.search-content .article:before{ height: calc(100% - 20px); top: 10px; }
	.search-content .article:after{ width: calc(100% - 20px); left: 10px; }
}
@media screen and (max-width:400px){ 
	.search-box .select-box{ padding: 0!important; }
	.search-box .select-box ul{ width: calc(100% - 70px); left: 70px; }
}