@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}img{vertical-align:bottom}.sp{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:86px;height:60px;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:86px 60px}nav{z-index:100}nav .btn-nav-open{position:absolute;top:6px;right:50%;width:90px;height:99px;margin-right:-450px;background-image:url(/promotion/3rd_anniv_hk/assets/common/img/sp/nav/header/header_menu.png);background-size:90px auto;overflow:hidden;white-space:nowrap;text-indent:110%}nav .btn-nav-close{position:absolute;top:10px;right:28px;width:38px;height:38px;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 .wrap-scroll_inr{position:relative;width:650px;margin:0 auto}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%}.site-navigator ul li{margin-top:3px}.site-navigator ul li:first-child{margin-top:0}.site-navigator ul li img{width:100%;vertical-align:bottom}.l-site_nav_wrap{background:#000}.l-site_nav_wrap .l-site_nav{width:1000px;margin:0 auto}.l-site_nav{padding:5px 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%)}.l-site_nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;margin-top:-5px;-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% - 3px);margin-top:5px;background:#221712}.l-site_nav ul li img{vertical-align:bottom}footer{position:relative;z-index:1;width:100%;padding-top:32px;background:#000}footer .to-pagetop_wrap{box-sizing:border-box;width:1000px;margin:0 auto;padding-right:30px;text-align:right}footer .to-pagetop_wrap .to-pagetop{display:inline-block;overflow:hidden;width:53px;height:53px;line-height:1;white-space:nowrap;text-indent:110%;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:-18px;margin-bottom:40px;line-height:1;text-align:center}footer .app .icon{display:block;width:126px;height:126px;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:290px;height:110px;margin:0 10px;vertical-align:top;background-position:0 0;background-size:cover;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{position:relative;width:1000px;margin:-8px auto 0;line-height:1}footer .sns::before{content:" ";display:block;clear:both;width:100%;height:0;margin-bottom:-1px;border-top:transparent solid 1px}footer .sns ul{text-align:center}footer .sns ul li{display:inline-block;margin:0 20px}footer .sns ul li a{overflow:hidden;white-space:nowrap;text-indent:110%}footer .sns ul li .facebook{display:block;width:111px;height:111px;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:25px auto 0}footer .external ul.banner{margin:0 auto;text-align:center}footer .external ul.banner li{display:inline-block;margin:15px 11px 5px;line-height:0;vertical-align:middle}footer .external ul.banner li a{display:block;width:240px;height:74px;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:0;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:0;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%;margin-top:40px;padding:15px 0;text-align:center;background-color:#fff}footer .download::before{content:" ";display:block;clear:both;width:100%;height:0;margin-bottom:-1px;border-top:transparent solid 1px}footer .download .app-icon{display:inline-block;display:inline-block;margin:0 6px 0 0;vertical-align:middle;background-image:url("//xflag.com/common/images/monsterstrike_appicon.png");background-repeat:no-repeat;background-size:100%;width:58px;height:58px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .download h4{display:inline-block;width:295px;height:48px;margin:0 13px 0px 0;vertical-align:middle;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:292px 48px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .download ul{display:inline-block;margin:0 auto 0 2px;line-height:0;text-align:center;vertical-align:middle}footer .download ul li{display:inline-block;margin:0 3px;line-height:0}footer .download ul li .app-store{width:156px;height:47px;display:block;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:156px 47px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .download ul li .google{width:157px;height:47px;display:block;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:157px 47px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .download ul li .apk{width:157px;height:48px;display:block;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:157px 48px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .xflag{padding-bottom:80px}footer .xflag .logo{display:block;margin:35px auto 0;background-image:url("//xflag.com/common/images/promotion_logo_xflag.png");background-repeat:no-repeat;background-size:100%;width:120px;height:139px;overflow:hidden;white-space:nowrap;text-indent:110%}footer .xflag ul{margin:48px auto 50px;text-align:center}footer .xflag ul li{display:inline-block;margin:0 8px}footer .xflag ul li a{font-size:1.3em;text-decoration:underline;color:#fff}footer .xflag .copyright{display:block;margin:5px 5px 0;font-family:Verdana,Arial,Geneva,Tahoma,sans-serif;font-size:1.2em;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;width:100%;max-height:100%;text-align:center}.js-modal_content_inr{margin:0 auto;padding:0 30px;text-align:center}.js-modal_content_inr img{max-width:60%;height:auto}.js-modal_close_top{margin:62px 0;text-align:right}.js-modal_close_bottom{margin:62px 0}
