.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; padding:0px 5px; font-size: 0.75rem; color: #fff;  text-transform: capitalize;  word-break: keep-all;  z-index: 99;   background:#000;border-radius:0px 10px 10px 0px;  }
@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;padding: 0px 40px 0px 0px; position: absolute; left:0px; bottom:0px;  display: flex; align-items: flex-end; justify-content: space-between;  flex-wrap: wrap;}


.right-icon {width: 40px;height: 40px;display: flex; justify-content: center; align-items: center; }
.right-icon i img{width: 40px;height: 40px;}   


.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; }    
}

.download{width: 100%;  margin: 0px auto; padding:50px 0px; display: flex; flex-wrap: wrap; position: relative;z-index: 1;}
.download li{ width:calc(100%/2 - 40px); margin: 20px; box-sizing: border-box; list-style: none; transition: all 0.5s ease 0s;  }
.download figure  {width: 100%; padding-bottom: 140%; height: 0;  overflow: hidden; position: relative;  z-index: 1; transition: all 0.5s ease 0s; transition: all 0.5s ease-in-out;}
.download figure img { max-width:100%; height: auto; object-fit: cover; margin: auto; display: block; transition: all 0.5s ease-in-out;}
.download .item  {width:100%; height: auto; padding: 20px ; display: flex; flex-wrap: wrap; position: relative;z-index: 1;background-color: #f1f1f1; clip-path: polygon(100% 0, 100% 80%, 95% 100%, 0 100%, 0 0);  }
.download .news-pic  {width:30%; height: auto; padding: 0px; position: relative; }
.download .news-box {width: 70%; margin:0px;padding:10px 10px 30px 10px;  box-sizing: border-box;display: flex; flex-wrap: wrap; flex-direction: column}
.download .inner-txt{ width:100%;padding:0px 10px;word-break:normal;word-wrap: normal; }
.download .news-box .inner-txt h3 {position: relative;width: 100%;padding: 0px;  margin:0px 0px 30px 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; }
.download a h3 { color:#000; }
.download .news-box .inner-txt p { padding:0px;  margin:0px 0px 15px 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;}

@media (max-width: 1024px) {
.download{ width:calc(100% + 40px); margin-left: -20px; margin-right: -20px; padding: 0px;   }
}
@media (max-width: 840px) {
.download .news-box{ padding:0px; }  
.download .news-box .inner-txt h3 {  margin:0px 0px 10px 0px; font-size:1.5rem;   }	
}
@media (max-width: 767.98px) {
.download li{ width:calc(100% - 20px); margin:50px 10px 10px 10px;  }	
.download .item  { border-radius:15px;}
.download .list-box{ height: 100px; margin:20px auto auto auto; padding:0px;  box-sizing: border-box;   cursor: pointer }  
 }
 

@media (max-width:440px) {
.download .news-pic  {width:100%;   }
.download .news-box {width: 100%; margin:0px;padding:10px 0px 30px 0px; }
.download .inner-txt{ padding:0px;}
	
}
/*  hover*/
.download li:hover{ border-color:rgba(230,0,18,.3);  }
.download li:hover h3,.download li:hover p{ color:#e60012; }
.download li:hover .news-box .news-date .date {color: #e60012; }
.download li:hover figure img{transform: scale(1.1)}


#dialog-content.contact-form{ padding:10px;max-width:640px  }