{"version":3,"sources":["webpack:///./src/components/Activity/22_Event/Dec/event.vue?e15f","webpack:///./src/components/Activity/22_Event/Dec/event.vue?2d4e","webpack:///src/components/Activity/22_Event/Dec/event.vue","webpack:///./src/components/Activity/22_Event/Dec/event.vue?1632","webpack:///./src/components/Activity/22_Event/Dec/event.vue","webpack:///./src/assets/images/ico/Activity/22_Dec/event/animation_word.png","webpack:///./src/assets/images/diamondEvents/word_month2.png","webpack:///./src/assets/images/diamondEvents/word_week2.png","webpack:///./src/assets/images/ico/Activity/22_Dec/event/animation_word2.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","bannerType","attrs","wordAnimate","titleWord","_l","item","key","name","on","$event","changeNowBtn","actPath","time","checkNowPage","checkTime","staticRenderFns","data","word","wordWeek","wordMonth","nowBtn","btnTypes","methods","nowDate","date","path","$route","fullPath","type","document","scrollingElement","scrollTop","target","offsetTop","btnHandler","mounted","$router","push","err","$store","commit","location","pathname","includes","component","module","exports"],"mappings":"kHAAA,yBAAimB,EAAG,G,gECApmB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACG,MAAMP,EAAIQ,YAAY,CAACJ,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMT,EAAIU,iBAAiBN,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMT,EAAIW,mBAAmBP,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACE,YAAY,mBAAmBN,EAAIY,GAAIZ,EAAY,UAAE,SAASa,GAAM,OAAOT,EAAG,KAAK,CAACU,IAAI,UAAUD,EAAKE,KAAKC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIkB,aAAaL,EAAKM,QAASN,EAAKO,SAAS,CAAChB,EAAG,cAAc,CAACE,YAAY,iBAAiBC,MAAM,CAACM,EAAKM,QAASnB,EAAIqB,aAAaR,EAAKM,QAASN,EAAKO,OAAOX,MAAM,CAAC,IAAM,MAAM,GAAKT,EAAIsB,UAAUT,EAAKM,QAASN,EAAKO,UAAU,MAAK,OAAOhB,EAAG,cAAc,CAACE,YAAY,sBAAsB,IAC/3BiB,EAAkB,G,0GCuCtB,GACER,KAAM,QACNS,KAFF,WAGI,MAAO,CACLd,YAAa,EAAnB,EACMC,UAAW,EAAjB,EACMc,KAAM,EAAZ,EACMC,SAAU,EAAhB,EACMC,UAAW,EAAjB,EACMnB,WAAY,iBACZoB,OAAQ,GACRC,SAAU,CAChB,CAAQ,KAAR,QAAQ,QAAR,cAAQ,KAAR,uBACA,CAAQ,KAAR,QAAQ,QAAR,YAAQ,KAAR,uBACA,CAAQ,KAAR,QAAQ,QAAR,UAAQ,KAAR,0BAIEC,QAAS,CACPR,UADJ,SACA,KACM,IAAN,uBACA,wBACA,qDAMM,MALgB,gBAAZH,GACEY,EAAUC,IACZC,EAAOhC,KAAKiC,OAAOC,UAGhBF,GAETZ,aAZJ,SAYA,KACM,IAAN,uBACA,wBACM,OAAIU,EAAUC,EACL,GACf,gBACe,cADf,GAIId,aArBJ,SAqBA,KACM,IAAN,0CACA,uBACA,wBACmB,gBAATkB,GACEL,EAAUC,GAAQD,IAAYC,KAChC/B,KAAK2B,OAASQ,EACdC,SAASC,iBAAiBC,UAAYC,EAAOC,UAAY,IAG3DxC,KAAK2B,OAASQ,EACdC,SAASC,iBAAiBC,UAAYC,EAAOC,UAAY,GAE3DxC,KAAKO,WAAa,iBAClBP,KAAKS,YAAcT,KAAKwB,MAY1BiB,WA/CJ,SA+CA,GACM,OAAOvB,IAGXwB,QArEF,WAsEI1C,KAAK2C,QAAQC,KAAK,CAAtB,4CACM,OAAOC,KAGT7C,KAAK8C,OAAOC,OAAO,eAAgBC,SAASC,UACxCD,SAASC,SAASC,SAAS,sBAC7BlD,KAAK2B,OAAS,cACpB,+CACM3B,KAAK2B,OAAS,YAEd3B,KAAK2B,OAAS,YCxHwW,I,wBCQxXwB,EAAY,eACd,EACArD,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAA6B,E,gCCnBfC,EAAOC,QAAU,IAA0B,mC,uBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,+B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-7666471a.1699258740020.js","sourcesContent":["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!./event.vue?vue&type=style&index=0&id=69b9fdd4&lang=scss&scoped=true&\"; 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!./event.vue?vue&type=style&index=0&id=69b9fdd4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content_grain\"},[_c('div',{staticClass:\"header-box\"},[_c('div',{class:_vm.bannerType},[_c('div',{staticClass:\"animation_box\"},[_c('div',{staticClass:\"animation_word\"},[_c('img',{attrs:{\"src\":_vm.wordAnimate}})]),_c('div',{staticClass:\"animation_word2\"},[_c('img',{attrs:{\"src\":_vm.titleWord}})])])]),_c('div',{staticClass:\"act-btns-box\"},[_c('ul',{staticClass:\"all_btn mx-auto\"},_vm._l((_vm.btnTypes),function(item){return _c('li',{key:'btnType'+item.name,on:{\"click\":function($event){return _vm.changeNowBtn(item.actPath, item.time)}}},[_c('router-link',{staticClass:\"tag-style px-2\",class:[item.actPath, _vm.checkNowPage(item.actPath, item.time)],attrs:{\"tag\":\"div\",\"to\":_vm.checkTime(item.actPath, item.time)}})],1)}),0)])]),_c('router-view',{staticClass:\"pb-5 router_view\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content_grain\">\r\n    <div class=\"header-box\">\r\n      <div :class=\"bannerType\">\r\n        <!-- <div class=\"animation_light\">\r\n        </div> -->\r\n        <div class=\"animation_box\">\r\n          <div class=\"animation_word\">\r\n            <img :src=\"wordAnimate\" >\r\n          </div>\r\n          <div class=\"animation_word2\">\r\n            <img :src=\"titleWord\" >\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"banner_bottom\"></div> -->\r\n      <div class=\"act-btns-box\">\r\n        <ul class=\"all_btn mx-auto\">\r\n          <li v-for=\"item in btnTypes\" :key=\"'btnType'+item.name\"  @click=\"changeNowBtn(item.actPath, item.time)\">\r\n            <router-link\r\n              tag=\"div\"\r\n              class=\"tag-style px-2\"\r\n              :class=\"[item.actPath, checkNowPage(item.actPath, item.time)]\"\r\n              :to=\"checkTime(item.actPath, item.time)\"\r\n            >\r\n            </router-link>\r\n          </li>\r\n        </ul>\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\nimport word from '@/assets/images/ico/Activity/22_Dec/event/animation_word.png'\r\nimport titleWord from '@/assets/images/ico/Activity/22_Dec/event/animation_word2.png'\r\nimport wordWeek from '@/assets/images/diamondEvents/word_week2.png'\r\nimport wordMonth from '@/assets/images/diamondEvents/word_month2.png'\r\nexport default {\r\n  name: 'event',\r\n  data () {\r\n    return {\r\n      wordAnimate: word,\r\n      titleWord: titleWord,\r\n      word: word,\r\n      wordWeek: wordWeek,\r\n      wordMonth: wordMonth,\r\n      bannerType: 'banner_box_day',\r\n      nowBtn: '',\r\n      btnTypes: [\r\n        { name: '春季搜集送', actPath: 'anniversary', time: '2000-12-12 12:00:00' },\r\n        { name: '歡樂慶週年', actPath: 'christmas', time: '2000-12-22 12:00:00' },\r\n        { name: '歡喜迎金兔', actPath: 'newyear', time: '2000-12-29 12:00:00' }\r\n      ]\r\n    }\r\n  },\r\n  methods: {\r\n    checkTime (actPath, time) {\r\n      const nowDate = new Date().getTime()\r\n      const date = new Date(time).getTime()\r\n      let path = `/activity/22-event-dec/events/${actPath}/rank`\r\n      if (actPath !== 'anniversary') {\r\n        if (nowDate < date) {\r\n          path = this.$route.fullPath\r\n        }\r\n      }\r\n      return path\r\n    },\r\n    checkNowPage (actPath, time) {\r\n      const nowDate = new Date().getTime()\r\n      const date = new Date(time).getTime()\r\n      if (nowDate < date) {\r\n        return ''\r\n      } else if (actPath === this.nowBtn) {\r\n        return 'active'\r\n      }\r\n    },\r\n    changeNowBtn (type, time) {\r\n      const target = document.querySelector('.act-btns-box')\r\n      const nowDate = new Date().getTime()\r\n      const date = new Date(time).getTime()\r\n      if (type !== 'anniversary') {\r\n        if (nowDate > date || nowDate === date) {\r\n          this.nowBtn = type\r\n          document.scrollingElement.scrollTop = target.offsetTop - 0\r\n        }\r\n      } else {\r\n        this.nowBtn = type\r\n        document.scrollingElement.scrollTop = target.offsetTop - 0\r\n      }\r\n      this.bannerType = 'banner_box_day'\r\n      this.wordAnimate = this.word\r\n      // if (type === 'anniversary') {\r\n      //   this.bannerType = 'banner_box_day'\r\n      //   this.wordAnimate = this.word\r\n      // } else if (type === 'christmas') {\r\n      //   this.bannerType = 'banner_box_week'\r\n      //   this.wordAnimate = this.wordWeek\r\n      // } else {\r\n      //   this.bannerType = 'banner_box_month'\r\n      //   this.wordAnimate = this.wordMonth\r\n      // }\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    if (location.pathname.includes('events/anniversary')) {\r\n      this.nowBtn = 'anniversary'\r\n    } else if (location.pathname.includes('events/christmas')) {\r\n      this.nowBtn = 'christmas'\r\n    } else {\r\n      this.nowBtn = 'newyear'\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/helpers/_grid.scss\";\r\n.content_grain{\r\n    background-image: url(~@/assets/images/ico/Activity/22_Dec/event/background.jpg);\r\n    background-repeat: repeat;\r\n    background-size: 200px auto;\r\n    background-position: 100%;\r\n}\r\n.banner_box_day{\r\n  width: 100%;\r\n  height: 615px;\r\n  position: relative;\r\n  background-image: url(~@/assets/images/ico/Activity/22_Dec/event/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: 1440px) {\r\n    height: auto;\r\n    padding-top: 42.70%;\r\n  }\r\n\r\n  .animation_box{\r\n    width: 100%;\r\n    max-width: 1440px;\r\n    height: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n\r\n    @media (max-width: 1440px) {\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n    }\r\n    >div>img{\r\n      width: 100%;\r\n    }\r\n    .animation_word{\r\n      width: 40.76%;\r\n      position: absolute;\r\n      left: 29%;\r\n      top: 8%;\r\n      animation: pulse 1.2s 2.2s infinite;\r\n      @keyframes pulse{\r\n      0% {\r\n        transform: scale3d(1,1,1);\r\n      }\r\n      50% {\r\n        transform: scale3d(1.04,1.04,1.04);\r\n      }\r\n      100% {\r\n        transform: scale3d(1,1,1);\r\n      }\r\n    }\r\n\r\n      // &::after{\r\n      //   content: \"\";\r\n      //   width: 100%;\r\n      //   height: 100%;\r\n      //   position: absolute;\r\n      //   left: 0;\r\n      //   top: 0;\r\n\r\n      //   background: linear-gradient(115deg, rgba(255, 255, 255, 0), 45%,rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0) 55%);\r\n      //   background-size: 300% 100%;\r\n      //   background-position: 0% 50%;\r\n      //   mask: url(~@/assets/images/ico/Activity/22_Dec/event/animation_word.png) no-repeat center center;\r\n      //   mask-size: cover;\r\n      //   animation:  ani_bgp_move 5s infinite;\r\n\r\n      // }\r\n    }\r\n    .animation_word2{\r\n      width: 56.25%;\r\n      position: absolute;\r\n      left: 22%;\r\n      top: 60%;\r\n\r\n      &::after{\r\n        content: \"\";\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n\r\n        background: linear-gradient(115deg, rgba(255, 255, 255, 0), 45%,rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0) 55%);\r\n        background-size: 300% 100%;\r\n        background-position: 0% 50%;\r\n        mask: url(~@/assets/images/ico/Activity/22_Dec/event/animation_word2.png) no-repeat center center;\r\n        mask-size: cover;\r\n        animation:  ani_bgp_move 5s infinite;\r\n\r\n      }\r\n    }\r\n    @keyframes ani_bgp_move {\r\n      0% {\r\n          background-position: 100% 50%;\r\n      }\r\n      50% {\r\n          background-position: 0% 50%;\r\n      }\r\n    }\r\n\r\n  }\r\n}\r\n\r\n.banner_box_week{\r\n  width: 100%;\r\n  height: 600px;\r\n  position: relative;\r\n  // height: auto;\r\n  // padding-top: 37%;\r\n  background-image: url(~@/assets/images/diamondEvents/banner_week2.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: 1280px) {\r\n    height: auto;\r\n    padding-top: 46.87%;\r\n  }\r\n\r\n  .animation_box{\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    height: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n\r\n    @media (max-width: 1280px) {\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n    }\r\n    >div>img{\r\n      width: 100%;\r\n    }\r\n    .animation_word{\r\n      width: 52.65%;\r\n      position: absolute;\r\n      left: 17.5%;\r\n      top: 11%;\r\n\r\n      &::after{\r\n        content: \"\";\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n\r\n        background: linear-gradient(115deg, rgba(255, 255, 255, 0), 45%,rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0) 55%);\r\n        background-size: 300% 100%;\r\n        background-position: 0% 50%;\r\n        mask: url(~@/assets/images/diamondEvents/word_week2.png) no-repeat center center;\r\n        mask-size: cover;\r\n        animation:  ani_bgp_move 5s infinite;\r\n\r\n      }\r\n    }\r\n    @keyframes ani_bgp_move {\r\n      0% {\r\n          background-position: 100% 50%;\r\n      }\r\n      50% {\r\n          background-position: 0% 50%;\r\n      }\r\n    }\r\n    .person {\r\n      width: 37.03%;\r\n      position: absolute;\r\n      left: 56%;\r\n      top: 3%;\r\n    }\r\n    .animation_word3 {\r\n      width: 58.36%;\r\n      position: absolute;\r\n      left: 28%;\r\n      top: 77%;\r\n    }\r\n  }\r\n}\r\n\r\n.banner_box_month{\r\n  width: 100%;\r\n  height: 600px;\r\n  position: relative;\r\n  // height: auto;\r\n  // padding-top: 37%;\r\n  background-image: url(~@/assets/images/diamondEvents/banner_month2.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: 1280px) {\r\n    height: auto;\r\n    padding-top: 46.87%;\r\n  }\r\n\r\n  .animation_box{\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    height: 100%;\r\n    margin: 0 auto;\r\n    position: relative;\r\n\r\n    @media (max-width: 1280px) {\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n    }\r\n    >div>img{\r\n      width: 100%;\r\n    }\r\n    .animation_word{\r\n      width: 39.6%;\r\n      position: absolute;\r\n      left: 28%;\r\n      top: 12%;\r\n      &::after{\r\n        content: \"\";\r\n        width: 100%;\r\n        height: 100%;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n\r\n        background: linear-gradient(115deg, rgba(255, 255, 255, 0), 45%,rgba(255, 255, 255, 0.6) 50%,rgba(255, 255, 255, 0) 55%);\r\n        background-size: 300% 100%;\r\n        background-position: 0% 50%;\r\n        mask: url(~@/assets/images/diamondEvents/word_month2.png) no-repeat center center;\r\n        mask-size: cover;\r\n        animation:  ani_bgp_move 5s infinite;\r\n\r\n      }\r\n    }\r\n    @keyframes ani_bgp_move {\r\n      0% {\r\n          background-position: 100% 50%;\r\n      }\r\n      50% {\r\n          background-position: 0% 50%;\r\n      }\r\n    }\r\n    .person {\r\n      width: 35.16%;\r\n      position: absolute;\r\n      left: 55%;\r\n      top: 4%;\r\n    }\r\n    .animation_word3 {\r\n      width: 43.75%;\r\n      position: absolute;\r\n      left: 31%;\r\n      top: 66%;\r\n    }\r\n  }\r\n}\r\n\r\n.banner_bottom {\r\n  width: 100%;\r\n  height: 8px;\r\n  background-image: linear-gradient(\r\n    to right,\r\n    #4d3614 0%,\r\n    #cca351 30%,\r\n    #fceabd 49%,\r\n    #cca351 70%,\r\n    #4d3614 100%\r\n  );\r\n  @media (max-width: 768px) {\r\n    height: 4px;\r\n  }\r\n}\r\n\r\n.act-btns-box{\r\n  // width: 100%;\r\n  // position: absolute;\r\n  // left: 0;\r\n  // bottom: 0%;\r\n  // background-color: #8b0033;\r\n  text-align: center;\r\n\r\n  .all_btn{\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    >li{\r\n      width: 30%;\r\n      max-width: 480px;\r\n      margin: 0px 5px;\r\n      display: inline-block;\r\n      .tag-style{\r\n        padding-top: 70%;\r\n        background-size: 100% auto;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        cursor: pointer;\r\n        &.anniversary{\r\n        background-image: url(~@/assets/images/ico/Activity/22_Dec/event/anniversary.png);\r\n          &.active{\r\n            background-image: url(~@/assets/images/ico/Activity/22_Dec/event/anniversary_active.png);\r\n          }\r\n        }\r\n        &.christmas{\r\n        background-image: url(~@/assets/images/ico/Activity/22_Dec/event/christmas.png);\r\n          &.active{\r\n            cursor:pointer;\r\n            background-image: url(~@/assets/images/ico/Activity/22_Dec/event/christmas_active.png);\r\n          }\r\n          &.inactive{\r\n            cursor: initial;\r\n            background-image: url(~@/assets/images/ico/Activity/22_Dec/event/christmas_inactive.png);\r\n          }\r\n        }\r\n        &.newyear{\r\n        background-image: url(~@/assets/images/ico/Activity/22_Dec/event/newyear.png);\r\n          &.active{\r\n            cursor:pointer;\r\n            background-image: url(~@/assets/images/ico/Activity/22_Dec/event/newyear_active.png);\r\n          }\r\n          &.inactive{\r\n            cursor: initial;\r\n            background-image: url(~@/assets/images/ico/Activity/22_Dec/event/newyear_inactive.png);\r\n          }\r\n        }\r\n      }\r\n    }\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  th, td{\r\n    border:1px solid #000 !important;\r\n  }\r\n  .table-text-highlight{\r\n    color: #f9f353;\r\n    font-size: 1.1em;\r\n  }\r\n  .margin-style{\r\n    margin-top: 0px;\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: #fff;\r\n    // text-shadow: 0 0 0.3rem #fff, 0 0 1.2rem #fff365,\r\n    //   -0.2rem 0.1rem 1rem #fff365, 0.2rem 0.1rem 1rem #fff365,\r\n    //   0 -0.5rem 2rem #fbff24, 0 0.5rem 3rem #fbff24;\r\n    animation: shine 1.5s forwards;\r\n\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: #6b4818;\r\n      text-shadow: none;\r\n    }\r\n    100% {\r\n      color: #fff;\r\n      // text-shadow: 0 0 0.3rem #d8d9cf, 0 0 0.5rem #fff365,\r\n      //   -0.2rem 0.1rem 0.2rem #fff365, 0.2rem 0.1rem 0.2rem #fff365,\r\n      //   0 -0.2rem 1rem #fbff24, 0 0.2rem 1rem #fbff24;\r\n    }\r\n  }\r\n  .act-title{\r\n    margin-top: 0px;\r\n    @media (max-width: 768px) {\r\n      margin-top: 2rem;\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_Feb/Act_0224/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!./event.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!./event.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./event.vue?vue&type=template&id=69b9fdd4&scoped=true&\"\nimport script from \"./event.vue?vue&type=script&lang=js&\"\nexport * from \"./event.vue?vue&type=script&lang=js&\"\nimport style0 from \"./event.vue?vue&type=style&index=0&id=69b9fdd4&lang=scss&scoped=true&\"\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  \"69b9fdd4\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/animation_word.c8584269.png\";","module.exports = __webpack_public_path__ + \"img/word_month2.1fb0485d.png\";","module.exports = __webpack_public_path__ + \"img/word_week2.ef162f1e.png\";","module.exports = __webpack_public_path__ + \"img/animation_word2.148f6a06.png\";"],"sourceRoot":""}