/* infomation */
.information{ position: relative; margin-bottom: 150px;}
.information .view-list{ font-size: 14px; font-weight: 500; text-align: right; display: block; padding: 0 8px;}
.information .view-list a:hover{ text-decoration: underline;}
.information .list-news ul{ display: block; list-style: none; padding: 0; margin: 0;}
/* .information .list-news ul li:nth-child(odd){ background: #d4eafa;}
.information .list-news ul li:nth-child(even){ background: #f1f1f1;} */
.information .list-news ul li{border-bottom: 1px solid #e2e2e2;}
.information .list-news ul li:first-child{border-top: 1px solid #e2e2e2;}
.information .list-news ul li:hover{ background: #d4eafa;}
.information .list-news ul li a{ width: 100%; display: flex; margin: auto;}
.information .list-news ul li a:hover .title-news{ color: #122d9b; text-decoration: underline;}
.information .list-news ul li div{ display: block; padding: 12px 8px; font-size: 14px; font-weight: 500;}
.information .list-news ul li .date{ width: 15%;}
.information .list-news ul li .new{ width:15%; font-size: 13px; }
.information .list-news ul li .new span{ background: #1653ca; text-align: center; display: block; padding: 2px; width: 50px; color: #fff; border-radius: 12px;}
.information .list-news ul li .title-news{ width: 70%; line-height: 1.5; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.select-year{ display: block; width: 100%; border-bottom: 2px solid #ccc; padding: 8px; text-align: center;}
.select-year a{ display: inline-block; padding: 2px 12px; border-right: 1px solid #ccc; font-size: 12px; font-weight: bold;}
.select-year a:first-child{ border-left: 1px solid #ccc;}
.select-year a:hover{color: #122d9b; text-decoration: underline;}
.select-year a.active{ color: #122d9b;}

.year{ display: block; width: 100%; padding: 18px 4px; border-bottom: 1px solid #e2e2e2; font-size: 18px; font-weight: bold;}
.month{ display: block; width: 100%; padding: 24px 4px; font-size: 14px; font-weight: 700;}




@media(max-width:768px){
    /* .information .list-news ul li a{ width: 80%;} */
    .pagination{ text-align: center;}
}


@media(max-width:480px){
    .information{ padding-bottom: 50px;}
    .information .list-news ul li a{ flex-wrap: wrap;}
    .information .list-news ul li .date{ width: auto;}
    .information .list-news ul li .new{ width:15%;}
    .information .list-news ul li .title-news{ width: 100%;}
    .information .list-news ul li div{ padding: 8px;}
    .information .view-list{ position: absolute; bottom: 0; left: 0; right: 0;}
    .information .view-list a{ color: #fff; background: #112C9B; padding: 12px; width: 140px; display: block; text-align: center; font-size: 18px; font-weight: bold; margin: auto;}    
    
}