ol,ul{list-style:none}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:Inter,"Lucida Grande",Tahoma,Sans-Serif,sans-serif}[hidden]{display:none!important}img{max-width:100%;max-height:100%;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}a{color:inherit;text-decoration:none}.hidden{display:none!important}header{display:flex;align-items:center;height:70px;padding:0 40px;background:linear-gradient(161deg,#3892b8,#000)}header .header-left{display:flex;align-items:center;width:100%}header .header-left .logo{z-index:1;flex-shrink:0;display:inline-block;width:170px;height:65px}header .header-left .search-bar-wrap{position:absolute;width:calc(100% - 40px);left:50%;transform:translate(-50%)}header .header-left .search-bar{position:relative;max-width:600px;margin:0 auto}header .header-left .search-bar input{box-sizing:border-box;width:100%;height:44px;padding-left:16px;padding-right:56px;border:none;line-height:44px;font-size:18px;color:#000;background-color:#fff;border:1px solid #ccc}header .header-left .search-bar input:focus{outline:none}header .header-left .search-bar .search{cursor:pointer;position:absolute;right:20px;top:50%;height:28px;width:28px;color:#ccc;transform:translateY(-50%)}header .header-right{z-index:1;display:flex;align-items:center}header .header-right .language-switcher{cursor:pointer;position:relative}header .header-right .language-switcher .language-dropdown{display:none}header .header-right .language-switcher .language-dropdown.show{z-index:11;overflow-y:scroll;display:flex;flex-direction:column;position:absolute;top:56px;right:-30px;min-width:110px;max-height:300px;border:1px solid #ddd;background-color:#fff;box-shadow:0 5px 10px #0000001a;scrollbar-width:thin;scrollbar-color:#80939b #f1f1f1}header .header-right .language-switcher .language-dropdown.show a{line-height:60px;text-align:center}header .header-right .language-switcher .language-dropdown.show a:hover,header .header-right .language-switcher .language-dropdown.show a.curr{color:#0997d3;background-color:#f0f0f0}header .icon-wrap{width:26px;height:26px;color:#fff}main{min-height:calc(100vh - 120px)}footer{background:linear-gradient(161deg,#3892b8,#000)}footer .bottom-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:50px}footer .bottom-nav>a{font-size:16px;color:#fff}footer .bottom-nav>a:not(:last-child){position:relative;margin-right:30px}footer .bottom-nav>a:not(:last-child):before{content:"";position:absolute;right:-16px;top:50%;width:1px;height:13px;transform:translateY(-50%);background-color:#fff}.ads p{color:#777;font-size:15px;font-weight:400;text-align:center}@media(max-width:1100px){header{height:60px;padding:0 20px;overflow-x:clip;position:relative}header .header-left .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:136px;height:52px}header .header-left .search-bar-wrap{all:unset}header .header-left .search-bar-wrap .search-bar-container{visibility:hidden;display:flex;align-items:center;justify-content:space-evenly;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);transition:.5s all;background:linear-gradient(161deg,#3892b8,#000)}header .header-left .search-bar-wrap .search-bar-container.show{visibility:visible;z-index:10;opacity:1;transform:translate(0)}header .header-left .search-bar-wrap .search-bar-container .search-bar{width:70%;margin:0}header .header-left .search-bar-wrap .search-bar-container .search-bar input{height:38px}header .header-left .search-bar-wrap .search-bar-container .search-bar .search{height:20px;width:20px}header .header-left .search-bar-wrap .search-bar-container .back{cursor:pointer}header .header-left .search-bar-wrap .action-bar{cursor:pointer}header .header-right .language-switcher .language-dropdown.show{right:-10px}header .icon-wrap{width:20px;height:20px}main{min-height:calc(100vh - 110px)}}*{box-sizing:border-box}a{text-decoration:none}img{width:100%;height:100%;display:block}svg{width:100%;height:100%;fill:currentColor}.flex{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-mflexbox;display:flex}.flex-center{align-items:center;justify-content:center}.flex-row-center{justify-content:center}.flex-row-between{justify-content:space-between}.flex-row-around{justify-content:space-around}.flex-column-center{align-items:center}.flex-column-start{align-items:flex-start}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.position-center{left:50%;top:50%;transform:translate(-50%,-50%)}.position-center-hrz{left:50%;transform:translate(-50%)}.position-center-vtc{top:50%;transform:translateY(-50%)}.cut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cut-rows{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.cut-2{-webkit-line-clamp:2}.cut-3{-webkit-line-clamp:3}@media(max-width:1100px){.m-hide{display:none}}@media(min-width:1101px){.pc-hide{display:none}}main .blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,450px));justify-content:center;gap:20px}main .blog-list .blog-title{grid-column:1 / -1;grid-row:1;font-size:28px;line-height:1.4;font-weight:800}main .blog-list .blog-item{overflow:hidden;display:flex;flex-direction:column;align-items:center;border-radius:5px;box-shadow:0 5px 15px #00000014}main .blog-list .blog-item .img-wrap{width:100%}main .blog-list .blog-item .img-wrap img{aspect-ratio:16/9}main .blog-list .blog-item .info-wrap{max-width:90%;margin-top:-30px;padding-bottom:20px;text-align:center}main .blog-list .blog-item .info-wrap .name{font-size:28px;line-height:1.4;font-weight:800;display:inline;padding:2px 12px;border:1px solid #000;box-shadow:0 3px #000;background:#fff;border-radius:5px;transition:color .2s;-webkit-box-decoration-break:clone}main .blog-list .blog-item .info-wrap .name:hover{color:#e04040}main .blog-list .blog-item .desc{width:90%;margin-top:auto;margin-bottom:20px;font-size:14px;color:#464646;font-weight:600;line-height:1.5}main .blog-list .blog-item .read-more{width:90%;margin-top:auto;margin-bottom:20px;font-size:20px;color:#fff;height:40px;line-height:40px;text-align:center;transition:all .3s ease-in-out;border-radius:5px;background-size:200% auto;background-image:linear-gradient(to right,#f3c841 0,#f69275 51%,#f3c841)}main .blog-list .blog-item .read-more:hover{background-position:right center}main .blog-list:not(:first-child){margin-top:20px}@media(min-width:1620px){main .blog-list{grid-template-columns:repeat(3,minmax(300px,450px))}}@media(max-width:767px){main .blog-list{gap:14px;grid-template-columns:repeat(1,1fr)}main .blog-list .blog-title{font-size:22px}main .blog-list .blog-item .info-wrap .name{font-size:20px}}main{padding:20px}@media(max-width:767px){main{padding:10px}}main .blog-list:not(:first-child){margin-top:50px}