.box-left.box-left.main-area.top{margin-top: 0px;  background-image: linear-gradient(to top, #eff5f9 0%, #F9F9F9 100%); }
.main-area.top .main-content{margin-top: 0;}
/*--分類new-tg --*/
.new-tag { width:auto;; font-size: 0.875rem; font-weight: 700;position: relative; }
@media (max-width: 768px) {
.new-tag {  font-size: 0.75rem; }    
}
.new-tag a{color:#225383;   padding:5px 10px;  border: solid 1px #225383; border-radius:15px;   }
.new-tag a:hover {color:#fff; background:#225383;}
.tag-wrap { width: 100%;  height: auto;   position: relative; display: -webkit-box;  display: -ms-flexbox; display: flex;  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;    -ms-flex-wrap: wrap; flex-wrap: wrap;}
.new-tag.white { color: #bca480; border: 1px solid #bca480}

 
.news{  margin:  auto; padding: 50px 0px; position: relative; }
@media (max-width: 1024px) {
.news{    padding: 50px 0px 0px 0px;  }	
}
@media (max-width: 840px) {
.news{  margin:auto; padding: 20px 0px 20px 0px; }    
}

.news-list{width: 100%; max-width:1000px; margin: 0px auto; padding:50px 0px ; position: relative;z-index: 1  }
.news-list li{ width: 100%; margin:50px auto; box-sizing: border-box; list-style: none; transition: all 0.5s ease 0s; border-bottom:solid 2px #555}
.news-list figure  {width: 100%; padding-bottom: 67.25%; height: 0;  overflow: hidden; position: relative;  z-index: 1; transition: all 0.5s ease 0s; transition: all 0.5s ease-in-out;}
.news-list figure img { max-width:100%; height: auto; object-fit: cover; margin: auto; display: block; transition: all 0.5s ease-in-out;}
.news-list .item  {width:100%; height: auto; padding:0px; display: flex; flex-wrap: wrap; position: relative;z-index: 1;}
.news-list .news-pic  {width:40%; height: auto; padding: 0px; position: relative; }
.news-list .news-box {width: 60%; margin:0px;padding:0px 20px 30px 20px;  box-sizing: border-box;display: flex; flex-wrap: wrap; flex-direction: column}
.news-list .inner-txt{ width:100%;padding:0px;word-break:normal;word-wrap: normal; }
/*.news-list .news-box .inner-txt h3 {position: relative;width: 100%;padding: 0px;  margin:0px 0px 15px 0px; font-size:1.875rem; line-height:2rem; font-weight:700; overflow-wrap: break-word;overflow: hidden; white-space:pre-wrap;word-break:normal; word-wrap:break-word; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; }*/

.news-list .news-box .inner-txt h3 {position: relative;width: 100%;padding: 0px;  margin:0px 0px 15px 0px; font-size:1.875rem; line-height:2rem; font-weight:700; overflow-wrap: break-word;overflow: hidden; white-space:pre-wrap;word-break:normal; word-wrap:break-word; }
.news-list  h3 a { color:#000; }
.news-list .news-box .inner-txt p { padding:0px;  margin:0px 0px 5px 0px; font-size:1rem; line-height:1.5rem; font-weight:400;color: #555; overflow: hidden; white-space:pre-wrap;word-break:normal; word-wrap:break-word; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news-list .news-box .inner-txt p a{color: #555;}
.news-list .news-box .news-date { width:100%; margin:0px 0px 15px 0px;   }
.news-list .news-box .news-date .new-tag  {padding: 2px 8px;border-radius: 25px;color: #12B3A5;display: block;	font-size: 13px;border: 1px solid #12B3A5; }
.news-list .inner-box .new-tag { width:auto;; font-size: 0.875rem; font-weight:400;position: relative; }
.news-list .inner-box .new-tag a{color:#1e88c9; padding:5px 10px;  border: solid 1px #1e88c9; border-radius:15px;   }
.news-list .inner-box .new-tag a:hover {color:#fff; background:#1e88c9;}

/*  hover*/
.news-list li:hover{ border-color:rgba(230,0,18,.3);  }
.news-list li:hover h3,.news-list li:hover h3 a, .news-list li:hover .news-box .inner-txt p, .news-list li:hover .news-box .inner-txt p a{ color:#e60012; }
.news-list li:hover .news-box .news-date {color: #e60012; }
.news-list li:hover figure img{transform: scale(1.1)}
.news-list .slick-dots li button:before{background-color:#e60012 }


@media (max-width: 1024px) {
.news-list{ padding: 0px;}
.news-list .news-box { padding:0px 0px 10px 20px ;  box-sizing: border-box;display: flex; flex-wrap: wrap; flex-direction: column}
}
@media (max-width: 768px) {
.news-list .inner-box .new-tag {  font-size: 0.75rem; }  
.news-list .inner-box .new-tag a{  padding:2px 10px;    }
}
@media (max-width: 767.98px) {
 
.news-list .item  { border-radius:15px;}
.news-list .news-box .news-date {   margin:15px 0px;   }	
.news-list .list-box{ height: 100px; margin:20px auto auto auto; padding:0px;  box-sizing: border-box;   cursor: pointer }  
.news-list .news-box .inner-txt h3  {  margin:0px 0px 15px 0px; font-size:1.275rem; line-height: 1.275rem;}   
.news-list .news-box .inner-txt p { line-height: 1.175rem;}
}
@media (max-width:440px) {
.news-list .news-pic {width:100%;}
.news-list .news-box {width: 100%; margin:0px;padding:0px 0px 20px 0px;  }
}

 
/* ==== 底圖 === */
.bg-background { width: 100%; background-image: attr(src url); background-repeat: no-repeat; background-size: 100% auto;background-position:left bottom; position: absolute;z-index: 0; top:0px; left: 0; right: 0; bottom: 0; line-height: 0;   }
 
@-webkit-keyframes sx {
from {  -webkit-transform: translateX(0);  transform: translateX(0); }
50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
to {  -webkit-transform: translateX(0);  transform: translateX(0); }
}

@keyframes run {
from { -webkit-transform: translateX(0);  transform: translateX(0); }
50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
to {  -webkit-transform: translateX(0); transform: translateX(0); }
}