/* by Adon , CSS Document */

.news { float:left; width:100%; margin:10% 0 20% 0;}
.news .news-menu{ border:solid 1px #e4e4e4; line-height:55px; font-size:16px; float:left; width:100%;}
.news .news-menu li{ float:left; padding:0 2.5%;}
.news .news-menu li.on a{ color:#a40000}
.news .news-list li{width:32.33%; margin-right:1.5%; float:left; margin-top:55px; margin-bottom:10px;}
.news .news-list li.clear{ margin-right:0;}
.news .news-list li i{ display:block; height:1px; width:75px; background:#d4d4d4; margin:25px 0;}
.news .news-list li span{ display:block; font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .news-list li p{font-size:13px; color:#3f3f3f; line-height:20px; overflow:hidden; height:40px; margin:20px 0;}
.news .news-list li em{ display:block; font-style:normal; font-size:14px; color:#a80b0b; text-transform:uppercase; border-top:solid 1px #e4e4e4; padding-top:10px;}
.news .news-view{ float:left; width:100%; text-align:center;}
.news .news-view big{ display:block; font-size:35px; margin:8% 0;}
.news .news-view small{ display:block; font-size:15px; color:#a80b0b; text-transform:uppercase; border-top:solid 1px #e4e4e4; padding:25px 0;}
.news .news-view .news-content {padding:0 10%;}
.news .news-view .news-content p{font-size:14px; color:#5f5f5f; margin-bottom:20px; line-height:22px;}
.news .news-page{ float:left; width:100%; border-top:solid 1px #e4e4e4; margin-top:10%; padding-top:25px;}
.news .news-page a{ display:block; font-size:14px; margin-bottom:5px;}

@media (max-width:1024px){
.news .news-menu{ font-size:14px;}
}
@media (max-width:768px){
.news .news-list li span{ font-size:16px;}	
.news .news-list li em{ font-size:12px;}
.news .news-view big{ font-size:30px;}	
}
@media (max-width:640px){
.news .news-list li{ width:100%; margin-right:0; margin-top:10%;}
.news .news-list li img{ width:100%;}
.news .news-list li p{ height:auto;}
.news .news-view big{ font-size:26px;}	
}
@media (max-width:480px){
.news .news-view big{ font-size:20px;}		
.news .news-view .news-content{ padding:0;}
}
@media (max-width:320px){
.news .news-menu{font-size:13px;}	
.news .news-list li p{ font-size:12px;}
.news .news-list li span{ font-size:14px;}
.news .news-view big{ font-size:18px;}
.news .news-view small{ font-size:13px;}
.news .news-view .news-content p{ font-size:12px;}
.news .news-page a{ font-size:13px;}
}