#HeroOnline{position:relative;background:#2a2249;overflow:hidden}#HeroOnline,.hero_bak_slide{width:100%;height:100dvh;display:flex;align-items:center}.hero_bak_slide{position:absolute;transition:all .5s;animation:slider 12s linear infinite}.hero_bak_1{background:url(/assets/images/hero_online_bak.jpg) top no-repeat hsl(0,0%,12%);background-size:cover;animation-delay:0}.hero_bak_2{background:url(/assets/images/hero_online_bak_2.jpg) top no-repeat hsl(0,0%,12%);background-size:cover;animation-delay:-4s}.hero_bak_3{background:url(/assets/images/hero_online_bak_3.jpg) top no-repeat hsl(0,0%,12%);background-size:cover;animation-delay:-8s}#HeroOnline .page_text{display:flex;flex-direction:column;align-items:left;max-width:900px;margin:0 100px;z-index:100;transition:all .5s;animation:Fade 1.8s ease}@keyframes Fade{0%{transform:translateY(50vh);opacity:0}40%{transform:translateY(50vh);opacity:0}to{transform:translateY(0);opacity:1}}#HeroOnline .page_title{color:#ffffff;font-size:70px;font-family:Autobus;transition:all .5s}#HeroOnline .page_des{max-width:800px;color:#ffffff;font-size:20px;line-height:24px;margin-top:30px;font-family:Montserrat-Regular;transition:all .5s}#HeroOnline .page_text>div>a{display:block;width:204px}#HeroOnline .page_link{width:204px;height:66px;margin-top:60px;border:1.5px solid rgba(166,166,166,1);border-radius:9px;background:rgba(4,6,7,1);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#ffffff;font-family:Montserrat-Regular;font-size:20px;transition:all .5s}#HeroOnline .page_link:hover{cursor:pointer}#HeroOnline .page_link .right_arrow{width:24px;height:24px;padding:5px}@media screen and (max-width:1023px){#HeroOnline .page_text{width:80%;margin:0 auto}#HeroOnline .page_title{font-size:48px}#HeroOnline .page_des{font-size:20px}}@media screen and (max-width:768px){.hero_bak_1{background-position:100% 0}.hero_bak_2{background-position:86% 0}.hero_bak_3{background-position:90% 0}#HeroOnline .page_title{font-size:26px}#HeroOnline .page_des{font-size:14px;line-height:18px}#HeroOnline .page_text>div>a{width:160px}#HeroOnline .page_link{width:160px;height:50px;font-size:14px}#HeroOnline .page_link .right_arrow{width:20px;height:20px}}