body{background-color:#f8f8f8}.blog_top{padding:12rem 0;background-color:#fff}.blog_top .head{flex:1;max-width:50.1rem;padding-bottom:.5rem}.blog_top .metas{display:flex;align-items:center;flex-wrap:wrap;font-size:1.7rem;color:#3f3f3f;gap:1rem}.blog_top .metas .cat{font-weight:500;color:var(--primary)}.blog_top h2{margin-top:2.1rem;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog_top p{font-size:1.8rem;line-height:3rem;color:var(--text);margin-top:3.1rem;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog_top .btn{margin-top:3.6rem;padding:1.9rem 3rem;border-radius:8px}.blog_top .img{display:block;width:50.078125%;border-radius:8px;position:relative;padding-bottom:42.34375%}.blog_top .img:hover img{transform:scale(1.02)}.blog_top .img:hover i{background-color:var(--primary)}.blog_top .img:hover i::after{filter:contrast(0) brightness(2)}.blog_top .img i{display:block;width:4.8rem;background-color:#fff;border-radius:4px;left:2rem;bottom:3.1rem;position:absolute;z-index:2;transition:all 0.3s}.blog_top .img i::after{width:100%;padding-bottom:100%;display:block;background:url(../../../../../../../../themes/sytech/assets/img/arrow-line.svg) no-repeat center / 29.166667%;content:'';transition:all 0.3s}.blog_main{padding:9.8rem 0 8.6rem}.blog_main .head{padding-bottom:1rem}.blog_main .nav{width:21.7rem}.blog_main .nav select{width:100%;display:block;font-size:2rem;font-weight:600;color:#242424;border:1px solid rgba(9,18,48,.45);border-radius:4px;background:url(../../../../../../../../themes/sytech/assets/img/icon-select.svg) no-repeat center right 2rem/1.5rem;padding:1.5rem 4rem 1.8rem 2rem}.blog_main .list{margin-top:3.9rem}.blog_main .list ul{display:grid;grid-template-columns:repeat(3,1fr);gap:4.1rem 1.484375%}.blog_main p.center:has(.btn_line){margin-top:7rem;min-height:6.1rem}@media screen and (max-width:768px){.blog_top{padding:4rem 0}.blog_top .flex{gap:2rem 1rem}.blog_top .head{max-width:unset;padding:0}.blog_top .metas{font-size:14px;gap:8px}.blog_top h2{margin-top:10px}.blog_top .img{width:100%;padding-bottom:84.555382%}.blog_top .img i{width:40px;left:20px;bottom:20px}.blog_main{padding:4rem 0 3rem}.blog_main .head{padding:0}.blog_main .nav{width:160px}.blog_main .nav select{font-size:14px;padding:12px 2rem 12px 20px;background-size:12px;background-position:right 12px center}.blog_main .list{margin-top:2rem}.blog_main .list ul{grid-template-columns:1fr;gap:2rem 1rem;grid-template-columns:repeat(2,1fr);gap:1rem}.blog_list h3{font-size:16px;line-height:1.4}.blog_main p.center:has(.btn_line){margin-top:2rem;min-height:43px}.blog_list .link{margin-top:10px}}@media screen and (min-width:640px) and (max-width:768px){.blog_main .list ul{grid-template-columns:repeat(2,1fr)}.blog_top .img{width:48%;padding-bottom:42.34375%}}