@media (min-width: 1410px){.container{width:1400px}}.banner{width:100%;padding:70px 15px 64px;position:relative;color:#fff;text-align:center;overflow:hidden}@media (max-width: 768px){.banner{padding:33px 15px}}.banner__bg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;height:100%}@media (min-width: 1921px){.banner__bg{width:100%;height:auto}}.banner__title{margin:0 0 10px;position:relative;font-size:42px;line-height:50px;font-weight:bold}@media (max-width: 768px){.banner__title{font-size:26px;line-height:32px}}.banner__info{margin:0 auto;position:relative;font-size:16px;line-height:28px;max-width:1000px}@media (max-width: 768px){.banner__info{font-size:14px;line-height:22px}}.main{padding:60px 0 90px;color:#1B1B1D}.main a:not(:hover):not(:focus):not(.active){color:inherit}@media (max-width: 768px){.main{padding:45px 0}}.main>.container>.row{display:flex;align-items:flex-start}.main>.container>.row::before,.main>.container>.row::after{display:none}.main h1,.main h2,.main h3,.main p{margin:0}@media (max-width: 768px){.mask.active{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,0.5);z-index:50}}.left-bar{position:sticky;top:0;padding-right:50px;flex:0 0 350px;z-index:10}@media screen and (min-width: 0\0) and (min-resolution: 72dpi){.left-bar{flex:0 0 300px}}@media (max-width: 768px){.left-bar{position:fixed;left:-300px;width:300px;padding:0;background:#fff;z-index:200;height:100%;transition:ease .3s}.left-bar.active{left:0}}.left-bar-nav{border-radius:10px;border:1px solid #E9EDF5;padding:0px 20px 10px 20px}@media (max-width: 768px){.left-bar-nav{border:none;border-radius:0;padding:8px 15px 0}}.left-bar__title{margin:0;display:flex;padding:15px 0;align-items:center;border-bottom:1px solid #E9EDF5;font-size:24px}.left-bar__title a{display:inline-block;width:100%}@media (max-width: 768px){.left-bar__title{padding:8px 0 9px;font-size:20px;line-height:33px}}.left-bar__menu{margin:5px 0 0}@media (max-width: 768px){.left-bar__menu{margin:10px 0 0}}.left-bar__menu .menu{margin:0;padding:0;list-style:none}@media (min-width: 768px){.left-bar__menu .menu>.menu-li:not(:last-child){margin-bottom:5px}}@media (max-width: 768px){.left-bar__menu .menu>.menu-li:not(:first-child){border-top:1px solid #E9EDF5}}.left-bar__menu .menu-title-link{display:flex;padding:10px 0px;align-items:center;justify-content:space-between;font-size:20px;font-weight:bold;line-height:30px;cursor:pointer}.left-bar__menu .menu-title-link:hover,.left-bar__menu .menu-title-link:focus{color:#268BFF}@media (max-width: 768px){.left-bar__menu .menu-title-link{padding:12px 15px;font-size:16px;line-height:16px}}.left-bar__menu .menu-title{display:flex;padding:10px 0px;align-items:center;justify-content:space-between;font-size:20px;font-weight:bold;line-height:30px;cursor:pointer}@media (max-width: 768px){.left-bar__menu .menu-title{padding:12px 15px;font-size:16px;line-height:16px}}.left-bar__menu .menu-title.active,.left-bar__menu .menu-title:hover,.left-bar__menu .menu-title:focus{color:#268BFF}.left-bar__menu .menu-title::after{content:'';width:14px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M7 8L-2.54292e-07 -2.70245e-07L14 9.53674e-07L7 8Z' fill='%231B1B1D'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%}@media (max-width: 768px){.left-bar__menu .menu-title::after{width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12' fill='none'%3E%3Cpath d='M9 6L1.33513e-07 11.1962L9.58579e-09 0.803848L9 6Z' fill='%23111A45'/%3E%3C/svg%3E")}}.left-bar__menu .menu-title:hover::after,.left-bar__menu .menu-title:focus::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M7 8L-2.54292e-07 -2.70245e-07L14 9.53674e-07L7 8Z' fill='%23268BFF'/%3E%3C/svg%3E")}@media (max-width: 768px){.left-bar__menu .menu-title:hover::after,.left-bar__menu .menu-title:focus::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M6 9L0.803849 -9.78799e-07L11.1962 -7.02746e-08L6 9Z' fill='%233B7BFA'/%3E%3C/svg%3E")}}.left-bar__menu .menu-li li{padding-left:20px;position:relative;font-size:16px;line-height:28px}.left-bar__menu .menu-li li::before{content:'';margin-top:1px;position:absolute;top:50%;left:7px;transform:translateY(-50%);width:5px;height:5px;border:1px solid #1b1b1d;border-radius:50%;background:transparent}@media (max-width: 768px){.left-bar__menu .menu-li li::before{left:27px}}@media (max-width: 768px){.left-bar__menu .menu-li li{padding-left:37px;font-size:14px;line-height:22px}}.left-bar__menu .menu-li li a{display:inline-block;width:100%}.left-bar__menu .menu-li li.active::before,.left-bar__menu .menu-li li:hover::before,.left-bar__menu .menu-li li:focus::before{border-color:#268BFF;background:#268BFF}@media (max-width: 768px){.left-bar__menu .menu-li.active .menu-title{padding-left:27px;border-radius:5px;background:#E9EDF5;color:#3B7BFA}}.left-bar__menu .menu-li.active .menu-title::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M7 0L14 8L0 8L7 0Z' fill='%231B1B1D'/%3E%3C/svg%3E")}@media (max-width: 768px){.left-bar__menu .menu-li.active .menu-title::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M6 9L0.803849 -9.78799e-07L11.1962 -7.02746e-08L6 9Z' fill='%233B7BFA'/%3E%3C/svg%3E")}}.left-bar__menu .menu-li.active .menu-title:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M7 0L14 8L0 8L7 0Z' fill='%23268BFF'/%3E%3C/svg%3E")}@media (max-width: 768px){.left-bar__menu .menu-li.active .menu-title:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M6 9L0.803849 -9.78799e-07L11.1962 -7.02746e-08L6 9Z' fill='%233B7BFA'/%3E%3C/svg%3E")}}.left-bar__menu .menu-li:not(.active) .menu-child{display:none}.left-bar__menu .menu-child{padding:0;list-style:none}@media (max-width: 768px){.left-bar__menu .menu-child{padding:10px 0;display:flex;flex-direction:column;gap:10px}}.left-bar-recommend{margin-top:20px;border-radius:10px;border:1px solid #E9EDF5;padding:30px 15px;text-align:center}@media (max-width: 768px){.left-bar-recommend{display:none}}.left-bar-recommend .icon{margin-bottom:15px}.left-bar-recommend .title{margin-bottom:10px;font-size:20px;font-weight:bold;line-height:30px}.left-bar-recommend .desc{font-size:16px;line-height:28px;margin-bottom:15px}.left-bar-recommend .btn-group .btn{display:inline-flex;width:180px;height:50px;padding:10px 0;justify-content:center;align-items:center;border-radius:5px;color:#fff !important;text-decoration:none;transition:ease .2s}.left-bar-recommend .btn-group .btn:hover{transform:translateY(-2px)}.left-bar-recommend .btn-group .btn svg{margin-right:15px}.left-bar-recommend .btn-group .btn-download{background-color:#268BFF}.left-bar-recommend .btn-group .btn-purchase{background-color:#FF7A31}.left-bar-recommend .btn-group .btn:first-child{margin-bottom:15px}@media (max-width: 768px){.left-bar-button{position:absolute;top:260px;right:0;width:40px;height:40px;border-radius:0px 5px 5px 0px;box-shadow:2px 1px 2px 0px rgba(62,119,180,0.25);background-color:#fff;transform:translateX(100%);cursor:pointer}.left-bar-button::after{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%, -50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 21L17 12L8 3' stroke='%233B7BFA' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%}.left-bar-button.active{width:30px}.left-bar-button.active::after{transform:translate(-50%, -50%) rotate(180deg)}}.article-content{width:calc(100% - 300px);vertical-align:top;overflow:hidden}@media (max-width: 768px){.article-content{width:100%}}.article-content .swiper-article{margin-bottom:90px;position:relative;overflow-y:visible}@media (max-width: 1200px){.article-content .swiper-article{margin-bottom:118px}}.article-content .swiper-article img{max-width:100%;height:auto;border-radius:5px}.article-content .swiper-article .swiper-slide{display:flex;flex-direction:column;border-radius:5px;border:1px solid #E9EDF5;background:#FFF;color:#1B1B1D;height:auto;transition:transform ease .25s}@media (max-width: 768px){.article-content .swiper-article .swiper-slide{width:80%;transform:scale(0.9);border-radius:5px;border:1px solid #E9EDF5}.article-content .swiper-article .swiper-slide-active{transform:scale(1);box-shadow:0px 0px 6px 0px rgba(15,57,103,0.2)}}.article-content .swiper-article .swiper-slide>*:not(.img){padding:0 20px}.article-content .swiper-article .swiper-slide .img{margin-bottom:20px}@media (max-width: 1200px){.article-content .swiper-article .swiper-slide .img{width:100%}}.article-content .swiper-article .swiper-slide .title{margin-bottom:10px;font-size:20px;font-weight:700;line-height:30px}@media (max-width: 768px){.article-content .swiper-article .swiper-slide .title{font-size:16px;line-height:23px}}.article-content .swiper-article .swiper-slide .desc{margin-bottom:15px;font-size:16px;line-height:30px}@media (max-width: 768px){.article-content .swiper-article .swiper-slide .desc{font-size:14px;line-height:22px;margin-bottom:10px}}.article-content .swiper-article .swiper-slide .from{margin:auto 0 20px;display:flex;justify-content:space-between}.article-content .swiper-article .swiper-slide .author{display:flex;align-items:center}.article-content .swiper-article .swiper-slide .author img{margin-right:10px}@media (max-width: 768px){.article-content .swiper-article .swiper-slide .author img{width:30px;height:30px}}.article-content .swiper-article .swiper-slide .author span{font-size:15px}@media (max-width: 768px){.article-content .swiper-article .swiper-slide .author span{font-size:12px}}.article-content .swiper-article .swiper-slide .date{font-size:15px;line-height:28px}@media (max-width: 768px){.article-content .swiper-article .swiper-slide .date{font-size:12px;left:18px}}.article-content .swiper-article .swiper-pagination{line-height:0;bottom:-28px}@media (min-width: 1200px){.article-content .swiper-article .swiper-pagination{display:none}}.article-content .swiper-article .swiper-pagination .swiper-pagination-bullet{margin:0 3px;width:8px;height:8px;background-color:#636363;border-radius:9px}.article-content .swiper-article .swiper-pagination .swiper-pagination-bullet-active{width:16px;background-color:#3B7BFA}.article-content article{margin:0;padding:20px 0;background:#fff;border-bottom:none;border-top:1px solid #e9edf5;color:#1B1B1D}@media (max-width: 768px){.article-content article{margin:0 15px}}.article-content article .article-title{margin:0 0 10px;font-size:20px;line-height:30px}@media (max-width: 768px){.article-content article .article-title{line-height:27px}}.article-content article .article-desc{margin:0 0 15px;font-size:16px;line-height:28px}@media (max-width: 768px){.article-content article .article-desc{font-size:14px;line-height:22px;margin-bottom:10px}}.article-content article .article-posted{display:flex;justify-content:space-between;align-items:flex-start;color:#1b1b1d}.article-content article .article-posted .author-date{margin:0;font-size:15px;line-height:28px}.article-content article .article-posted .author-date img{margin-right:10px;vertical-align:bottom}@media (max-width: 768px){.article-content article .article-posted .author-date img{width:32px;height:32px;vertical-align:middle}}@media (max-width: 768px){.article-content article .article-posted .author-date{font-size:12px;line-height:18px}}.article-content article .article-posted .author-date .date{margin-left:7px;padding-left:7px;border-left:1px solid #1b1b1d}.article-content article .article-posted .read-more{font-size:16px;font-weight:bold;line-height:28px;color:#268BFF !important}@media (max-width: 768px){.article-content article .article-posted .read-more{display:none}}.pagination{margin:0;padding-top:30px;border-top:1px solid #E9EDF5}@media (max-width: 768px){.pagination{border:none}}.pagination ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;border-top:none}@media screen and (min-width: 0\0) and (min-resolution: 72dpi){.pagination ul>*:not(:last-child){margin-right:10px}}@media (max-width: 768px){.pagination ul{justify-content:center}}.pagination li a{display:flex;width:30px;height:30px;justify-content:center;align-items:center;color:#1b1b1d;border-radius:2px;border:1px solid #E9EDF5}.pagination li a:hover{background:#268bff;color:#fff;text-decoration:none}.pagination li a:hover path{stroke:#fff}.pagination li span{display:flex;width:30px;height:30px;justify-content:center;align-items:center}.pagination li.active a{background:#268bff;color:#fff !important;text-decoration:none}.pagination li.disable,.pagination li.disabled{color:#eee}.pagination li.disable a,.pagination li.disabled a{color:#eee;cursor:not-allowed}.pagination li.disable a path,.pagination li.disabled a path{stroke:#E9EDF5}.pagination li.disable a:hover,.pagination li.disabled a:hover{background:#fff}.pagination .next,.pagination .prev{color:#1b1b1d}.pagination .next a,.pagination .prev a{color:#3c3c3c;font-weight:500}.pagination .prev .page-svg{margin-right:10px}.pagination .next .page-svg{margin-left:10px}.display-none,[data-display="none"]{display:none}.mt-0{margin-top:0}