.fdleaf{
	display:block;
	width:100%;
	height:100%;
}

.fdleaf.active{
	box-shadow:0 0 12px #4d90fe;
}

.fdleaf .fdelem{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	float:left;
	padding:0;
	margin:0;
	position:relative;
}

.fdleaf .fdelem .pr{
	overflow:hidden;
}

.fdleaf .fdelem .photo,
.fdleaf .fdelem .name,
.fdleaf .fdelem .price,
.fdleaf .fdelem .pr{
	position:absolute;
	display:block;
}

.fdleaf .fdelem .name,
.fdleaf .fdelem .price{
	font-size:1vw;
}

.fdleaf .fdelem .pr{
	font-size:1vw;
}

.fdleaf .fdelem.photo_l{
	width:66.6%;
	height:100%;
}

.fdleaf .fdelem.photo_m{
	width:33.3%;
	height:50%;
}

.fdleaf .fdelem.photo_l .photo,
.fdleaf .fdelem.photo_m .photo{
	width:100%;
	height:72%;
	left:0;
	top:0;
}

.fdleaf .fdelem.photo_l .name,
.fdleaf .fdelem.photo_m .name{
	width:74%;
	height:8%;
	left:1%;
	top:72%;
}

.fdleaf .fdelem.photo_l .price,
.fdleaf .fdelem.photo_m .price{
	width:24%;
	height:8%;
	right:1%;
	top:72%;
}

.fdleaf .fdelem.photo_l .pr,
.fdleaf .fdelem.photo_m .pr{
	width:98%;
	left:1%;
}

.fdleaf .fdelem.photo_m .pr{
	height:13%;
	top:85%;
}

.fdleaf .fdelem.photo_l .pr{
	height:20%;
	top:78%;
}

.fdleaf .fdelem.photo_s{
	width:33.3%;
	height:25%;
}

.fdleaf .fdelem.photo_s .photo{
	width:38%;
	height:60%;
	left:1%;
	top:0;
}

.fdleaf .fdelem.photo_s .name{
	width:59%;
	height:15%;
	right:0;
	top:0;
}

.fdleaf .fdelem.photo_s .price{
	width:28%;
	height:15%;
	right:1%;
	top:15%;
}

.fdleaf .fdelem.photo_s .pr{
	width:59%;
	height:70%;
	right:1%;
	top:30%;
}

.fdleaf .fdelem.row{
	width:33%;
	height:6.25%;
}

.fdleaf .fdelem.row .name{
	width:79%;
	height:100%;
	left:1%;
	top:0;
}

.fdleaf .fdelem.row .price{
	width:19%;
	height:100%;
	right:1%;
	top:0;
}

.fdleaf .row4{
	float:left;
	width:33.3%;
	height:25%;
}

.fdleaf .row4 .fdelem.row{
	width:100%;
	height:25%;
}

.fdleaf .row8{
	float:left;
	width:33.3%;
	height:50%;
}

.fdleaf .row8 .fdelem.row{
	width:100%;
	height:12.5%;
}

.fdleaf .block{
	float:left;
	width:33.3%;
	height:50%;
}

.fdleaf .block .photo_s{
	width:100%;
	height:50%;
}

.fdleaf .block .row4{
	width:100%;
	height:50%;
}

.fdleaf.thumb .fdelem .photo,
.fdleaf.thumb .fdelem .name,
.fdleaf.thumb .fdelem .price,
.fdleaf.thumb .fdelem .pr{
	background-color:#f0f0f0;
	border-right:1px solid white;
	border-bottom:1px solid white;
}

.fdleaf.edit .fdelem{
	border:1px solid rgba(255,255,255,0.1);
}

.fdbook-fr .fdleaf.edit .fdelem,
.fdbook-it .fdleaf.edit .fdelem{
	border:1px solid rgba(0,0,0,0.1);
}

.fdleaf.edit .fdelem.active{
	border:1px solid #4d90fe;
	box-shadow:0 0 12px #4d90fe;
}

.fdleaf .fdelem .photo{
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
}

.fdleaf .fdelem .price{
	text-align:right;
}

.fdleaf.edit .fdelem .remove-btn,
.fdleaf.edit .fdelem .revert-btn{
	display:none;
	position:absolute;
	background-color:#4d90fe;
	color:#333;
	width:1.2em;
	height:1.2em;
	padding:0.1em 0.2em;
	line-height:1em;
}

.fdleaf.edit .fdelem .remove-btn{
	right:-1px;
	top:-1px;
}

.fdleaf.edit .fdelem .revert-btn{
	left:-1px;
	top:-1px;
	padding-left:0.1em;
	padding-right:0.3em;
}

.fdleaf.edit .fdelem .remove-btn:hover,
.fdleaf.edit .fdelem .remove-btn:active,
.fdleaf.edit .fdelem .revert-btn:hover,
.fdleaf.edit .fdelem .revert-btn:active{
	color:white;
}

.fdleaf.edit .fdelem.active .remove-btn,
.fdleaf.edit .fdelem.active .revert-btn{
	display:block;
}