.boothlist-on-page{
	display: flex;
	flex-wrap:wrap;
}
.boothone-on-page{ width: 48%; margin:1%; box-shadow:0 0px 5px rgba(0, 0, 0, 0.2); 
	border-radius:0px;
	display:inline-flex;
	height:160px;
}

.boothone-on-page .boothone-cover{
	min-width:46%; 
	height:100%;
	overflow:hidden;
}
.boothone-on-page .boothone-coverimg{
	min-width:100%; 
	height:100%;
	background-position:center center;
	background-repeat:no-repeat; background-size: cover;
	transition: all 0.4s ease-out;
}


.boothone-on-page .boothone-coverimg:hover{
	transform:scale(1.1);
}
.boothone-on-page .boothone-intro{
	width:100%;
	height:100%;
	padding: 0.25rem 1rem;
	position:relative;word-break: break-all;	
}
.boothone-on-page .boothone-name{
	font-weight:bold;
	color:#333;
}
.boothone-on-page .boothone-desc{
	line-height:1.5rem;
	color:#999;
}

.boothone-on-page .boothone-ui{
	width:100%; position:absolute;
	bottom:0; left: 0;
	display:flex;
}
.boothone-on-page .boothone-ui a::before{ content:"【"; }
.boothone-on-page .boothone-ui a::after{ content:"】"; }
.boothone-on-page .boothone-ui a{
	width:100%; text-align:center;  color:#51a5ff;
	transition: all 0.4s ease-out;
}

.boothone-on-page .boothone-ui a:hover{
	text-decoration: none;
	color:#fd0d8c;
}

@media all and (max-width: 768px) {
	.exhione-content h2, .exhione-content h3{font-size: 1rem;}
	.boothone-on-page .boothone-desc{display: none;}
	.boothone-on-page{  width: 100%;height: 100px;margin: 1% 1% 3% 1%;}
	.exhione-content .boothone-on-page .boothone-name{line-height: 150%;}
}