/* by Adon , CSS Document */

.news{margin-top:5%;}
.news-view { overflow:hidden; clear:both;margin:10% auto 0 auto; max-width:960px;font-size:16px;}
.news-view .news-title{ font-size:35px; text-align:center; display:block; font-weight:bold}
.news-view .news-time{text-align:center; display:block; color:#003d6c;margin:5% 0 10% 0;font-weight:bold}
.news-view .news-content img{width: 100% !important;height: auto !important;}
.news-view .p{ text-align:center; font-weight:bold; font-size:18px; border-bottom:solid 1px #ededed; padding:2.5% 0;  margin:10% 0 0 0;}

/*.news{ float:left; width:100%; margin-top:5%;}
.news ul{ overflow:hidden; margin-top:5%;}
.news li{ float:left; width:100%; font-size:15px;position:relative;border-bottom:solid 1px #ededed;padding-bottom:2.5%; margin-bottom:2.5%;}
.news li img{ width:45%;}
.news li .item{width:50%; margin-left:5%; max-width:740px;}
.news li .item span{ display:block;font-size:23px; margin-top:3%;font-weight:bold}
.news li .item p{ display:block;}
.news li .item em{ display:block; margin:20px 0; color:#003d6c;font-weight:bold; font-style:normal}
.news li:hover p{ text-decoration:underline; color:#000}*/

@media (max-width:1111px) and (min-width:769px){
/*.news li .item p{ display:none}*/
}

@media (max-width:1024px){
}
@media (max-width:768px){
.news-view .news-title{ font-size:30px;}
.news-view{ font-size:14px;}
/*.news li img,.news li .item{width:100%}
.news li{ padding-bottom:5%; margin-bottom:5%;}
.news li .item span{ font-size:20px; margin-top:5%;}*/
}
@media (max-width:640px){
}
@media (max-width:480px){
.news,.news ul{ margin-top:10%;}	
.news-view .news-title{ font-size:22px;}
.news-view .news-time{ margin:10% 0 15% 0;}
.news-view{ font-size:13px;}
/*.news li .item span{ font-size:17px;}
.news li{ font-size:14px;padding-bottom:7.5%; margin-bottom:7.5%;}*/
.news-view .p{ font-size:16px;}
}
@media (max-width:320px){
.news-view{ font-size:12px;}
/*.news li .item span{ font-size:16px;}
.news li{ font-size:13px;}*/
}