{"version":3,"sources":["webpack:///./src/components/Activity/22_Event/Mar/Act_0303_m/act0303.vue?24c9","webpack:///src/components/Activity/22_Event/Mar/Act_0303_m/act0303.vue","webpack:///./src/components/Activity/22_Event/Mar/Act_0303_m/act0303.vue?903e","webpack:///./src/components/Activity/22_Event/Mar/Act_0303_m/act0303.vue","webpack:///./src/components/Activity/22_Event/Mar/Act_0303_m/act0303.vue?dc35"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticRenderFns","name","data","nowBtn","methods","changeNowBtn","type","document","scrollingElement","scrollTop","target","offsetTop","btnHandler","actPath","mounted","$router","push","err","$store","commit","location","pathname","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAG,GAAGH,EAAG,cAAc,CAACE,YAAY,sBAAsB,IAClME,EAAkB,CAAC,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,mBCkBrK,GACEG,KAAM,UACNC,KAFF,WAGI,MAAO,CACLC,OAAQ,KAOZC,QAAS,CACPC,aADJ,SACA,GACMZ,KAAKU,OAASG,EACd,IAAN,0CACMC,SAASC,iBAAiBC,UAAYC,EAAOC,UAAY,IAE3DC,WANJ,SAMA,GACM,OAAOC,IAGXC,QArBF,WAsBIrB,KAAKsB,QAAQC,KAAK,CAAtB,4CACM,OAAOC,KAGTxB,KAAKyB,OAAOC,OAAO,eAAgBC,SAASC,YC7C6V,I,wBCQzYC,EAAY,eACd,EACA/B,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E,sECnBf,yBAAgmB,EAAG","file":"js/chunk-3427015e.1699258740020.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content_grain\"},[_vm._m(0),_c('router-view',{staticClass:\"pb-5 router_view\"})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"header-box\"},[_c('div',{staticClass:\"banner_box\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content_grain\">\r\n    <div class=\"header-box\">\r\n      <div class=\"banner_box\">\r\n        <!-- <div class=\"animation_box\">\r\n          <div class=\"animation_word\">\r\n            <img src=\"@/assets/images/ico/Activity/21_Nov/Act_1116/word.png\" >\r\n          </div>\r\n        </div> -->\r\n      </div>\r\n      <!-- <div class=\"bg-img\">\r\n      </div> -->\r\n\r\n    </div>\r\n  <router-view class=\"pb-5 router_view\"></router-view>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'act0303',\r\n  data () {\r\n    return {\r\n      nowBtn: ''\r\n      // btnTypes: [\r\n      //   { name: '天天登入送', actPath: 'rank' },\r\n      //   { name: '集字賺百萬', actPath: 'rank2' }\r\n      // ]\r\n    }\r\n  },\r\n  methods: {\r\n    changeNowBtn (type) {\r\n      this.nowBtn = type\r\n      const target = document.querySelector('.act-btns-box')\r\n      document.scrollingElement.scrollTop = target.offsetTop - 20\r\n    },\r\n    btnHandler (actPath) {\r\n      return actPath\r\n    }\r\n  },\r\n  mounted () {\r\n    this.$router.push({ path: location.pathname }).catch(err => {\r\n      return err\r\n      // console.log(err)\r\n    })\r\n    this.$store.commit('SET_NOW_LINK', location.pathname)\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import \"@/assets/helpers/_grid.scss\";\r\n\r\n.banner_box{\r\n    width: 100%;\r\n    height: 755px;\r\n    position: relative;\r\n    // height: auto;\r\n    // padding-top: 37%;\r\n    background-image: url(~@/assets/images/ico/Activity/22_Mar/Act_0303_m/banner.jpg);\r\n    background-size: cover;\r\n    background-position: top center;\r\n    background-repeat: no-repeat;\r\n    overflow: hidden;\r\n    @media (max-width: 1100px) {\r\n      height: auto;\r\n      padding-top: 68.64%;\r\n    }\r\n\r\n}\r\n\r\n.disabled_btn{\r\n  cursor: not-allowed !important;\r\n}\r\n.table-text-highlight{\r\n  color: #c15206;\r\n}\r\n\r\n/*分頁內容 */\r\n\r\n.router_view{\r\n  //i_balloon\r\n\r\n  // background: linear-gradient(90deg, #a50318 0%,#a40217 15%, #b01418 30%, #b00b1b 35%,#b31221 50%, #b3171a 60%, #b0111b 70%, #a80b16 80%,#ad0a1b 100%);\r\n  background-color: #01091b;\r\n  th, td{\r\n    border:1px solid #000 !important;\r\n  }\r\n  .table-text-highlight{\r\n    color: #0dfaf3;\r\n    font-size: 1.1em;\r\n  }\r\n  .margin-style{\r\n    margin-top: 0px !important;\r\n  }\r\n  .sign {\r\n    // background-image: radial-gradient(\r\n    //   ellipse 50% 35% at 50% 50%,\r\n    //   #6b1839,\r\n    //   transparent\r\n    // );\r\n    letter-spacing: 2;\r\n    font-family: \"Clip\";\r\n    text-transform: uppercase;\r\n    // font-size: 6em;\r\n    color: #ffe6ff;\r\n    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,\r\n      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,\r\n      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;\r\n    animation: shine 1.5s forwards;\r\n    @media (max-width: 400px) {\r\n      font-size: 32px;\r\n    }\r\n  }\r\n\r\n  @keyframes shine {\r\n    0% {\r\n      color: #6b1839;\r\n      text-shadow: none;\r\n    }\r\n    100% {\r\n      color: #ffe6ff;\r\n      text-shadow: 0 0 0.3rem #c4b4c4, 0 0 1rem #ff65bd,\r\n        -0.2rem 0.1rem 0.5rem #ff65bd, 0.2rem 0.1rem 0.5rem #ff65bd,\r\n        0 -0.5rem 1rem #ff2483, 0 0.5rem 1rem #ff2483;\r\n    }\r\n  }\r\n\r\n  .act-content{\r\n    padding: 20px 40px;\r\n    border: none;\r\n    background-color: inherit;\r\n    @include phone{\r\n      padding: 0px 20px;\r\n    }\r\n  }\r\n  .content-title{\r\n    color:#f2fe04;\r\n    letter-spacing: 2.5px;\r\n    font-size: 1.75rem;\r\n    @include phone{\r\n      font-size: 1.5rem;\r\n    }\r\n  }\r\n  .content-word{\r\n    color:#fff !important;\r\n  }\r\n  .img-style{\r\n    width: 65px;\r\n    height: 65px;\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n    background-position:center center;\r\n    background-image: url(~@/assets/images/ico/Activity/22_Mar/Act_0303_m/icon.png);\r\n  }\r\n  .bg-white{\r\n    background: #fff;\r\n    color:#000;\r\n  }\r\n\r\n  .table-header{\r\n    color: #fff;\r\n    background-color: #545152;\r\n    &.bg-color{\r\n      background-color: #fbf982;\r\n      color: #000;\r\n      .table-text-highlight{\r\n        color: #f9f353;\r\n      }\r\n    }\r\n  }\r\n  .font-weight-bold{\r\n    font-weight: 500 !important;\r\n  }\r\n  .font-weight-bold2{\r\n    font-weight: 700 !important;\r\n  }\r\n  .w-40{\r\n    width: 40% !important;\r\n  }\r\n  .w-20{\r\n    width: 20% !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./act0303.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./act0303.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./act0303.vue?vue&type=template&id=3ab99a42&\"\nimport script from \"./act0303.vue?vue&type=script&lang=js&\"\nexport * from \"./act0303.vue?vue&type=script&lang=js&\"\nimport style0 from \"./act0303.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./act0303.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./act0303.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}