.web-article{background:#fff;border:solid 1px #cfcfcf;padding:12px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.item-page:before,.item-page:after{content:"";display:block;clear:both;}

.web-article .article-info{display:flex;gap:6px 12px;margin-bottom:12px;font-size:0.95em;}
.web-article .article-info span.info-icon{color:#405060;}
.web-article .article-info span.info-text{color:#708090;}

.web-article .item-image{}
.web-article .item-image img{width:100%;height:auto;}

.web-article .content-links{}
.web-article .content-links ul{display:flex;flex-wrap:wrap;list-style:none;padding:12px 0px;gap:6px;}
.web-article .content-links ul li{}
.web-article .content-links ul li a{display:inline-block;background-color:var(--bs1);color:var(--white);padding:0px 12px;}
.web-article .content-links ul li a:before{content:'\f0c1';font-family:"Font Awesome 5 Pro";font-weight:normal;padding-inline-end:6px;}
.web-article .content-links ul li a:hover{background-color:var(--main);color:var(--white);}