html{height:100%}body{margin:0 auto;line-height:1;background-color:#fff}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}img{border:none;vertical-align:top}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333}input{border:none;margin:0;padding:0;outline:none}table{border-collapse:collapse}.clearFix:after{display:block;content:" ";clear:both}.fl{float:left}.fr{float:right}.show{display:block}.hide{display:none}.center{position:relative;margin:0 auto}.mobile{overflow-x:hidden}.wrapCenter{position:relative;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}.wrapCenter .top{position:fixed;top:0;left:0;z-index:99;width:7.5rem;height:1.13rem;background:url(../img/mobile/top_eng.png) no-repeat 50%/cover}.wrapCenter .top a{position:absolute;right:.2rem;top:.22rem;width:2.29rem;height:.66rem;background:url(../img/mobile/apk_eng.png) no-repeat 50%;background-size:cover}.wrapCenter .wrap{position:relative;z-index:4;background:url(../img/mobile/bg_eng.png) no-repeat 50%;height:13.88rem;width:7.5rem;background-size:7.5rem 13.88rem}.wrapCenter .wrap.twinkle{background:url(../img/mobile/bg_eng.gif) no-repeat 50%;background-size:7.5rem 13.88rem}.wrapCenter .wrap .content{position:relative}.wrapCenter .wrap .languageBtn{margin-top:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex}.wrapCenter .wrap .languageBtn a{width:1.19rem}.wrapCenter .wrap .languageBtn :first-child{width:1.19rem;background:url(../img/mobile/lang_hk_.png) no-repeat 50%/1rem .25rem}.wrapCenter .wrap .languageBtn :first-child.active{background:url(../img/mobile/lang_hk.png) no-repeat 50%/cover}.wrapCenter .wrap .languageBtn :nth-child(2){width:.21rem;height:.44rem;background:url(../img/mobile/lang_sp.png) no-repeat 50%/.21rem .36rem}.wrapCenter .wrap .languageBtn :nth-child(3){background:url(../img/mobile/lang_eng_.png) no-repeat 0/.79rem .25rem}.wrapCenter .wrap .languageBtn :nth-child(3).active{background:url(../img/mobile/lang_eng.png) no-repeat top/cover}.wrapCenter .wrap .progressWrap{position:relative;height:1.05rem;-webkit-box-sizing:border-box;box-sizing:border-box}.wrapCenter .wrap .progressWrap .progress .bar{position:absolute;top:.15rem;left:0;width:6.5rem;height:.29rem;margin-left:.32rem;background:url(../img/mobile/bar.png) no-repeat 50%/cover;overflow:hidden;border-radius:.2rem}.wrapCenter .wrap .progressWrap .progress .bar .active{position:absolute;left:.03rem;top:-.12rem;width:0;height:.41rem;background:url(../img/mobile/bar_active.png) no-repeat;background-size:6.77rem .48rem;-webkit-transition:.3s;transition:.3s}.wrapCenter .wrap .progressWrap .progress .bar .active:before{position:absolute;right:-.34rem;top:0;width:.34rem;height:.48rem;content:"";background:url(../img/mobile/bar_active.png) no-repeat 100%;background-size:6.77rem .48rem;border-radius:.48rem 0 0 .48rem}.wrapCenter .wrap .progressWrap .progress .target{position:relative;margin-left:.4rem;width:7.1rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wrapCenter .wrap .progressWrap .progress .target>div{position:relative;width:1.38rem;height:1rem}.wrapCenter .wrap .progressWrap .progress .target>div span{position:absolute;left:50%;top:.4rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3;pointer-events:none;display:none}.wrapCenter .wrap .progressWrap .progress .target>div .ico.click+span{display:block}.wrapCenter .wrap .progressWrap .progress .target>div:first-child .ico.click+span{width:1.53rem;height:.99rem;background:url(../img/mobile/1_eng.png) no-repeat 50%/cover}.wrapCenter .wrap .progressWrap .progress .target>div:nth-child(2) .ico.click+span{width:1.53rem;height:.99rem;background:url(../img/mobile/2_eng.png) no-repeat 50%/cover}.wrapCenter .wrap .progressWrap .progress .target>div:nth-child(3) .ico.click+span{width:1.53rem;height:.99rem;background:url(../img/mobile/3_eng.png) no-repeat 50%/cover}.wrapCenter .wrap .progressWrap .progress .target>div:nth-child(4) .ico.click+span{width:2.05rem;height:1.15rem;background:url(../img/mobile/4_eng.png) no-repeat 50%/cover}.wrapCenter .wrap .progressWrap .progress .target>div:nth-child(5) .ico.click+span{left:33%;width:1.79rem;height:1.06rem;background:url(../img/mobile/5_eng.png) no-repeat 50%/cover}.wrapCenter .wrap .progressWrap .progress .target img{position:absolute;left:0;top:0;width:1.38rem;height:1rem;-o-object-fit:cover;object-fit:cover}.wrapCenter .wrap .progressWrap .progress .target .ico{position:absolute;width:.92rem;height:.86rem;left:.08rem;z-index:2;margin-top:-.17rem;-webkit-tap-highlight-color:transparent}.wrapCenter .wrap .progressWrap .progress .target .active .ico{background:url(../img/mobile/target_active.gif) no-repeat 100% 0/cover}.wrapCenter .wrap .progressWrap .progress .target :first-child.active .ico{left:.13rem}.wrapCenter .wrap .progressWrap .progress .target :nth-child(2).active .ico,.wrapCenter .wrap .progressWrap .progress .target :nth-child(3).active .ico{left:.1rem}.wrapCenter .wrap .progressWrap .progress .target :nth-child(5).active .ico{left:.06rem}.wrapCenter .wrap .slogan{margin-top:5.12rem;margin-left:.04rem}.wrapCenter .wrap .slogan img{display:block}.wrapCenter .wrap .btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:9.33rem auto .41rem;overflow:hidden;padding:0 .59rem;-webkit-box-sizing:border-box;box-sizing:border-box}.wrapCenter .wrap .btns a{width:3.04rem;height:.9rem}.wrapCenter .wrap .btns :first-child{background:url(../img/mobile/ios.png) no-repeat 50%/cover}.wrapCenter .wrap .btns :nth-child(2){background:url(../img/mobile/android.png) no-repeat 50%/cover}.wrapCenter .wrap .subscribe{position:absolute;right:-.2rem;bottom:2.4rem;width:2.84rem;height:4.72rem;background:url(../img/desktop/subscribe_eng.gif) no-repeat 50%/cover;-webkit-tap-highlight-color:transparent;pointer-events:none}.wrapCenter .wrap .subscribe a{pointer-events:all;position:absolute;top:.8rem;left:.74rem;width:1.4rem;height:2.3rem;border-radius:50%;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.wrapCenter .wrap .subscribed{background:url(../img/desktop/subscribe1_eng.gif) no-repeat 50%/cover;cursor:default;right:-.08rem;bottom:2.5rem;pointer-events:none}.wrapCenter .wrap .subscribed a{pointer-events:none;cursor:unset}.wrapCenter .wrap2{position:relative;z-index:1;width:7.5rem;height:11.71rem;background:url(../img/mobile/bg2.gif) no-repeat 50%;background-size:cover;margin-top:-2rem;overflow:hidden}.wrapCenter .wrap2 .content{margin:0 auto;overflow:hidden}.wrapCenter .wrap2 .content .swiper{padding-top:1.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrapCenter .wrap2 .content .swiper .swiper-pagination{position:static;width:100%;height:.85rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:.31rem;margin-bottom:.21rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:url(../img/mobile/dot_bg.png) no-repeat center .69rem/6.08rem .02rem}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet{outline:0;border-radius:0;height:.85rem;opacity:1;-webkit-tap-highlight-color:transparent}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet:first-child{width:1.43rem;background:url(../img/mobile/dot1_eng_.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet:nth-child(2){width:1.7rem;background:url(../img/mobile/dot2_eng_.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet:nth-child(3){width:1.7rem;background:url(../img/mobile/dot3_eng_.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet:nth-child(4){width:1.7rem;background:url(../img/mobile/dot4_eng_.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet:nth-child(5){width:1.41rem;background:url(../img/mobile/dot5_eng_.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet-active:first-child{background:url(../img/mobile/dot1_eng.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet-active:nth-child(2){background:url(../img/mobile/dot2_eng.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet-active:nth-child(3){background:url(../img/mobile/dot3_eng.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet-active:nth-child(4){background:url(../img/mobile/dot4_eng.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiper-pagination .swiper-pagination-bullet-active:nth-child(5){background:url(../img/mobile/dot5_eng.png) no-repeat 50%/cover}.wrapCenter .wrap2 .content .swiper .swiperBg{width:7.5rem;height:4.87rem;background:url(../img/mobile/swiper_bg.png) no-repeat 50%/cover;margin-bottom:2.45rem}.wrapCenter .wrap2 .content .swiper .swiper-container{width:6.74rem;height:4.15rem;margin:.44rem 0 0 .44rem;overflow:hidden}.wrapCenter .wrap2 .content .swiper .swiper-container img{max-width:100%}.wrapCenter .wrap2 .sideBottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:2.7rem;margin:0 auto}.wrapCenter .wrap2 .sideBottom a{width:.75rem;height:.75rem}.wrapCenter .wrap2 .sideBottom .ytb{background:url(../img/mobile/youtube.png) no-repeat 50%/cover}.wrapCenter .wrap2 .sideBottom .fb{background:url(../img/mobile/fb.png) no-repeat 50%/cover}.wrapCenter .wrap2 .sideBottom .dis{background:url(../img/mobile/discord.png) no-repeat 50%/cover}.ctrl{overflow:hidden;height:100%}.desktop{display:none!important}