figure {display: table;width: 100px;}
figure.right {float: right;margin-left: 20px;}
figure.left {float: left;margin-right: 20px;}
figcaption {margin-top: 5px;}
.ArticleFigureWrapper {float: left;margin-bottom: 20px;margin-right: 20px;text-align: center;width: 300px;}
.ArticleFigureWrapper figure {width: 100%;}
.ArticleFigureWrapper figure img {max-width: 300px;max-height:300px;display: inline;width: auto;height: auto;}
.ArticleFigureWrapper figcaption p {font-size: 75%;line-height: 1.5;text-align: left;}
.ArticleThums {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin-top: 4%;}
.ArticleThums li {width: 20%;margin-right: 6%;margin-bottom: 2%;}
.ArticleThums li:nth-child(5n) {margin-right: 0;}
.ArticleThums li a img {border: 2px solid #ddd;width: 100%;height: auto;}
.ArticleInnerAD {float: left;margin-right: 20px;margin-bottom: 20px;clear: both;width: 300px;height: 250px;}
.ArticlePhotoWrapper {margin-bottom: 20px;text-align: center;width: 100%;margin-top: 20px;}
.ArticlePhotoWrapper figure {width: 100%;margin-bottom: 2%;}
.ArticlePhotoWrapper figure img {max-width: 100%;max-height:500px;display: inline;}
.ArticlePhotoWrapper figcaption p {font-size: 105%;line-height: 1.5;text-align: left;}
.ArticlePhotoWrapper .ArticleThums {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.ArticlePhotoWrapper .ArticleThums li {width: 15%;margin-right: 6%;margin-bottom: 2%;}
.ArticlePhotoWrapper .ArticleThums li:nth-child(5n) {margin-right: 0;}
.ArticlePhotoWrapper .ArticleThums li a img {border: 2px solid #ddd;width: 100%;}