.post_banner{position:relative;background-color:#1e1e1e}.post_banner>img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;opacity:.15}.post_banner::after{width:100%;height:35.058%;position:absolute;left:0;bottom:0;content:'';background-image:linear-gradient(to top,#010b1e,transparent);opacity:.76;pointer-events:none}.post_banner .flex{min-height:50rem;padding:13.2rem 0}.post_banner .head{color:#fff;flex:1;max-width:90.5rem;padding-bottom:3%}.post_banner .head h1{font-size:5.4rem;margin-top:1rem}.toplevel_page_sytech_fronteditor .post_main{margin:0}.post_main{padding-bottom:4.9rem;margin-top:-13.1rem}.post_main .left{flex:1;max-width:90.3rem}.post_main .left .img{width:100%;min-height:14rem;--h:48.72647%}.post_main .left .info{margin-top:2.7rem}.post_main .left .info ul{display:flex;flex-wrap:wrap;align-items:center}.post_main .left .info li{display:flex;align-items:center;font-size:1.5rem;font-weight:500;color:#828282}.post_main .left .info li::before{content:' | ';margin:0 1.5rem}.post_main .left .info li strong{color:#141414;font-weight:700}.post_main .left .info li:first-child::before{display:none}.post_main .left .info li:first-child img{width:3.4rem;height:3.4rem;border-radius:50%;margin-right:1.1rem}.post_main .left .info img{width:2.5rem;height:2.5rem;margin-right:.5rem}.post_main .postdetail{margin-top:4.2rem;line-height:2.7rem;color:#565656}.post_main .postdetail .content>*:first-child{margin-top:0}.post_main .postdetail .content>*:last-child{margin-bottom:0}.post_main .postdetail h2{font-size:3.4rem;font-weight:700;color:#0f0f0f;line-height:1.5;margin:3rem 0 .7rem}.post_main .postdetail h3{font-size:2.8rem;line-height:1.5;color:#0f0f0f;margin:1rem 0}.post_main .postdetail p{hyphens:auto;margin:.7rem 0 1rem}.post_main .postdetail img{max-width:100%;height:auto}.post_main .postdetail ol{padding-left:20px}.post_main .postdetail ol li::marker{color:var(--primary)}.post_main .postdetail table{width:100%;border-collapse:collapse;margin-top:2rem}.post_main .postdetail table td,.post_main .postdetail table th{border:none;background-color:#fff;font-size:1.6rem;padding:1.5rem}.post_main .postdetail table tr:nth-of-type(2n) td{background-color:#efefef}.post_main .postdetail a{color:var(--primary);text-decoration:underline;transition:all 0.3s}.post_main .postdetail a:hover{text-decoration-color:transparent}.post_main .postdetail ul{margin:2rem 0}.post_main .postdetail ul li{position:relative;padding-left:2rem}.post_main .postdetail ul li::before{width:.8rem;height:.8rem;position:absolute;left:0;top:1rem;content:'';border-radius:50%;background-color:var(--primary)}.post_main .post_sidebar{width:34.7rem;padding-top:16.6rem;position:sticky;top:-4rem}.post_main .post_sidebar .nav_list .nav_item{display:block;color:#999;border:1px solid #e5e5e5;text-transform:uppercase;transition:all 0.3s;cursor:pointer;text-align:center;padding:1.7rem 2rem 1.6rem}.post_main .post_sidebar .nav_list .nav_item.active,.post_main .post_sidebar .nav_list .nav_item:hover{border-color:var(--primary);background-color:var(--primary);color:#fff}.post_main .post_sidebar .nav_list .nav_item.active{font-weight:600}.post_main .post_sidebar .nav_list .nav_item+.nav_item{margin-top:1.1rem}.post_main .post_sidebar .list{margin-top:3.1rem}.post_main .post_sidebar .list li+li{margin-top:2.2rem}.post_main .post_sidebar .list a{display:grid;grid-template-columns:27.66571% 1fr;align-items:center;gap:2.55rem}.post_main .post_sidebar .list a:hover img{transform:scale(1.05)}.post_main .post_sidebar .list .img{width:100%;padding-bottom:100%}.post_main .post_sidebar .list .info h3{font-size:1.7rem;line-height:2.1rem;color:#141414}.post_main .post_sidebar .list .info p{color:#828282;font-size:1.5rem;font-weight:500;display:grid;grid-template-columns:1.7rem 1fr;align-items:center;gap:.9rem;margin-top:1.7rem;padding-bottom:2px}.post_main .post_sidebar .list .info p::before{width:100%;padding-bottom:100%;display:block;content:'';background:url(../../../../../../../../themes/sytech/assets/img/icon-date.svg) no-repeat center / contain}.post_main .post_sidebar .title{font-size:2.6rem;font-weight:700;color:#0f0f0f;margin-top:3.5rem}.post_main .post_sidebar .tags{display:flex;flex-wrap:wrap;gap:2rem 1.1rem;margin-top:1.3rem}.post_main .post_sidebar .tags p{font-size:1.5rem;font-weight:500;color:rgba(20,20,20,.8);text-transform:uppercase;border-radius:3px;border:1px solid #e5e5e5;background-color:#fcfcfc;transition:all 0.3s;padding:1.1rem 1.2rem}.post_main .post_sidebar .tags p:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.post_main .post_sidebar .share{gap:2rem 1.2rem;display:flex;flex-wrap:wrap;margin-top:1.6rem}.post_main .post_sidebar .share .active a{background-color:var(--primary)}.post_main .post_sidebar .share .active a::after{filter:contrast(0) brightness(2)}.post_main .post_sidebar .share a{opacity:1;display:block;width:4.4rem;height:4.4rem;overflow:hidden;text-indent:-999px;position:relative;transition:all 0.3s;background-color:#efefef}.post_main .post_sidebar .share a::after{content:'';display:block;position:absolute;inset:0;background:no-repeat center / contain;transition:all 0.3s}.post_main .post_sidebar .share .facebook a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/facebook2.svg)}.post_main .post_sidebar .share .twitter a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/twitter2.svg)}.post_main .post_sidebar .share .linkedin a::after{background-image:url(../../../../../../../../themes/sytech/assets/img/linkedin2.svg)}.post_related{padding:4.9rem 0 11rem}.post_related .post_related_swiper{margin-top:1rem}@media screen and (max-width:768px){.post_banner .flex{min-height:unset;padding:3rem 0}.post_banner .head{max-width:unset;padding:0}.post_banner .head h1{font-size:22px;margin-top:10px}.post_main{padding:2rem 0 3rem;margin:0}.post_main .post_title .breadcrumbs{line-height:20px;min-height:20px}.post_main .post_title .breadcrumbs span{font-size:14px}.post_main .post_title .breadcrumbs span span::before{width:10px;height:10px;margin:0 10px}.post_main .post_title h1{font-size:22px;line-height:1.3;max-width:unset;margin-top:10px}.post_main .post_title h1 span{letter-spacing:unset}.post_main .main{margin-top:2rem;display:block}.post_main .left{max-width:unset}.post_main .left .img{min-height:unset}.post_main .left .info{margin-top:1rem}.post_main .left .info li{font-size:14px}.post_main .left .info li::before{margin:0 10px}.post_main .left .info li:first-child img{width:30px;height:30px;margin-right:10px}.post_main .left .info img{width:20px;height:20px;margin-right:5px}.post_main .postdetail{margin-top:2rem;font-size:.9rem;line-height:1.5}.post_main .postdetail h2{font-size:18px;margin:2rem 0 1rem}.post_main .postdetail h3{font-size:1rem;margin:1rem 0}.post_main .postdetail ul{margin:1rem 0}.post_main .postdetail ul li{padding-left:1.2rem}.post_main .postdetail ul li::before{width:7px;height:7px;top:7px}.post_main .post_sidebar{width:100%;position:unset;padding:0;margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:2rem 1rem}.post_main .post_sidebar .nav{grid-column:span 2}.post_main .post_sidebar .nav_list{display:flex;width:calc(100% + 40px);margin:0 -20px;padding:0 20px;gap:1.2rem;white-space:nowrap;overflow-x:auto}.post_main .post_sidebar .nav_list::-webkit-scrollbar{display:none}.post_main .post_sidebar .nav_list .nav_item{font-size:14px;padding:10px 20px}.post_main .post_sidebar .nav_list .nav_item+.nav_item{margin-top:0}.post_main .post_sidebar .list{margin-top:0;padding:0;grid-row:span 2}.post_main .post_sidebar .list li+li{margin-top:1rem}.post_main .post_sidebar .list a{gap:1rem}.post_main .post_sidebar .list .info h3{font-size:1rem;line-height:1.5}.post_main .post_sidebar .list .info p{font-size:14px;margin-top:10px;grid-template-columns:14px 1fr;gap:10px}.post_main .post_sidebar .title{font-size:1rem;margin-top:0}.post_main .post_sidebar .tags{gap:1rem;margin-top:1rem}.post_main .post_sidebar .tags p{font-size:14px;padding:8px 10px}.post_main .post_sidebar .share{margin-top:1rem;gap:1rem}.post_main .post_sidebar .share a{width:40px;height:40px}.post_related{padding:3rem 0 4rem;overflow:hidden}.post_related .swiper_content{padding:0 20px;overflow:unset}.post_related .post_related_swiper{margin-top:2rem}.post_related .post_related_swiper .swiper-slide{width:322px}.post_related .swiper_btns{display:none}.post_main .postdetail table td,.post_main .postdetail table th{font-size:14px;padding:15px}}@media screen and (max-width:576px){.post_main .post_sidebar{display:block}.post_main .post_sidebar .title,.post_main .post_sidebar .list{margin-top:2rem}}