.news-wrap{width:100%; float:left; margin: 0;}
.news-content{width:1280px; margin: 60px auto;}
.cpTt{width:100%;float:left;font-size:26px; padding-bottom: 50px; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ccc;}
.cpTt h1{font-family: 'Noto Sans TC', sans-serif; font-weight: 500;font-size:30px;}
.newscontainer{ width: 100%; float: left; }
.news-list{width:100%; float: left;margin: 25px 0; padding-bottom: 40px; border-bottom: 1px solid #ccc;}
.news-list{opacity: 0;-moz-transform: translateY(30px);-ms-transform: translateY(30px);-webkit-transform: translateY(30px);transform: translateY(30px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.news-list.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.news-tx{width: 50%; float: left;}
.news-tx .title{ font-size: 24px; margin-bottom: 20px;font-family: 'Noto Sans TC', sans-serif; font-weight: 500;}
.news-tx .info{ font-size: 16px;line-height: 2em}
.news-img { width:45%;  float: left;margin: 0 5% 0 0; }
.news-img img{max-width: 100%; height: auto; margin: 0;}
.newsmore{width:50px; text-align:center; margin:15px auto 0 0;transition: background-position 0.5s; color:#fff; display: inline-block; }
  .newsmore a {display:block; padding: 0 5px 2px; line-height: 22px; font-size:13px;text-decoration: none;background-color:#0a3962; border-radius:2px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
  .newsmore a:hover {background:#8aa0a8;}

@media only screen and (max-width: 1600px) {
.news-content{width:1200px; margin: 50px auto 40px;}	
.cpTt{padding-bottom: 40px; margin-bottom: 30px;}
.cpTt h1{font-size:30px; }
}
@media only screen and (max-width: 1280px) {
.news-content{width:92%; margin: 50px auto 30px;}
.cpTt{padding-bottom: 30px; margin-bottom: 30px;}
}
@media only screen and (max-width: 980px) {	
.news-content{margin: 40px auto 30px;}
.cpTt{padding-bottom: 30px; margin-bottom: 20px;}
.news-list{margin: 15px 0; padding-bottom: 25px;}
.news-tx .title{ font-size: 22px; margin-bottom: 15px}
.news-tx .info{ font-size: 16px;line-height: 1.7em}
}
@media only screen and (max-width: 767px) {
.news-img { width:100%; margin: 0 0 20px; }
.news-tx{width: 100%;}
}
@media only screen and (max-width: 550px) {
.news-content{width:90%; margin: 25px auto 20px;}
.cpTt{padding-bottom: 5px; margin-bottom: 10px;}
.cpTt h1{font-size:24px;margin-bottom: 15px;}
.news-img {margin: 0 0 12px; }
.news-tx .title{ font-size: 22px; margin-bottom: 15px;}
.news-list{margin: 15px 0; padding-bottom: 20px;}
}