@charset "utf-8";

.recent_notice {position:relative;}
.recent_notice ul {}
.recent_notice ul li {display:block;position:relative;padding:30px 20px;border-bottom:solid 1px #ddd;}
.recent_notice ul li:last-child {}
.recent_notice ul li a.title {display:block;position:relative;padding:0 90px 0 20px;font-size:20px;font-weight:500;line-height:20px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.recent_notice ul li a:before {content:'';display:block;position:absolute;left:0;top:50%;width:4px;height:4px;margin:-2px 0 0 0;background:#222;}
.recent_notice ul li a strong {font-weight:700;}
.recent_notice ul li .date {display:block;position:absolute;right:0;top:0;padding:30px 20px;color:#999;font-size:16px;line-height:20px;}





@media screen and (max-width:960px) {
.recent_notice ul li {padding:20px;}
.recent_notice ul li a.title {font-size:18px;}
.recent_notice ul li .date {padding:20px;}
}





@media screen and (max-width:760px) {
.recent_notice ul li {padding:20px 0;}
.recent_notice ul li a.title {font-size:16px;}
.recent_notice ul li .date {padding:20px 0;font-size:14px;}
}