@charset "UTF-8";
/* index_list-03 首頁列表-03 */

.index_list-03_case {
	position:relative;
    padding: 40px 0;
	margin:0;
    background-color: #fff;
}

.index_list-03_case .titleArea {
    margin-bottom: 60px;
    text-align: center;
    color: #333;
}

/* 主標 */
.index_list-03_case .title01 {

}
.index_list-03_case .title01:before {
}

/* 副標 */
.index_list-03_case .sub {
}

/* 代表圖 */
.index_list-03_case .portrait {
	display:none;
}

/* 描述 */
.index_list-03_case .summary {
	display:none;
}

/* 背景 */
.index_list-03_case img.bg {
}

/* 列表 */
.index_list-03_case .list {
    display: flex;
    align-items: center;
    justify-content: center;
	background:none;
	border:none;
	margin:0 50px;
}
.index_list-03_case .list a {
}
.index_list-03_case .list img {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: transform .3s;
    width:100%;
    height:100%;
    object-fit: cover;
}
.index_list-03_case .list .item:hover img {
	-moz-transform: scale(1.075);
	-webkit-transform: scale(1.075);
	-ms-transform: scale(1.075);
	transform: scale(1.075);
	transition: transform .3s;
}
.index_list-03_case .list .item {
	position:relative;
    width: 33%;
	padding:0 10px;
	margin-bottom:20px;
}
.index_list-03_case .list .item>a {
	position:relative;
	display:block;
	opacity:1;
}
.index_list-03_case .item .pic{
    overflow:hidden;
    width:100%;
    height: 450px;
}
.index_list-03_case .item .linear{
    width: 100%;
    background: linear-gradient(0deg, #000000c2 0%, transparent 50%);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.index_list-03_case .list .item .details {
	position: absolute;
    width: 100%;
    padding: 20px;
    line-height: 1.2;
    bottom: 0;
    transition: .3s;
}
.index_list-03_case .item:hover .details{
    transform: translateY(-30%);
}
.index_list-03_case .list .item h3 {
	font-size:1.1em;
    color:#fff;
	line-height:1.3;
	overflow:hidden;
	margin-top: 0px;
    margin-bottom: 10px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index_list-03_case .list .item:hover h3 {
}
.index_list-03_case .list .item .cont {
}
.index_list-03_case .list .item .cont p {
    color:#fff;
    padding-top:10px;
    display: none;
    font-size: 1rem;
    line-height: 1.5;
}
.index_list-03_case .list .item:hover p{
    display: block;
}
.index_list-03_case .list .item time {
	display:inline-block;
	font-size:1em;
    padding-bottom: 10px;
    color:#fff;
	}
.index_list-03_case .item .btnArea {
	margin:20px 0 0px;
}
.index_list-03_case .list a {
    margin: 0;
}

/* 了解更多 */
.index_list-03_case .btnArea {
}
@media only screen and (max-width:1400px) {
   .index_list-03_case .item .pic{
        height: 400px;
    }
}
@media only screen and (max-width:991px) {
	.index_list-03_case {
	}
	.index_list-03_case .list {
        flex-direction: column !important;
		background:none;
		border:none;
		margin:0 5%;
	}
	.index_list-03_case .btn5 {
		width:100%;
	}
    .index_list-03_case .list .item {
        width: 100%;
    }
    .index_list-03_case .item .pic{
        height: 260px;
    }
    .index_list-03_case .list .item .cont p {
        display: block;
    }
}
@media only screen and (max-width: 600px) {
    .index_list-03_case .list .item {
        width: 100%;
        padding: 0;
    }
}