/* by Adon , CSS Document */



.title{ margin:5% 0;}

.news{ padding-bottom:5%;}

.title font{ max-width:100px;}

.news-view { overflow:hidden; margin:10% auto 5% auto; max-width:1024px;}

.news-view .news-title{ font-size:28px; text-align:center; display:block; color:#55504f;}

.news-view .news-time{ font-size:20px; text-align:center; display:block; margin:2.5% 0 10% 0;}

.news-view .news-content{ font-size:15px; color:#797979; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; padding:5% 0;}

.news-view .news-content img{width: 100% !important;height: auto !important;}

.news-view .news-page{font-size:15px; padding:5% 0; overflow:hidden; color:#797979;}

.news-view .news-page a{color:#797979;}

.news-view .news-page i{ font-style:normal;text-overflow: ellipsis; width:60%;white-space: nowrap;overflow: hidden;}



@media (max-width:768px){

.news-view .news-title{ font-size:24px;}

.news-view .news-time{ font-size:16px;}

}

@media (max-width:480px){

.news-view .news-title{ font-size:20px;}

.news-view .news-time{ font-size:14px; margin:5% 0 15% 0;}

.news-view{ margin:15% auto 10% auto}

.news-view .news-content{ padding:10% 0;}

.news-view .news-content,.news-view .news-page{ font-size:13px;}	

.title{ margin:10% 0;}

}

@media (max-width:320px){

.news-view .news-title{ font-size:18px;}

.news-view .news-time{ font-size:13px}

.news-view .news-content,.news-view .news-page{ font-size:12px;}	

.title{ margin:10% 0;}

}