/*new*/
.download-bg { width: 100%; display: block; background: #f5f5f5; }
.download { width: 96%; max-width:1366px; display: block; margin: 5% auto; padding: 0px;   }
.download ul {  width: 100%;   margin: 0 auto;   display: block;   text-align: left;   }
.download ul li {  width: 96%;  padding:10px;  margin:5% auto ;  display: block;   vertical-align: top;  font-size:1em; border-radius:0px 5px 5px 0px; border-left:solid 2px #2fa8e0;   box-shadow: 0px 5px 20px 0px rgba(3, 88, 158, 0.2);  transition: all 0.3s ease;  }

.download ul li span{ display: block; text-align: left;}
.inner {   display: flex; align-items: flex-start;}
.inner-body { -ms-flex: 1;  flex: 1; flex-direction: column; }
.number{   margin-right:1rem; background: -webkit-linear-gradient(0deg, #249bd7, #045ca1); color:#fff;  border-radius:5px; vertical-align: top; }
.time  {      margin-bottom: .75rem; font-style: italic; font-size:.8em;   color: #999;   }

.subject{   font-size: 1.15rem; line-height: 1.45em; font-family:Microsoft JhengHei,'Muli'; /*background: -webkit-linear-gradient(0deg, #3e69fe, #4cd4e3);  -webkit-background-clip: text;   -webkit-text-fill-color: transparent;*/}
.download .more{  display:block; text-align: left;}
.download h3{ margin:2%; font-weight:700; color:#003c74;}


@media (min-width:1002px) {
.download ul li { width: calc(100%/3 - 30px); margin-right: 20px; display: inline-block;   }
.download ul li:nth-child(3n+3) { margin-right: 0px;   }
}