@charset "UTF-8";
/* index_classification-custom 首頁分類-自定義 */
.index_classification-custom_city .details{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.index_classification-custom_city .details .city_icon::before{
    content:"";
    background-color:#fff;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDYuOTEgMzQxLjMzIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IuWcluWxpF8yIiBkYXRhLW5hbWU9IuWcluWxpCAyIj48ZyBpZD0i5ZyW5bGkXzEtMiIgZGF0YS1uYW1lPSLlnJblsaQgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzA2LjY4LDM0MS4zM0gwVjMwNy4xNEgzMy45MnYtNC42N3EwLTE0OS4wNywwLTI5OC4xNGMwLTEuNDUsMC0yLjg5LjA3LTQuMzNIMjcyLjY4YzAsMS40NC4wNywyLjg4LjA3LDQuMzNxMCwxNDkuMjMsMCwyOTguNDh2NC41NmgzNC4xNWMwLDEwLjQ3LDAsMjAuNTYsMCwzMC42NkMzMDYuOSwzMzkuMTMsMzA2Ljc2LDM0MC4yMywzMDYuNjgsMzQxLjMzWk0xODcuMjIsMzA3LjA4Yy4wOC0uOTEuMTktMS42NS4xOS0yLjQsMC0xMC43Ny4xLTIxLjU1LDAtMzIuMzJBMzQuMjYsMzQuMjYsMCwwLDAsMTY0Ljk0LDI0MWMtMjEuNDgtNy45Mi00NS4xNSw4LjA3LTQ1LjYsMzAuOTQtLjIyLDExLS4wNywyMi0uMDYsMzNhMTMuMzksMTMuMzksMCwwLDAsLjM0LDIuMTJaTTE3MC4yOSwxNzAuODlIMTM2LjQ4VjIwNC41aDMzLjgxWk0xMzYuNDYsMzQuMjZWNjhoMzMuN1YzNC4yNlptMzMuOCw2OC40N2gtMzMuN3YzMy42NWgzMy43Wk02OC4xOCwzNC4yNVY2OGgzMy43MVYzNC4yNVpNMjA0Ljc0LDY4aDMzLjdWMzQuMzNoLTMzLjdaTTEwMS44OSwxMzYuNDJWMTAyLjY0SDY4LjE4djMzLjc4Wm0xMDMtMzMuODJ2MzMuNzFoMzMuNTRWMTAyLjZaTTEwMiwxNzAuOUg2OC4yNHYzMy42SDEwMlptMTM2LjUsMzMuNzJWMTcwLjg4SDIwNC44M3YzMy43NFoiLz48L2c+PC9nPjwvc3ZnPg==);
    background-size:cover;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    position: absolute;
    top: 29%;
    left: -27%;
}
.index_classification-custom_city .classList .item:hover  .city_icon::before{
    content:"";
    background-color:#caae7e;
}
.index_classification-custom_city .details .building_icon::before{
    content:"";
    background-color:#fff;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNTkuMzQgMzU5LjMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IuWcluWxpF8yIiBkYXRhLW5hbWU9IuWcluWxpCAyIj48ZyBpZD0i5ZyW5bGkXzEtMiIgZGF0YS1uYW1lPSLlnJblsaQgMSI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOTcuMTksMTg1LjY4YzMuNjQtMTQuNjEsNy4zMi0yOC44MywxMC43LTQzLjEzLDIuNzMtMTEuNTIsOS0xNi43NSwyMC43Ni0xNi43NiwyMi4wOCwwLDQ0LjE1LjIsNjYuMjMtLjA5LDkuMDYtLjEyLDE1LjA1LDMuNzksMTguNSwxMS43NywzLjc2LDguNjgsNy4xNywxNy41MSwxMC43LDI2LjI5LDQuNzgsMTEuODksOS41OCwyMy43OSwxNC4yNCwzNS43M2ExNy40OCwxNy40OCwwLDAsMSwxLjIxLDYuMTRjLjExLDEzLC4wOCwyNS45NC4wNSwzOC45MSwwLDExLjQ0LTcuNTEsMTktMTksMTlxLTEwMC44MywwLTIwMS42NywwQzcuNzMsMjYzLjUuMDgsMjU1Ljg0LDAsMjQ0LjczUTAsMjI0LjUyLDAsMjA0LjMyYzAtMTAuOTEsNy43Mi0xOC42MSwxOC42Mi0xOC42M3EzNy4yMy0uMDYsNzQuNDYsMFpNMTY4LDE0OS43N2ExMy41MywxMy41MywwLDAsMC0uMjIsMS42cTAsNDAuOTUsMCw4MS45MmMwLDQsMi41Myw2LjI1LDcuMTMsNi4yN3ExNi44NC4wNiwzMy42NywwYzQuODksMCw3LjA1LTIuMjIsNy4wOS03LjExLDAtNi4zNi4wNi0xMi43MiwwLTE5LjA4LDAtMi4wOS4xMi00LjM4LS42NS02LjIzLTcuMzUtMTcuODQtMTQuNzktMzUuNjQtMjIuNS01My4zM2E3LjU5LDcuNTksMCwwLDAtNS4yNy0zLjg2QzE4MC44OCwxNDkuNDcsMTc0LjUyLDE0OS43NywxNjgsMTQ5Ljc3Wm0tMTIuMzgsMGMtNS45MSwwLTExLjM4LjA1LTE2Ljg2LDAtMy44MiwwLTYsMS43Ni03LDUuNC0zLDExLjMtNiwyMi41Ny05LDMzLjg4LTEuNDIsNS40OCwxLjA5LDguNiw2LjgzLDguNjMsNy4xLjA1LDE0LjIsMCwyMS4zLDBoNC44NmMwLTE1LjYsMC0zMC42NiwwLTQ1LjcyQzE1NS43MywxNTEuMzMsMTU1LjY1LDE1MC43MywxNTUuNTgsMTQ5Ljc1Wm0tMTE5LjY0LDc1aDBjMC0yLjg2LjA3LTUuNzMsMC04LjU5LS4xMi00LjEtMi41Mi02LjYtNi4xMS02LjUzLTMuNDQuMDctNS43NiwyLjUxLTUuODIsNi40MS0uMDgsNS44NS0uMDksMTEuNywwLDE3LjU2LjA2LDMuNzMsMi4yNiw1Ljk0LDUuNjksNiwzLjYzLjEyLDYtMi4wOSw2LjIxLTUuOTNDMzYsMjMwLjcxLDM1Ljk0LDIyNy43MiwzNS45NCwyMjQuNzNabTI0LS4xMWMwLTMsLjExLTYsMC05LS4xNi0zLjYzLTIuNTItNi01LjgxLTYtMy40OC0uMDgtNiwyLjMzLTYuMDksNi4xNHEtLjE4LDksMCwxNy45M2MuMDgsMy43LDIuMzUsNS44OCw1LjgsNS45NSwzLjYzLjA3LDYtMi4xNiw2LjEtNkM2MCwyMzAuNiw1OS45LDIyNy42MSw1OS45LDIyNC42MlptMjQsLjEyYzAtMywuMDktNiwwLTguOTQtLjE1LTMuODEtMi41OS02LjIzLTYtNi4xOWE1Ljc4LDUuNzgsMCwwLDAtNS44Nyw2cS0uMTksOC45NCwwLDE3Ljg5YTUuNzQsNS43NCwwLDAsMCw1LjgyLDZjMy40Ni4wNyw1LjkyLTIuMzQsNi4wNy02LjE0Qzg0LDIzMC40Niw4My44NiwyMjcuNiw4My44NiwyMjQuNzRaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTM0LjksMjc1LjUxYzMwLjgxLDAsNjEuNjItLjEsOTIuNDQsMGE0MS44OCw0MS44OCwwLDAsMSwxLjk1LDgzLjczYy0uODcsMC0xLjc1LjA1LTIuNjIuMDVxLTkxLjg3LDAtMTgzLjc1LDBjLTE5LjcyLDAtMzYuNDUtMTIuNDgtNDEuMzQtMzAuNmE0MS44Myw0MS44MywwLDAsMSw0MC4xNC01My4xNEM3Mi43OCwyNzUuMzQsMTAzLjg0LDI3NS41MSwxMzQuOSwyNzUuNTFabS02Myw0MmExOCwxOCwwLDEsMC0xOC4yMywxNy44N0ExOC4wNiwxOC4wNiwwLDAsMCw3MS44OCwzMTcuNTFabTE0My44LTE4YTE4LDE4LDAsMSwwLDE3Ljg5LDE4LjJBMTguMDYsMTguMDYsMCwwLDAsMjE1LjY4LDI5OS40N1ptLTg5LjkxLDE3LjgyYTE4LDE4LDAsMSwwLTE3LjY0LDE4LjA5QTE4LjA4LDE4LjA4LDAsMCwwLDEyNS43NywzMTcuMjlabTUzLjg4LDBhMTcuOTQsMTcuOTQsMCwxLDAtMTguMDUsMThBMTguMDcsMTguMDcsMCwwLDAsMTc5LjY1LDMxNy4zNFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNTYsMTU1LjQ3Yy0xMC43OCwxLjQ5LTIxLjg1LTIuNTctMzEuODksNC0uNDgtMS4wNy0xLTItMS4zNC0zcS0yMS43NC02MC00My40NS0xMjAuMUMyNzQuODEsMjQsMjc4LjIyLDEyLjYsMjg4LjUsNS4yNGEyNy42OCwyNy42OCwwLDAsMSwzMy4xMS41MiwyNC40LDI0LjQsMCwwLDEsOS4xOCwxNS4zN1EzNDIuMTMsODEuNTQsMzUzLjQ0LDE0MkMzNTQuMjgsMTQ2LjQ1LDM1NS4xMiwxNTAuOTQsMzU2LDE1NS40N1pNMjk5LjQ4LDI5LjY5QTYsNiwwLDEsMCwzMDUuNzEsMjQsNiw2LDAsMCwwLDI5OS40OCwyOS42OVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNjMuODEsMjYuMjJjMy44OSwxMiw3LjcxLDIzLjczLDExLjYyLDM1Ljc3LTkuMDUsNS43Mi0xOC4xOSwxMS41MS0yNy4zNSwxNy4yOUMyMzcuNTUsODUuOTMsMjI3LDkyLjYyLDIxNi40NSw5OS4yYy01LjEsMy4xNy05LjI3LDcuMDktMTEuNzIsMTIuN2EzLjY0LDMuNjQsMCwwLDEtMi42MywxLjg0Yy0yMy4yLjEtNDYuMzkuMDgtNzAuMTMuMDgsMy45MS0xMS44Miw3LjQ1LTIzLjM5LDE1LjIyLTMzLjA5YTQ4LjQ2LDQ4LjQ2LDAsMCwxLDE5LjczLTE1cTQ3LjIxLTE5LjI3LDk0LjM2LTM4LjY1QzI2Mi40MSwyNi42NiwyNjMuNTgsMjYuMywyNjMuODEsMjYuMjJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzAwLjksMjUxLjU1Yy02LjEsMC0xMi4yMS0uMDUtMTguMzEsMC0yLjg2LDAtNS4xMi0uODQtNi40Ni0zLjUycy0uNDMtNC43OSwxLjE3LTYuOTJjMTcuNTctMjMuNCwzNS4wOS00Ni44NSw1Mi44LTcwLjE1YTksOSwwLDAsMSw1Ljg3LTMuMTRjNS41Ny0uNDMsMTEuMi0uMjEsMTYuODEtLjEzLDMuOS4wNiw2LjQ3LDIuMTUsNi40NSw1Ljc4LS4wNiwxNC4zMi42MSwyOC43Mi0uODEsNDIuOTItMS45MSwxOS4yLTE5LjQxLDM0LjI1LTM4LjgzLDM1LTYuMjIuMjQtMTIuNDYsMC0xOC42OSwwWiIvPjwvZz48L2c+PC9zdmc+);
    background-size:cover;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    position: absolute;
    top: 29%;
    left: -27%;
}
.index_classification-custom_city .classList .item:hover  .building_icon::before{
    content:"";
    background-color:#caae7e;
}
.index_classification-custom_city {
	position:relative;
    padding: 70px 0;
	margin:0;
}
.index_classification-custom_city .titleArea {
    margin-bottom: 40px;
    text-align: center;
    color: #000;
    display:none;
}

/* 主標 */
.index_classification-custom_city .title01 {
	text-align:center;
}



/* 副標 */
.index_classification-custom_city .sub {
}

/* 代表圖 */
.index_classification-custom_city .portrait {
	display:none;
}

/* 描述 */
.index_classification-custom_city .summary {
	display:none;
}

/* 背景 */
.index_classification-custom_city img.bg {
	display:none;
}

/* 分類列表 */
.index_classification-custom_city .classList {
	text-align:center;
    display:flex;
    margin-top:70px;
}
.index_classification-custom_city .classList a {
	color:#000;
}
.index_classification-custom_city .classList img {
    transition: transform .3s;
}
.index_classification-custom_city .classList .item:hover img {
	-moz-transform: scale(1.075);
	-webkit-transform: scale(1.075);
	-ms-transform: scale(1.075);
	transform: scale(1.075);
}
.index_classification-custom_city .classList .item {
	display:inline-block;
	/*padding:0 20px 20px;*/
    position:relative;
	width:100%;
}
.index_classification-custom_city .classList .item h3 {
    font-size: 2em;
    font-weight:600;
    color:#fff;
    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;
}
.index_classification-custom_city .classList .item:hover h3 {
	color:#caae7e;
}

.index_classification-custom_city .classList .pic {
	width:100%;
	/*height:220px;
	border-radius:50%;*/
}
.index_classification-custom_city .classList .pic img {
	width:100%;
	height:100%;
    /*object-fit: cover;*/
}
.index_classification-custom_city .classList .date {
	display:none;
}
.index_classification-custom_city .classList .cont {
	display:none;
}
.index_classification-custom_city .classList .btnArea {
	display:none;
}

/* 了解更多 */
.index_classification-custom_city .btnArea {
	display:none;
}

@media only screen and (max-width:991px) {
	.index_classification-custom_city {
		padding: 40px 0;
	}
	.index_classification-custom_city .classList {
		margin:0 -6%;
	}
	.index_classification-custom_city .classList .item {
		display: inline-block;
		/*padding: 0;*/
       padding: 0 8% 10px;
	}
	.index_classification-custom_city .classList .pic {
		width:100%;
		height:300px;
	}
    
    .index_classification-custom_city .classList .pic img {
        object-fit: cover;
}
    .index_classification-custom_city .classList{
        display:block;
    }
    .index_classification-custom_city .classList .item h3{
        font-size:28px;
    }
    .index_classification-custom_city .details{
        top: 50%;
        left: 52%;
        transform: translate(-48%, -50%);
    }
    .index_classification-custom_city .details .city_icon::before{
        content:"";
        width:25px;
        height:25px;
        top:32%;
}
    .index_classification-custom_city .details .building_icon::before{
        content:"";
        width:25px;
        height:25px;
        top:32%;
    }
}

@media only screen and (max-width:600px) {
    .index_classification-custom_city .classList .pic {
        height: 150px;
    }
}