@charset "UTF-8";
/* page_classification-custom 分類-自定義 */

.page_classification-custom-zulin {
	padding:0;
}

/* 代表圖 */
.page_classification-custom-zulin .portrait {
	display:none;
	margin-bottom:20px  
}

/* 描述 */
.page_classification-custom-zulin .summary {
	display:none;
	border:2px solid #f7f7f7;
	font-style:italic;
	padding:20px;
	margin-bottom:40px;
}


/* 介紹/編輯器 */
.page_classification-custom-zulin .editor {
	padding-bottom:40px;
}

/* 分類列表 */
.page_classification-custom-zulin .classList {
	/*text-align:left;*/
    text-align:center;
}
.page_classification-custom-zulin .classList img {
    transition: transform .3s;
}
.page_classification-custom-zulin .classList .item:hover img {
	-moz-transform: scale(1.075);
	-webkit-transform: scale(1.075);
	-ms-transform: scale(1.075);
	transform: scale(1.075);
}
.page_classification-custom-zulin .classList .item {
	display:inline-block;
    width:25%;
	/*padding:0 20px 20px;*/
    padding:30px 30px 30px;
	text-align:center;
    background: #fff;
    margin: 20px 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 11px 0px #70707085;
}
.page_classification-custom-zulin .classList a {
	display:inline-block;
	color:#000;
}
.page_classification-custom-zulin .classList .item h3 {
    font-size: 1.2em;
    line-height: 1.4;
    overflow: hidden;
    margin:0;
	padding:10px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight:bold;
}
.page_classification-custom-zulin .classList .item:hover h3 {
	/*color:#d75d07;*/
    color:#c2ab67;
}
.page_classification-custom-zulin .classList .pic {
	width:220px;
	height:220px;
	border-radius:50%;
    margin:auto;
}
.page_classification-custom-zulin .classList .pic img {
	width:100%;
	height:100%;
    object-fit: cover;
}
.page_classification-custom-zulin .classList .date {
	display:none;
}
.page_classification-custom-zulin .classList .cont {
    display:block;
}

.page_classification-custom-zulin .classList .btnArea {
    display:block;
}
@media only screen and (max-width:1147px) {
   .page_classification-custom-zulin .classList{
        /*flex-direction: column;
        display: flex;*/
    }
    .page_classification-custom-zulin .classList .item {
    padding: 30px 15px 30px;
    text-align: center;
    margin: 20px 10px;
    }
}

@media only screen and (max-width:991px) {
	.page_classification-custom-zulin .classList .item {
		display: inline-block;
		padding: 0 8px 20px;
        width:80%;
	}
	.page_classification-custom-zulin .classList .pic {
		width:150px;
		height:150px;
        margin:auto;
	}

}
.editor p, .editor span{ font-size:17px !important;}