.app{width:100%}.pageEsport{font-size:12px;width:100%}.pageEsport .imgWrap{display:flex;justify-content:center;align-items:center}.pageEsport .title{color:#000;font-size:32px;width:1280px;margin:0 auto 15px}.pageEsport .E-Spots{width:1280px;margin:70px auto 0;min-height:250px}.pageEsport .E-Spots-list{margin:0 auto;display:flex;justify-content:center}.pageEsport .E-Spots-list li{width:calc((100% - 20px) / 3);height:250px;position:relative;margin-right:10px;border-radius:6px}.pageEsport .E-Spots-list li:nth-child(3n){margin-right:0}.pageEsport .E-Spots-list li:hover{box-shadow:0 0 4px 3px #b9b8b8}.pageEsport .E-Spots-image{width:100%;height:100%;position:relative}.pageEsport .E-Spots-image>img{width:100%;height:100%;object-fit:cover}.pageEsport .E-Spots-mask{width:100%;height:110px;background:#000;font-size:14px;font-weight:600;text-align:center;position:absolute;bottom:0;left:0}.pageEsport .E-Spots-mask .E-Spots-headline{height:45px;font-size:18px;font-weight:900;line-height:22px;overflow:hidden;width:auto;display:flex;align-items:center;justify-content:center}.pageEsport .E-Spots-mask .E-Spots-headline span{color:#fff;max-height:45px}.pageEsport .E-Spots-mask .E-Spots-headline img{color:#fff}.pageEsport .E-Spots-mask .E-Spots-text{overflow:hidden;height:51px;line-height:17px;color:#7fd4ec;font-size:14px;margin-bottom:4px}
.pageCategory{font-size:12px;width:100%;margin-top:70px}.pageCategory .imgWrap{display:flex;justify-content:center;align-items:center}.pageCategory .title{color:#000;font-size:32px;margin:0 auto 15px}.pageCategory .category{width:1280px;margin:0 auto}.pageCategory .category ul{font-size:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.pageCategory .category ul li{height:140px;width:calc((100% - 90px) / 7);border-radius:6px;overflow:hidden;margin-right:15px;margin-bottom:15px;cursor:pointer;position:relative;background:#f8f8f8;border:1px solid #bcbcbc;display:flex;justify-content:center;align-items:center}.pageCategory .category ul li:nth-child(7n){margin-right:0}.pageCategory .category ul li:last-child{margin-right:0}.pageCategory .category ul li .imgWrap{height:90px;box-sizing:border-box;padding:10px}.pageCategory .category ul li .imgWrap .hoverEffect{display:none}.pageCategory .category ul li .name{height:45px;width:100%;line-height:21px;text-align:center;font-size:16px;overflow:hidden;margin-top:0;display:flex;justify-content:center;align-items:center}.pageCategory .category ul li:hover{color:#1976a1;box-shadow:0 0 8px #00000040}.pageCategory .category ul li:hover .name{color:#1976a1}.pageCategory .category ul li:hover .defaultImg{display:none}.pageCategory .category ul li:hover .hoverEffect{display:block}
.carousel{position:relative}.carousel ul.slides{height:inherit;position:relative;background-color:#000}.carousel ul.slides li.slide{opacity:0;z-index:0;visibility:hidden;height:inherit;position:absolute !important;inset:0}.carousel ul.slides li.slide:first-child,.carousel ul.slides li.slide.active{opacity:1;z-index:1;visibility:visible}.carousel ul.slides li.slide article{background-color:#0009}.carousel ul.slides li.slide article .title{color:#fff;font-weight:900;letter-spacing:0;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:68px}.carousel ul.slides li.slide article .text a{font-size:16px;line-height:23px;color:#fff}.carousel ul.slidenav li button{color:#fff;font-size:12px;line-height:15px}.homeHeroContainer .youtube-background{position:relative !important}.homeHeroContainer .pre_video_bg{width:100%;height:100%;position:absolute}.homeHeroContainer .pre_video_bg img{width:100%;height:100%;object-fit:cover}.homeHeroContainer .youtube-video{margin:0 auto}.homeHeroContainer .play-video{content:"";border:2px solid white;border-radius:50%;height:32px;width:32px;cursor:pointer;z-index:2}.homeHeroContainer .play-video .triangle{width:0;height:0;border:8px solid transparent;border-left:12px solid white;display:inline-block;position:relative;left:6px;top:2px}.homeHeroContainer .ofp-home-hero-popup-wrapper{display:none}.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-mask{position:fixed;background-color:#0006;z-index:1006;height:100%;width:100%;top:0;left:0;display:flex;justify-content:center}.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper{margin:0 auto;top:0;position:fixed;height:100vh;width:100%;max-width:1318px;padding:55px;box-sizing:border-box}@media screen and (min-width: 750px) and (max-width: 1279px){.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper{height:357.75px;top:50px;padding:0;width:675px}}@media screen and (max-width: 749px){.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper{top:50px;padding:0;width:324px;height:174px}}.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper .close-win-button{cursor:pointer;position:relative;float:right;width:40px;height:40px;background-color:#000;border-radius:50%;margin-right:-49.5px;bottom:41.5px}@media (max-width: 1280px){.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper .close-win-button{position:absolute;float:right;margin-right:0;right:0;top:-40px}}.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper .close-win-button:before,.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper .close-win-button:after{content:"";position:absolute;left:19.5px;height:30px;width:3px;top:5px;background-color:#fff}.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper .close-win-button:before{transform:rotate(45deg)}.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper .close-win-button:after{transform:rotate(-45deg)}.homeHeroContainer .ofp-home-hero-popup-wrapper .popup-wrapper iframe{border:15px solid white;border-radius:10px;width:100%;height:100%;box-sizing:border-box}.carousel{height:538px;background-color:#000}.carousel ul.slides .carouselShow{opacity:1 !important;visibility:visible !important;z-index:1 !important}.carousel ul.slides .carouselHide{opacity:0 !important;visibility:hidden !important;z-index:0 !important}.carousel ul.slides li.slide{cursor:pointer;display:flex}.carousel ul.slides li.slide>img{height:inherit;width:100%;object-fit:cover;position:absolute}.carousel ul.slides li.slide article{position:absolute !important;width:650px;height:inherit;padding:65px 70px 80px;box-sizing:border-box;flex:none}.carousel ul.slides li.slide article .title{font-size:30px;margin-top:56px;padding-bottom:6px;word-break:break-word;line-height:34px}.carousel ul.slides li.slide article .text{max-height:95px;overflow:hidden;margin-bottom:40px;word-break:break-word}.carousel ul.slides li.slide article .action{display:flex;align-items:center;cursor:default;flex-wrap:wrap}.carousel ul.slides li.slide article .action .btn{border:1px solid #fff;border-radius:4px;background-color:#294e95;padding:13px 24px;margin-right:15px;cursor:pointer;font-weight:700;position:relative}.carousel ul.slides li.slide article .action .btn span{color:#fff;text-transform:capitalize}.carousel ul.slides li.slide article .action .btn:hover{background-color:#eaeef5;border-color:#294e95}.carousel ul.slides li.slide article .action .btn:hover span{color:#294e95}.carousel ul.slides li.slide article .action .textLink{padding:12px 0}.carousel ul.slides li.slide article .action .textLink span{color:#294e95;font-size:16px;line-height:19px}.carousel ul.slides li.slide .video{flex:1}.carousel ul.slidenav{position:absolute;box-sizing:border-box;width:460px;bottom:0;margin:0 70px;display:flex;justify-content:space-between;border-top:1px solid #fff;padding-bottom:28px;z-index:3}.carousel ul.slidenav li{position:relative;cursor:pointer}.carousel ul.slidenav li.active:before{content:" ";position:absolute;top:-6px;left:0;right:0;height:6px;background:#b8252e}.carousel ul.slidenav li button{cursor:pointer;padding:14px 7px}.carousel ul.slidenav li button:hover{text-decoration:underline;text-underline-offset:3px}.gaming-theme-black .carousel ul.slides li.slide article .action{cursor:default}.gaming-theme-black .carousel ul.slides li.slide article .action .btn{background-color:#fff}.gaming-theme-black .carousel ul.slides li.slide article .action .btn:hover{background-color:#000;border-color:#fff}.gaming-theme-black .carousel ul.slides li.slide article .action .btn:hover span{color:#fff}.gaming-theme-black .carousel ul.slides li.slide article .action .btn span{color:#000}.gaming-theme-black .carousel ul.slides li.slide article .action .textLink span{color:#0ff}.gaming-theme-black .carousel ul.slidenav li.active:before{background:#0ff}