.b2b-resources-article-title-top{margin:32px auto 0 auto}
.b2b-resources-article-title-top h1{font-size:4.8rem;line-height:117%;color:#000;margin:0}
.b2b-resources-article-profile-wrapper{margin-top:16px;height:64px;margin:16px auto 0 auto}
.b2b-resources-article-profile-img{float:left;margin-right:14px}
.b2b-resources-article-profile-img div{border-radius:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;height:60px;width:60px}
.b2b-resources-article-profile-info{float:left;font-size:12px;line-height:130%;letter-spacing:.02em;color:#4d4f52}
.b2b-resources-article-profile-description{white-space:pre}
.b2b-resources-article-social-share{float:right;transform:translateY(-50%);position:relative;top:50%}
.b2b-resources-article-social-share li{float:left;list-style:none;width:24px;height:24px;margin-left:20px}
.b2b-resources-article-top-img{margin-top:48px}
.b2b-resources-article-top-img img{width:100%;height:100%}
.b2b-component-resources-article-m{display:none}
@media screen and (max-width:800px){.b2b-component-resources-article{padding:0 24px}
.b2b-component-resources-article .container{min-width:100%;padding-left:0;padding-right:0}
.b2b-resources-article-title-top{margin-top:22px}
.b2b-resources-article-title-top h1{font-size:2.8rem;line-height:125%}
.b2b-resources-article-social-share{width:100%;display:flex;justify-content:center}
.b2b-resources-article-social-share li{margin:0 20px 0 0}
.b2b-resources-article-top-img{display:none}
.b2b-component-resources-article-m{display:block;margin-top:46px}
.b2b-resources-article-top-img-m{width:100%}
.b2b-resources-article-top-img-m img{width:100%;height:100%}
}
.arabic-style .b2b-resources-article-profile-img{float:right;margin-right:0;margin-left:14px}
.arabic-style .b2b-resources-article-profile-info{float:right}
.arabic-style .b2b-resources-article-social-share{float:left}
@media(max-width:768px){.blog-article-page .edu-site .b2b-component-resources-article-m.no-image{display:none}
.blog-article-page .edu-site .b2b-component-resources-article-m{margin-top:30px}
.blog-article-page .edu-site .b2b-resources-article-profile-wrapper{margin-bottom:6px}
}
.article-tags-component.blog-article-page-pc{display:none}
@media(min-width:1200px){.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc{display:flex}
.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper{margin-top:40px;padding:0 20px}
.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper .tag-item{line-height:14px;color:#757575;padding:6px 10px;background:#f2f2f2;border-radius:32px;display:inline-flex;margin-right:5px;margin-bottom:12px;border:1px solid transparent;cursor:pointer}
.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper .tag-item span{display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper .tag-item:hover{border:1px solid #ccc}
.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper .tag-item:active{background-color:#00626b;border:1px solid transparent;color:#fff;cursor:default}
.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper .tag-item.active{background-color:#00626b;color:#fff}
.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper .tag-item.disabled{background:#f2f2f2;border:1px solid #ccc;opacity:.3;color:#757575;cursor:default}
}
@media(min-width:1200px) and (min-width:1220px){.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper{padding:0}
}
@media(min-width:1200px) and (max-width:767px){.blog-article-page .b2b-component-resources-article .article-tags-component.blog-article-page-pc .tags-wrapper .tag-item{padding:12px 16px}
}