@charset "utf-8";
/* CSS Document */
.author_banner{width: 100%; background: linear-gradient(180deg, #FFE5E5 0%, #FFFFFF 74%); overflow: hidden; padding-bottom: 30px;}
.author_banner_cont{max-width: 1088px; width: 92%; margin: 76px auto 0; display: flex; background: #FFFFFF; border-radius: 10px; padding: 47px 44px 38px; box-sizing: border-box; justify-content: space-between;}
.author_banner_photo{padding: 0 15px 15px 0; background: #FFF7F5;}
.author_banner_informa{width: calc(100% - 300px);}
.author_banner_text{display: flex; justify-content: space-between; align-items: center; margin-top: 6px;}
.author_banner_spare>a{width: 26px; height: 26px; margin-left: 15px;}
.author_banner_informa h1{font-size: 28px; line-height: 120%; font-weight: 700; color: #000000;}
.author_banner_list{margin-top: 20px; background: rgba(255, 45, 45, 0.02); backdrop-filter: blur(10px); border-radius: 10px; padding: 29px 8px 2px 26px; box-sizing: border-box; border: 2px solid #f1dede;}
.author_banner_list figure{margin-bottom: 24px; display: flex;}
.author_banner_list figure img{margin-right: 17px;}
.author_banner_list figure figcaption{font-size: 16px; line-height: 160%; color: #565656;}

.author_article{margin-bottom: 38px;}
.author_article_box{display: flex; justify-content: space-between; flex-wrap: wrap;}
.author_article_list{margin-bottom: 46px; width: 30%; position: relative;}
.author_article_list img{display: block; width: 100%; height: auto;}
.author_article_list span{font-size: 12px; line-height: 1.5; color: #1D2130; margin-top: 20px; display: block; opacity: 0.6;}
.author_article_list h4{font-size: 18px; line-height: 1.4; color: #1D2130; margin-top: 10px; font-weight: 600;}
.author_article_list p{font-size: 14px; line-height: 1.5; color: #000000; margin-top: 10px; opacity: 0.6;}
/* .author_article_list a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;} */

.author_readmore{width: 222px; height: 48px; background: #1E76E3; border-radius: 4px; line-height: 48px; text-align: center; margin: 0 auto; display: block; color: #fff; font-size: 16px;}
@media screen and (max-width: 1190px) {

}
@media screen and (max-width: 980px) {
.author_banner_cont{align-items: center;}
}
@media screen and (max-width: 768px) {
.author_banner_cont{flex-direction: column; padding: 18px 20px 38px;}
.author_banner_informa{width: 100%;}
.author_banner_text{text-align: center; margin-top: 20px;}
.author_article_list{width: 48%;}
}

@media screen and (max-width: 568px) {
.author_article_list{width: 100%;}
}
@media screen and (max-width: 325px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
}