{"version":3,"sources":["webpack:///./src/views/Register/Landing.vue?d8d4","webpack:///src/views/Register/Landing.vue","webpack:///./src/views/Register/Landing.vue?741d","webpack:///./src/views/Register/Landing.vue","webpack:///./src/assets/images/Exhibition_Logo.png","webpack:///./src/views/Register/Landing.vue?7de9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","on","$event","preventDefault","logout","_v","_e","attrs","OnlineExpoStatus","isLogin","isRegister","staticStyle","toRegistration","toLogin","staticRenderFns","component","module","exports"],"mappings":"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","file":"js/chunk-28e7b984.6f954876.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"bg-white shadow-sm fixed-top PcDevice pb-1\"},[_c('nav',{staticClass:\"navbar  navbar-expand-lg mx-5 py-0\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"collapse navbar-collapse\"},[_vm._m(2),(_vm.isLogin)?_c('div',[_c('button',{staticClass:\"btn btn-warning px-5 py-2\",on:{\"click\":function($event){$event.preventDefault();return _vm.logout()}}},[_vm._v(\" Logout \")])]):_vm._e()])])]),_c('div',{staticClass:\"bg-white shadow-sm fixed-top MbDevice\"},[_c('div',{staticClass:\"container \"},[_c('div',{staticClass:\"row justify-content-between align-items-center\"},[_c('div',{staticClass:\"col-6 text-left\"},[_c('router-link',{attrs:{\"to\":\"/Landing\"}},[_c('a',{staticClass:\"navbar-brand py-0\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/Exhibition_Logo.png\"),\"height\":\"70px\",\"alt\":\"\"}})])])],1),(_vm.isLogin)?_c('div',{staticClass:\"col-6 text-right\"},[_c('button',{staticClass:\"btn btn-warning px-4 py-2\",on:{\"click\":function($event){$event.preventDefault();return _vm.logout()}}},[_vm._v(\" Logout \")])]):_vm._e()])])]),_c('div',{staticClass:\"text-white lobby_bg titleMargin\"},[_c('div',{staticClass:\"container-fluid\"},[(_vm.OnlineExpoStatus == 1)?_c('div',[_c('div',{staticClass:\"row justify-content-start\"},[_c('div',{staticClass:\"col-lg-6 mx-4\"},[_c('p',[_vm._v(\"‌\")]),_c('p',[_vm._v(\"‌\")]),(!_vm.isLogin)?_c('div',[_vm._m(3)]):_vm._e(),(_vm.isLogin && !_vm.isRegister)?_c('div',[_vm._m(4)]):_vm._e(),(_vm.isLogin && _vm.isRegister)?_c('div',[_vm._m(5)]):_vm._e(),_c('p'),(_vm.isLogin && !_vm.isRegister)?_c('div',[_c('div',{staticClass:\"btn btn-light px-5 py-3 mt-4\",staticStyle:{\"font-size\":\"18px\"},on:{\"click\":_vm.toRegistration}},[_vm._v(\" Pre-register \")])]):_vm._e(),(!_vm.isLogin)?_c('div',[_c('router-link',{attrs:{\"to\":\"/Login\"}},[_c('div',{staticClass:\"btn btn-light px-5 py-3 mt-4\",staticStyle:{\"font-size\":\"19px\"}},[_vm._v(\"Login\")])])],1):_vm._e(),(_vm.isLogin && _vm.isRegister)?_c('div',[_vm._m(6)]):_vm._e()]),_c('div',{staticClass:\"col-5 PcDevice\"})])]):_vm._e(),(_vm.OnlineExpoStatus == 2)?_c('div',[_c('div',{staticClass:\"row justify-content-start\"},[_c('div',{staticClass:\"col-lg-6 mx-4\"},[_c('p',[_vm._v(\"‌\")]),_c('p',[_vm._v(\"‌\")]),(!_vm.isLogin)?_c('div',[_vm._m(7)]):_vm._e(),(_vm.isLogin && !_vm.isRegister)?_c('div',[_vm._m(8)]):_vm._e(),(_vm.isLogin && _vm.isRegister)?_c('div',[_c('p',[_vm._v(\"‌\")]),_c('p',[_vm._v(\"‌\")])]):_vm._e(),_c('p'),(_vm.isLogin && !_vm.isRegister)?_c('div',[_c('div',{staticClass:\"btn btn-light px-5 py-3 mt-4\",staticStyle:{\"font-size\":\"18px\"},on:{\"click\":_vm.toRegistration}},[_vm._v(\" Register Now \")])]):_vm._e(),(!_vm.isLogin)?_c('div',[_c('div',{staticClass:\"btn btn-light px-5 py-3 mt-4\",staticStyle:{\"font-size\":\"19px\"},on:{\"click\":_vm.toLogin}},[_vm._v(\"Login\")])]):_vm._e()]),_c('div',{staticClass:\"col-5 PcDevice\"})])]):_vm._e(),(_vm.OnlineExpoStatus == 3)?_c('div',[_vm._m(9)]):_vm._e()])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"navbar-brand WidthLongLogo\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/Exhibition_Logo.png\"),\"height\":\"85px\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"navbar-brand WidthShortLogo\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/Exhibition_Logo.png\"),\"height\":\"85px\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"navbar-nav mr-auto\"},[_c('li',{staticClass:\"nav-item active\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\" loginAllfont_1\"},[_c('div',{staticClass:\"loginTopfont_1 mt-4\"},[_vm._v(\" Touch Taiwan – the Future \")]),_c('div',{staticClass:\"mt-4 mb-3\"},[_vm._v(\" The online exhibition will be held from April 27 to May 3. \")]),_c('div',{staticClass:\"my-4\"},[_vm._v(\" Log in to keep in touch with the universe of display. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"registerAllfont_1\"},[_c('div',{staticClass:\"loginTopfont_1 mt-4\"},[_vm._v(\" Touch Taiwan – the Future \")]),_c('div',{staticClass:\"my-3\"},[_vm._v(\" The online exhibition will be held from April 27 to May 3. \")]),_c('div',{staticClass:\"mt-3 mb-4\"},[_vm._v(\" Pre-register now to receive the latest information. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"doneAllfont_1\"},[_c('div',{staticClass:\"doneTopfont_1 mt-2\"},[_vm._v(\" Touch Taiwan will see you very soon! \")]),_c('div',{staticClass:\"my-3\"},[_vm._v(\"You can visit the online exhibition from April 27 to May 3.\")]),_c('div',{staticClass:\"my-3\"},[_vm._v(\" For further information, please go to Touch Taiwan official website. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{attrs:{\"href\":\"https://www.touchtaiwan.com/en/\",\"target\":\"_blank\"}},[_c('div',{staticClass:\"btn btn-light px-5 py-3 mt-4\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\" Official Website \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"loginTopfont_2 my-4\"},[_vm._v(\" Touch Taiwan – Visit Now \")]),_c('div',{staticClass:\"my-3 loginAllfont_2\"},[_vm._v(\" The online exhibition is online from now to May 3. \")]),_c('div',{staticClass:\"my-3 loginAllfont_2\"},[_vm._v(\" Log in to connect to the universe of display technology. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"registerAllfont_2\"},[_c('div',{staticClass:\"registerTopfont_2 my-4\"},[_vm._v(\" One more step to Touch Taiwan \")]),_c('div',{staticClass:\"mt-4\"},[_vm._v(\" Register now to access the online exhibition. \")]),_c('div',{staticClass:\"mb-4 mt-2\"},[_vm._v(\" The universe of display technology is waiting for you ! \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row justify-content-start\"},[_c('div',{staticClass:\"col-lg-6 mx-4\"},[_c('p',[_vm._v(\"‌\")]),_c('p',[_vm._v(\"‌\")]),_c('div',{staticClass:\"closeAllfont_3\"},[_c('div',{staticClass:\"closeTopfont_3 mt-4\"},[_vm._v(\" Touch Taiwan - See you in 2023 \")]),_c('div',{staticClass:\"mt-4\"},[_vm._v(\" Thank you for participating \")]),_c('div',{staticClass:\"mt-4 mb-3\"},[_vm._v(\" We look forward to seeing you next year ! \")]),_c('a',{attrs:{\"href\":\"https://www.touchtaiwan.com/en/\",\"target\":\"_blank\"}},[_c('div',{staticClass:\"btn btn-light px-5 py-3 mt-4\",staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\" Official Website \")])])])]),_c('div',{staticClass:\"col-5 PcDevice\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"bg-white shadow-sm fixed-top PcDevice pb-1\">\n      <nav class=\"navbar  navbar-expand-lg mx-5 py-0\">\n        <!-- 目前是非登入狀態所以先關閉，要判定當開展時就要連到Home -->\n\n        <a class=\"navbar-brand WidthLongLogo\">\n          <img src=\"../../assets/images/Exhibition_Logo.png\" height=\"85px\" alt=\"\" />\n        </a>\n\n        <a class=\"navbar-brand WidthShortLogo\">\n          <img src=\"../../assets/images/Exhibition_Logo.png\" height=\"85px\" alt=\"\" />\n        </a>\n\n        <div class=\"collapse navbar-collapse\">\n          <ul class=\"navbar-nav mr-auto\">\n            <li class=\"nav-item active\"></li>\n          </ul>\n\n          <div v-if=\"isLogin\">\n            <button class=\"btn btn-warning px-5 py-2\" @click.prevent=\"logout()\">\n              Logout\n            </button>\n          </div>\n        </div>\n      </nav>\n    </div>\n\n    <div class=\"bg-white shadow-sm fixed-top MbDevice\">\n      <div class=\"container \">\n        <div class=\"row justify-content-between align-items-center\">\n          <div class=\"col-6 text-left\">\n            <router-link to=\"/Landing\">\n              <a class=\"navbar-brand py-0\">\n                <img src=\"../../assets/images/Exhibition_Logo.png\" height=\"70px\" alt=\"\" />\n              </a>\n            </router-link>\n          </div>\n\n          <div class=\"col-6 text-right\" v-if=\"isLogin\">\n            <button class=\"btn btn-warning px-4 py-2\" @click.prevent=\"logout()\">\n              Logout\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"text-white lobby_bg titleMargin\">\n      <div class=\"container-fluid\">\n        <!-- 未開展專區 -->\n        <div v-if=\"OnlineExpoStatus == 1\">\n          <div class=\"row justify-content-start\">\n            <div class=\"col-lg-6 mx-4\">\n              <p>&zwnj;</p>\n              <p>&zwnj;</p>\n\n              <div v-if=\"!isLogin\">\n                <div class=\" loginAllfont_1\">\n                  <div class=\"loginTopfont_1 mt-4\">\n                    Touch Taiwan – the Future\n                  </div>\n\n                  <div class=\"mt-4 mb-3\">\n                    The online exhibition will be held from April 27 to May 3.\n                  </div>\n\n                  <div class=\"my-4\">\n                    Log in to keep in touch with the universe of display.\n                  </div>\n                </div>\n              </div>\n\n              <div v-if=\"isLogin && !isRegister\">\n                <div class=\"registerAllfont_1\">\n                  <div class=\"loginTopfont_1 mt-4\">\n                    Touch Taiwan – the Future\n                  </div>\n\n                  <div class=\"my-3\">\n                    The online exhibition will be held from April 27 to May 3.\n                  </div>\n                  <div class=\"mt-3 mb-4\">\n                    Pre-register now to receive the latest information.\n                  </div>\n                </div>\n              </div>\n\n              <div v-if=\"isLogin && isRegister\">\n                <div class=\"doneAllfont_1\">\n                  <div class=\"doneTopfont_1 mt-2\">\n                    Touch Taiwan will see you very soon!\n                  </div>\n\n                  <div class=\"my-3\">You can visit the online exhibition from April 27 to May 3.</div>\n\n                  <div class=\"my-3\">\n                    For further information, please go to Touch Taiwan official website.\n                  </div>\n                </div>\n              </div>\n\n              <p>&nbsp;</p>\n              <div v-if=\"isLogin && !isRegister\">\n                <div class=\"btn btn-light px-5 py-3 mt-4\" style=\"font-size:18px\" @click=\"toRegistration\">\n                  Pre-register\n                </div>\n              </div>\n\n              <div v-if=\"!isLogin\">\n                <router-link to=\"/Login\">\n                  <div class=\"btn btn-light px-5 py-3 mt-4\" style=\"font-size:19px\">Login</div>\n                </router-link>\n              </div>\n\n              <div v-if=\"isLogin && isRegister\">\n                <a href=\"https://www.touchtaiwan.com/en/\" target=\"_blank\">\n                  <div class=\"btn btn-light px-5 py-3 mt-4\" style=\"font-size:18px\">\n                    Official Website\n                  </div>\n                </a>\n              </div>\n            </div>\n\n            <div class=\"col-5 PcDevice\"></div>\n          </div>\n        </div>\n        <!-- 已開展 -->\n        <div v-if=\"OnlineExpoStatus == 2\">\n          <div class=\"row justify-content-start\">\n            <div class=\"col-lg-6 mx-4\">\n              <p>&zwnj;</p>\n              <p>&zwnj;</p>\n\n              <div v-if=\"!isLogin\">\n                <div>\n                  <div class=\"loginTopfont_2 my-4\">\n                    Touch Taiwan – Visit Now\n                  </div>\n\n                  <div class=\"my-3 loginAllfont_2\">\n                    The online exhibition is online from now to May 3.\n                  </div>\n\n                  <div class=\"my-3 loginAllfont_2\">\n                    Log in to connect to the universe of display technology.\n                  </div>\n\n                  <!-- <p class=\" mt-4  loginTimefont_2\">\n                    19 - 28 July, 2021\n                  </p>\n                  <div class=\"Opentime mb-3\">（The Online Expo will be available on 19 July at 10:00(GMT+8)）</div> -->\n                </div>\n              </div>\n\n              <div v-if=\"isLogin && !isRegister\">\n                <div class=\"registerAllfont_2\">\n                  <div class=\"registerTopfont_2 my-4\">\n                    One more step to Touch Taiwan\n                  </div>\n\n                  <div class=\"mt-4\">\n                    Register now to access the online exhibition.\n                  </div>\n\n                  <div class=\"mb-4 mt-2\">\n                    The universe of display technology is waiting for you !\n                  </div>\n\n                  <!-- <p class=\"mt-4 mb-3 registerTimefont_2\">\n                    19 - 28 July, 2021\n                  </p> -->\n                </div>\n              </div>\n\n              <div v-if=\"isLogin && isRegister\">\n                <p>&zwnj;</p>\n                <p>&zwnj;</p>\n              </div>\n\n              <p>&nbsp;</p>\n              <div v-if=\"isLogin && !isRegister\">\n                <div class=\"btn btn-light px-5 py-3 mt-4\" style=\"font-size:18px\" @click=\"toRegistration\">\n                  Register Now\n                </div>\n              </div>\n\n              <div v-if=\"!isLogin\">\n                <div class=\"btn btn-light px-5 py-3 mt-4\" style=\"font-size:19px\" @click=\"toLogin\">Login</div>\n              </div>\n            </div>\n\n            <div class=\"col-5 PcDevice\">\n              <!-- <div class=\"lobby_banner\">\n                <img src=\"../../assets/images/boothsonmobile.png\" width=\"100%\" alt=\"\" />\n              </div> -->\n            </div>\n          </div>\n        </div>\n\n        <!-- 展場結束 -->\n\n        <div v-if=\"OnlineExpoStatus == 3\">\n          <div class=\"row justify-content-start\">\n            <div class=\"col-lg-6 mx-4\">\n              <p>&zwnj;</p>\n              <p>&zwnj;</p>\n              <div class=\"closeAllfont_3\">\n                <div class=\"closeTopfont_3 mt-4\">\n                  Touch Taiwan - See you in 2023\n                </div>\n\n                <div class=\"mt-4\">\n                  Thank you for participating\n                </div>\n                <!-- <div class=\"mt-3\">\n                  The second round will be started from 04 - 07 December,\n                </div> -->\n\n                <div class=\"mt-4 mb-3\">\n                  We look forward to seeing you next year !\n                </div>\n\n                <!-- <div class=\"mt-4\">\n                  Thank you!\n                </div> -->\n                <a href=\"https://www.touchtaiwan.com/en/\" target=\"_blank\">\n                  <div class=\"btn btn-light px-5 py-3 mt-4\" style=\"font-size:18px\">\n                    Official Website\n                  </div>\n                </a>\n              </div>\n            </div>\n\n            <div class=\"col-5 PcDevice\">\n              <!-- <div class=\"lobby_banner\">\n                <img src=\"../../assets/images/boothsonmobile.png\" width=\"100%\" alt=\"\" />\n              </div> -->\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { mapGetters } from 'vuex'\n\n  export default {\n    data() {\n      return {\n        isLogin: false,\n        isRegister: false,\n        OnlineExpoStatus: '',\n        Nowdate: '',\n        ExpoBegin: '',\n        ExpoEnd: '',\n      }\n    },\n\n    methods: {\n      toRegistration() {\n        window.location.replace('https://www.chanchao.com.tw/touchtaiwan/onlineexpo/Registration')\n      },\n\n      toLogin() {\n        window.location.replace('https://www.chanchao.com.tw/touchtaiwan/onlineexpo/Login')\n      },\n\n      logout() {\n        const vm = this\n        const url = 'https://www.chanchao.com.tw/apiLogin/v1/Logout'\n\n        vm.$http.get(url).then(function(response) {\n          alert('Logout successfully')\n\n          window.location.replace('https://www.chanchao.com.tw/touchtaiwan/onlineexpo/Landing')\n        })\n      },\n\n      toHomePage() {\n        window.location.replace('https://www.chanchao.com.tw/touchtaiwan/onlineexpo/Home')\n      },\n\n      goLobby() {\n        window.location.replace('https://www.chanchao.com.tw/touchtaiwan/onlineexpo/Home')\n      },\n    },\n\n    computed: {\n      ...mapGetters(['exhcode']),\n    },\n\n    created() {\n      const vm = this\n\n      //取得當前時間\n\n      vm.$http\n        .get(`https://www.chanchao.com.tw/apiOnlineExpo/v1/Exhibitions/DF2242F61B11D1929128800348BA5A45?lang=en`)\n        .then((response) => {\n          vm.Nowdate = Date.parse(new Date()).valueOf()\n          vm.ExpoBegin = response.data.OnlineExpoBegin\n          vm.ExpoEnd = response.data.OnlineExpoEnd\n\n          if (vm.Nowdate < vm.ExpoBegin) {\n            vm.OnlineExpoStatus = 1\n          } else if (vm.Nowdate >= vm.ExpoBegin && vm.Nowdate <= vm.ExpoEnd) {\n            vm.OnlineExpoStatus = 2\n          } else if (vm.Nowdate > vm.ExpoEnd) {\n            vm.OnlineExpoStatus = 3\n          }\n        })\n\n      //紀錄瀏覽\n\n      vm.$http.get(`https://www.chanchao.com.tw/apiOnlineExpo/v1/CSRF_Token`).then((response) => {\n        let CSRFToken = response.data\n\n        let NowPageUrl = location.href\n\n        const url = `https://www.chanchao.com.tw/apiOnlineExpo/v1/OrganizerLog/${vm.exhcode}`\n        const info = {\n          Type: '',\n          ID: '',\n          Url: NowPageUrl,\n          CSRF: CSRFToken,\n        }\n        vm.$http.post(url, info).then(function(response) {\n          if (response.data == '200') {\n            console.log('Log success')\n          } else if (response.data == '251') {\n            console.log('Log fail')\n          }\n        })\n      })\n\n      const api = `https://www.chanchao.com.tw/apiLogin/v1/isAuthenticated`\n      vm.$http.post(api).then((response) => {\n        if (response.data == 200) {\n          vm.isLogin = true\n\n          const registerApi = `https://www.chanchao.com.tw/apiOnlineExpo/v1/CheckRegister/${vm.exhcode}`\n          vm.$http.post(registerApi).then((response) => {\n            if (response.data == 200) {\n              vm.isRegister = true\n            } else if (response.data == 252) {\n              vm.isRegister = false\n            } else if (response.data == 251) {\n              window.location.replace(`https://www.chanchao.com.tw/en/`)\n            } else if (response.data == 253) {\n              vm.isRegister = true\n            } else if (response.data == 254) {\n              vm.isRegister = true\n            }\n          })\n        } else {\n          vm.isLogin = false\n        }\n      })\n    },\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .lobby_bg {\n    background: url(../../assets/images/landing_bg.png);\n    background-repeat: no-repeat;\n    background-attachment: fixed;\n    background-position: center;\n    background-size: cover;\n\n    height: 900px;\n  }\n\n  .lobby_banner {\n    width: 600px;\n    height: 350px;\n    margin-top: 120px;\n  }\n\n  // 未開放第一區\n\n  .loginAllfont_1 {\n    font-size: 30px;\n    font-weight: bold;\n  }\n\n  .loginTopfont_1 {\n    font-size: 58px;\n    color: yellow;\n    font-style: italic;\n  }\n\n  .loginTimefont_1 {\n    font-size: 48px;\n  }\n\n  .registerAllfont_1 {\n    font-size: 30px;\n    font-weight: bold;\n  }\n\n  .registerTopfont_1 {\n    font-size: 50px;\n    color: yellow;\n    font-style: italic;\n  }\n\n  .doneAllfont_1 {\n    font-size: 30px;\n    font-weight: bold;\n  }\n\n  .doneTopfont_1 {\n    font-size: 50px;\n    color: yellow;\n    font-style: italic;\n  }\n\n  // 已開展第二區\n\n  .loginAllfont_2 {\n    font-size: 30px;\n    font-weight: bold;\n  }\n\n  .loginTopfont_2 {\n    font-size: 48px;\n    color: yellow;\n    font-style: italic;\n    font-weight: bold;\n  }\n\n  .loginTimefont_2 {\n    font-size: 48px;\n  }\n\n  .registerAllfont_2 {\n    font-size: 30px;\n    font-weight: bold;\n  }\n\n  .registerTopfont_2 {\n    font-size: 50px;\n    color: yellow;\n    font-style: italic;\n  }\n\n  .registerTimefont_2 {\n    font-size: 45px;\n  }\n\n  // 畢展第三區\n\n  .closeAllfont_3 {\n    font-size: 30px;\n    font-weight: bold;\n  }\n\n  .closeTopfont_3 {\n    font-size: 52px;\n    color: yellow;\n    font-style: italic;\n  }\n\n  .titleMargin {\n    margin-top: 88px;\n  }\n\n  .Opentime {\n    font-size: 19px;\n  }\n\n  @media screen and (min-width: 1150px) and (max-width: 1500px) {\n    .Opentime {\n      font-size: 17px;\n    }\n\n    .loginAllfont_1 {\n      font-size: 21px;\n      font-weight: bold;\n    }\n\n    .loginTopfont_1 {\n      font-size: 32px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .loginTimefont_1 {\n      font-size: 26px;\n    }\n\n    .registerAllfont_1 {\n      font-size: 25px;\n      font-weight: bold;\n    }\n\n    .registerTopfont_1 {\n      font-size: 34px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .doneAllfont_1 {\n      font-size: 22px;\n      font-weight: bold;\n    }\n\n    .doneTopfont_1 {\n      font-size: 32px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .loginAllfont_2 {\n      font-size: 24px;\n      font-weight: bold;\n    }\n\n    .loginTopfont_2 {\n      font-size: 32px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .loginTimefont_2 {\n      font-size: 30px;\n    }\n\n    .registerAllfont_2 {\n      font-size: 25px;\n      font-weight: bold;\n    }\n\n    .registerTopfont_2 {\n      font-size: 32px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .registerTimefont_2 {\n      font-size: 38px;\n    }\n\n    .closeAllfont_3 {\n      font-size: 28px;\n      font-weight: bold;\n    }\n\n    .closeTopfont_3 {\n      font-size: 47px;\n      color: yellow;\n      font-style: italic;\n    }\n  }\n\n  @media screen and (min-width: 577px) and (max-width: 1150px) {\n    .Opentime {\n      font-size: 15px;\n    }\n    .loginTopfont_1 {\n      font-size: 30px;\n      color: yellow;\n      font-style: italic;\n    }\n    .loginAllfont_1 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n    .loginTimefont_1 {\n      font-size: 30px;\n    }\n\n    .registerAllfont_1 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .registerTopfont_1 {\n      font-size: 30px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .doneAllfont_1 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .doneTopfont_1 {\n      font-size: 30px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .loginAllfont_2 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .loginTopfont_2 {\n      font-size: 30px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .loginTimefont_2 {\n      font-size: 30px;\n    }\n\n    .registerAllfont_2 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .registerTopfont_2 {\n      font-size: 30px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .registerTimefont_2 {\n      font-size: 30px;\n    }\n\n    .closeAllfont_3 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .closeTopfont_3 {\n      font-size: 30px;\n      color: yellow;\n      font-style: italic;\n    }\n  }\n\n  @media screen and (max-width: 576px) {\n    .Opentime {\n      font-size: 14px;\n    }\n    .titleMargin {\n      margin-top: 50px;\n    }\n\n    .loginAllfont_1 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .loginTopfont_1 {\n      font-size: 30px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .loginTimefont_1 {\n      font-size: 23px;\n    }\n\n    .registerAllfont_1 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .registerTopfont_1 {\n      font-size: 25px;\n      color: yellow;\n      font-style: italic;\n      margin-top: 20px;\n    }\n\n    .doneAllfont_1 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .doneTopfont_1 {\n      font-size: 28px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .loginAllfont_2 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .loginTopfont_2 {\n      font-size: 28px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .loginTimefont_2 {\n      font-size: 28px;\n    }\n\n    .registerAllfont_2 {\n      font-size: 20px;\n      font-weight: bold;\n    }\n\n    .registerTopfont_2 {\n      font-size: 27px;\n      color: yellow;\n      font-style: italic;\n    }\n\n    .registerTimefont_2 {\n      font-size: 32px;\n    }\n\n    .closeAllfont_3 {\n      font-size: 23px;\n      font-weight: bold;\n    }\n\n    .closeTopfont_3 {\n      font-size: 34px;\n      color: yellow;\n      font-style: italic;\n    }\n  }\n</style>\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!./Landing.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!./Landing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Landing.vue?vue&type=template&id=db5489d0&scoped=true&\"\nimport script from \"./Landing.vue?vue&type=script&lang=js&\"\nexport * from \"./Landing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Landing.vue?vue&type=style&index=0&id=db5489d0&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  \"db5489d0\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Exhibition_Logo.b444d690.png\";","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!./Landing.vue?vue&type=style&index=0&id=db5489d0&lang=scss&scoped=true&\""],"sourceRoot":""}