@font-face{font-display:swap;font-family:Abril;font-style:normal;font-weight:400;src:url(/fonts/abril.woff2) format("woff2"),url(/fonts/abril.woff) format("woff")}@font-face{font-display:fallback;font-family:Monoline;font-style:normal;font-weight:400;src:url(/fonts/monoline-regular.otf) format("opentype")}@font-face{font-display:block;font-family:Maax;font-style:normal;font-weight:400;src:url(/fonts/maax-webfont.woff2) format("woff2"),url(/fonts/maax-webfont.woff) format("woff")}@font-face{font-display:block;font-family:Maax;font-style:normal;font-weight:500;src:url(/fonts/maax-medium-webfont.woff2) format("woff2"),url(/fonts/maax-medium-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Recoleta;font-style:normal;font-weight:500;src:url(/fonts/recoleta-semi-bold-font.woff) format("woff")}@font-face{font-display:swap;font-family:Scto Grotesk A Regular;font-style:normal;font-weight:400;src:url(/fonts/Scto-Grotesk-A-Regular.otf) format("truetype")}@font-face{font-display:swap;font-family:Scto Grotesk A Medium;font-style:normal;font-weight:400;src:url(/fonts/Scto-Grotesk-A-Medium.otf) format("truetype")}@font-face{font-display:swap;font-family:Libre Baskerville;font-style:normal;font-weight:400;src:url(/fonts/LibreBaskerville-regular.ttf) format("truetype")}@font-face{font-family:Helvetica;letter-spacing:.3px;src:local("Helvetica");word-spacing:.2px}@font-face{font-family:Arial;letter-spacing:.35px;src:local("Arial");word-spacing:-.15px}@font-face{font-family:Helvetica Neue;letter-spacing:.85px;src:local("Helvetica Neue");word-spacing:-.3px}*{margin:0;padding:0}:root{--bg-color:#fff;--border-color:#ddd;--text-color:#333;--text-color1:#fff;--hover-color:#007bff;--divider-color:#999;--btn-bg:#f8f8f8;--btn-hover-bg:#e0e0e0;--btn-active-bg:#f06c13;--bg-common1:#31b7e0;--bg-common2:#02243f}body{font-size:1rem;height:100%;background-color:var(--bg-color)}a{text-decoration:none;color:var(--text-color)}.main{max-width:90rem;height:100%;margin:0 auto;box-sizing:border-box}.main header{display:flex;align-items:center;justify-content:space-between;padding:.9375rem 2.5rem;border-bottom:1px solid var(--border-color)}.main header>a{font-size:3rem;font-weight:700;text-decoration:none;color:var(--text-color);text-transform:capitalize;font-family:Monoline,"Helvetica Neue",Helvetica,Arial,sans-serif}.main header>.nav{display:flex;align-items:center}.main header>.nav>.category:first-child>a{font-size:1.125rem;padding:0 .625rem;font-weight:500;letter-spacing:.05rem;text-transform:uppercase;color:#222;outline:0}.main header>.nav>.category:last-child{font-size:1.125rem;padding:.5rem .9375rem}.main header>.nav>span{margin:0 .625rem;color:var(--divider-color)}.main header>.nav>.category:last-child{cursor:pointer;font-size:1rem;padding:.3125rem .625rem;background-color:var(--btn-bg);border-radius:.25rem;transition:background-color .3s}.main header>.nav>.category:last-child:hover{background-color:var(--btn-hover-bg)}.main main .app_category{padding:.625rem 0;top:0;width:100%;border-bottom:1px solid var(--border-color);gap:.625rem;display:none}.main main .app_category a{font-size:1rem;padding:.3125rem .625rem;font-weight:500;letter-spacing:.05rem;text-transform:uppercase;color:#222;outline:0;transition:background-color .3s}.main main .app_category a:active{background:var(--btn-active-bg);color:var(--bg-color)}.main main .h2_title{font-size:1.5rem;font-weight:700;padding:1.25rem 0;margin-top:1.25rem;color:var(--text-color1);font-family:Abril,"Helvetica Neue",Helvetica,Arial,sans-serif}.main main .h2_title a{color:var(--text-color1);font-size:1rem;font-weight:400;letter-spacing:.2rem;margin-left:1rem;text-decoration:underline}.main main a .category_name{font-size:.875rem;font-weight:500;letter-spacing:.1rem;text-transform:uppercase;padding:.625rem 0;color:#e03015}.main main a .title{font-weight:400;color:var(--text-color1);font-size:1rem;line-height:1.5rem;font-family:Maax,"Helvetica Neue",Helvetica,Arial,sans-serif}.main main a .black{color:var(--text-color)}.main main a .author{color:var(--divider-color);font-size:.875rem;padding:.625rem 0}.main main .mt_0{margin-top:0}.main main .hot_article{display:flex;gap:1.25rem}.main main .hot_article .left_hot,.main main .hot_article .right_hot{flex:1}.main main .hot_article .top{margin-bottom:1.25rem}.main main .hot_article .bottom{display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem}.main main .hot_article .right_hot{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.main main .hot_article a{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:.25rem;transition:background-color .3s}.main main .hot_article img{display:block;max-width:100%;object-fit:cover;height:auto}.main main .hot_article img:hover{transform:scale(1.05);transition:transform .3s}.main main .see_more{width:19.2rem;margin:3rem auto 4rem;border-radius:2rem;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;font-weight:500;text-transform:uppercase;background-color:#e03015;color:#fff;font-size:1rem;padding:1rem 0;letter-spacing:.2rem}.main main .common,.main main .relate{padding:4rem;margin-bottom:6rem}.main main .common .hr,.main main .relate .hr{border:0;height:.5px;background-color:#c7c7c7da;margin-bottom:1.875rem}.main main .common .common_article,.main main .relate .common_article{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.main main .common .common_article img,.main main .relate .common_article img{width:100%;height:13rem;object-fit:fill}.main main .common .common_article img:hover,.main main .relate .common_article img:hover{transform:scale(1.1);transition:transform .3s}.main main .common1{background-color:#3b2d81}.main main .common2{background:#4d3104}.main main .detail{max-width:1200px;margin:0 auto;padding:6rem 0rem;display:grid;grid-template-columns:1fr 3fr;gap:2rem}.main main .detail .article_content{line-height:1.6;font-size:1.1rem}.main main .detail .article_content .category_name{font-size:.9rem;text-transform:uppercase;color:#e03015;margin-bottom:.5rem}.main main .detail .article_content .title{font-size:2.5rem;font-weight:500;margin-bottom:1rem}.main main .detail .article_content h3{font-size:1.5rem;color:#555;margin-bottom:1rem;font-weight:500}.main main .detail .article_content .autor{font-size:.9rem;color:#aaa;margin-bottom:2rem}.main main .detail .article_content img{width:100%;border-radius:8px;margin-bottom:1.5rem}.main main .detail .article_content img:hover{transform:scale(1.01);transition:transform .3s}.main main .detail .article_content .content h2{font-size:1.8rem;margin-bottom:1rem;font-weight:600}.main main .detail .article_content .content p{margin-bottom:1rem}.main main .detail .article_content .content ul{margin-left:2rem}.main main .detail .article_content .content ul li{margin-bottom:1rem}.main main .detail .ad{background-color:#f1f1f1;padding-top:.625rem;border-radius:.5rem;min-height:18.75rem;min-width: 15.625rem;}@media (max-width:768px){.main main .detail{grid-template-columns:1fr}}.main footer{background-color:#efeee8;padding:2rem;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333}.main footer hr{border:none;border-top:1px solid #ddd;margin-bottom:1.5rem}.main footer>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}.main footer>div:first-of-type{width:100%;margin-bottom:1rem}.main footer>div:first-of-type>div:first-child{font-size:1.8rem;margin-bottom:.5rem;font-weight:700;text-decoration:none;color:var(--text-color);text-transform:capitalize;font-family:Monoline,"Helvetica Neue",Helvetica,Arial,sans-serif}.main footer>div:first-of-type>div:last-child{display:flex;flex-wrap:wrap;gap:.75rem}.main footer>div:first-of-type>div:last-child a{color:var(--text-color);text-decoration:none;font-size:1rem;transition:color .3s}.main footer>div:first-of-type>div:last-child a:hover{color:var(--bg-common2);text-decoration:underline}.main footer>div:last-of-type{width:100%;text-align:center;font-size:.9rem;color:#666}.main footer>div:last-of-type a{color:var(--text-color);text-decoration:none;margin-left:.5rem;transition:color .3s}.main footer>div:last-of-type a:hover{color:var(--bg-common2);text-decoration:underline}@media (max-width:600px){.main footer>div{flex-direction:column;align-items:center;color:var(--text-color)}.main footer>div:first-of-type>div:last-child{justify-content:center;margin-top:2rem;font-size:1.8rem;line-height:2.808rem;width:fit-content}}.main .search-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:99;transition:opacity .3s ease,visibility .3s ease}.main .search-box .search-box-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);width:80%;max-width:500px;display:flex;align-items:center;position:relative}.main .search-box .search-box-content .search-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;outline:0;transition:border-color .3s ease}.main .search-box .search-box-content .search-input:focus{border-color:#4e90fd}.main .search-box .search-box-content .search-box-close{position:fixed;top:1.25rem;right:1.25rem;cursor:pointer;transition:opacity .3s ease}.main .search-box .search-box-content .search-box-close:hover{opacity:.7}.main .hiddeen{display:none}.main .search_page_box{margin:0 auto;padding:1.25rem;font-family:Arial,sans-serif;background-color:#f9f9f9}.main .search_result{display:flex;flex-direction:column;margin-bottom:15px}.main .search_result .search_result_item{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-decoration:none;color:#333;margin-bottom:15px;transition:all .3s ease}.main .search_result .search_result_item:hover{box-shadow:0 6px 10px rgba(0,0,0,.15);transform:translateY(-3px)}.main .search_result .search_result_item .left{flex-shrink:0;margin-right:15px}.main .search_result .search_result_item .left img{width:60px;height:60px;border-radius:50%;object-fit:cover}.main .search_result .search_result_item .right{flex-grow:1}.main .search_result .search_result_item .right .seach_category_name{font-size:14px;font-weight:700;color:#e03015;margin-bottom:5px}.main .search_result .search_result_item .right .search_result_title{font-size:16px;font-weight:500;color:#333;margin-bottom:5px}.main .search_result .search_result_item .right .search_result_desc{font-size:14px;color:#555}.main hr{border:0;border-top:1px solid #ddd;margin:15px 0}.ad_box{margin-bottom:0;min-width:20rem;background:#f1f1f1;text-align:center;min-height:16.875rem}@media screen and (max-width:767px){.main header{padding:.9375rem 1.25rem}.main header>a{font-size:1.8rem}.main header>.nav .category{display:none}.main header>.nav .line{display:none}.main main .app_category{display:flex;overflow-x:scroll}.main main .app_category::-webkit-scrollbar{height:0}.main main .hot{padding:0 1rem}.main main .hot .hot_article{flex-direction:column}.main main .hot .hot_article .left_hot{width:100%;margin-bottom:1.25rem}.main main .hot .hot_article .right_hot{display:flex;overflow-x:auto;gap:10px;padding-bottom:10px}.main main .hot .hot_article .right_hot::-webkit-scrollbar{height:3px}.main main .hot .hot_article .right_hot::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}.main main .hot .hot_article .right_hot::-webkit-scrollbar-track{background-color:#f1f1f1}.main main .hot .hot_article .right_hot a{flex:0 0 auto}.main main .hot .hot_article .right_hot a img{width:100%;height:15rem}.main main .common{padding:1rem 0;padding-left:1.5rem}.main main .common .common_article{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:1rem}.main main .common .common_article::-webkit-scrollbar{height:3px}.main main .common .common_article::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:5px}.main main .common .common_article::-webkit-scrollbar-track{background-color:#f1f1f1b4}.main main .common .common_article img{width:auto;height:13.125rem;flex:0 0 auto;scroll-snap-align:start}.main main .detail{padding:3rem 1rem}.main main .detail .article_content .title{font-size:1.5rem}.main main .detail .article_content h3{font-size:1.2rem}.main main .detail .article_content .content h2{font-size:1.1rem;margin-bottom:1rem}.main main .detail .article_content .content p{margin-bottom:1rem;font-size:1rem}.main main .detail .article_content .content ul{margin-left:1rem}.main main .detail .article_content .content ul li{margin-bottom:1rem}.main main .relate{padding:1rem}.main main .relate .common_article{grid-template-columns:repeat(2,1fr)}.main main .relate .common_article img{height:6.875rem}}