h1{font-style:italic;font-weight:normal}.article-list{--articlesPerRow: 2;--articlesMargin: 10px;display:flex;flex-wrap:wrap;margin:0 calc(-1*var(--articlesMargin))}@media(max-width: 576px){.article-list{--articlesPerRow: 1}}.article-list .article{display:flex;min-width:calc(100%/var(--articlesPerRow) - var(--articlesMargin)*2);max-width:calc(100%/var(--articlesPerRow) - var(--articlesMargin)*2);margin:var(--articlesMargin)}.article-list .article .img-container{min-width:108px;max-width:108px;margin-right:20px}@media(max-width: 768px){.article-list .article .img-container{display:none}}.article-list .article .img-container img{max-width:100%}.article-list .article .info-container .name{font-size:26px;margin-bottom:16px;font-weight:bold;margin-top:-4px}.article-list .article .info-container .name a{text-decoration:none;color:inherit}.article-list .article .info-container .preview-text{margin-bottom:20px}.article-list .article .info-container .link-detail{font-weight:bold;color:#e22d3e;text-decoration:none;margin-bottom:30px;display:block}.article-list .pagination{display:flex;flex-wrap:wrap;margin:20px -5px 0;min-width:100%;justify-content:center;font-weight:bold}.article-list .pagination.more .item a{width:initial;height:initial;padding:6px 10px 4px}.article-list .pagination .item{padding:5px}.article-list .pagination .item.active a{background:#eee;cursor:default}.article-list .pagination .item.disabled{opacity:.3}.article-list .pagination .item:hover:not(.disabled) a{background:#eee}.article-list .pagination .item a{padding-top:2px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;border:1px solid #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}@media(max-width: 576px){.article-list .pagination .item a{width:35px;height:35px;font-size:14px}}.article-list .pagination .item a.arrow{padding-top:0}@media(max-width: 456px){.article-list .pagination .item a.arrow{display:none}}.article-list .pagination .item a.arrow:before{content:"";display:block;border:solid #333;border-width:0 2px 2px 0;padding:3px;transform:rotate(135deg)}@media(max-width: 576px){.article-list .pagination .item a.arrow:before{padding:2px}}.article-list .pagination .item a.arrow.next:before{transform:rotate(-45deg);margin-left:-3px}.article-list .pagination .item a.arrow.prev:before{margin-right:-5px}
