/* News =======================================================================*/
.news-list { display: flex; flex-wrap: wrap; padding-bottom: 90px; }
.news-list a { width: calc(100%/3 - 57px); margin-right: 25px; margin-bottom: 20px; display: block; text-align: center; background: #E9E9E9; padding: 20px; }
.news-list a:nth-child(3n+3) { margin-right: 0px; }
.news-list a:hover { box-shadow: 0 0 15px #999 inset; }
.news-list a:hover .pic { box-shadow: 0 0 5px #666; }
.news-list a:hover .pic img { transform: scale(1.1); }
.news-list .pic { width: 100%; display: flex; justify-content: center; overflow: hidden; transition: all .2s; }
.news-list .pic img { width: auto; max-height: 210px; border: 1px solid #C0C0C0; float: left; transition: all .2s; }
.news-list .time { font-size: 16px; padding-top: 15px; display: block; text-align: left; color: #6A6A6A; transition: all .2s; }
.news-list .name { font-family: Verdana, "微軟正黑體"; font-size: 18px; font-weight: normal; margin-top: 4px; color: #007ee2; text-align: left; margin: 0px; padding-bottom: 10px; overflow: hidden; transition: all .2s; }
.news-list .text { font-size: 13px; max-height: 72px; display: block; text-align: left; color: #6A6A6A; transition: all .2s; }

@media only screen and (max-width: 768px) { .news-list { justify-content: space-between; }
    .news-list a { width: calc(50% - 57px); margin-right: 0px; } }
@media only screen and (max-width: 480px) { .news-list a { width: 100%; } }
/* News Detail =======================================================================*/
.news_detail { padding: 30px 25px; background: #E9E9E9; }
.news_detail .time { font-size: 18px; color: #252525; padding-bottom: 15px; display: block; }
.news_detail .name { font-family: Verdana, "微軟正黑體"; font-size: 24px; color: #007ee2; font-weight: normal; border-bottom: 1px solid #989898; margin: 0px; padding-bottom: 15px; }
.news_detail .text { border-top: 10px; }
.news_detail a { color: #007ee2; }
.news_detail a:hover { opacity: .5; }

.news-related .title { font-size: 16px; margin: 0px; padding: 10px 0; font-weight: bold; color: #000; border-top: 1px solid #989898; }
.news-related li { padding-left: 15px; position: relative; font-size: 14px; }
.news-related li:before { position: absolute; font-family: FontAwesome; content: '\f0da'; top: 0px; left: 0px; color: #007ee2; }

.newsButton { display: flex; justify-content: center; padding: 50px 0 10px 0; }