.blog-listing-data .blog-list{display:flex;flex-wrap:wrap;gap:80px 60px;margin:0 auto;padding-bottom:64px;padding-left:calc(50% - 720px);padding-right:calc(50% - 720px);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;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;margin-bottom:0}.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{list-style:none;margin:0;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:248px;overflow:hidden;width:100%}.blog-listing-data .blog-list-row>a .meta{padding:32px 0 16px}.blog-listing-data .blog-list-row>a .title{font-size:18px;font-weight:700;line-height:28px;margin:0}.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;padding:0 8px 0 0;width:auto}.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 .blog-list-row>a .meta .common-tags{display:flex;flex-wrap:wrap;gap:8px;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 .external-link-icon:before{content:"";display:inline-block;height:24px;margin:0 12px 0 0;vertical-align:-4px;width:16px}.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}.blog-listing-data .blog-pagination{padding:0 0 100px}.blog-listing-data .blog-pagination ul{display:flex;gap:0 24px;justify-content:center;margin:0}.blog-listing-data .blog-pagination ul li{font-size:18px;line-height:48px;list-style:none;margin:0}.blog-listing-data .blog-pagination .visually-hidden{overflow:hidden;position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;word-wrap:normal}.blog-listing-data .blog-pagination ul li a{color:#a2a9b3;display:block}.blog-listing-data .blog-pagination ul li.current>a{color:#c40736}.blog-listing-data .blog-pagination ul li.pager__item{font-size:0;padding-left:8px}.blog-listing-data .blog-pagination ul li.pager__item a{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:16px auto;border:2px solid #a2a9b3;cursor:pointer;display:block;height:48px;opacity:1;transition:opacity .2s;width:48px}.blog-listing-data .blog-pagination ul li.next a{background-image:url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/arrow-gray.png)}.blog-listing-data .blog-pagination ul li a:hover{color:#c40736}.blog-listing-data .blog-pagination ul li.pager__item a:hover{border-color:#d7083b;opacity:1}.blog-listing-data .blog-pagination ul li.pager__item.prev a{transform:rotate(180deg)}.blog-listing-data .blog-pagination ul li.next a:hover{background-image:url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/arrow-red.png)}.blog-listing-data .blog-pagination ul li.prev a{background-image:url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/arrow-gray.png)}.blog-listing-data .blog-pagination ul li.prev a:hover{background-image:url(https://50316006.fs1.hubspotusercontent-na1.net/hubfs/50316006/vn_iij/images/arrow-red.png)}.blog-listing-data .blog-pagination ul li.pager__item.prev{padding-left:0;padding-right:8px}.blog-listing-data.resource .blog-list-row>a{display:flex;flex-direction:column}.blog-listing-data.resource .blog-list-row>a .image{background-color:#f3f6fa;border:none;height:280px;overflow:hidden;padding:10px;text-align:center}.blog-listing-data.resource .blog-list-row>a .image img{display:inline-block;height:auto;max-height:100%;max-width:100%;transition:transform .2s;vertical-align:top;width:auto}.blog-listing-data.resource .blog-list-row>a .meta{order:3}.blog-listing-data.resource .blog-list-row>a .title{font-size:24px;font-weight:400;line-height:34px;margin:32px 0 0;transition:color .2s}.blog-listing-data.resource .blog-list-row>a:hover .title{color:#d7083b;text-decoration:none}.blog-listing-data.resource .common-share{top:264px}.blog-listing-data.resource .blog-list-row>a .meta .common-tags li .Application{background-color:#c40775!important}.blog-listing-data.resource .blog-list-row>a .meta .common-tags li .Catalog{background-color:#de6f1e!important}.blog-listing-data.resource .blog-list-row>a .meta .common-tags li .Whitepaper{background-color:#4347c4!important}@media (max-width:1520px){.blog-listing-data .blog-list{padding-left:40px;padding-right:40px}}@media (max-width:768px){.blog-listing-data .blog-list{gap:40px 0;padding-left:32px;padding-right:32px}.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{line-height:29px}.blog-listing-data .common-share{left:-16px;top:18.4vw}.blog-listing-data .blog-pagination{padding:0 0 64px}}