/* screening */
ul li{
	list-style: none;
	padding: 0;
	margin: 0;
}
*{ box-sizing:border-box; padding:0px; margin:0px;}
div.screening{
    width: 100%;
    overflow: hidden;
    background: #fff;
    /*position: fixed;*/
    z-index: 44444;
}
div.screening>ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-bottom: solid 1px #d3d3d3;
    overflow: hidden;
}
div.screening>ul>li{
    float: left;
	 font-size:0.75em;
    width: 25%;
    text-align: center;
    line-height: 3rem;
    border-left: solid 1px #d3d3d3;
    
}
div.screening>ul>li>span{
	background: url("../images/on_1.png") no-repeat right center; background-size:0.75em; padding-right:15px;
	}
div.screening>ul>.current>span{
    background: url("../images/on_2.png") no-repeat  right center;background-size:0.75em; color:#3cb9f3;
}

/* grade */
.meishi22,.grade-eject,.Category-eject,.Sort-eject{
    position:fixed;
    top: -65%;
    width: 100%;
    height: 63%;
    z-index: 1;
    -webkit-transition-duration: 0.4s;
}

.meishi22>ul,.grade-eject>ul,.Category-eject>ul,.Sort-eject>ul{
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    width: 100%;
    -webkit-transition-duration: 0.4s;
}
.meishi22>ul>li,.grade-eject>ul>li,.Category-eject>ul>li,.Sort-eject>ul>li{
	height: 3rem;
    line-height: 3rem;
    font-size: 0.75em;
    padding-left: 1rem;
    border-bottom: solid 1px #eee;
}
.meishi22>ul.meishia-w,.grade-eject>ul.grade-w,.Category-eject>ul.Category-w{
    background: #fff;
    position: absolute;
    z-index: 1; 
}
.meishi22>ul.meishia-t,.grade-eject>ul.grade-t,.Category-eject>ul.Category-t{
    background: #eee;
    position: absolute;
    z-index: 2;
    left: 100%;
}
.meishi22>ul.meishia-t>li,.grade-eject>ul.grade-t>li,.Category-eject>ul.Category-t>li{
    border-bottom: solid 1px #e5e5e5;
}
.meishi22>ul.meishia-s,.grade-eject>ul.grade-s,.Category-eject>ul.Category-s{
    background: #fff;
    position: absolute;
    z-index: 3;
    left: 100%;
    list-style-type: none;
}
.meishi22>ul.meishia-s>li,.grade-eject>ul.grade-s>li,.Category-eject>ul.Category-s>li{
    border-bottom: solid 1px #eee;
    margin-left: 1rem;
    padding: 0;
}
.grade-w-roll{
	top: 3rem; 
}
.grade-w-roll::after{
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background:rgba(0,0,0,0.2);
    top: 0;
}

.grade-w li,.grade-t li{
	position: relative;
}
.check_active{
	background: #EEEEEE;
}
.grade-w img,.grade-t img{
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 52%;
	top: 10px;
}
.all_check img{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 30px;
	z-index: 1212;
}
.recet_button{
	width: 100%;
	background: #FFFFFF;
	height: 50px;
	border-top: 1px solid #EEEEEE;
	position: absolute;
	bottom: -51px;
	z-index: 11;
}
.btn_class{
	margin-top: 5px;
	margin-left: 30%;
}
.div_check{
	position: absolute;
	left: 15px;
	top: 12px;
	
}
.btn_check{
	margin-top: 0px;
}
.text_btn{
	font-size: 14px;
	margin-left: 50px;
	line-height: 40px;
}
.mui-checkbox{
	position: absolute;
	left: 0px;
}
.mui-checkbox input[type=checkbox]{
	left: 20px;
}