.blog{margin-top:123px}.blog img{width:auto}.blog .search-tag{font:normal normal 500 14px/24px Lexend;background:#30deb4 0% 0% no-repeat padding-box;padding:2px 8px;position:absolute;top:12px;left:0}.blog .mob{display:none}.blog .w-p{width:1200px;position:relative;margin:auto}.blog .flex-box{display:flex;justify-content:space-between}.blog .banner-change{height:340px;position:relative}.blog .banner-change .list{position:absolute;bottom:20px;left:0;right:0;margin:auto;display:flex;width:60px;z-index:100;justify-content:space-around}.blog .banner-change .list span{display:block;width:13px;height:13px;border-radius:50%;border:2px solid #6174d3;cursor:pointer}.blog .banner-change .list span.on{background:#6174d3}.blog .banner{height:340px;position:absolute;left:0;top:0;opacity:0;align-items:center;padding:20px 50px;padding-left:10px;background:transparent linear-gradient(106deg, rgba(141,83,235,0.1) 0%, rgba(0,84,255,0.1) 55%, rgba(48,222,180,0.1) 100%) 0% 0% no-repeat padding-box}.blog .banner .left{margin-left:35px}.blog .banner .button-combe{margin-right:10px;background:transparent;border:1px solid #afc8fc}.blog .banner .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important;border:none}.blog .banner .button-combe .combe-text{color:#000000}.blog .banner .btn-gold{background:url(../images/itop-blog/orange.png) no-repeat}.blog .banner .btn-gold .combe-text{color:#fff}.blog .banner .btn-gold .arrow-right{fill:#000 !important}.blog .banner .right{width:670px}.blog .banner .right .equipment{margin-left:360px}.blog .banner .right dt h1{margin-bottom:10px;font:normal normal 500 36px/45px Lexend;letter-spacing:0px;color:#1e1c2c}.blog .banner .right dd p{font:normal normal 500 16px/24px Lexend;letter-spacing:0px;color:#1e1c2c}.blog .banner .right dd .d_btn a{margin-right:40px}.blog .banner.on{opacity:1;z-index:98}.blog .banner.idr{background:url(../images/itop-blog/idr-banner.png) no-repeat center}.blog .banner.idr dt{position:relative}.blog .banner.idr dt img{position:absolute;top:-15px;left:0px}.blog .banner.idr h1{font:normal normal normal 36px/48px Lexend}.blog .banner.idr p{margin-top:10px;font:normal normal normal 16px/24px Lexend}.blog .banner.idr p.last{font-size:12px}.blog .banner.idr .btn-primary{background:linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%}.blog .banner.idr .btn-primary .arrow-icon{fill:#fff}.blog .banner.idr .btn-primary .combe-text{color:#fff}.blog .banner.idr .btn-primary:hover{background:#3059ff}.blog .banner.idr .btn-gold{background:none}.blog .banner.idr .btn-gold .combe-text{color:#ffc144}.blog .banner.idr .btn-gold:hover{background:linear-gradient(90deg, #ffc144 0%, #ffc144 100%)}.blog .banner.idr .btn-gold:hover .combe-text{color:#fff}.blog .banner.idr .btn-gold .arrow-right{fill:#000 !important}.blog .conent{margin-top:60px}.blog .conent .left{position:sticky;max-width:170px}.blog .conent .left dt{font:normal normal 500 14px/28px Lexend;letter-spacing:0px}.blog .conent .left dd{margin-top:15px}.blog .conent .left dd p{font:normal normal 500 14px/24px Lexend;letter-spacing:0px;position:relative;color:#0054ff;transition:all 0.3s;cursor:pointer}.blog .conent .left dd p:hover,.blog .conent .left dd p.ac{text-decoration:underline;cursor:pointer}.blog .conent .right{width:1000px;margin-bottom:100px}.blog .conent .right .search{align-items:center;margin-bottom:10px}.blog .conent .right .search p{font:normal normal 500 24px/36px Lexend;letter-spacing:0px;color:#1e1c2c;cursor:pointer}.blog .conent .right .search input{width:306px;transition:all 0.3s;height:46px;background:#ebebeb 0% 0% no-repeat padding-box;padding:0 42px 0 10px;position:relative}.blog .conent .right .search input:focus{background:#fff}.blog .conent .right .search input:hover,.blog .conent .right .search input:focus{border:1px solid #95989a}.blog .conent .right .search ._icon{position:absolute;right:0;top:0;width:35px;cursor:pointer;height:46px;display:flex;align-items:center}.blog .conent .right .search-result-cnt .result-hot-box{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box{width:660px;height:410px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box ._hot_title{padding:40px 27.5px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box .search-tag{background:#30deb4 0% 0% no-repeat padding-box;font:normal normal 500 20px/33px Lexend;letter-spacing:0px;color:#1e1c2c;cursor:pointer;padding:3px 10px;position:absolute;top:23px;z-index:2;left:0}.blog .conent .right .search-result-cnt .result-hot-box ._hot_right{display:flex;flex-direction:column;justify-content:space-between}.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_tow,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_three{width:330px;height:200px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box{position:relative;overflow:hidden;transition:0.5s ease-in-out}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box img{width:100%;height:100%;transition:0.5s ease-in-out;object-fit:cover}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box ._hot_title{position:absolute;bottom:0;width:100%;background:rgba(31,33,41,0.68);padding:31px 27.5px;font-size:20px;font-weight:500;color:#fff;text-align:center}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box ._hot_title p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;-moz-box-orient:vertical;overflow:hidden;font:normal normal 500 20px/30px Lexend;letter-spacing:0px;color:#ffffff}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box:hover{transition:0.5s ease-in-out;box-shadow:1px 9px 20px 0px rgba(0,0,0,0.25)}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box:hover img{transform:scale(1.1)}.blog .conent .right .search-result-cnt .result-hot-box ._hot_box:hover p{transition:all 0.3s;color:#6584ff}.blog .conent .right .search-result-cnt .search-box{display:flex;justify-content:flex-start;flex-wrap:wrap}.blog .conent .right .search-result-cnt .search-box li{position:relative;width:243px;border:1px solid #e7e5ec;overflow:hidden;margin-right:9px;margin-bottom:20px;transition:0.5s ease-in-out}.blog .conent .right .search-result-cnt .search-box li:hover{transition:0.5s ease-in-out;box-shadow:1px 9px 20px 0px rgba(0,0,0,0.25)}.blog .conent .right .search-result-cnt .search-box li:hover img{transform:scale(1.1)}.blog .conent .right .search-result-cnt .search-box li:hover .search-text p{color:#016ff7}.blog .conent .right .search-result-cnt .search-box li .img-box{height:194px;overflow:hidden}.blog .conent .right .search-result-cnt .search-box li img{display:block;width:100%;height:100%;transition:0.5s ease-in-out;object-fit:cover}.blog .conent .right .search-result-cnt .search-box li .search-text{background-color:#fff;padding:25px 16px;border-top:none}.blog .conent .right .search-result-cnt .search-box li .search-text p{position:relative;display:inline-block;width:100%;font-size:14px;font-weight:400;color:#27282e;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog .conent .right .search-result-cnt .search-box li:nth-child(4n){margin-right:0}.blog .d_btn{display:flex;align-items:center;margin-top:30px}.blog .d_btn .button-combe{margin-right:10px}.blog .d_btn .btn-gold{border:1px solid #ffc144e0 !important}.blog .d_btn .btn-gold .arrow-right{fill:#000 !important}@media screen and (max-width: 768px){.blog{margin-top:3rem}.blog .banner{width:100% !important}.blog .banner ._left{width:100%;margin:0}.blog .banner.flex-box{height:500px}.blog .banner.flex-box ._left .buttons{width:100%}.blog .pc{display:none !important}.blog .mob{display:block !important}.blog .w-p{width:100%;padding:0 15px}.blog .flex-box{flex-wrap:wrap}.blog .banner-change{height:450px;background:transparent linear-gradient(106deg, rgba(141,83,235,0.1) 0%, rgba(0,84,255,0.1) 55%, rgba(48,222,180,0.1) 100%) 0% 0% !important}.blog .banner{align-items:center;padding:30px;background:transparent !important}.blog .banner .right{width:auto}.blog .banner .right dt{font:normal normal 500 23px/29px Lexend;text-align:center}.blog .banner .right dd p{font:normal normal 500 14px/20px Lexend;margin-top:13px;text-align:center}.blog .banner .right dd .m_btn{margin-top:10px}.blog .banner .right dd .m_btn .free{margin:5px auto 5px}.blog .banner .right dd .m_btn .buy{background:#ffb21c 0% 0% no-repeat padding-box;margin:auto}.blog .banner .right dd .m_btn .buy,.blog .banner .right dd .m_btn .free{width:205px;border-radius:6px;font:normal normal 500 13px/45px Lexend;letter-spacing:0px;color:#393b55;text-align:center;height:45px;display:block}.blog .conent{margin-top:60px}.blog .conent .left{position:sticky;max-width:150px}.blog .conent .left dt{font:normal normal 500 14px/28px Lexend;letter-spacing:0px;color:#8e8b9d}.blog .conent .left dd{margin-top:15px}.blog .conent .left dd p{font:normal normal 500 14px/28px Lexend;letter-spacing:0px;position:relative;color:#8e8b9d;padding-left:17px;transition:all 0.3s}.blog .conent .left dd p:hover,.blog .conent .left dd p.ac{color:#1e1c2c;cursor:pointer}.blog .conent .left dd p:hover::after,.blog .conent .left dd p.ac::after{content:"";width:12px;height:1px;background:#1e1c2c;position:absolute;left:0;top:14px}.blog .conent .right{width:100%;margin-left:0;margin-bottom:0}.blog .conent .right .search{flex-direction:column-reverse;position:relative;align-items:flex-start}.blog .conent .right .search p{font:normal normal 500 19px/18px Lexend;margin-top:20px}.blog .conent .right .search input{width:100%;height:52px;padding-right:4.5rem}.blog .conent .right .search ._icon{height:52px;width:45px}.blog .conent .right .search-result-cnt{margin-bottom:60px}.blog .conent .right .search-result-cnt .result-hot-box{flex-wrap:wrap}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box{margin-bottom:5px;width:100%;height:250px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box ._hot_title,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box ._hot_title{padding:20px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box ._hot_title p,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box ._hot_title p{font:normal normal 500 14px/20px Lexend}.blog .conent .right .search-result-cnt .result-hot-box ._hot_one._hot_box .search-tag,.blog .conent .right .search-result-cnt .result-hot-box ._hot_right ._hot_box .search-tag{font:normal normal 500 14px/17px Lexend;top:12px}.blog .conent .right .search-result-cnt .result-hot-box ._hot_right{flex-wrap:wrap;width:100%}.blog .conent .right .search-result-cnt .result-hot-box .tis{width:100%;height:1px;background:#e5e4e8;margin:25px 0}.blog .conent .right .search-result-cnt .search-box{justify-content:space-between}.blog .conent .right .search-result-cnt .search-box li{width:49.2%;margin-right:0;min-width:150px;margin-bottom:5px}.blog .conent .right .search-result-cnt .search-box li:nth-child(2n){margin-right:0}.blog .conent .right .search-result-cnt .search-box li .img-box{height:auto}.blog .conent .right .search-result-cnt .search-box li .img-box img{display:block;width:100%}.blog .conent .right .search-result-cnt .search-box li .search-tag{padding:4px 10px}.blog .conent .right .search-result-cnt .search-box li .search-text{padding:12px 10px}.blog .conent .right .search-result-cnt .search-box li .search-text p{font:normal normal 500 12px/18px Lexend}}*{margin:0;padding:0}.banner.banner-middle{display:flex;justify-content:center;align-items:flex-start;background:none}.banner.banner-middle .left img{width:259px;margin-top:-20px}.banner.banner-middle .right{margin-left:80px}.banner.banner-middle .right dl dt{font:normal normal 500 36px/45px Lexend;margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.banner.banner-middle .right dl dd::after{content:"Para Windows 11/10/8/7";position:absolute;transform:translateY(23px);right:185px}.banner.banner-middle .right dl dd ul{padding-left:0;margin-bottom:20px}.banner.banner-middle .right dl dd ul li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.banner.banner-middle .right dl dd ul li::before{content:"";position:absolute;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px;font-family:Lexend}.banner.banner-middle .right dl dd .button-combe{margin-right:10px;background:linear-gradient(90deg, #1965fd 0%, #70f 100%);width:242px;height:60px;border-radius:6px;position:relative;display:inline-block;overflow:hidden;transition:all 1s;cursor:pointer;text-align:center;text-decoration:none}.banner.banner-middle .right dl dd .button-combe .combe-text{color:#fff;line-height:60px;font-weight:bold;position:absolute;top:0px;left:86px;opacity:1}.banner.banner-middle .right dl dd .button-combe .arrow-icon{display:block;position:absolute;top:50%;left:40px;margin-top:-12px;width:20px;height:23px;fill:#fff;transition:all 0.5s;opacity:1}.banner.banner-middle .right dl dd .button-combe .arrow-winds{width:0;height:0;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:all 0.2s;display:block;fill:#fff;overflow:hidden;position:absolute}.banner.banner-middle .right dl dd .button-combe:hover .arrow-icon{left:-10px;transform:scale(0.1);opacity:0;transition:all 0.5s}.banner.banner-middle .right dl dd .button-combe:hover .combe-text{left:80%;transform:scale(0.1);opacity:0;transition:all 0.5s}.banner.banner-middle .right dl dd .button-combe:hover .arrow-winds{width:16px;height:19px;opacity:1;transform:translate(-50%, -50%);transition-delay:0.2s;transition:all 0.2s}.blog-detail{font-family:Lexend;margin-top:123px}.blog-detail .search-tag{font:normal normal normal 14px/24px Lexend;background:#30deb4 0% 0% no-repeat padding-box;padding:2px 8px;position:absolute;top:12px;left:0}.blog-detail img{width:auto}.blog-detail .box-shadow-img{box-shadow:0px 15px 30px #c4ccdc;border:1px solid #dfe3ff;margin:auto;margin-bottom:30px;display:block}.blog-detail .mob{display:none !important}.blog-detail b,.blog-detail strong{font-weight:600}.blog-detail .w-p{width:1200px;position:relative;margin:auto}.blog-detail .flex-box{display:flex;justify-content:space-between}.blog-detail .flex-center{display:flex;justify-content:center}.blog-detail .d_btn{display:flex;align-items:center;margin-top:30px}.blog-detail .d_btn .btn-gold{border:1px solid #ffc144e0 !important}.blog-detail .d_btn .btn-gold:hover .combe-text{color:#ffffff}.blog-detail .d_btn .btn-gold .arrow-right{fill:#000 !important}.blog-detail .banner{align-items:center;padding:20px 50px;padding-left:10px}.blog-detail .banner .button-combe{margin-right:10px;background:transparent;border:1px solid #afc8fc}.blog-detail .banner .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important;border:none}.blog-detail .banner .button-combe .combe-text{color:#000000}.blog-detail .banner .button-combe.button .arrow-icon{fill:#0054ff}.blog-detail .banner .btn-gold{background:url(../images/pdf-blog/orange.png) no-repeat}.blog-detail .banner .btn-gold .combe-text{color:#fff}.blog-detail .banner .btn-gold .arrow-right{fill:#000 !important}.blog-detail .banner{align-items:center;padding:20px 50px;padding-left:10px}.blog-detail .banner .btn-gold{background:url(../images/pdf-blog/orange.png) no-repeat}.blog-detail .banner .btn-gold .combe-text{color:#fff}.blog-detail .banner li{list-style:none}.blog-detail .banner .left{margin-left:35px}.blog-detail .banner .right{width:670px}.blog-detail .banner .right .button-combe{margin-right:10px;background:transparent;border:1px solid #afc8fc}.blog-detail .banner .right .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important;border:none}.blog-detail .banner .right .button-combe .combe-text{color:#000000}.blog-detail .banner .right .button-combe.button .arrow-icon{fill:#fff}.blog-detail .banner .right .equipment{margin-top:10px;margin-left:365px}.blog-detail .banner .right dt h1,.blog-detail .banner .right dt b{display:block;margin-bottom:10px;font:normal normal 500 36px/45px Lexend;letter-spacing:0px;color:#1e1c2c;text-align:left}.blog-detail .banner .right dd p{font:normal normal 500 16px/24px Lexend;letter-spacing:0px;color:#1e1c2c}.blog-detail .banner .right dd .d_btn .btn-gold{margin-left:40px;margin-right:40px}.blog-detail .banner.idr{background:url(../images/pdf-blog/idr-banner.png) no-repeat center}.blog-detail .banner.idr dt{position:relative}.blog-detail .banner.idr dt img{position:absolute;top:-15px;left:0px}.blog-detail .banner.idr h1{font:normal normal normal 36px/48px Lexend}.blog-detail .banner.idr p{margin-top:10px;font:normal normal normal 16px/24px Lexend}.blog-detail .banner.idr p.last{font-size:12px}.blog-detail .banner.idr .d_btn .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%)}.blog-detail .banner.idr .d_btn .button-combe .arrow-icon{fill:#fff}.blog-detail .banner.idr .d_btn .button-combe .combe-text{color:#fff}.blog-detail .banner.idr .d_btn .btn-gold{background:none}.blog-detail .banner.idr .d_btn .btn-gold .combe-text{color:#ffc144}.blog-detail .banner.idr .d_btn .btn-gold:hover{background:linear-gradient(90deg, #ffc144 0%, #ffc144 100%)}.blog-detail .banner.idr .d_btn .btn-gold:hover .combe-text{color:#fff}.blog-detail .banner.idr .d_btn .btn-gold .arrow-right{fill:#000 !important}.blog-detail .banner.idr .btn-primary{background:linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%}.blog-detail .banner.idr .btn-primary:hover{background:#3059ff}.blog-detail .nav{align-items:center;color:#cfced4;justify-content:flex-start;margin:40px auto 30px}.blog-detail .nav a{margin:0 8px;color:#0054ff;font:normal normal 500 14px/28px Lexend}.blog-detail .nav a:hover{text-decoration:underline}.blog-detail .article-cnt{padding:60px 115px;background:#ffffff;border:1px solid #dedfe9}.blog-detail .article-cnt .article-menu{display:none;position:fixed;margin-left:960px;bottom:50%;transform:translateY(50%);z-index:9;width:96px;height:96px;background:url(../images/pdf-blog/menu.svg) no-repeat;background-size:100%;cursor:pointer}.blog-detail .article-cnt .article-menu.on{display:inline-block}.blog-detail .article-cnt .banner li{list-style:none}.blog-detail .article-cnt .article-title{font:normal normal 500 36px/54px Lexend;letter-spacing:0px;margin-bottom:15px;color:#1e1c2c}.blog-detail .article-cnt .article-description{font:normal normal 400 16px/24px Lexend;letter-spacing:0px;color:#62606b}.blog-detail .article-cnt .article-authors{display:flex;flex-direction:row;justify-items:flex-start;align-items:center;margin:30px 0}.blog-detail .article-cnt .article-authors span{font:normal normal 400 14px/28px Lexend;letter-spacing:0px;color:#8e8b9d}.blog-detail .article-cnt .article-authors ._split{display:inline-block;width:1px;height:17px;background-color:#8e8b9d;margin:0 10px}.blog-detail .article-cnt .article-share{overflow:hidden;border-bottom:1px solid #dddfeb}.blog-detail .article-cnt .article-share .share-box{float:right}.blog-detail .article-cnt .article-box{margin-top:20px}.blog-detail .article-cnt .article-box p{text-align:left;margin-bottom:20px;font:normal normal 400 18px/26px Lexend}.blog-detail .article-cnt .article-box p a{font:normal normal 400 18px/26px Lexend;color:#0054ff;text-decoration:underline}.blog-detail .article-cnt .article-box p>br:only-child{display:none}.blog-detail .article-cnt .article-box ul,.blog-detail .article-cnt .article-box ol{margin-bottom:20px;padding-left:40px}.blog-detail .article-cnt .article-box ul li,.blog-detail .article-cnt .article-box ol li{list-style:inherit}.blog-detail .article-cnt .article-box ul li::marker,.blog-detail .article-cnt .article-box ol li::marker{color:#8e8b9d}.blog-detail .article-cnt .article-box ul li p,.blog-detail .article-cnt .article-box ol li p{margin-bottom:10px}.blog-detail .article-cnt .article-box .own-b,.blog-detail .article-cnt .article-box h3,.blog-detail .article-cnt .article-box h2{font:normal normal 500 22px/22px Lexend;letter-spacing:0px;margin-top:20px;margin-bottom:20px;color:#1e1c2c}.blog-detail .article-cnt .article-box table{margin:0px auto;max-height:540px;border-collapse:inherit;overflow:auto}.blog-detail .article-cnt .article-box table thead tr th{color:#fff;background:#777980}.blog-detail .article-cnt .article-box table tr:last-child td{border-bottom:1px solid #dddfeb}.blog-detail .article-cnt .article-box table tr th,.blog-detail .article-cnt .article-box table tr td{word-break:normal !important;text-align:center;font-size:14px;vertical-align:middle;padding:5px;width:auto;font-style:normal;text-align:center;border-left:1px solid #dddfeb;border-top:1px solid #dddfeb;font-weight:500;color:#26272e;line-height:20px}.blog-detail .article-cnt .article-box table tr th p,.blog-detail .article-cnt .article-box table tr td p{margin-bottom:0px;font-size:14px;line-height:20px}.blog-detail .article-cnt .article-box table tr th:last-child,.blog-detail .article-cnt .article-box table tr td:last-child{border-right:1px solid #dddfeb}.blog-detail .article-cnt .article-box table tr td{font-size:14px;padding:7px;background:#fff;color:#1e1c2c}.blog-detail .article-cnt .article-box table tr th{background:#e9ebf7;color:#1e1c2c;padding:10px;font-size:16px}.blog-detail .article-cnt .article-box table tr th:last-child{width:50%}.blog-detail .article-cnt .article-box .contents{margin:30px 0}.blog-detail .article-cnt .article-box .contents dl dt{font:normal normal 500 20px/30px Lexend;letter-spacing:0px;padding-left:33px;margin-bottom:15px;color:#1e1c2c;position:relative}.blog-detail .article-cnt .article-box .contents dl dt::before{content:"";width:25px;height:18px;background:url("../images/pdf-blog/icon-book.svg") no-repeat center;position:absolute;left:0;top:7px}.blog-detail .article-cnt .article-box .contents dl .list{margin-bottom:5px;transition:all 0.3s}.blog-detail .article-cnt .article-box .contents dl .list>a,.blog-detail .article-cnt .article-box .contents dl .list>h4{padding-left:32px;font:normal normal 400 18px/24px Lexend;letter-spacing:0px;display:inline-block;margin-bottom:10px;cursor:pointer;color:#3477ff;position:relative;background-color:transparent !important}.blog-detail .article-cnt .article-box .contents dl .list>a ._icon::before,.blog-detail .article-cnt .article-box .contents dl .list>h4 ._icon::before{content:"";width:12px;transition:all 0.3s;height:10px;background:url(../images/pdf-blog/arrow-up.svg) no-repeat center;position:relative;right:0;margin-left:10px;display:inline-block;top:0}.blog-detail .article-cnt .article-box .contents dl .list>a.hide ._icon::before,.blog-detail .article-cnt .article-box .contents dl .list>h4.hide ._icon::before{transform:rotate(180deg)}.blog-detail .article-cnt .article-box .contents dl .list>a.hide+ul,.blog-detail .article-cnt .article-box .contents dl .list>h4.hide+ul{display:none}.blog-detail .article-cnt .article-box .contents dl .list>a:hover,.blog-detail .article-cnt .article-box .contents dl .list>h4:hover{text-decoration:underline}.blog-detail .article-cnt .article-box .contents dl .list>a::after,.blog-detail .article-cnt .article-box .contents dl .list>h4::after{content:"";display:inline-block;position:absolute;top:9px;left:8px;width:4px;height:4px;border-radius:50%;background-color:#3477ff}.blog-detail .article-cnt .article-box .contents dl .list ul{margin-bottom:12px;padding-left:32px}.blog-detail .article-cnt .article-box .contents dl .list ul li{margin-bottom:5px;font:normal normal 400 16px/20px Lexend;list-style:none;cursor:pointer}.blog-detail .article-cnt .article-box .contents dl .list ul li a{color:#3477ff}.blog-detail .article-cnt .article-box .contents dl .list ul li a:hover{text-decoration:underline}.blog-detail .article-cnt .article-box .contents dl .list ul li:last-child{margin-bottom:10px}.blog-detail .article-cnt .article-box .contents dl .default{padding-left:32px;margin-bottom:10px}.blog-detail .article-cnt .article-box .contents dl .default a{position:relative;font:normal normal 400 18px/21px Lexend;letter-spacing:0px;color:#3477ff;cursor:pointer}.blog-detail .article-cnt .article-box .contents dl .default a:hover{text-decoration:underline}.blog-detail .article-cnt .article-box .contents dl .default a::after{content:"";display:inline-block;position:absolute;top:9px;left:-25px;width:4px;height:4px;border-radius:50%;background-color:#3477ff}.blog-detail .article-cnt .article-box .nav-tis h2{font:normal normal 500 26px/36px Lexend;letter-spacing:0px;color:#1e1c2c;background:#e6efff 0% 0% no-repeat padding-box;position:relative;margin-bottom:20px;padding:8px 0;padding-left:34px}.blog-detail .article-cnt .article-box .nav-tis h2::after{content:"";width:9px;background:#0054ff 0% 0% no-repeat padding-box;position:absolute;left:0;top:0;bottom:0}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-01{position:relative;margin-bottom:36px;padding:10px 16px;font-size:24px;line-height:28px;color:#fff;background:linear-gradient(to left, #6282fc, #ae8aee)}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-01 a{color:#fff}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-01::after{content:"";display:inline-block;position:absolute;left:0;top:auto;bottom:-16px;width:24px;height:16px;background:url(../images/pdf-blog/h2_bg_01.png) no-repeat}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-02{position:relative;margin-bottom:36px;padding:10px 16px 10px 32px;font-size:24px;line-height:28px;background:linear-gradient(to right, #d9e4ff, transparent)}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-02::after{content:"";display:inline-block;position:absolute;left:-32px;bottom:0;margin:auto;width:54px;height:55px;background:url(../images/pdf-blog/h2_bg_02.png) no-repeat}.blog-detail .article-cnt .article-box .banner1{background:#232137;padding:0 90px 0 38px;margin:30px 0 30px}.blog-detail .article-cnt .article-box .banner1 .right{width:380px}.blog-detail .article-cnt .article-box .banner1 .right dt b{margin-bottom:10px;display:inline-block;display:inline-block;font:normal normal 500 28px/42px Lexend;letter-spacing:0px;color:#ffffff;text-align:left}.blog-detail .article-cnt .article-box .banner1 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner1 .right li{font:normal normal 500 14px/24px Lexend;letter-spacing:0px;color:#8e8b9d;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner1 .right li::before{content:"";position:absolute;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary,.blog-detail .article-cnt .article-box .banner1 .right .btn-gold{width:184px !important;height:40px;padding:0 25px;margin-left:0;margin-right:6px}.blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary .combe-text,.blog-detail .article-cnt .article-box .banner1 .right .btn-gold .combe-text{font-size:13px}.blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary .arrow-icon{left:28px;transform:scale(0.8)}.blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary .combe-text{top:8px;left:60px;font-size:14px;color:#ffffff}.blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary .arrow-winds{fill:#fff}.blog-detail .article-cnt .article-box .banner1 .right .button-combe.btn-primary.btn-mac .arrow-icon{left:22px}.blog-detail .article-cnt .article-box .banner1 .right .equipment{margin-top:5px;margin-left:185px}.blog-detail .article-cnt .article-box .banner1 .right .equipment span{color:#8e8b9d}.blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box a{margin-right:0;margin-left:0}.blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box a:hover .arrow-icon{fill:#0054ff}.blog-detail .article-cnt .article-box .banner1 .right .equipment .icon-box .arrow-icon{fill:#8e8b9d;transform:scale(0.7)}.blog-detail .article-cnt .article-box .banner2{background:url(../images/pdf-blog/detail-br2-bg.svg) no-repeat bottom;background-size:cover;padding:68px;margin:30px 0 30px;min-height:350px;border:1px solid rgba(141,83,235,0.34)}.blog-detail .article-cnt .article-box .banner2 .left{width:487px}.blog-detail .article-cnt .article-box .banner2 .left dt b{display:inline-block;font:normal normal 500 28px/42px Lexend;letter-spacing:0px;color:#1e1c2c;margin-bottom:10px}.blog-detail .article-cnt .article-box .banner2 .left dd ul{padding-left:0}.blog-detail .article-cnt .article-box .banner2 .left dd li{font:normal normal 500 14px/24px Lexend;letter-spacing:0px;padding-left:18px;color:#8e8b9d;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner2 .left dd li::before{content:"";position:absolute;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner2 .right{width:auto;text-align:center}.blog-detail .article-cnt .article-box .banner2 .right .d_btn{margin-top:15px}.blog-detail .article-cnt .article-box .banner2 .right .d_btn .btn-gold{margin-bottom:10px}.blog-detail .article-cnt .article-box .banner2 .right .equipment{margin:12px auto 0;justify-content:center}.blog-detail .article-cnt .article-box .banner2 .right .equipment a svg{transform:scale(0.8)}.blog-detail .article-cnt .article-box .banner3{align-items:flex-start;justify-content:center;padding-left:0;padding-right:0;margin:30px 0 30px;background:#fff}.blog-detail .article-cnt .article-box .banner3 .left p{margin-top:10px;font-size:14px;line-height:18px;text-align:center}.blog-detail .article-cnt .article-box .banner3 .right{margin-left:90px;width:500px}.blog-detail .article-cnt .article-box .banner3 .right dt b{margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.blog-detail .article-cnt .article-box .banner3 .right dt .mobile{display:none}.blog-detail .article-cnt .article-box .banner3 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .btn-gold{margin-left:0px;margin-right:20px}.blog-detail .article-cnt .article-box .banner3 .right .m_btn{display:flex;align-items:center}.blog-detail .article-cnt .article-box .banner3 .right .m_btn .mob{display:block;margin-top:-5px;margin-right:40px}.blog-detail .article-cnt .article-box .banner3 .right .m_btn .mob .arrow-right{fill:#000 !important}.blog-detail .article-cnt .article-box .banner3 .right li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner3 .right li::before{content:"";position:absolute;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .button-combe.btn-primary .combe-text{top:13px;text-align:left}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .button-combe.btn-primary .combe-text span{display:block;font-size:12px;line-height:14px;font-weight:300;margin-left:-7px;transform:scale(0.9)}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .security{justify-content:center;margin-top:10px}.blog-detail .article-cnt .article-box .banner3 .right .d_btn .security div{margin-left:6px;font-size:12px;line-height:20px;color:#8e8b9d}.blog-detail .article-cnt .article-box .banner4{align-items:flex-start;justify-content:center;padding-left:0;padding-right:0;margin:30px 0 30px;background:#fff}.blog-detail .article-cnt .article-box .banner4 .left p{margin-top:10px;font-size:14px;line-height:18px;text-align:center}.blog-detail .article-cnt .article-box .banner4 .right{margin-left:90px;width:500px}.blog-detail .article-cnt .article-box .banner4 .right dl{margin-top:43px;margin-left:-14px}.blog-detail .article-cnt .article-box .banner4 .right dl dt b{margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.blog-detail .article-cnt .article-box .banner4 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box{display:block !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box{display:block !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner4 .right .m_btn{display:flex;align-items:center}.blog-detail .article-cnt .article-box .banner4 .right .m_btn .mob{display:block;margin-top:-5px;margin-right:40px}.blog-detail .article-cnt .article-box .banner4 .right .m_btn .mob .arrow-right{fill:#000 !important}.blog-detail .article-cnt .article-box .banner4 .right li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner4 .right li::before{content:"";position:absolute;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .button-combe.btn-primary .combe-text{top:13px;text-align:left}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .button-combe.btn-primary .combe-text span{display:block;font-size:12px;line-height:14px;font-weight:300;margin-left:-7px;transform:scale(0.9)}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .security{justify-content:center;margin-top:10px}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .security div{margin-left:6px;font-size:12px;line-height:20px;color:#8e8b9d}.blog-detail .article-cnt .article-box .banner5{align-items:flex-start;justify-content:center;padding-left:0;padding-right:0;margin:30px 0 30px;background:#fff}.blog-detail .article-cnt .article-box .banner5 .left p{margin-top:10px;font-size:14px;line-height:18px;text-align:center}.blog-detail .article-cnt .article-box .banner5 .right{margin-left:90px;width:500px}.blog-detail .article-cnt .article-box .banner5 .right dl{margin-top:43px;margin-left:-14px}.blog-detail .article-cnt .article-box .banner5 .right dl dt b{margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.blog-detail .article-cnt .article-box .banner5 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box{display:block !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box{display:block !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner5 .right .m_btn{display:flex;align-items:center}.blog-detail .article-cnt .article-box .banner5 .right .m_btn .mob{display:block;margin-top:-5px;margin-right:40px}.blog-detail .article-cnt .article-box .banner5 .right .m_btn .mob .arrow-right{fill:#000 !important}.blog-detail .article-cnt .article-box .banner5 .right li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner5 .right li::before{content:"";position:absolute;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .button-combe.btn-primary .combe-text{top:13px;text-align:left}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .button-combe.btn-primary .combe-text span{display:block;font-size:12px;line-height:14px;font-weight:300;margin-left:-7px;transform:scale(0.9)}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .security{justify-content:center;margin-top:10px}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .security div{margin-left:6px;font-size:12px;line-height:20px;color:#8e8b9d}.blog-detail .article-cnt .article-box .banner4{align-items:flex-start;justify-content:center;padding-left:0;padding-right:0;margin:30px 0 30px;background:#fff}.blog-detail .article-cnt .article-box .banner4 .left p{margin-top:10px;font-size:14px;line-height:18px;text-align:center}.blog-detail .article-cnt .article-box .banner4 .right{margin-left:90px;width:500px}.blog-detail .article-cnt .article-box .banner4 .right dt b{margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.blog-detail .article-cnt .article-box .banner4 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-wins-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .btn-mac-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner4 .right .m_btn{display:flex;align-items:center}.blog-detail .article-cnt .article-box .banner4 .right .m_btn .mob{display:block;margin-top:-5px;margin-right:40px}.blog-detail .article-cnt .article-box .banner4 .right .m_btn .mob .arrow-right{fill:#000 !important}.blog-detail .article-cnt .article-box .banner4 .right li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner4 .right li::before{content:"";position:absolute;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .button-combe.btn-primary .combe-text{top:13px;text-align:left}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .button-combe.btn-primary .combe-text span{display:block;font-size:12px;line-height:14px;font-weight:300;margin-left:-7px;transform:scale(0.9)}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .security{justify-content:center;margin-top:10px}.blog-detail .article-cnt .article-box .banner4 .right .d_btn .security div{margin-left:6px;font-size:12px;line-height:20px;color:#8e8b9d}.blog-detail .article-cnt .article-box .banner5{align-items:flex-start;justify-content:center;padding-left:0;padding-right:0;margin:30px 0 30px;background:#fff}.blog-detail .article-cnt .article-box .banner5 .left p{margin-top:10px;font-size:14px;line-height:18px;text-align:center}.blog-detail .article-cnt .article-box .banner5 .right{margin-left:90px;width:500px}.blog-detail .article-cnt .article-box .banner5 .right dt b{margin-bottom:14px;display:inline-block;font-size:20px;line-height:25px;font-weight:600;letter-spacing:0px;text-align:left}.blog-detail .article-cnt .article-box .banner5 .right ul{padding-left:0}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-wins-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe{background:linear-gradient(90deg, #6584ff 0%, #0054ff 100%);border:none}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe:hover{background:linear-gradient(90deg, #1965fd 0%, #70f 100%) !important}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .arrow-icon{fill:#fff}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .btn-mac-box .button-combe .combe-text{color:#fff}.blog-detail .article-cnt .article-box .banner5 .right .m_btn{display:flex;align-items:center}.blog-detail .article-cnt .article-box .banner5 .right .m_btn .mob{display:block;margin-top:-5px;margin-right:40px}.blog-detail .article-cnt .article-box .banner5 .right .m_btn .mob .arrow-right{fill:#000 !important}.blog-detail .article-cnt .article-box .banner5 .right li{font-size:14px;line-height:24px;padding-left:18px;position:relative;list-style:none}.blog-detail .article-cnt .article-box .banner5 .right li::before{content:"";position:absolute;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat center;width:9px;top:9px;left:0;height:7px}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .button-combe.btn-primary .combe-text{top:13px;text-align:left}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .button-combe.btn-primary .combe-text span{display:block;font-size:12px;line-height:14px;font-weight:300;margin-left:-7px;transform:scale(0.9)}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .security{justify-content:center;margin-top:10px}.blog-detail .article-cnt .article-box .banner5 .right .d_btn .security div{margin-left:6px;font-size:12px;line-height:20px;color:#8e8b9d}.blog-detail .article-cnt .article-box .blog-btn-tl{margin-bottom:30px}.blog-detail .article-cnt .article-box .blog-btn-tl .d_btn{align-items:flex-start;justify-content:center}.blog-detail .article-cnt .article-box .blog-btn-tl .d_btn .equipment{margin-top:12px;justify-content:flex-start}.blog-detail .article-cnt .article-box .blog-btn-tl .d_btn .equipment svg{transform:scale(0.9)}.blog-detail .article-cnt .article-box .tips{margin:50px 0 30px;font:normal normal 500 16px/22px Lexend;letter-spacing:0px;color:#6c63ff;background:#f3f2ff 0% 0% no-repeat padding-box;position:relative;padding:20px 35px}.blog-detail .article-cnt .article-box .tips .t{font-size:14px;color:#fff;background:#6c63ff 0% 0% no-repeat padding-box;border-radius:0px 16px 0px 0px;position:absolute;top:-32px;left:0;padding:4px 28px}.blog-detail .article-cnt .article-box .tips p{margin-bottom:10px;font:normal normal 500 16px/22px Lexend}.blog-detail .article-cnt .article-box .table-box{margin:30px 35px;max-height:540px;overflow:auto}.blog-detail .article-cnt .article-box .table-box table{margin:0px auto;border-collapse:inherit;overflow:auto}.blog-detail .article-cnt .article-box .table-box table thead tr th{color:#fff;background:#777980;width:auto;max-width:220px}.blog-detail .article-cnt .article-box .table-box table tr:last-child td{border-bottom:1px solid #dddfeb}.blog-detail .article-cnt .article-box .table-box table tr th,.blog-detail .article-cnt .article-box .table-box table tr td{word-break:normal !important;max-width:220px;text-align:center;font-size:14px;vertical-align:middle;line-height:14px;padding:5px;width:auto;font-style:normal;text-align:center;border-left:1px solid #dddfeb;border-top:1px solid #dddfeb;font-weight:500;color:#26272e;line-height:20px}.blog-detail .article-cnt .article-box .table-box table tr th:last-child,.blog-detail .article-cnt .article-box .table-box table tr td:last-child{border-right:1px solid #dddfeb}.blog-detail .article-cnt .article-box .table-box table tr td{font-size:14px;padding:7px;background:#fff;color:#1e1c2c}.blog-detail .article-cnt .article-box .table-box table tr td p{margin-bottom:0px;font:normal normal 400 14px/18px Lexend;font-size:14px}.blog-detail .article-cnt .article-box .table-box table tr th{background:#e9ebf7;color:#1e1c2c;padding:10px;font-size:16px}.blog-detail .article-cnt .article-box .table-box table tr th:last-child{width:50%}.blog-detail .article-cnt .idr-banner-01{display:flex;justify-content:space-around;padding:20px 30px;align-items:center;background:url(../images/pdf-blog/idr-banner-bg.png) no-repeat bottom}.blog-detail .article-cnt .idr-banner-01 .right{margin-left:60px}.blog-detail .article-cnt .idr-banner-01 .right dt{margin-bottom:10px}.blog-detail .article-cnt .idr-banner-01 .right dt b{text-align:left;font:normal normal normal 28px/36px Lexend;color:#1e1c2c}.blog-detail .article-cnt .idr-banner-01 .right dd{font:normal normal normal 14px/20px Lexend;color:#1e1c2c}.blog-detail .article-cnt .idr-banner-01 .right dd .btn-primary{background:linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%}.blog-detail .article-cnt .idr-banner-01 .right dd .btn-primary:hover{background:#3059ff}.blog-detail .article-cnt .idr-banner-01 .right dd.last{margin-top:10px;color:#8e8b9d;font-size:12px}.blog-detail .article-cnt .idr-banner-02{display:flex;justify-content:space-around;padding:20px 30px;align-items:center}.blog-detail .article-cnt .idr-banner-02 .left p{padding-left:35px;font:normal normal normal 12px/14px Lexend;color:#1e1c2cb3}.blog-detail .article-cnt .idr-banner-02 .right{margin-right:100px}.blog-detail .article-cnt .idr-banner-02 .right dt{margin-bottom:15px}.blog-detail .article-cnt .idr-banner-02 .right dt b{font:normal normal 24px/36px Lexend;color:#1e1c2c}.blog-detail .article-cnt .idr-banner-02 .right dd{font:normal normal normal 12px/20px Lexend}.blog-detail .article-cnt .idr-banner-02 .right dd ul{padding-left:0px}.blog-detail .article-cnt .idr-banner-02 .right dd li{position:relative;padding-left:15px;list-style-type:none;font:normal normal normal 13px/24px Lexend}.blog-detail .article-cnt .idr-banner-02 .right dd li::after{position:absolute;content:"";width:9px;height:7px;left:0;top:8px;background:url(../images/pdf-blog/md-checkmark.svg)}.blog-detail .article-cnt .idr-banner-02 .right dd li::marker{display:none}.blog-detail .article-cnt .idr-banner-02 .right dd .btn-primary{width:276px;height:60px;background:linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%}.blog-detail .article-cnt .idr-banner-02 .right dd .btn-primary:hover{background:#3059ff}.blog-detail .article-cnt .idr-banner-02 .right dd p{margin-bottom:0px;font-size:14px}.blog-detail .article-cnt .idr-banner-03 .d_btn{justify-content:center;margin:0px auto;align-items:flex-start}.blog-detail .article-cnt .idr-banner-03 .d_btn p{margin-top:10px;font:normal normal normal 12px/20px Lexend;color:#1e1c2c}.blog-detail .article-cnt .idr-banner-03 .d_btn .btn-primary{background:linear-gradient(90deg, #3059ff 0%, #8219de 100%) 0% 0%}.blog-detail .article-cnt .idr-banner-03 .d_btn .btn-primary:hover{background:#3059ff}.blog-detail .article-cnt .browser-banner{position:relative;width:100%;height:350px;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg, #e1ddfe 0%, #e8f5fa 100%) 0% 0%}.blog-detail .article-cnt .browser-banner::after{position:absolute;content:"";width:453px;height:211px;left:0;top:0;background:url(../images/pdf-blog/browser-bg.png)}.blog-detail .article-cnt .browser-banner .right h2{margin:0px;font:normal normal normal 28px/42px Lexend Deca}.blog-detail .article-cnt .browser-banner .right h3{margin-bottom:20px;font:normal normal normal 20px/42px Lexend Deca}.blog-detail .article-cnt .browser-banner .right p{margin-bottom:0px;font:normal normal normal 14px/24px Lexend Deca;color:#706c83;padding-left:20px;background:url(../images/pdf-blog/md-checkmark.svg) no-repeat left 9px}.blog-detail .article-cnt .browser-banner .right .btn-primary{display:flex;width:221px;height:48px;padding:0px;margin-top:20px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(270deg, #7a52ff 0%, #226bff 100%) 0% 0%}.blog-detail .article-cnt .browser-banner .right .btn-primary:hover{background:transparent linear-gradient(270deg, #65b2ff 0%, #27f 100%) 0% 0% no-repeat padding-box}.blog-detail .article-cnt .browser-btn-tl{margin-bottom:20px}.blog-detail .article-cnt .browser-btn-tl .d_btn{flex-wrap:wrap}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-primary{width:276px;display:flex;justify-content:center;align-items:center;color:#fff;background:transparent linear-gradient(90deg, #236bfb 0%, #7a53fb 100%) 0% 0% no-repeat padding-box}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-primary:hover{background:transparent linear-gradient(270deg, #65b2ff 0%, #27f 100%) 0% 0% no-repeat padding-box}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-gold{width:276px !important}.blog-detail .article-cnt .browser-btn-tl p{margin-top:10px;width:100%;font:normal normal normal 14px/20px Lexend Deca}.blog-detail .article-related-reference{margin:120px auto}.blog-detail .article-related-reference dt{font:normal normal 500 24px/30px Lexend;letter-spacing:0px;color:#1e1c2c;margin-bottom:20px;position:relative;padding-left:22px;background-color:#fff3dc}.blog-detail .article-related-reference dt::after{content:"";width:9px;background:#ffb21c 0% 0% no-repeat padding-box;position:absolute;top:0;left:0;bottom:0}.blog-detail .article-related-reference .search-box{display:flex;justify-content:flex-start;flex-wrap:wrap}.blog-detail .article-related-reference .search-box li{position:relative;width:290px;border:1px solid #e7e5ec;overflow:hidden;margin-right:13px;margin-bottom:9px;transition:0.5s ease-in-out}.blog-detail .article-related-reference .search-box li:hover{transition:0.5s ease-in-out;box-shadow:1px 9px 20px 0px rgba(0,0,0,0.25)}.blog-detail .article-related-reference .search-box li:hover img{transform:scale(1.1)}.blog-detail .article-related-reference .search-box li:hover .search-text p{color:#016ff7}.blog-detail .article-related-reference .search-box li .img-box{height:231px;overflow:hidden}.blog-detail .article-related-reference .search-box li img{display:block;width:100%;height:100%;transition:0.5s ease-in-out;object-fit:cover}.blog-detail .article-related-reference .search-box li .search-text{background-color:#fff;padding:32px 19px;border-top:none}.blog-detail .article-related-reference .search-box li .search-text p{position:relative;display:inline-block;width:100%;margin-bottom:0;font-size:14px;font-weight:400;color:#27282e;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-detail .article-related-reference .search-box li:nth-child(4n){margin-right:0}@media screen and (max-width: 768px){.m_btn .free{margin:5px auto 5px;font-weight:bold !important;color:#000}.m_btn .buy{background:#ffb21c 0% 0% no-repeat padding-box;margin:auto;color:#ffffff !important;font-weight:normal !important;border:none !important}.m_btn .buy,.m_btn .free{width:205px;border-radius:6px;font:normal normal 500 13px/45px Lexend;letter-spacing:0px;color:#393b55;border:1px solid #afc8fc;text-align:center;height:45px;display:block}.blog-detail{margin-top:0}.blog-detail .box-shadow-img{max-width:100%;height:auto !important}.blog-detail .pc{display:none !important}.blog-detail .mob{display:block !important;margin-top:10px}.blog-detail .w-p{width:100%;padding:0 15px}.blog-detail .flex-box{flex-wrap:wrap}.blog-detail .banner{align-items:center;padding:30px;padding-top:100px}.blog-detail .banner::after{content:"";background:url(../images/pdf-blog/banner-bg-mob.svg) no-repeat center;background-size:cover;position:absolute;bottom:0;left:0;z-index:-1;height:242px;right:0}.blog-detail .banner .left{margin-left:0}.blog-detail .banner .right{width:auto}.blog-detail .banner .right dt h2{font:normal normal 500 23px/29px Lexend;text-align:center}.blog-detail .banner .right dd p{font:normal normal 500 14px/20px Lexend;margin-top:13px;text-align:center}.blog-detail .banner.idr{background:transparent linear-gradient(106deg, rgba(141,83,235,0.1) 0%, rgba(0,84,255,0.1) 55%, rgba(48,222,180,0.1) 100%) 0% 0% no-repeat padding-box}.blog-detail .banner.idr .d_btn{flex-wrap:wrap;justify-content:center}.blog-detail .banner.idr .d_btn .button-combe.button{width:242px !important;height:60px !important}.blog-detail .banner.idr .d_btn .btn-gold{margin-top:10px}.blog-detail .banner.idr .d_btn .btn-gold svg{display:none}.blog-detail .nav{margin-top:26px;margin-bottom:20px}.blog-detail .article-cnt{border:none;margin-top:50px}.blog-detail .article-cnt .article-menu{margin-left:calc(100% - 76px);width:56px;height:56px}.blog-detail .article-cnt .article-title{font:normal normal 500 23px/32px Lexend;margin-bottom:10px}.blog-detail .article-cnt .article-description{font:normal normal 500 12px/18px Lexend}.blog-detail .article-cnt .article-authors{margin:20px 0 15px}.blog-detail .article-cnt .article-authors span{font:normal normal 500 12px/14px Lexend}.blog-detail .article-cnt .article-box{margin-top:15px}.blog-detail .article-cnt .article-box .own-b,.blog-detail .article-cnt .article-box h3,.blog-detail .article-cnt .article-box h2{margin-top:10px;margin-bottom:10px;font:normal normal 600 16px/24px Lexend}.blog-detail .article-cnt .article-box p{margin-bottom:10px;font:normal normal 400 14px/22px Lexend}.blog-detail .article-cnt .article-box p a{font:normal normal 400 14px/22px Lexend}.blog-detail .article-cnt .article-box ul,.blog-detail .article-cnt .article-box ol{width:100% !important;padding-left:20px;margin-bottom:15px}.blog-detail .article-cnt .article-box ul li p,.blog-detail .article-cnt .article-box ol li p{margin-bottom:10px}.blog-detail .article-cnt .article-box>table{overflow:scroll;width:100%;margin:25px 0;table-layout:fixed}.blog-detail .article-cnt .article-box>table tr th,.blog-detail .article-cnt .article-box>table tr td{font-size:12px;padding:4px;width:80px;height:30px}.blog-detail .article-cnt .article-box>table tr th:last-child,.blog-detail .article-cnt .article-box>table tr td:last-child{width:300px}.blog-detail .article-cnt .article-box .list-paddingleft-2{width:100% !important}.blog-detail .article-cnt .article-box img{margin-top:10px;margin-bottom:20px;width:100%}.blog-detail .article-cnt .article-box .contents{margin:25px 0 30px}.blog-detail .article-cnt .article-box .contents dl dt{font:normal normal 400 18px/24px Lexend;padding-left:27px;margin-bottom:10px}.blog-detail .article-cnt .article-box .contents dl dt::before{top:5px;width:17px;height:15px;background-size:100%}.blog-detail .article-cnt .article-box .contents dl .list>a,.blog-detail .article-cnt .article-box .contents dl .list>h4{font:normal normal 400 14px/18px Lexend;margin-bottom:5px}.blog-detail .article-cnt .article-box .contents dl .list>a::after,.blog-detail .article-cnt .article-box .contents dl .list>h4::after{width:4px;height:4px}.blog-detail .article-cnt .article-box .contents dl .list ul li{font-weight:400;font-size:12px}.blog-detail .article-cnt .article-box .contents dl .default a{font:normal normal 400 14px/21px Lexend}.blog-detail .article-cnt .article-box .blog-btn-tl{margin-bottom:35px}.blog-detail .article-cnt .article-box .blog-btn-tl .m_btn .free{background:transparent linear-gradient(90deg, #6584ff 0%, #0054ff 100%) 0% 0% no-repeat padding-box;margin:27px auto 5px;border:none;color:#fff}.blog-detail .article-cnt .article-box .nav-tis h2{margin-top:20px;padding-left:20px;padding-right:10px;font:normal normal 500 18px/27px Lexend}.blog-detail .article-cnt .article-box .nav-tis h2::after{width:4px}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-01{padding:5px 16px;font-size:18px}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-02{margin-left:20px;padding-left:25px;font-size:18px}.blog-detail .article-cnt .article-box .nav-tis h2.head-type-02::after{left:-26px;width:47px;height:48px;background-size:100%}.blog-detail .article-cnt .article-box .table-box{overflow:scroll;width:100%;margin:25px 0}.blog-detail .article-cnt .article-box .table-box table{margin:initial;width:100%;table-layout:fixed}.blog-detail .article-cnt .article-box .table-box table tr th,.blog-detail .article-cnt .article-box .table-box table tr td{font-size:12px;padding:4px;width:80px;height:30px}.blog-detail .article-cnt .article-box .table-box table tr th:last-child,.blog-detail .article-cnt .article-box .table-box table tr td:last-child{width:300px}.blog-detail .article-cnt .article-box .tips{padding:25px 18px;margin:60px 0 30px}.blog-detail .article-cnt .article-box .banner1{margin:20px 0;padding:170px 30px 30px;position:relative}.blog-detail .article-cnt .article-box .banner1 .left{position:absolute;left:30px;right:30px;top:0}.blog-detail .article-cnt .article-box .banner1 .left img{width:100%}.blog-detail .article-cnt .article-box .banner1 .right{position:relative;z-index:2}.blog-detail .article-cnt .article-box .banner1 .right dt b{font:normal normal 500 23px/29px Lexend;margin-bottom:10px;text-align:center}.blog-detail .article-cnt .article-box .banner1 .right .m_btn .free{color:#8e8b9d !important}.blog-detail .article-cnt .article-box .banner2{margin-bottom:30px;padding:25px 30px 30px;background:url(../images/pdf-blog/detail-br2-bg-mob.svg) no-repeat bottom;background-size:cover}.blog-detail .article-cnt .article-box .banner2 .left dt b{display:inline-block;text-align:center;font:normal normal 500 23px/29px Lexend;margin-bottom:10px}.blog-detail .article-cnt .article-box .banner2 .right{margin:auto}.blog-detail .article-cnt .article-box .banner3{margin:20px 0;padding:90px 0 30px;position:relative}.blog-detail .article-cnt .article-box .banner3 .left{position:absolute;left:0;right:0;margin:-88px auto 0;z-index:9;text-align:center}.blog-detail .article-cnt .article-box .banner3 .left.pc{display:none}.blog-detail .article-cnt .article-box .banner3 .left img{margin-bottom:0;width:120px}.blog-detail .article-cnt .article-box .banner3 .left p{margin-top:0;font-size:12px;line-height:15px}.blog-detail .article-cnt .article-box .banner3 .right{position:relative;z-index:2;margin-left:0;padding-top:106px;padding-bottom:33px;padding-left:34px;padding-right:34px;width:100%;background-color:#eff4ff;border-radius:5px}.blog-detail .article-cnt .article-box .banner3 .right dt b{font:normal normal 500 18px/29px Lexend;margin-bottom:10px;text-align:center}.blog-detail .article-cnt .article-box .banner3 .right dt .nomobile{display:none}.blog-detail .article-cnt .article-box .banner3 .right dt .mobile{display:block}.blog-detail .article-cnt .article-box .banner3 .right ul li{font-size:12px;line-height:18px}.blog-detail .article-cnt .article-box .banner3 .right .b_btn{flex-direction:column}.blog-detail .article-cnt .article-box .banner3 .right .m_btn{height:90px}.blog-detail .article-cnt .article-box .banner3 .right .m_btn .btn-gold{display:block}.blog-detail .article-cnt .article-box .banner3 .right .m_btn .free{margin-top:15px}.blog-detail .article-cnt .article-box .banner4{margin:20px 0;padding:90px 0 30px;position:relative}.blog-detail .article-cnt .article-box .banner4 .left{position:absolute;left:0;right:0;margin:-88px auto 0;z-index:9;text-align:center}.blog-detail .article-cnt .article-box .banner4 .left.pc{display:none}.blog-detail .article-cnt .article-box .banner4 .left img{margin-bottom:0;width:182px}.blog-detail .article-cnt .article-box .banner4 .left p{margin-top:0;font-size:12px;line-height:15px}.blog-detail .article-cnt .article-box .banner4 .right{position:relative;z-index:2;margin-left:0;padding-top:106px;padding-bottom:33px;padding-left:34px;padding-right:34px;width:100%;background:transparent linear-gradient(0deg, #f5f8ff 0%, #f7efff 100%) 0% 0% no-repeat padding-box;border-radius:5px}.blog-detail .article-cnt .article-box .banner4 .right dl dt{text-align:center}.blog-detail .article-cnt .article-box .banner4 .right dl dt b{font:normal normal 500 18px/29px Lexend;margin-bottom:10px;text-align:center;font-weight:bold;width:237px;margin-top:-40px}.blog-detail .article-cnt .article-box .banner4 .right ul li{font-size:14px;line-height:24px}.blog-detail .article-cnt .article-box .banner4 .right .b_btn{flex-direction:column}.blog-detail .article-cnt .article-box .banner4 .right .m_btn{height:90px;margin-bottom:-30px;padding-top:1px}.blog-detail .article-cnt .article-box .banner4 .right .m_btn .free{margin-top:15px;background:transparent linear-gradient(90deg, #6082ff 0%, #0255ff 100%) 0% 0% no-repeat padding-box;color:#fff}.blog-detail .article-cnt .article-box .banner5{margin:20px 0;padding:90px 0 30px;position:relative}.blog-detail .article-cnt .article-box .banner5 .left{position:absolute;left:0;right:0;margin:-88px auto 0;z-index:9;text-align:center}.blog-detail .article-cnt .article-box .banner5 .left.pc{display:none}.blog-detail .article-cnt .article-box .banner5 .left img{margin-bottom:0;width:182px}.blog-detail .article-cnt .article-box .banner5 .left p{margin-top:0;font-size:12px;line-height:15px}.blog-detail .article-cnt .article-box .banner5 .right{position:relative;z-index:2;margin-left:0;padding-top:106px;padding-bottom:33px;padding-left:34px;padding-right:34px;width:100%;background:transparent linear-gradient(0deg, #f5f8ff 0%, #f7efff 100%) 0% 0% no-repeat padding-box;border-radius:5px}.blog-detail .article-cnt .article-box .banner5 .right dl dt{text-align:center}.blog-detail .article-cnt .article-box .banner5 .right dl dt b{font:normal normal 500 18px/29px Lexend;margin-bottom:10px;text-align:center;font-weight:bold;width:196px;margin-top:-40px}.blog-detail .article-cnt .article-box .banner5 .right ul li{font-size:14px;line-height:24px}.blog-detail .article-cnt .article-box .banner5 .right .b_btn{flex-direction:column}.blog-detail .article-cnt .article-box .banner5 .right .m_btn{height:90px;margin-bottom:-30px;padding-top:1px}.blog-detail .article-cnt .article-box .banner5 .right .m_btn .free{margin-top:15px;background:transparent linear-gradient(90deg, #6082ff 0%, #0255ff 100%) 0% 0% no-repeat padding-box;color:#fff}.blog-detail .article-cnt .idr-banner-01{background:transparent linear-gradient(106deg, rgba(141,83,235,0.1) 0%, rgba(0,84,255,0.1) 55%, rgba(48,222,180,0.1) 100%) 0% 0% no-repeat padding-box}.blog-detail .article-cnt .idr-banner-01 .right{margin-left:0px}.blog-detail .article-cnt .idr-banner-02{flex-wrap:wrap}.blog-detail .article-cnt .idr-banner-02 .right{margin-right:0px}.blog-detail .article-cnt .idr-banner-02 .d_btn{flex-wrap:wrap}.blog-detail .article-cnt .idr-banner-03 .d_btn{flex-wrap:wrap}.blog-detail .article-cnt .idr-banner-03 .button-link{display:block}.blog-detail .article-cnt .browser-banner{padding:20px 10px;height:auto;flex-wrap:wrap-reverse}.blog-detail .article-cnt .browser-banner .right h2{font-size:24px}.blog-detail .article-cnt .browser-banner .right h3{font-size:16px;line-height:36px}.blog-detail .article-cnt .browser-btn-tl .d_btn{justify-content:center}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-primary{margin-right:0px}.blog-detail .article-cnt .browser-btn-tl .d_btn .btn-gold{display:block !important}.blog-detail .article-related-reference{margin:40px 0 50px}.blog-detail .article-related-reference dt{font:normal normal 500 18px/20px Lexend;padding:2px 0;padding-left:11px}.blog-detail .article-related-reference dt::after{width:4px}.blog-detail .article-related-reference .search-box{justify-content:space-between}.blog-detail .article-related-reference .search-box li{margin-right:0;width:49%;margin-bottom:7px}.blog-detail .article-related-reference .search-box li .img-box{height:122px}.blog-detail .article-related-reference .search-box li .search-text{padding:12px 10px}}._float_box{display:none}._float_box ._float{display:flex;position:fixed;right:85px;bottom:15px;z-index:300;width:340px;height:256px;background:transparent linear-gradient(180deg, #f1ecfc 0%, #e8f9f7 100%);border-radius:6px;padding:12px 50px 20px;flex-direction:column;align-items:center;transition:all 0.3s}._float_box ._float ._title{font-size:19px;line-height:24px;font-weight:600;color:#080808;margin-bottom:20px;text-align:center}._float_box ._float img{width:auto;margin-bottom:12px}._float_box ._float img.price2{display:none}._float_box ._float ._billed{font-size:14px;color:#989898;margin-bottom:8px}._float_box ._float ._billed del{font-size:14px;color:#989898;margin-left:10px}._float_box ._float ._btn{width:242px;height:46px;background:transparent linear-gradient(90deg, #fda929 0%, #fd8f25 100%) 0% 0% no-repeat padding-box;border:1px solid #fdb434;border-radius:6px;font-size:16px;line-height:45px;font-weight:600;color:#fff;text-align:center;cursor:pointer;padding:0 35px}._float_box ._float ._btn p{transition:all 0.3s}._float_box ._float ._btn p span{font-size:16px;font-weight:600;color:#fff}._float_box ._float ._btn i{display:block;width:17px;height:8px;background:url(../images/pdf-blog/float/arrow.svg);background-size:100% 100%}._float_box ._float ._close{position:absolute;display:block;width:20px;height:20px;right:0;top:-30px;background:url(../images/pdf-blog/float/close.svg) no-repeat;cursor:pointer}@media screen and (max-width: 768px){.blog-detail .banner{width:100% !important}.blog-detail .banner ._left{width:100%;margin:0}.blog-detail .banner.flex-box{height:440px;margin-top:80px;padding-top:70px}.blog-detail .banner.flex-box ._left .buttons{width:100%}.blog-detail .banner.banner-middle{flex-direction:column;padding:0;height:640px;align-items:center;padding:0 30px}.blog-detail .banner.banner-middle .right{margin-left:0}.blog-detail .banner.banner-middle .right dl dd{display:flex;flex-direction:column;align-items:center;position:relative}.blog-detail .banner.banner-middle .right dl dd .button-combe .combe-text{left:30px}.blog-detail .banner.banner-middle .right dl dd::after{width:153px;bottom:-25px;left:50%;transform:translateX(-50%)}.blog-detail .banner.banner-bottom ._right{margin-right:0;padding:0 20px}.blog-detail .banner.banner-bottom::before{width:180px;height:100px;top:auto;bottom:10px;left:auto;right:10px;transform:none}._float_box{display:none;position:fixed;z-index:200;top:0;bottom:0;left:0;right:0;background:#00000074}._float_box ._float{width:rem(257px);height:rem(222px);bottom:rem(275px);right:50%;transform:translateX(50%);padding:rem(10px) rem(20px) rem(15px)}._float_box ._float ._title{font-size:rem(17px);line-height:rem(22px);font-weight:600;margin-bottom:rem(17px)}._float_box ._float img{width:rem(181px);margin-bottom:rem(9px)}._float_box ._float ._billed{font-size:rem(12px)}._float_box ._float ._billed del{font-size:rem(12px)}._float_box ._float ._btn{display:flex !important;width:rem(213px);height:rem(41px);line-height:rem(41px);font-size:rem(13px);padding:0}._float_box ._float ._btn p span{font-size:rem(14px)}._float_box ._float ._btn .arrow-right{display:none !important}._float_box ._float ._close{width:rem(23px);height:rem(23px);background-size:100% 100%;top:rem(-35px)}}a{text-decoration:none}.banner{width:1200px;height:340px;opacity:1;margin:0 auto}.banner.flex-box{background:transparent url(../images/pdf-blog/banner1-bg.png) 0% 0% no-repeat padding-box !important}.banner ._left{width:460px;float:left;margin-left:80px}.banner ._left h2{text-align:left;font:normal normal 600 36px/45px Lexend;letter-spacing:0px;color:#171717;opacity:1;margin-bottom:15px}.banner ._left p{text-align:left;font:normal normal normal 16px/20px Lexend;letter-spacing:0px;color:#171717;opacity:1;margin-top:0;margin-bottom:25px}.banner ._left .buttons{width:403px;display:flex;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:12px}.banner ._left .buttons .button{width:194px;height:48px;border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:pointer}.banner ._left .buttons .button.btn-download{background:transparent linear-gradient(90deg, #6788fb 0%, #105bfb 100%) 0% 0% no-repeat padding-box;position:relative}.banner ._left .buttons .button.btn-download span{font:normal normal 600 16px/20px Lexend;color:#fff}.banner ._left .buttons .button.btn-download .arrow-winds{width:0;height:0;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:all 0.2s;display:block;fill:#fff;overflow:hidden;position:absolute}.banner ._left .buttons .button.btn-download:hover span{left:80%;transform:scale(0.1);opacity:0;transition:all 0.5s}.banner ._left .buttons .button.btn-download:hover .arrow-winds{width:16px;height:19px;opacity:1;transform:translate(-50%, -50%);transition-delay:0.2s;transition:all 0.2s}.banner ._left .buttons .button.btn-purchase{border:1px solid #ff7c1c;transition:all 0.3s}.banner ._left .buttons .button.btn-purchase:hover{background:#ff7c1c 0% 0% no-repeat padding-box}.banner ._left .buttons .button.btn-purchase:hover span{color:#fff}.banner ._left .buttons .button.btn-purchase span{font:normal normal 600 16px/20px Lexend;color:#ff7c1c}.banner ._left>span{text-align:left;font:normal normal normal 14px/18px Lexend;letter-spacing:0px;color:#171717;opacity:1;margin-top:0px;margin-bottom:0}a{text-decoration:none}.banner.banner-bottom{width:958px;height:262px;background:transparent url(../images/pdf-blog/banner-bottom-bg.png) 0% 0% no-repeat padding-box;opacity:1;margin:0 auto;padding:0;position:relative;justify-content:flex-end}.banner.banner-bottom::before{content:"";background:transparent url(../images/pdf-blog/banner-bottom.png) 0% 0% no-repeat padding-box;background-size:contain;width:338px;height:203px;position:absolute;top:50%;transform:translateY(-50%);left:50px}.banner.banner-bottom ._right{float:right;width:540px;padding-right:25px}.banner.banner-bottom ._right h2{text-align:left;font:normal normal bold 24px/27px Lexend;letter-spacing:0px;color:#171717;opacity:1;margin-top:46px;margin-bottom:15px}.banner.banner-bottom ._right p{text-align:left;font:normal normal normal 16px/18px Lexend;letter-spacing:0px;color:#171717;opacity:1;margin-top:0;margin-bottom:25px}.banner.banner-bottom ._right .buttons{width:320px;display:flex;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:12px}.banner.banner-bottom ._right .buttons .button{width:154px;height:38px;border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:pointer}.banner.banner-bottom ._right .buttons .button.btn-download{background:transparent linear-gradient(90deg, #6788fb 0%, #105bfb 100%) 0% 0% no-repeat padding-box}.banner.banner-bottom ._right .buttons .button.btn-download span{font:normal normal 600 12px/15px Lexend;color:#fff}.banner.banner-bottom ._right .buttons .button.btn-purchase{border:1px solid #ff7c1c;transition:all 0.3s}.banner.banner-bottom ._right .buttons .button.btn-purchase:hover{background:#ff7c1c 0% 0% no-repeat padding-box}.banner.banner-bottom ._right .buttons .button.btn-purchase:hover span{color:#fff}.banner.banner-bottom ._right .buttons .button.btn-purchase span{font:normal normal 600 12px/15px Lexend;color:#ff7c1c}.banner.banner-bottom ._right>span{text-align:left;font:normal normal normal 11px/14px Lexend;letter-spacing:0px;color:#171717;opacity:1;margin-top:0px;margin-bottom:0}.btn-purchase{display:none !important}