@charset "utf-8";

form { overflow:visible;}

/*最新消息列表------------------------*/
.news-list {  overflow:visible;}
.news-list * { padding:0; margin:0; list-style:none; text-decoration:none;}
.news-list ul { width:100%; height:auto; margin:0 auto; overflow:visible; gap:0 20px;
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.news-list li { flex-shrink:0; width:calc( 33.33% - 14px ); height: auto; display: flex;transition:all 0.3s; border-radius: 20px; overflow:hidden;}
.news-list li:hover { transform: translateY(-5px); }
.news-list ul li > a { background: #fff; overflow: hidden; width: 100%; display: flex; flex-direction: column; position: relative; cursor: pointer; }
.news-list ul li > a .list-photo,
.news-list ul li > a .list-title { display:block;}
.news-list ul li > a .list-photo { position: relative; width: 100%; padding-top:75%; border-radius: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition:all 0.3s; border:3px solid #eee;}
.news-list ul li > a .list-photo img { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 18px; }
.news-list ul li > a .list-photo .float-arrow-btn { position: absolute; bottom: -25px; right: 25px; width: 50px; height: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; border: 3px solid #fff; z-index: 3;background-color: #5b87c4; transition: background-color 0.3s; }
.news-list ul li > a .list-photo .float-arrow-btn .arrow-icon { width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); margin-right: 3px; }
.news-list ul li > a:hover .list-photo { box-shadow: 0 10px 25px rgba(0,0,0,0.1); border:3px solid #f5a623;}
.news-list ul li > a:hover .list-photo .float-arrow-btn{ background-color: #d48c15; }
.news-list ul li > a .card-text-box { padding: 10px 25px 30px 25px; flex-grow: 1; display: flex; flex-direction: column; }
.news-list ul li > a .card-text-box .news-date { color: #5b87c4; font-size: 14px; margin-bottom: 10px; font-weight: 500; margin-bottom: 10px; }
.news-list ul li > a:hover .card-text-box .news-date { color: #f5a623; }
.news-list ul li > a .card-text-box .list-title { font-size: 20px; font-weight: bold; color: #333; margin: 0 0 15px 0; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-list ul li > a .card-text-box .descr{ font-size: 15px; color: #888; line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }


/*=======================================媒體查詢開始=======================================*/
@media only screen and (min-width:0px) and (max-width:1024px) {
.news-list ul li { width:calc( 50% - 10px ); height:auto; overflow:hidden; float:left; margin:20px 0;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
.news-list ul li { width:100%; margin:0; margin-bottom:20px;}
}