.styleList{
	overflow:hidden;
}
.styleList >div{
	float:left;
	width:33%;
	margin-bottom: 10px;
}
.styleList .roombox{
	margin: 10px;
	position:relative;
}
.styleList .roombox .photo a{
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.styleList .roombox .photo a img{
	width:100%;
}
.styleList .roombox .txt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
}
.styleList .roombox .txt a{
	display: inline-block;
    width: calc(100% / 2);
    height: calc(100% / 2);
    text-align: center;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    margin-top: calc(100% / 4);
	transition:all linear 0.3s;
}
.styleList .roombox h2{
	color:#fff;
	margin: 0 auto;
	display: table;
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	width:50%;
	text-align: center;
	transform: translate(-50%, -50%);
	font-size: 18px;
}
.styleList .roombox .txt:hover a{
	background: rgba(0, 0, 0, 0.61);
	width: calc(100% / 2.3);
    height: calc(100% / 2.3);
	margin-top: calc(100% / 3.5);
}
/*****產品列表頁*****/
.pp{
}
.pp .info{
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 50px);
    background: rgba(0, 0, 0, 0.7);
    padding: 0 25px 15px;
}
.pp .info p{
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-top: 3px solid rgba(255, 255, 255, 0.9);
    padding-top: 15px;
}
.pp .info h2{
	text-align: left;
    width: 100%;
    transform: none;
    float: none;
    display: block;
    position: inherit;
    position: initial;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pp .info h2 a{
	color: #fff;
    font-weight: normal;
	font-size: 20px;
}
@media screen and (max-width: 1280px) {
	.styleList >div{
		width:50%;
	}
}
@media screen and (max-width: 640px) {
	.styleList >div{
		width:100%;
	}
	.styleList .roombox h2{
		font-size:16px;
	}
}