.blog-listing-data .blog-list{display:flex;flex-wrap:wrap;gap:80px 60px;margin:0 auto;padding:0;position:relative;width:100%}.blog-listing-data .blog-list-row{list-style:none;margin:0;position:relative;width:calc(33.33333% - 40px)}.blog-listing-data .blog-list-row>a{background-color:#fff;color:#17222b;display:block;height:100%;text-decoration:none}.blog-listing-data .detail-share{margin:0 auto;max-width:1520px;position:static;width:100%}.blog-listing-data .common-share{height:36px;left:18px;position:absolute;right:80px;top:232px;width:36px;z-index:50}.blog-listing-data .detail-share .common-share button.toggle{cursor:pointer;height:36px;left:0;position:absolute;top:0;width:36px}.blog-listing-data .detail-share .inner{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px hsla(0,0%,5%,.16);display:none;height:77px;left:0;left:auto;min-width:90px;padding:8px 16px 0;position:absolute;right:auto;top:46px;width:auto}.blog-listing-data .detail-share .inner .label{color:#c40736;font-size:12px;font-weight:700;height:17px;line-height:17px}.blog-listing-data .detail-share .inner .close{cursor:pointer;height:12px;position:absolute;right:16px;top:8px;width:12px}.blog-listing-data .detail-share .inner ul{display:flex;margin:8px 0 0}.blog-listing-data .detail-share .inner ul span{display:flex;gap:0 8px}.blog-listing-data .detail-share .inner ul span li{width:36px}.blog-listing-data .detail-share .inner ul li a{background:no-repeat 0 0/contain;display:block;font-size:0;height:36px;width:36px}.blog-listing-data .detail-share .inner ul a>span{border-radius:4px;height:32px;line-height:32px;opacity:1;width:32px}.blog-listing-data .blog-list-row>a .image{border-bottom:1px solid #dce3ec;height:186px;overflow:hidden;width:100%}.blog-listing-data .first1.blog-list-row>a .meta{display:flex;gap:0 48px}.blog-listing-data .blog-list-row>a .meta{padding:24px 16px 16px}.blog-listing-data .first1.blog-list-row>a .title{font-size:20px;padding:0 24px 64px}.blog-listing-data .blog-list-row>a .title{font-size:18px;font-weight:700;line-height:28px;margin:0;padding:0 16px 24px}.blog-listing-data .blog-list-row>a .image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;transform-origin:center;transition:transform .3s;width:100%}.blog-listing-data .blog-list-row>a .meta .date{display:flex;height:42px;margin:0;padding:5px 0}.blog-listing-data .blog-list-row>a .meta .date .day{border-right:1px solid #707070;font-size:30px;font-weight:700;line-height:32px;min-width:43px;padding:0 8px 0 0}.blog-listing-data .blog-list-row>a .meta .date .month{font-size:12px;font-weight:700;line-height:16px;opacity:.5;padding:0 0 0 8px;text-align:right}.blog-listing-data .first1.blog-list-row>a .meta .common-tags{padding:25px 0}.blog-listing-data .blog-list-row>a .meta .common-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:8px 0 0}.blog-listing-data .blog-list-row>a .meta .common-tags li{align-items:center;border:1px solid #dce3ec;border-radius:32px;display:flex;flex-flow:row;font-size:16px;font-style:italic;font-weight:700;line-height:1.2;margin:0;min-height:30px;padding:2px 16px 2px 26px;position:relative}.blog-listing-data .blog-list-row>a .meta .common-tags li span{border-radius:9px;display:inline-block;height:18px;left:5px;position:absolute;top:50%;transform:translate3d(0,-50%,0);vertical-align:top;width:18px}.blog-listing-data .blog-list-row>a .meta .common-tags li span:before{border-bottom:3px solid #fff;border-left:3px solid #fff;content:"";display:block;height:7px;left:5px;position:absolute;top:4px;transform:rotate(-45deg);width:10px}.blog-listing-data .blog-list-row>a:hover .image img{transform:scale(110%)}.blog-listing-data .blog-list-row>a:hover .title{text-decoration:underline}.news-and-topics{background:url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/news-bg.png) no-repeat 100% 100%,linear-gradient(180deg,#fff,#f1f6fe);margin:0 auto;padding:120px calc(50% - 720px) 80px;position:relative;width:100%}.blog-listing-data .blog-list-row>a .external-link-icon:before{background:url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/external-link-icon-1.svg) no-repeat 0/16px 16px;content:"";display:inline-block;height:24px;margin:0 12px 0 0;vertical-align:-4px;width:16px}.news-and-topics .post-header-r h2{border-bottom:2px solid #a2a9b3;display:block;font-size:40px;font-weight:700;height:81px;letter-spacing:.384px;line-height:56px;margin:0}.news-and-topics .blog-listing-data .first1.blog-list{position:relative;width:49.2753623188%}.news-and-topics .blog-listing-data .blog-list{display:flex;flex-wrap:wrap;width:100%;width:50.7246376812%}.news-and-topics .blog-listing-data .blog-list-row{width:calc(50% - 20px)}.news-and-topics .blog-listing-data{align-items:flex-start;display:flex;gap:0 60px;margin:40px 0 0;width:100%}.news-and-topics .blog-listing-data .blog-list{gap:40px 40px}.news-and-topics .blog-listing-data .first1.blog-list-row>a .meta{padding:48px 24px 32px}.news-and-topics .blog-listing-data .first1.blog-list-row>a .meta .date{height:80px;padding:8px 0}.news-and-topics .blog-listing-data .blog-list-row>a .meta .date{display:flex;height:42px;padding:5px 0}.news-and-topics .blog-listing-data .first1.blog-list-row>a .meta .date .day{font-size:59px;line-height:64px;min-width:83px}.news-and-topics .blog-listing-data .blog-list-row>a .meta .date .day{border-right:1px solid #707070;font-size:30px;font-weight:700;line-height:32px;min-width:44px;padding:0 8px 0 0}.news-and-topics .blog-listing-data .first1.blog-list-row>a .meta .date .month{font-size:23px;line-height:32px;padding:0 0 0 16px}.news-and-topics .blog-listing-data .blog-list-row>a .meta .date .month{font-size:12px;font-weight:700;line-height:16px;opacity:.5;padding:0 0 0 8px;text-align:right}.news-and-topics .blog-listing-data .blog-list-row{box-shadow:0 2px 16px rgba(23,34,43,.24)}.news-and-topics .common-read-more .more-link a{margin:0}.news-and-topics .common-read-more .more-link a:before{margin-right:16px}.blog-listing-data .first1.blog-list-row>a .image{height:383px}.blog-listing-data .common-share{display:none}.news-and-topics .blog-listing-data .first1.blog-list-row{width:49.2753623188%}@media (max-width:1520px){.news-and-topics .blog-listing-data{gap:0 30px}.news-and-topics{padding-left:40px;padding-right:40px}.news-and-topics .blog-listing-data .blog-list{display:flex;flex-wrap:wrap;gap:30px 30px;width:100%;width:calc(50% - 15px)}.news-and-topics .blog-listing-data .blog-list-row{width:calc(50% - 15px)}.blog-listing-data .first1.blog-list-row>a .image{height:300px}.blog-listing-data .blog-list-row>a .image{height:140px}}@media (max-width:1120px){.news-and-topics .blog-listing-data .blog-list{width:100%}.news-and-topics .blog-listing-data{flex-wrap:wrap;row-gap:40px}.blog-listing-data .blog-list-row>a .image,.blog-listing-data .first1.blog-list-row>a .image{height:auto}.news-and-topics .blog-listing-data .first1.blog-list-row{width:100%}}@media (max-width:768px){.blog-listing-data .blog-list{gap:40px 0}.blog-listing-data .blog-list-row,.news-and-topics .blog-listing-data .blog-list-row{width:100%}.blog-listing-data .blog-list-row>a .image{height:46.6666666667vw}.blog-listing-data .blog-list-row>a .meta{padding:24px 0 16px}.blog-listing-data .blog-list-row>a .meta .date{height:42px;padding:5px 0}.blog-listing-data .blog-list-row>a .meta .common-tags li{font-size:14px;min-height:18px;padding-left:24px;padding-right:12px}.blog-listing-data .blog-list-row>a .meta .common-tags li span{height:16px;left:3px;width:16px}.blog-listing-data .blog-list-row>a .title{font-size:20px;line-height:29px}.blog-listing-data .common-share{left:-16px;top:18.4vw}.blog-listing-data .first1.blog-list-row>a .image{height:46.6666666667vw}.news-and-topics .post-header-r h2{font-size:24px;height:59px;line-height:34px}.news-and-topics{padding:80px 32px 40px}.blog-listing-data .blog-list-row>a .meta,.news-and-topics .blog-listing-data .first1.blog-list-row>a .meta{display:block;padding:24px 16px 0}.news-and-topics .blog-listing-data .first1.blog-list-row>a .meta .date{height:42px;padding:5px 0}.news-and-topics .blog-listing-data .blog-list-row>a .meta .date .day,.news-and-topics .blog-listing-data .first1.blog-list-row>a .meta .date .day{font-size:30px;line-height:32px;min-width:50px}.news-and-topics .blog-listing-data .first1.blog-list-row>a .meta .date .month{font-size:12px;line-height:15px;padding:0 0 0 8px}.blog-listing-data .first1.blog-list-row>a .meta .common-tags{padding:8px 0 0}.blog-listing-data .blog-list-row>a .title,.blog-listing-data .first1.blog-list-row>a .title{font-size:18px;padding:16px 16px 24px}.news-and-topics .blog-listing-data{gap:32px}}