@charset "utf-8";
.pdd-bottom {
	width: 93%;
	margin-left: 3%;
	margin-right: 3%;
}
.pdd-bottom ul {
    width: 100%;
	margin: 0;
	padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content: center;
}
.pdd-bottom li {
	width: 100%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
.pdd-bottom a {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
}
.pdd-bottom span {
	width: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: 1px solid #ffcc00;
}
.pdd-bottom span:hover {
	border: 1px solid #ff0000;
	transition: border 0.5s;
}
.pdd-bottom span:before {
	content: "";
	display: block;
}
#pdd-1 li , #pdd-2 li{
	width:37.5%;
}
#pdd-1 span:before {
	padding-top: 66.7%;
}
#pdd-2 span:before{
	padding-top: 73.8%;
}
#pdd-5 span:before{
	padding-top: 133%;
}
#pdd-rb {
    background-image: url(https://www.roller-cutter.com/img/products/rbm/raise-boring.png);
}
#pdd-db {
    background-image: url(https://www.roller-cutter.com/img/products/rbm/down-boring.png);
}
#pdd-bhb {
    background-image: url(https://www.roller-cutter.com/img/products/rbm/box-hole-boring.png);
}
#pdd-bb {
    background-image: url(https://www.roller-cutter.com/img/products/rbm/blind-boring.png);
}
#pdd-hb {
    background-image: url(https://www.roller-cutter.com/img/products/rbm/horisontal-boring.png);
}
#pdd-rcd {
    background-image: url(https://www.roller-cutter.com/img/products/rcd/reverse-circulation-drilling.png);
}
#pdd-tb {
	background-image: url(https://www.roller-cutter.com/img/products/tbm/tunnel-boring.jpg)
}
#pdd-pj {
	background-image: url(https://www.roller-cutter.com/img/products/tbm/pipe-jacking.jpg)
}