@charset "UTF-8";.home .game-block .photo{opacity:0;-webkit-transition:.8s ease;-o-transition:.8s ease;transition:.8s ease}.home .game-block .photo.show{opacity:1}.home .game-block .content-wrap h2,.home .game-block .content-wrap p:first-child,.home .game-block .content-wrap p:last-child{position:relative}.home .game-block .content-wrap h2:after,.home .game-block .content-wrap p:first-child:after,.home .game-block .content-wrap p:last-child:after{position:absolute;top:0;right:0;width:100%;height:100%;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;content:''}.home .game-block .content-wrap h2:after{-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}.home .game-block .content-wrap p:last-child:after{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}.home .game-block .content-wrap.show h2:after,.home .game-block .content-wrap.show p:first-child:after,.home .game-block .content-wrap.show p:last-child:after{width:0}.home .video-fixed .button-group,.home .video-fixed .info,.home .video-fixed .outline,.home .video-fixed .title{opacity:0;-webkit-transform:translate3d(100px, 0, 0);transform:translate3d(100px, 0, 0);-webkit-transition:1s;-o-transition:1s;transition:1s}.home .video-fixed .title{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.home .video-fixed .info{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}.home .video-fixed .outline{-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}.home .video-fixed .button-group{-webkit-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}.home .video-fixed.show .button-group,.home .video-fixed.show .info,.home .video-fixed.show .outline,.home .video-fixed.show .title{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.home{background-color:#fff}.home .all-wrapper{position:relative}@media only screen and (max-width:767px){.home .all-wrapper{padding-top:60px}}.home main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:80px}@media only screen and (max-width:767px){.home main{padding-top:0}}.home main>section{width:100%}.home .background-video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-99}@media only screen and (max-width:767px){.home .background-video{display:none;pointer-events:none}}.home .background-video.out{opacity:0;-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.home .game-block{position:relative;padding:144px 24px 100px;background-color:#f2f2f2;position:relative;z-index:1}.home .game-block:after,.home .game-block:before{position:absolute;z-index:-1;background-color:#fff;width:50px;height:50px;content:''}.home .game-block:after{top:0;left:50px}.home .game-block:before{top:50px;left:0}.home .game-block .load-more{display:block}.home .game-block .all-product{display:none}@media only screen and (max-width:767px){.home .game-block{padding:90px 24px 60px;position:relative;z-index:1}.home .game-block:after,.home .game-block:before{position:absolute;z-index:-1;background-color:#fff;width:25px;height:25px;content:''}.home .game-block:after{top:0;left:25px}.home .game-block:before{top:25px;left:0}.home .game-block .load-more{display:none}.home .game-block .all-product{display:block}}.home .game-block .block-title .subtitle:after,.home .game-block .block-title .text:after,.home .game-block .block-title .title:after{background-color:#f2f2f2}.home .game-block ul{margin:80px auto 0;max-width:1730px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media only screen and (max-width:767px){.home .game-block ul{margin:40px auto 0}}.home .game-block li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(100% / 2 - 5px);margin-bottom:10px}.home .game-block li .photo{padding-bottom:81.3953%;background-size:cover;background-repeat:no-repeat;background-position:center center}.home .game-block li .content{padding:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:1}.home .game-block li .content:after,.home .game-block li .content:before{position:absolute;z-index:-1;background-color:#fff;width:20px;height:20px;content:''}.home .game-block li .content:after{top:0;left:20px}.home .game-block li .content:before{top:20px;left:0}.home .game-block li .content-wrap{margin-right:70px}.home .game-block li .content-wrap h2{font-size:1.5rem;font-weight:700;font-family:"QUESTION", "Century Gothic Bold", "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;display:block;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:2.5rem;max-height:80px}.home .game-block li .content-wrap p{font-size:0.875rem;display:block;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.75rem;max-height:56px}.home .game-block li .content-wrap p:first-child{margin:0 0 12px}.home .game-block li .content-wrap p:last-child{margin:18px 0 0}.home .game-block li .content-wrap p:first-child+.home .game-block li .content-wrap p:last-child{margin:0}.home .game-block li[data-font=white]{color:#fff}.home .game-block li[data-font=white] .content-wrap h2:after,.home .game-block li[data-font=white] .content-wrap p:after{background-color:#fff}.home .game-block li[data-font=black]{color:#000}.home .game-block li[data-font=black] .content-wrap h2:after,.home .game-block li[data-font=black] .content-wrap p:after{background-color:#000}@media only screen and (max-width:1366px){.home .game-block li .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .game-block li .content-wrap{margin:0}.home .game-block li .content .default-btn{margin-top:30px}}@media only screen and (max-width:1024px){.home .game-block li .content{padding:60px 24px}}@media only screen and (max-width:767px){.home .game-block li{width:100%}.home .game-block li:nth-child(n+4){display:none}.home .game-block li .content{position:relative;z-index:1}.home .game-block li .content:after,.home .game-block li .content:before{position:absolute;z-index:-1;background-color:#fff;width:16px;height:16px;content:''}.home .game-block li .content:after{top:0;left:16px}.home .game-block li .content:before{top:16px;left:0}}.home .game-block>.default-btn.black{margin:40px auto 0}.home .video-fixed{width:100%;height:100vh;background-color:transparent;overflow:hidden;position:relative;z-index:1}.home .video-fixed:after,.home .video-fixed:before{position:absolute;z-index:-1;background-color:#fff;width:20px;height:20px;content:''}.home .video-fixed:after{bottom:0;right:20px}.home .video-fixed:before{bottom:20px;right:0}@media only screen and (max-width:767px){.home .video-fixed{display:none}}.home .video-fixed .container{position:relative;z-index:1;background-color:transparent;width:100%;height:100%}.home .video-fixed .container:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:rgba(0, 0, 0, 0.5);content:''}.home .video-fixed .container .wrap{padding:0 10.4167%;max-width:50%}.home .video-fixed .container .wrap .title{font-size:4.0625rem;font-weight:700;font-family:"QUESTION", "Century Gothic Bold", "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;display:block;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:5.3125rem;max-height:170px;line-height:normal}.home .video-fixed .container .wrap .info{margin:32px 0 100px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .video-fixed .container .wrap .info div{margin-right:85px;text-align:left}.home .video-fixed .container .wrap .info div p{font-size:0.875rem;font-weight:700;font-family:"QUESTION", "Century Gothic Bold", "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif}.home .video-fixed .container .wrap .info div p span{line-height:1.75rem}.home .video-fixed .container .wrap .info div p span:after{margin:0 4px;content:'/'}.home .video-fixed .container .wrap .info div p span:last-child:after{content:none}.home .video-fixed .container .wrap .info img{max-width:100%;width:auto}.home .video-fixed .container .wrap .outline{margin-bottom:50px;max-width:450px}.home .video-fixed .container .wrap .outline h2{font-size:1.5rem;font-weight:700;font-family:"QUESTION", "Century Gothic Bold", "微軟正黑體", "Microsoft JhengHei", Arial, sans-serif;line-height:2.8125rem;letter-spacing:1px}.home .video-fixed .container .wrap .outline p{font-size:0.875rem;display:block;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.75rem;max-height:56px}.home .video-fixed .container .wrap .button-group{display:-webkit-box;display:-ms-flexbox;display:flex}.home .video-fixed .container .wrap .button-group .default-btn{margin:0 10px}.home .video-fixed .container .wrap .button-group .play-video{display:none}.home .video-fixed .container .wrap[data-font=white]{color:#fff}.home .video-fixed .container .wrap[data-font=black]{color:#000}.home .video-fixed .container[data-align=right]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .video-fixed .container[data-align=right] .wrap{text-align:right}.home .video-fixed .container[data-align=right] .wrap .outline,.home .video-fixed .container[data-align=right] .wrap .title{margin-left:auto}.home .video-fixed .container[data-align=right] .wrap .button-group{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.home .video-fixed .container[data-align=left]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .video-fixed .container[data-align=left] .wrap{text-align:left}.home .video-fixed .container[data-align=left] .wrap .outline,.home .video-fixed .container[data-align=left] .wrap .title{margin-right:auto}.home .video-fixed .container[data-align=left] .wrap .button-group{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media only screen and (max-width:1366px){.home .video-fixed .container .wrap{max-width:100%}}@media only screen and (max-width:1024px){.home .video-fixed .container .wrap .button-group .play-video{display:block}}.home .store-list .top{padding:95px 0 75px;background-color:#000;color:#fff;position:relative;z-index:1}.home .store-list .top:after,.home .store-list .top:before{position:absolute;z-index:-1;background-color:#1a1a1a;width:50px;height:50px;content:''}.home .store-list .top:after{top:0;left:50px}.home .store-list .top:before{top:50px;left:0}.home .store-list .top .block-title .text{color:rgba(255, 255, 255, 0.8)}.home .store-list .top .block-title .subtitle:after,.home .store-list .top .block-title .text:after,.home .store-list .top .block-title .title:after{background-color:#000}@media only screen and (max-width:767px){.home .store-list .top{padding:60px 30px;position:relative;z-index:1}.home .store-list .top:after,.home .store-list .top:before{position:absolute;z-index:-1;background-color:#1a1a1a;width:25px;height:25px;content:''}.home .store-list .top:after{top:0;left:25px}.home .store-list .top:before{top:25px;left:0}}.home .store-list .bottom{padding:66px 0 100px;background-color:#2d2d2d}@media only screen and (max-width:767px){.home .store-list .bottom{padding:60px 24px}}.home .store-list .list{margin:64px auto 0;max-width:1400px;border-top:4px solid #464646;border-bottom:1px solid #464646}.home .store-list .list li{color:#fff;border-top:1px solid #464646}.home .store-list .pagination{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .store-list .pagination div{color:rgba(255, 255, 255, 0.5);cursor:pointer}.home .store-list .pagination ul{margin:0 30px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .store-list .pagination ul li{position:relative;padding:12px 0;width:24px;text-align:center;cursor:pointer}.home .store-list .pagination ul li:after{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#ff0000;opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;content:''}.home .store-list .pagination ul li.active:after{opacity:1}@media only screen and (max-width:767px){.home .store-list .pagination{display:none}}.home .store-list .default-btn{display:none;margin:40px auto 0}@media only screen and (max-width:767px){.home .store-list .default-btn{display:block}}.home .contactus-block{padding:100px 0;background-color:#f2f2f2;z-index:0}@media only screen and (max-width:768px){.home .contactus-block{padding:60px 0}}.home .contactus-block .top{padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .contactus-block .top .block-title{text-align:left;margin:0}.home .contactus-block .top .block-title .subtitle:after,.home .contactus-block .top .block-title .text:after,.home .contactus-block .top .block-title .title:after{background-color:#f2f2f2}.home .contactus-block .top .group{margin-left:70px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:330px}.home .contactus-block .top .default-btn{margin:0 10px}@media only screen and (max-width:768px){.home .contactus-block .top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.home .contactus-block .top .block-title{text-align:center}.home .contactus-block .top .group{margin:30px 0 0}}.home .contactus-block .partner-logo{margin:60px auto 0;max-width:1400px;width:100%;height:130px}@media only screen and (max-width:768px){.home .contactus-block .partner-logo .content{max-width:50%}}.home .contactus-block .partner-logo .swiper-wrapper{z-index:-1}.home .contactus-block .partner-logo .swiper-slide{height:auto;background-color:#f2f2f2}.home .contactus-block .partner-logo .swiper-slide .content img{margin:0 auto;max-width:50%;max-height:125px;width:auto;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.home .contactus-block .partner-logo .swiper-slide .content div{opacity:0;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.home .contactus-block .partner-logo .swiper-slide.swiper-slide-active .content img{max-width:100%}.home .contactus-block .partner-text{position:relative;z-index:2;margin:30px auto 0;max-width:1200px;width:90%}.home .contactus-block .partner-text ul{width:100%}.home .contactus-block .partner-text .content{position:absolute;top:0;left:0;z-index:1;margin:0 auto;padding:55px 100px;background-color:#fff;border-radius:30px;border:3px solid #7d7d7d;max-width:1200px;width:100%;font-size:1.125rem;line-height:2.25rem;letter-spacing:1.35px;opacity:0;-webkit-transform:translateY(-8%) scale(0.9);-ms-transform:translateY(-8%) scale(0.9);transform:translateY(-8%) scale(0.9);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}@media only screen and (max-width:767px){.home .contactus-block .partner-text .content{padding:55px 20px}}.home .contactus-block .partner-text .content.active{position:static;opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:.5s .3s;-o-transition:.5s .3s;transition:.5s .3s}.home .contactus-block .partner-text .content:after{position:absolute;top:-22px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-style:solid;border-width:0 12px 22px 12px;border-color:transparent transparent #7d7d7d transparent;width:0;height:0;content:''}.home .contactus-block .partner-text .content:before{position:absolute;top:-15px;left:50%;z-index:1;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-style:solid;border-width:0 8px 15px 8px;border-color:transparent transparent #fff transparent;width:0;height:0;content:''}
/*# sourceMappingURL=index.css.map */