@charset "utf-8";*{margin:0;padding:0}body{font-family:"Microsoft JhengHei", "微軟正黑體", 'PMingLiU', sans-serif}div,p,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,header,article,section,aside,nav,footer{font-size:100%;font-weight:normal;border:0}ul{list-style-type:none}html{width:100%;height:100%}body{width:100%;height:auto;font-size:62.5%}a{text-decoration:none;color:#000}button{padding:0;cursor:pointer;border:none;outline:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}small{font-family:Verdana, Arial, Geneva, Tahoma, sans-serif}.alt{position:absolute;overflow:hidden;width:0;height:0}.pc{display:none !important}.fixed-front{z-index:100}.movie-thumb{position:relative}.movie-thumb img{position:absolute;top:0;left:0;width:100%;height:auto}.movie-thumb::after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:43px;height:30px;display:block;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/common/icon_youtube.png");background-repeat:no-repeat;background-position:0 0;background-size:43px 30px}nav .btn-nav-open{position:absolute;top:6px;right:7.5px;width:45px;height:49.5px;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/nav/header/header_menu.png);background-size:45px auto;overflow:hidden;white-space:nowrap;text-indent:110%}nav .btn-nav-close{position:absolute;top:15px;right:14px;width:18.5px;height:18.5px;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/nav/header/ico_close.png);background-size:contain;overflow:hidden;white-space:nowrap;text-indent:110%}nav .logo-monst_wrap{position:relative;padding:12px 0}nav .logo-monst_wrap:before{content:" ";position:absolute;top:0;left:0;width:100%;height:50px;background-color:#1a288b}nav .logo-monst_wrap .logo-monst{position:relative;z-index:3;width:112.5px;height:34.5px;margin:0 auto;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/nav/header/header_logo.png);background-size:contain;overflow:hidden;white-space:nowrap;text-indent:110%}nav .wrap-opened{position:fixed;z-index:1000;top:0;left:0;display:none;width:100%;height:100%;pointer-events:auto !important;background:linear-gradient(to bottom, #072e72 0%, #02051d 100%, #7db9e8 100%);background:-webkit-linear-gradient(top, #072e72 0%, #02051d 100%, #7db9e8 100%)}nav .wrap-scroll{position:relative;overflow:auto;width:100%;height:100%}nav .sns-share ul{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}nav .sns-share ul li{width:52px;margin:0 7.5px}nav .sns-share ul li img{width:100%;height:auto}.site-navigator{margin-bottom:15px;padding:3px 0;background-image:-webkit-linear-gradient(0deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);background-image:linear-gradient(90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);background-image:-webkit-linear-gradient(90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%)}.site-navigator img{width:100%;vertical-align:bottom}.site-navigator ul li{margin-top:3px}.site-navigator ul li:first-child{margin-top:0}.sns-share{position:relative}.sns-share ul{text-align:center}.sns-share ul li{display:inline-block;margin:0 11px}.sns-share ul li .line{width:52px;height:52px;display:block;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/sns/line.png");background-repeat:no-repeat;background-position:0 0;background-size:52px 52px;overflow:hidden;white-space:nowrap;text-indent:110%}.sns-share ul li .twitter{width:52px;height:52px;display:block;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/sns/twitter.png");background-repeat:no-repeat;background-position:0 0;background-size:52px 52px;overflow:hidden;white-space:nowrap;text-indent:110%}.sns-share ul li .facebook{width:56px;height:56px;display:block;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/sns/facebook.png");background-repeat:no-repeat;background-position:0 0;background-size:56px 56px;overflow:hidden;white-space:nowrap;text-indent:110%}.sns-share ul li .weibo{width:52px;height:52px;display:block;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/sns/weibo.png");background-repeat:no-repeat;background-position:0 0;background-size:52px 52px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .sns-share{margin:35px 0}nav .sns-share{margin:25px 0}.l-site_nav{padding-bottom:3px;background-image:-webkit-linear-gradient(0deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);background-image:linear-gradient(90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%);background-image:-webkit-linear-gradient(90deg, #ffd75b 0%, #fff5a0 30%, #fffabe 40%, #ffffdb 50%, #fff5a0 70%, #fdd456 100%)}.l-site_nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;margin-top:-3px;-webkit-justify-content:space-between;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.l-site_nav ul li{width:calc(50% - 1.5px);margin-top:3px;background:#221712}.l-site_nav ul li img{width:100%;vertical-align:bottom}footer{position:relative;z-index:1;width:100%;padding-top:15px;background-color:#000}footer .to-pagetop_wrap{padding-right:15px;text-align:right}footer .to-pagetop_wrap .to-pagetop{display:inline-block;width:27px;height:27px;line-height:1;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/footer/to_pagetop.png);background-repeat:no-repeat;background-position:0 0;background-size:cover;overflow:hidden;white-space:nowrap;text-indent:110%}footer .app{margin-top:-9px;line-height:1;text-align:center}footer .app .icon{display:block;width:63px;height:63px;margin:0 auto 22px;border-radius:18%;background-image:url(//xflag.com/common/images/monsterstrike_appicon.png);background-repeat:no-repeat;background-position:0 0;background-size:cover;overflow:hidden;white-space:nowrap;text-indent:110%}footer .app a{display:inline-block;width:144.5px;height:55px;margin:0 5px;vertical-align:top;background-position:0 0;background-size:144.5px 55px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .app .btn-startup{display:inline-block;vertical-align:top;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/app/btn_startup.png)}footer .app .btn-install{display:inline-block;vertical-align:top;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/app/btn_install.png)}footer .sns{margin-top:35px}footer .sns ul{text-align:center}footer .sns ul li{display:inline-block;margin:0 11px}footer .sns ul li a{overflow:hidden;white-space:nowrap;text-indent:110%}footer .sns ul li .facebook{display:block;width:55px;height:55px;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/sns/facebook.png");background-repeat:no-repeat;background-position:0 0;background-size:cover;overflow:hidden;white-space:nowrap;text-indent:110%}footer .external{margin:17px auto 0}footer .external ul.banner{line-height:0;text-align:center}footer .external ul.banner li{width:100%;margin:0 8px;line-height:0;line-height:0;text-align:center}footer .external ul.banner li a{display:inline-block;width:144.5px;height:45px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .external ul.banner li .youtube-oficial{background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/external_site/bnr_youtube.png);background-repeat:no-repeat;background-position:0 0;background-size:cover}footer .external ul.banner li .facebook-oficial{margin-top:15px;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/external_site/bnr_facebook.png);background-repeat:no-repeat;background-position:0 0;background-size:cover}footer .external ul.banner li .monst-oficial{margin-top:15px;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/external_site/bnr_oficial.png);background-repeat:no-repeat;background-position:0 0;background-size:cover}footer .download{width:100%;min-height:103.5px;margin-top:30px;background-color:#fff}footer .download:before{display:none}footer .download .app-icon{display:inline-block;width:37px;height:37px;margin:14px 0px 0 38px;background-image:url("//xflag.com/common/images/monsterstrike_appicon.png");background-repeat:no-repeat;background-size:100%;overflow:hidden;white-space:nowrap;text-indent:110%}footer .download h4{display:inline-block;display:inline-block;width:185px;height:30px;margin:0 auto 4px;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/footer/download_h4.png");background-repeat:no-repeat;background-position:0 0;background-size:185px 30px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .download ul{margin:6px auto 0;line-height:0;text-align:center}footer .download ul li{display:inline-block;margin:0 3px;line-height:0}footer .download ul li .app-store{display:block;width:75px;height:23px;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/footer/download_app.png");background-repeat:no-repeat;background-position:0 0;background-size:75px 23px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .download ul li .google{display:block;width:75px;height:23px;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/footer/download_google.png");background-repeat:no-repeat;background-position:0 0;background-size:75px 23px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .download ul li .apk{display:block;width:75px;height:23px;background-image:url("/promotion/3rd_anniv_hk/assets/common/img/sp/footer/download_apk.png");background-repeat:no-repeat;background-position:0 0;background-size:75px 23px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .xflag{padding-bottom:60px}footer .xflag .logo{display:block;width:85px;height:99px;margin:56px auto 0;background-image:url("//xflag.com/common/images/promotion_logo_xflag.png");background-repeat:no-repeat;background-position:0 0;background-size:85px 99px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .xflag ul{margin:30px auto 40px;text-align:center}footer .xflag ul li{display:inline-block;margin:0 5px}footer .xflag ul li a{font-size:0.9em;text-decoration:underline;color:#fff}footer .xflag .copyright{display:block;margin:3px 5px 0;font-family:Verdana,Arial,Geneva,Tahoma,sans-serif;font-size:0.9em;text-align:center;color:#fff}body.is-modal{overflow:hidden;height:100vh}body.is-modal .js-fit-fixed{display:none !important}.js-modal_overlay{position:fixed;z-index:20000;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,0.949)}.js-modal_content{position:fixed;z-index:20001;top:0;left:0;display:none;overflow-y:auto;max-height:100%;text-align:center}.js-modal_content_img{width:100%;height:auto}.js-modal_img{padding:0 44px}.js-modal_img img{width:100%}.js-modal_close_top{margin:31px 0;padding-right:15px;text-align:right}.js-modal_close_top img{max-width:auto;height:17px}.js-modal_close_bottom{margin:31px 0}.js-modal_close_bottom img{max-width:auto;height:17px}