@charset "utf-8"; 

@media (max-width: 1040px) {
    .filter_item {min-height: 0px;
    }
	.filter_item_wrap.mobile { display:block; white-space:normal;}

.btn-filter.no_icon { padding:4px 8px;}
.btn-filter { padding:4px 22px 4px 8px; font-size:12px; border-color:#ddd; margin-left:0;}
.btn-filter:after { width:16px; height:16px; background-size:18px;}
}



@media (max-width: 1040px) {
			
    .pop-layer { top:30px; left:-10px; width:140px; }

    
    .pop-layer .pop-container { padding:10px;}


    #layer21.pop-layer{top: 37px; left: -79px; width: 364px;}
    #layer22.pop-layer{top: 37px; left: -147px; width: 364px;}
    #layer23.pop-layer{top: 37px; left: -245px; width: 320px;}

    .txt-input-amount {width: 136px;}
    .txt-input-amount > input {width: 80%;}
        
/* mystyle.css */
/* The Modal (background) */
		
		.search-modal-btn { float:right; display:inline-block; width:32px; height:32px; line-height:38px; font-size:20px; text-align:center; background-color:#7b38e0; color:#fff;}
		
        .search-modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 999; /* Sit on top */
            left: 0;
            top: 0px;
            width: 100%; /* Full width */
            height: calc(100% - 00px); /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: #fff; /* Fallback color */
        }
		
        /* Modal Content/Box */
        .search-modal-content {
            background-color: #fff;
            margin:0; /* 15% from the top and centered */
            padding: 0px;
            width: 100%; /* Could be more or less, depending on screen size */
			height:100%;
        }
		
		.search-modal-content h3 { text-align:center; font-size:18px; font-weight:600;}
		
		.search-modal-content .btn-pop.btn-filter { display:none;}
		
		.search-modal-content .filter_item { width:100%;}
		.search-modal-content .filter_item:last-child { padding-bottom:50px;}
		
		.search-modal-content .pop-layer { display:block !important; position:relative; top:0; border-color:#ddd; border-color:#fff; border-bottom:1px solid #eee; width:100%; left:0;}
		.search-modal-content .pop-layer .pop-container { padding:20px;}
		.search-modal-content .pop-layer .pop-container .pop-conts .pop-conts-con {}
		.search-modal-content .pop-layer .btn-r { display:none;}
		
		.search-modal-content .txt-input-amount input { width:calc(100% - 30px);}
		.txt-input-amount span { float:right;}
		
		
		
        /* The Close Button */
        .search-modal-title .search-close {
            color: #aaa;
            font-size: 20px;
			position:absolute; top:2px; left:0; padding:0 20px; line-height:45px;
        }
		.search-modal-title .search-close img { width:24px}
		
        .search-modal-title .search-close:hover,
        .search-modal-title .search-close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
 
 
 		.search-modal-title { font-size:18px; text-align:center; font-weight:600; padding:0 20px; line-height:50px; position: fixed; top: 0; width: 100%; background-color: #fff; z-index: 99;}
		.search-modal-title .reset_item { position:absolute; right:0; top:50%; transform:translateY(-50%); border:none !important; padding:0 20px !important; color:#999 !important;}
		.search-modal-con { margin-top:50px;}
		
		.search-modal-close { position:fixed; left:0; bottom:0; width:100%; z-index:99; display:block; height:50px; line-height:50px; font-size:18px; text-align:center; z-index:99; }
				
}


@media (max-width: 350px) {
    #layer21.pop-layer{top: 37px; left: -79px; width: 300px;}
    #layer22.pop-layer{top: 37px; left: -147px; width: 300px;}
    #layer23.pop-layer{top: 37px; left: -10px; width: 300px;}

    .txt-input-amount > input {
        width: 70%;
    }
}