{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/assets/launchImg/background_c4-1-1_mobile.jpg","webpack:///./src/assets/launchImg/background_c3-1-1_mobile.png","webpack:///./src/assets/launchImg/background_c3-2-2_mobile.jpg","webpack:///./src/App.vue?f8a1","webpack:///./src/assets/launchImg/background_c4-2-2_mobile.jpg","webpack:///./src/assets/THE 4 imagination_mobile.mp4","webpack:///./src/assets/launchImg/background_c3-2-1_mobile.jpg","webpack:///./src/assets/FB.png","webpack:///./src/components/SecondCut.vue?55f1","webpack:///./src/assets/arrow_middle_right.png","webpack:///./src/assets/THE_4.mp4","webpack:///./src/assets/launchImg/background_c3-2_mask.jpg","webpack:///./src/assets/launchImg/background_c3-1_mask_mobile.jpg","webpack:///./src/assets sync ^\\.\\/.*$","webpack:///./src/assets/scroll_line.png","webpack:///./src/assets/launchImg/background_c2.jpg","webpack:///./src/components/LoadingFrame.vue?9d99","webpack:///./src/assets/launchImg/background_c3-2_mobile.jpg","webpack:///./src/assets/launchImg/background_c3-2.jpg","webpack:///./src/components/Logo.vue?c193","webpack:///./src/assets/launchImg/background_c3-1-1.png","webpack:///./src/assets/THE 4 imagination.mp4","webpack:///./src/assets/arrow_right.png","webpack:///./src/components/ThirdCut.vue?b95d","webpack:///./src/assets/launchImg/background_c4-2_mobile.jpg","webpack:///./src/assets/background_c2.jpg","webpack:///./src/components/SixthCut.vue?34ec","webpack:///./src/assets/background_c2_mobile.jpg","webpack:///./src/assets/launchImg/background_c4-1_mobile.png","webpack:///./src/assets/launchImg/background_c4-1-2.jpg","webpack:///./src/assets/launchImg/background_c3-1-2_mobile.jpeg","webpack:///./src/assets/launchImg/background_c2_mobile.jpg","webpack:///./src/assets/BMW-logo.svg","webpack:///./src/assets/launchImg/background_c4-2.jpg","webpack:///./src/assets/loading.png","webpack:///./src/assets/site_cover_mobile.png","webpack:///./src/assets/arrow_left.png","webpack:///./src/assets/menu_button2.svg","webpack:///./src/assets/instagram.svg","webpack:///./src/App.vue","webpack:///./src/components/Logo.vue","webpack:///./src/components/Logo.vue?9d53","webpack:///./src/components/NavsButton.vue","webpack:///./src/components/NavsButton.vue?5250","webpack:///./src/components/LoadingFrame.vue","webpack:///./src/components/LoadingFrame.vue?d8bb","webpack:///./src/components/Indicator.vue","webpack:///./src/components/Indicator.vue?93eb","webpack:///./src/components/Footer.vue","webpack:///./src/components/Footer.vue?6a9f","webpack:///./src/components/FirstCut.vue","webpack:///./src/components/CTAButton.vue","webpack:///./src/components/CTAButton.vue?d55f","webpack:///./src/functions/transfer.js","webpack:///./src/functions/scrollEffect.js","webpack:///./src/functions/verification.js","webpack:///./src/functions/index.js","webpack:///./src/components/FirstCut.vue?cba9","webpack:///./src/components/SecondCut.vue","webpack:///./src/components/SecondCut.vue?0502","webpack:///./src/components/ThirdCut.vue","webpack:///./src/components/ThirdCut.vue?869b","webpack:///./src/components/FourthCut.vue","webpack:///./src/components/FourthCut.vue?3680","webpack:///./src/components/FifthCut.vue","webpack:///./src/components/FifthCut.vue?079c","webpack:///./src/components/SixthCut.vue","webpack:///./src/components/SixthCut.vue?92ec","webpack:///./src/components/SeventhCut.vue","webpack:///./src/components/Form.vue","webpack:///./src/api/index.js","webpack:///./src/components/Form.vue?e3e6","webpack:///./src/components/SeventhCut.vue?e982","webpack:///./src/App.vue?889f","webpack:///./src/main.js","webpack:///./src/assets/check-solid.png","webpack:///./src/components/FirstCut.vue?3e8a","webpack:///./src/assets/menu_button1_mobile.png","webpack:///./src/assets/launchImg/background_c4-1.jpg","webpack:///./src/assets/launchImg/background_c3-2-2.jpg","webpack:///./src/assets/menu_button1.svg","webpack:///./src/assets/menu_button2_mobile.png","webpack:///./src/assets/launchImg/background_c3-1-2.png","webpack:///./src/components/FourthCut.vue?30d3","webpack:///./src/assets/Coupé_mobile.jpg","webpack:///./src/components/Form.vue?6ed4","webpack:///./src/assets/launchImg/background_c5.jpg","webpack:///./src/assets/launchImg/background_c3-2-1.jpg","webpack:///./src/assets/launchImg/background_c4-2_mask.jpg","webpack:///./src/assets/inc.png","webpack:///./src/assets/arrow_middle_left.png","webpack:///./src/assets/Coupé.jpg","webpack:///./src/assets/launchImg/background_c3-1_mask.jpg","webpack:///./src/assets/launchImg/background_c4-2-2.jpg","webpack:///./src/components/CTAButton.vue?81a2","webpack:///./src/assets/footer_background.jpg","webpack:///./src/assets/launchImg/background_c5_mobile.png","webpack:///./src/assets/line.png","webpack:///./src/assets/launchImg/arrow_goto.png","webpack:///./src/components/Footer.vue?8abc","webpack:///./src/components/SeventhCut.vue?c03f","webpack:///./src/assets/launchImg/background_c4-1_mask.jpg","webpack:///./src/assets/Gran_Coupé.jpg","webpack:///./src/assets/launchImg/background_c4-2-1.jpg","webpack:///./src/assets/launchImg/background_c4-1-1.jpg","webpack:///./src/assets/launchImg/background_c4-1_mask_mobile.jpg","webpack:///./src/components/Indicator.vue?0b6e","webpack:///./src/assets/instagram.png","webpack:///./src/assets/launchImg/background_c3-1.jpg","webpack:///./src/assets/Convertible.jpg","webpack:///./src/assets/color-bar.png","webpack:///./src/assets/blur.png","webpack:///./src/assets/launchImg/background_c3-1_mobile.jpg","webpack:///./src/assets/launchImg/background_c4-1-2_mobile.jpg","webpack:///./src/assets/launchImg/background_c4-2-1_mobile.jpg","webpack:///./src/assets/arrow_select.png","webpack:///./src/assets/launchImg/plus.png","webpack:///./src/assets/youtube.png","webpack:///./src/components/NavsButton.vue?e681","webpack:///./src/assets/THE_4_mobile.mp4","webpack:///./src/assets/Convertible_mobile.jpg","webpack:///./src/assets/Gran_Coupé_mobile.jpg","webpack:///./src/assets/site_cover.png","webpack:///./src/components/FifthCut.vue?88eb"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","map","webpackContext","req","id","webpackContextResolve","e","Error","code","keys","resolve","class","href","target","handleChangeState","windowWidth","windowHeight","scrollTop","handleChangeIsShow","videoReady","handleChangeContentStatus","handleChangeShowIndex","nowFeature","isOpen","src","goAnchor","$event","isShow","handleTouchStart","handleTouchMove","contentClose","text","title","item","idx","style","content","featuresDisplay","chapter","bg","pc","mobile","alt","mask","parseInt","__exports__","ref","showMenu","props","emits","setup","emit","navsBox","gsap","registerPlugin","ScrollToPlugin","preventDefault","to","document","body","scrollTo","y","offsetY","autoKill","ease","duration","nv","ov","display","DOMready","videoState","rNum","Math","random","timer","loadingEnd","timeCounter","console","time","setInterval","clearInterval","handleEvent","event","type","video","querySelector","addEventListener","restNum","interval","timeEnd","isSelect","select","indicator","isViewed","opacity","gtag","page_title","data-displacement","data-intensity","data-speed","data-easing","op","videoSrc","loop","muted","autoplay","playsinline","preload","href1","GAData1","GAData2","isDouble","href2","progress","offset","transferEffect","opts","canvas","format","obj1","obj2","obj3","vertex","fragment","parent","warn","dispImage","displacementImage","intensity","speed","easing","nowItem","changing","waiting","sizes","width","height","isVideo","getRatio","objRatio","innerWidth","scene","THREE","camera","offsetWidth","offsetHeight","position","z","renderer","antialias","powerPreference","setPixelRatio","devicePixelRatio","setClearColor","setSize","loader","crossOrigin","texture1","texture2","texture3","disp","load","process","play","wrapS","wrapT","magFilter","minFilter","anisotropy","capabilities","getMaxAnisotropy","mat","precision","uniforms","effectFactor","dispFactor","faceTexture","faceTexture2","vertexShader","fragmentShader","transparent","geometry","add","animate","innerHeight","requestAnimationFrame","render","handelChanging","index","t1","t2","TweenMax","setTimeout","clearTimeout","this","transition","startAnim","top","log","scrollEffect","startHeight","endHeight","startValue","EndValue","a","b","input_lock","number","val","callback","pnumber","regex","str","test","alert","type_zh","regExp","match","personal_id","toUpperCase","strTab","A1","Array","A2","Mx","indexOf","charAt","sum","v","isNaN","mobile_phone","phone","regExp_1","regExp_2","regExp_3","empty","undefined","NaN","email","emailtoCheck","specialCharacter","trim","useTransferEffect","useScrollEffect","handleVerify","verifyFunctions","components","CTAButton","transitions","canvasRef","textMinor","textMajor","scrollIndicator","videoPlaying","handleTransitions","getComputedStyle","fontSize","dataset","displacement","majorCoeff","minorCoeff","titleCoeff","scrInOpacityCoeff","scrInTopCoeff","pause","filter","transform","imgSrc","container","cover","containerHeight","containerCoeff","smallTransfromCoeff","textMajorOPCoeff","coverCoeff","getBoundingClientRect","backgroundPosition","imgSrcA","imgSrcB","showContent","imgA","imgB","mainTitle","featuresA","featuresB","featureA1","featureA2","featureB1","featureB2","lineA1","lineA2","lineB1","lineB2","fadeInCoeff","fadeOutCoeff","textCoeff","imgCoeff","imgXOffset","zoomCoeff","set","backgroundSize","left","removeProperty","classList","contains","remove","zIndex","zoom2Coeff","mainTitleCoeff","img","xmlns","imgRef","textHandleTransition","car","nowCar","carDisplay","chName","intro","isAnimated","gaData","gaData1","gaData2","handleChangeCode","formTitle","autocomplete","disabled","carCode","codeList","data-message","data-placeholder","data-pass","validationPass","isError","firstname","formData","reset","inputBlur","lastname","age","ageRange","checked","gender","brand","carBrand","currentcar","reseller_city","resellerList","reseller_store","subscribe","agreeWithPrivacy","formPost","userRequest","axios","baseURL","errorHandling","err","errObj","response","status","request","message","interceptors","use","config","error","Promise","reject","apiGetJWTToken","apiGetAge","apiGetReseller","apiGetCar","apiPostReservation","post","headers","facebookCodeList","GAcodeList","tokenVal","token","then","catch","list","area","forEach","reseller","pass","fill","parentElement","formVerify","confirmDialog","msg","confirmed","confirm","gtag_report_conversion","event_category","event_label","bodyFormData","FormData","append","apiLoadingFrame","loadingIndc","documentElement","overflowY","url","location","send_to","event_callback","id2","content_ids","fbq","content_type","_lt","dotq","projectId","properties","pixelId","qstrings","et","ea","onead_pixel","appier_q","action_id","track_id","unique_key","inputs","querySelectorAll","elem","behavior","Form","selectorText","images","previous","next","formMask","turns","isTiming","nextCar","preCar","event_type","instruction","handleDisplay","timeCount","smTransformCoeff","selectorTextCoeff","formMaskCoeff","el","xDown","yDown","getTouches","evt","touches","originalEvent","firstTouch","clientX","clientY","xUp","yUp","xDiff","yDiff","abs","complete","onload","isVideoTimeing","videoTimer","videoTimeCount","Logo","NavsButton","LoadingFrame","Indicator","FirstCut","SecondCut","ThirdCut","FourthCut","FifthCut","SixthCut","SeventhCut","Footer","isTesting","app","createApp","App","directive","mounted","binding","onclick","updated","mount"],"mappings":"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","file":"js/app.0cf7c51c.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/campaign/2021/4-series-gran-coupe/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","module.exports = __webpack_public_path__ + \"img/background_c4-1-1_mobile.652492b6.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c3-1-1_mobile.9b1a6c99.png\";","module.exports = __webpack_public_path__ + \"img/background_c3-2-2_mobile.894827d3.jpg\";","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./App.vue?vue&type=style&index=0&id=5ca91c9c&lang=scss\"","module.exports = __webpack_public_path__ + \"img/background_c4-2-2_mobile.046474a4.jpg\";","module.exports = __webpack_public_path__ + \"media/THE 4 imagination_mobile.2dab2678.mp4\";","module.exports = __webpack_public_path__ + \"img/background_c3-2-1_mobile.20542d52.jpg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAtBAMAAABG7rbVAAAAJ1BMVEUAAADd3d3c3Nzd3d3d3d3d3d3d3d3d3d3e3t7e3t7g4ODc3Nzd3d1RqrJzAAAADHRSTlMA6NaEvbDfd2A4CEkYStrtAAAAbklEQVQoz2OAAG6TnDMp7hA2u8wZIDgIZnPFnEFwWM8gcXqQOTpIHM4zSBxmMDPY2BzEYQGxJaE2MoE4DVAOG4jDAAWMQPYh6nDOIMBhZM4JZM5JZM4pZE4CMscBmWOAzClAsXRkcViBiUUUxAAA7FDNHD7iviYAAAAASUVORK5CYII=\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./SecondCut.vue?vue&type=style&index=0&id=226b805a&lang=sass&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAACLCAMAAADPn5AcAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMALR/dgWjp9RJQA6W10ZQIPMQmtaJ+QAAAAUVJREFUWMPtmFuOhDAMBM0bDAlhcv+77kYzB+iSiMisNt8tC6XsbgczWztTz57zLkpT/j2bpu2LNoiFhyKewEfMpyY+injUtF3RLqt8azlH8SqWUrjXxGMpLAJZ5yIWUU9Fe0hSPwdAetNJuwVaeGiC9FiBdCSkF0B61Enbm3QCLXRpWuekXRNf2CxqkCYtFHWz8Gqk32bRBOnwNOlqZgFIf2ZaMwvnsVCDNIgFr0XaUzux8PgCUDcWvm8BmADpuYkFIBDSG5gmrTdfWTchMEtkSQ86OLAnEK8CHniClVsfuE/qv+7OGLKl6G3uHaB7tUE3ALrpZrqG6e6Abn+3iRFzpHRnjW7AdJW6DuhOlC6whEp0o05XtITHDd/rWILXNPwdNI1E1yOM82+h+2fj3P7jvIk4N2D4ifxKWfRXl3XHLL5KyPkBwcY0K8ocvdAAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"media/THE_4.d9f7e275.mp4\";","module.exports = __webpack_public_path__ + \"img/background_c3-2_mask.78dbc7dd.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c3-1_mask_mobile.ba294c0a.jpg\";","var map = {\n\t\"./BMW-logo.svg\": \"4382\",\n\t\"./Convertible.jpg\": \"d564\",\n\t\"./Convertible_mobile.jpg\": \"f895\",\n\t\"./Coupé.jpg\": \"9b68\",\n\t\"./Coupé_mobile.jpg\": \"70c7\",\n\t\"./FB.png\": \"0bd2\",\n\t\"./Gran_Coupé.jpg\": \"b69c\",\n\t\"./Gran_Coupé_mobile.jpg\": \"fba4\",\n\t\"./THE 4 imagination.mp4\": \"3342\",\n\t\"./THE 4 imagination_mobile.mp4\": \"068c\",\n\t\"./THE_4.mp4\": \"1158\",\n\t\"./THE_4_mobile.mp4\": \"f302\",\n\t\"./arrow_left.png\": \"4dc9\",\n\t\"./arrow_middle_left.png\": \"99df\",\n\t\"./arrow_middle_right.png\": \"10ab\",\n\t\"./arrow_right.png\": \"33c9\",\n\t\"./arrow_select.png\": \"e3de\",\n\t\"./background_c2.jpg\": \"35fb\",\n\t\"./background_c2_mobile.jpg\": \"3d2b\",\n\t\"./blur.png\": \"db29\",\n\t\"./check-solid.png\": \"5849\",\n\t\"./color-bar.png\": \"db13\",\n\t\"./footer_background.jpg\": \"a5b6\",\n\t\"./inc.png\": \"94dd\",\n\t\"./instagram.png\": \"c7f8\",\n\t\"./instagram.svg\": \"54e6\",\n\t\"./launchImg/arrow_goto.png\": \"ac56\",\n\t\"./launchImg/background_c2.jpg\": \"1a9a\",\n\t\"./launchImg/background_c2_mobile.jpg\": \"3f7b\",\n\t\"./launchImg/background_c3-1-1.png\": \"31b0\",\n\t\"./launchImg/background_c3-1-1_mobile.png\": \"025e\",\n\t\"./launchImg/background_c3-1-2.png\": \"6722\",\n\t\"./launchImg/background_c3-1-2_mobile.jpeg\": \"3de3\",\n\t\"./launchImg/background_c3-1.jpg\": \"cdf7\",\n\t\"./launchImg/background_c3-1_mask.jpg\": \"9c4e\",\n\t\"./launchImg/background_c3-1_mask_mobile.jpg\": \"1382\",\n\t\"./launchImg/background_c3-1_mobile.jpg\": \"e01c\",\n\t\"./launchImg/background_c3-2-1.jpg\": \"8c44\",\n\t\"./launchImg/background_c3-2-1_mobile.jpg\": \"0993\",\n\t\"./launchImg/background_c3-2-2.jpg\": \"62f6\",\n\t\"./launchImg/background_c3-2-2_mobile.jpg\": \"0292\",\n\t\"./launchImg/background_c3-2.jpg\": \"29e6\",\n\t\"./launchImg/background_c3-2_mask.jpg\": \"1302\",\n\t\"./launchImg/background_c3-2_mobile.jpg\": \"1f0a\",\n\t\"./launchImg/background_c4-1-1.jpg\": \"bbd7\",\n\t\"./launchImg/background_c4-1-1_mobile.jpg\": \"0052\",\n\t\"./launchImg/background_c4-1-2.jpg\": \"3db4\",\n\t\"./launchImg/background_c4-1-2_mobile.jpg\": \"e06b\",\n\t\"./launchImg/background_c4-1.jpg\": \"62e0\",\n\t\"./launchImg/background_c4-1_mask.jpg\": \"b467\",\n\t\"./launchImg/background_c4-1_mask_mobile.jpg\": \"bbda\",\n\t\"./launchImg/background_c4-1_mobile.png\": \"3d6b\",\n\t\"./launchImg/background_c4-2-1.jpg\": \"ba46\",\n\t\"./launchImg/background_c4-2-1_mobile.jpg\": \"e0e3\",\n\t\"./launchImg/background_c4-2-2.jpg\": \"a552\",\n\t\"./launchImg/background_c4-2-2_mobile.jpg\": \"0421\",\n\t\"./launchImg/background_c4-2.jpg\": \"46eb\",\n\t\"./launchImg/background_c4-2_mask.jpg\": \"8da1\",\n\t\"./launchImg/background_c4-2_mobile.jpg\": \"34c8\",\n\t\"./launchImg/background_c5.jpg\": \"8ac9\",\n\t\"./launchImg/background_c5_mobile.png\": \"a821\",\n\t\"./launchImg/plus.png\": \"e622\",\n\t\"./line.png\": \"aa06\",\n\t\"./loading.png\": \"4b50\",\n\t\"./menu_button1.svg\": \"6460\",\n\t\"./menu_button1_mobile.png\": \"5fe5\",\n\t\"./menu_button2.svg\": \"514a\",\n\t\"./menu_button2_mobile.png\": \"66e2\",\n\t\"./scroll_line.png\": \"18e6\",\n\t\"./site_cover.png\": \"fd50\",\n\t\"./site_cover_mobile.png\": \"4c83\",\n\t\"./youtube.png\": \"e63a\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"1771\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAFHCAMAAABTSAZDAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEXRSTlMAd08bWC0TNiRAYH5oSG8LBbp8i00AAADgSURBVDjLnYmJboAgEAW5LxH4/68t7uFiGzEpcTLzVnUch/oXejGhDy3oxTsauulG3VS7jbdGffuNupiorQp18Y6CLrVAF7gVcCl0g13QO5zY8YZ28+6Uo3bOib8wl40y3ISBm8E22A/vOBcTpzmRc/HEnNIP8uqMnuTZGe4Ze/UXURx5Q8fbTI7T8P8y3eMHXux5e94eiB7tV3+RxIl34p0A6IT98A4rtrwtbwtAW+yHdwRx4A0dEO4QxDs6uodO3VXveO/U6C5+Y1weaGKMoca8De4XFHxXK3zs3/33/QCYGx4dw49l2gAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/background_c2.ed87b35d.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./LoadingFrame.vue?vue&type=style&index=0&id=466f7c66&lang=sass&scoped=true\"","module.exports = __webpack_public_path__ + \"img/background_c3-2_mobile.31760915.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c3-2.2d53526b.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Logo.vue?vue&type=style&index=0&id=2e1da530&lang=sass&scoped=true\"","module.exports = __webpack_public_path__ + \"img/background_c3-1-1.384517c1.png\";","module.exports = __webpack_public_path__ + \"media/THE 4 imagination.4ad0867d.mp4\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAANCAMAAAAdSodXAAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMACoM29I8qzbmxXlBCG+TcwKObbul4ZguC9ukAAABuSURBVCjPhZBLDoAgDAURFfkqP+39b2pcFAyFMOtJM30s+P1ZFzZFwMcpdz2xIxQuxbUY2W5Drdrd2xwasCRZ9/eWDEO2I9wGUxQ0kI4VP6bQFSRQMl3VNkU+Jtvb5qjNsXxIMfgVGgM4N4LNeQEUCRMCrmihvgAAAABJRU5ErkJggg==\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ThirdCut.vue?vue&type=style&index=0&id=16016978&lang=sass&scoped=true\"","module.exports = __webpack_public_path__ + \"img/background_c4-2_mobile.1b382a79.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c2.49e7d181.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./SixthCut.vue?vue&type=style&index=0&id=4f98ec9c&lang=sass&scoped=true\"","module.exports = __webpack_public_path__ + \"img/background_c2_mobile.b32f3f42.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c4-1_mobile.5c4d2f11.png\";","module.exports = __webpack_public_path__ + \"img/background_c4-1-2.4f7d22b9.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c3-1-2_mobile.175456ef.jpeg\";","module.exports = __webpack_public_path__ + \"img/background_c2_mobile.c0194e38.jpg\";","module.exports = __webpack_public_path__ + \"img/BMW-logo.851b01cc.svg\";","module.exports = __webpack_public_path__ + \"img/background_c4-2.a3c1558b.jpg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4AQMAAADSHVMAAAAAA1BMVEURERGD9/d/AAABRUlEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYU9OBAAAAAAAPJ/bQRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWEPDgQAAAAAgPxfG0FVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVdqDAxIAAAAAQf9f9yNUAAAAAAAAAAAAAAAAAACAqQD45QABkNb8FAAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/site_cover_mobile.69afffa5.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAASBAMAAAAK1oXlAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAkDEP0rHwUHBxyV5HP5sAAABXSURBVCjPYyAEjCpEHQkpcNu9e7czfgUQoIBbARzswKKgEqIAAQJwmoAA2wwwFGCCTZgKMIEATAEesIuBKEXEWUeswwkHASmBidfEnQzkRjBmUiEq0QEAMlPQjBhz594AAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/menu_button2.c5536313.svg\";","module.exports = __webpack_public_path__ + \"img/instagram.11cb1156.svg\";","<script>\nimport { ref, onMounted, reactive, watch } from \"vue\";\nimport Logo from \"./components/Logo.vue\";\nimport NavsButton from \"./components/NavsButton.vue\";\nimport LoadingFrame from \"./components/LoadingFrame.vue\";\nimport Indicator from \"./components/Indicator.vue\";\nimport Footer from \"./components/Footer.vue\";\nimport FirstCut from \"./components/FirstCut.vue\";\nimport SecondCut from \"./components/SecondCut.vue\";\nimport ThirdCut from \"./components/ThirdCut.vue\";\nimport FourthCut from \"./components/FourthCut.vue\";\nimport FifthCut from \"./components/FifthCut.vue\";\nimport SixthCut from \"./components/SixthCut.vue\";\nimport SeventhCut from \"./components/SeventhCut.vue\";\nimport gsap from \"gsap\";\nimport { ScrollToPlugin } from \"gsap/ScrollToPlugin\";\nexport default {\n\tcomponents: {\n\t\tLogo,\n\t\tNavsButton,\n\t\tLoadingFrame,\n\t\tIndicator,\n\t\tFirstCut,\n\t\tSecondCut,\n\t\tThirdCut,\n\t\tFourthCut,\n\t\tFifthCut,\n\t\tSixthCut,\n\t\tSeventhCut,\n\t\tFooter,\n\t},\n\tsetup() {\n\t\tconst scrollTop = ref(0);\n\t\tconst windowWidth = ref(window.innerWidth);\n\t\tconst windowHeight = ref(window.innerHeight);\n\t\tconst videoReady = ref(false);\n\t\tconst isShow = ref(false);\n\t\tconst isOpen = ref(false);\n\t\tconst isTesting = ref(process.env.VUE_APP_YAHOO_PROJECTID === \"12345\");\n\n\t\tconst imgSrc = reactive({\n\t\t\tpc: \"site_cover.png\",\n\t\t\tmobile: \"site_cover_mobile.png\",\n\t\t});\n\n\t\tconst text = reactive({\n\t\t\ttitle: [\n\t\t\t\t\"Air Breather 車側導流氣孔\",\n\t\t\t\t\"霧黑運動化側裙\",\n\t\t\t\t\"平整化車門把手\",\n\t\t\t\t\"掀背式電動尾門\",\n\t\t\t\t\"iDrive 7.0 全數位虛擬座艙\",\n\t\t\t\t\"寬敞車室空間\",\n\t\t\t\t\"Personal Copilot 智慧駕駛輔助科技\",\n\t\t\t\t\"BMW 智慧語音助理 2.0\",\n\t\t\t],\n\t\t\tcontent: [\n\t\t\t\t\"黑色高光澤造型飾條設計，提升空氣力學效果。\",\n\t\t\t\t\"強化跑格氣息，彰顯前後輪拱俐落線條。\",\n\t\t\t\t\"新世代設計語彙，有助空氣力學表現。\",\n\t\t\t\t\"腳踢感應即可啟閉尾門，高達470公升寬敞空間，<br />取放皆便利。\",\n\t\t\t\t\"12.3 吋虛擬數位儀錶 / 10.25 吋中控觸控螢幕 /<br />iDrive 7.0 使用者介面，提供開闊且直覺的操控介面。\",\n\t\t\t\t\"不但有五個正常尺寸座位，藉由 40/20/40 分離可傾倒後座椅背，還能創造出高達 1,290 公升、令人印象深刻的行李廂空間。\",\n\t\t\t\t\"搭載主動車距定速控制系統、道路虛擬實境顯示等功能，藉儀錶內動態 3D 畫面，提供駕駛與乘客全方位安全防護，同享智能駕馭樂趣。\",\n\t\t\t\t\"採用最新自然語言辨識 (NLU) 科技，能聽懂更多口語化指令，讓座駕直接變身你的個人助理。<br class='pc_break' />隨時說出「你好，BMW」或是設定自己專屬的喚醒詞，讓愛車隨時與你的想法同步。\",\n\t\t\t],\n\t\t\tchapter: [\"EXTERIOR\", \"TECHNOLOGY\"],\n\t\t\tmask: [\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c3-1_mask.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c3-1_mask_mobile.jpg\"),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c3-2_mask.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c3-1_mask_mobile.jpg\"),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c4-1_mask.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c4-1_mask_mobile.jpg\"),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c4-2_mask.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c4-1_mask_mobile.jpg\"),\n\t\t\t\t},\n\t\t\t],\n\t\t\tbg: [\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c3-1-1.png\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c3-1-1_mobile.png\"),\n\t\t\t\t\talt:\n\t\t\t\t\t\t\"G26全新BMW 4系列Gran Coupé豪華四門跑車Air Breather 車側導流氣孔\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c3-1-2.png\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c3-1-2_mobile.jpeg\"),\n\t\t\t\t\talt: \"G26全新BMW 4系列Gran Coupé豪華四門跑車霧黑運動化側裙\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c3-2-1.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c3-2-1_mobile.jpg\"),\n\t\t\t\t\talt: \"G26全新BMW 4系列Gran Coupé豪華四門跑車平整化車門把手\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c3-2-2.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c3-2-2_mobile.jpg\"),\n\t\t\t\t\talt: \"G26全新BMW 4系列Gran Coupé豪華四門跑車掀背式電動尾門\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c4-1-1.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c4-1-1_mobile.jpg\"),\n\t\t\t\t\talt:\n\t\t\t\t\t\t\"G26全新BMW 4系列Gran Coupé豪華四門跑車 iDrive 7.0全數位虛擬座艙 虛擬數位儀表 觸控螢幕\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c4-1-2.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c4-1-2_mobile.jpg\"),\n\t\t\t\t\talt:\n\t\t\t\t\t\t\"G26全新BMW 4系列Gran Coupé豪華四門跑車寬敞車室空間 可傾倒後座椅背 \",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c4-2-1.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c4-2-1_mobile.jpg\"),\n\t\t\t\t\talt:\n\t\t\t\t\t\t\"G26全新BMW 4系列Gran Coupé豪華四門跑車 Personal CoPilot智慧駕駛輔助 科技道路虛擬實境顯示 主動車距定速控制系統\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tpc: require(\"@/assets/launchImg/background_c4-2-2.jpg\"),\n\t\t\t\t\tmobile: require(\"@/assets/launchImg/background_c4-2-2_mobile.jpg\"),\n\t\t\t\t\talt:\n\t\t\t\t\t\t\"G26全新BMW 4系列Gran Coupé豪華四門跑車  BMW智慧語音助理2.0 \",\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\t\tconst nowFeature = ref(0);\n\t\tconst featuresDisplay = (instruction) => {\n\t\t\tif (nowFeature.value >= 4) {\n\t\t\t\tif (instruction === \"next\") {\n\t\t\t\t\tif (nowFeature.value >= 7) {\n\t\t\t\t\t\tnowFeature.value = 4;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnowFeature.value++;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (nowFeature.value <= 4) {\n\t\t\t\t\t\tnowFeature.value = 7;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnowFeature.value--;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (instruction === \"next\") {\n\t\t\t\t\tif (nowFeature.value >= 3) {\n\t\t\t\t\t\tnowFeature.value = 0;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnowFeature.value++;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (nowFeature.value <= 0) {\n\t\t\t\t\t\tnowFeature.value = 3;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnowFeature.value--;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tconst xDown = ref(null);\n\t\tconst yDown = ref(null);\n\n\t\tconst getTouches = (evt) => {\n\t\t\treturn evt.touches || evt.originalEvent.touches;\n\t\t};\n\n\t\tconst handleTouchStart = (evt) => {\n\t\t\tconst firstTouch = getTouches(evt)[0];\n\t\t\txDown.value = firstTouch.clientX;\n\t\t\tyDown.value = firstTouch.clientY;\n\t\t};\n\n\t\tconst handleTouchMove = (evt) => {\n\t\t\tif (!xDown.value || !yDown.value) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst xUp = evt.touches[0].clientX;\n\t\t\tconst yUp = evt.touches[0].clientY;\n\n\t\t\tconst xDiff = xDown.value - xUp;\n\t\t\tconst yDiff = yDown.value - yUp;\n\n\t\t\tif (Math.abs(xDiff) > Math.abs(yDiff)) {\n\t\t\t\t/*most significant*/\n\t\t\t\tif (xDiff > 0) {\n\t\t\t\t\tfeaturesDisplay(\"next\");\n\t\t\t\t} else {\n\t\t\t\t\tfeaturesDisplay(\"previous\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t/* reset values */\n\t\t\txDown.value = null;\n\t\t\tyDown.value = null;\n\t\t};\n\n\t\tconst handleChangeState = (val) => {\n\t\t\tvideoReady.value = val;\n\t\t};\n\t\tconst handleChangeIsShow = (val) => {\n\t\t\tisShow.value = val;\n\t\t};\n\n\t\tconst handleChangeContentStatus = (val) => {\n\t\t\tisOpen.value = val;\n\t\t};\n\t\tconst handleChangeShowIndex = (val) => {\n\t\t\tnowFeature.value = val;\n\t\t};\n\n\t\tconst contentClose = () => {\n\t\t\tisOpen.value = false;\n\t\t};\n\n\t\tgsap.registerPlugin(ScrollToPlugin);\n\t\tconst goAnchor = (id, e) => {\n\t\t\te.preventDefault();\n\t\t\tgsap.to(document.body, {\n\t\t\t\tscrollTo: {\n\t\t\t\t\ty: id,\n\t\t\t\t\toffsetY:\n\t\t\t\t\t\tid === \"#performance\" ? -windowHeight.value - 75 : 0,\n\t\t\t\t\tautoKill: true,\n\t\t\t\t},\n\t\t\t\tease: \"power2.inOut\",\n\t\t\t\tduration: 1.5,\n\t\t\t});\n\t\t};\n\n\t\tonMounted(() => {\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\twindowWidth.value = window.innerWidth;\n\t\t\t\twindowHeight.value = window.innerHeight;\n\t\t\t});\n\t\t\tdocument.body.addEventListener(\"scroll\", (e) => {\n\t\t\t\tscrollTop.value = e.target.scrollTop;\n\t\t\t});\n\t\t\tdocument.body.addEventListener(\"resize\", (e) => {\n\t\t\t\tscrollTop.value = e.target.scrollTop;\n\t\t\t});\n\t\t});\n\n\t\twatch(windowHeight, (nv, ov) => {\n\t\t\tscrollTop.value = document.body.scrollTop;\n\t\t});\n\n\t\treturn {\n\t\t\twindowWidth,\n\t\t\twindowHeight,\n\t\t\tscrollTop,\n\t\t\tvideoReady,\n\t\t\thandleChangeState,\n\t\t\tisShow,\n\t\t\thandleChangeIsShow,\n\t\t\tgoAnchor,\n\t\t\timgSrc,\n\t\t\thandleChangeContentStatus,\n\t\t\thandleChangeShowIndex,\n\t\t\tisOpen,\n\t\t\tcontentClose,\n\t\t\ttext,\n\t\t\tnowFeature,\n\t\t\tfeaturesDisplay,\n\t\t\thandleTouchStart,\n\t\t\thandleTouchMove,\n\t\t\tisTesting,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<!-- <p\n\t\tv-if=\"isTesting\"\n\t\tstyle=\"font-size: 1rem; position: fixed; top: 0; left: 0; z-index: 1000\"\n\t\t>{{ `${windowWidth} ${windowHeight}` }}</p\n\t> -->\n\t<Logo />\n\t<LoadingFrame @changeState=\"handleChangeState\" />\n\t<NavsButton\n\t\t:windowWidth=\"windowWidth\"\n\t\t:windowHeight=\"windowHeight\"\n\t\t:scrollTop=\"scrollTop\"\n\t\t@changeIsShow=\"handleChangeIsShow\"\n\t/>\n\t<main>\n\t\t<FirstCut\n\t\t\t:windowWidth=\"windowWidth\"\n\t\t\t:windowHeight=\"windowHeight\"\n\t\t\t:scrollTop=\"scrollTop\"\n\t\t\t:videoReady=\"videoReady\"\n\t\t/>\n\t\t<SecondCut\n\t\t\t:windowWidth=\"windowWidth\"\n\t\t\t:windowHeight=\"windowHeight\"\n\t\t\t:scrollTop=\"scrollTop\"\n\t\t/>\n\t\t<ThirdCut\n\t\t\t@changeContentStatus=\"handleChangeContentStatus\"\n\t\t\t@changeShowIndex=\"handleChangeShowIndex\"\n\t\t\t:windowWidth=\"windowWidth\"\n\t\t\t:windowHeight=\"windowHeight\"\n\t\t\t:scrollTop=\"scrollTop\"\n\t\t\t:nowFeature=\"nowFeature\"\n\t\t\t:isOpen=\"isOpen\"\n\t\t/>\n\t\t<FourthCut\n\t\t\t@changeContentStatus=\"handleChangeContentStatus\"\n\t\t\t@changeShowIndex=\"handleChangeShowIndex\"\n\t\t\t:windowWidth=\"windowWidth\"\n\t\t\t:windowHeight=\"windowHeight\"\n\t\t\t:scrollTop=\"scrollTop\"\n\t\t\t:nowFeature=\"nowFeature\"\n\t\t\t:isOpen=\"isOpen\"\n\t\t/>\n\t\t<FifthCut\n\t\t\t:windowWidth=\"windowWidth\"\n\t\t\t:windowHeight=\"windowHeight\"\n\t\t\t:scrollTop=\"scrollTop\"\n\t\t/>\n\t\t<SixthCut\n\t\t\t:windowWidth=\"windowWidth\"\n\t\t\t:windowHeight=\"windowHeight\"\n\t\t\t:scrollTop=\"scrollTop\"\n\t\t/>\n\n\t\t<SeventhCut\n\t\t\t:windowWidth=\"windowWidth\"\n\t\t\t:windowHeight=\"windowHeight\"\n\t\t\t:scrollTop=\"scrollTop\"\n\t\t/>\n\t\t<div class=\"site-sticky\">\n\t\t\t<div class=\"sticky-wrapper\">\n\t\t\t\t<img\n\t\t\t\t\tclass=\"site-cover\"\n\t\t\t\t\t:src=\"\n\t\t\t\t\t\trequire(`@/assets/${\n\t\t\t\t\t\t\twindowWidth > 768 ? imgSrc.pc : imgSrc.mobile\n\t\t\t\t\t\t}`)\n\t\t\t\t\t\"\n\t\t\t\t/>\n\t\t\t\t<div class=\"goto-button\" v-show=\"!isShow\">\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"gotoForm-button\"\n\t\t\t\t\t\thref=\"#form\"\n\t\t\t\t\t\t@click=\"goAnchor('#form', $event)\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'sidenavi',\n\t\t\t\t\t\t\tevent_label: 'testdrive',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"border top\"></div>\n\t\t\t\t\t\t<div class=\"border right\"></div>\n\t\t\t\t\t\t<div class=\"border bottom\"></div>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"gotoEquipment-button\"\n\t\t\t\t\t\thref=\"equipment/THE-4-gran-coupe-technical-data.pdf\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'sidenavi',\n\t\t\t\t\t\t\tevent_label: 'technical_data',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"border top\"></div>\n\t\t\t\t\t\t<div class=\"border right\"></div>\n\t\t\t\t\t\t<div class=\"border bottom\"></div>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</main>\n\t<Indicator\n\t\t:windowHeight=\"windowHeight\"\n\t\t:scrollTop=\"scrollTop\"\n\t\t:videoReady=\"videoReady\"\n\t/>\n\t<Footer />\n\t<div class=\"apiLoadingFrame\"></div>\n\t<div class=\"loading-indicator\">\n\t\t<div class=\"loading-ring\">\n\t\t\t<div class=\"inner-ring\"></div>\n\t\t</div>\n\t\t<div class=\"t-ring\">\n\t\t\t<div class=\"bar bar1\"></div>\n\t\t\t<div class=\"bar bar2\"></div>\n\t\t\t<div class=\"bar bar3\"></div>\n\t\t\t<div class=\"bar bar4\"></div>\n\t\t\t<div class=\"bar bar5\"></div>\n\t\t</div>\n\t</div>\n\t<transition name=\"fade\">\n\t\t<div class=\"content\" v-show=\"isOpen\">\n\t\t\t<div\n\t\t\t\tclass=\"content-body\"\n\t\t\t\t@touchstart=\"handleTouchStart\"\n\t\t\t\t@touchmove=\"handleTouchMove\"\n\t\t\t>\n\t\t\t\t<div class=\"content-btn\" @click=\"contentClose\">\n\t\t\t\t\t<div class=\"longbar\"></div>\n\t\t\t\t\t<div class=\"shortbar\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content-title\">\n\t\t\t\t\t<p\n\t\t\t\t\t\tv-for=\"(item, idx) in text.title\"\n\t\t\t\t\t\t:key=\"item\"\n\t\t\t\t\t\t:style=\"{ opacity: nowFeature === idx ? 1 : 0 }\"\n\t\t\t\t\t\t><span>{{ item }}</span></p\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content-text\">\n\t\t\t\t\t<p\n\t\t\t\t\t\tv-for=\"(item, idx) in text.content\"\n\t\t\t\t\t\t:key=\"item\"\n\t\t\t\t\t\t:style=\"{ opacity: nowFeature === idx ? 1 : 0 }\"\n\t\t\t\t\t\t><span v-html=\"item\"></span\n\t\t\t\t\t></p>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content-switcher\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"switcher_left\"\n\t\t\t\t\t\t@click=\"featuresDisplay('previous')\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"switcher_right\"\n\t\t\t\t\t\t@click=\"featuresDisplay('next')\"\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content-indicator text_en_thin\">\n\t\t\t\t\t<p\n\t\t\t\t\t\tv-for=\"(item, idx) in text.chapter\"\n\t\t\t\t\t\t:key=\"item\"\n\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\topacity: parseInt(nowFeature / 4) === idx ? 1 : 0,\n\t\t\t\t\t\t\tleft: idx === 0 ? '50%' : 'auto',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t>{{ item }}\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tv-for=\"item in 4\"\n\t\t\t\t\t\t\t:key=\"item\"\n\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\topacity:\n\t\t\t\t\t\t\t\t\tnowFeature - idx * 4 + 1 === item ? 1 : 0,\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t>0{{ item }}</span\n\t\t\t\t\t\t></p\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclass=\"content-bg\"\n\t\t\t\t@touchstart=\"handleTouchStart\"\n\t\t\t\t@touchmove=\"handleTouchMove\"\n\t\t\t>\n\t\t\t\t<transition\n\t\t\t\t\tv-for=\"(item, idx) in text.bg\"\n\t\t\t\t\t:key=\"item\"\n\t\t\t\t\tname=\"bg-switch\"\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tv-show=\"nowFeature === idx\"\n\t\t\t\t\t\t:src=\"windowWidth > 992 ? item.pc : item.mobile\"\n\t\t\t\t\t\t:alt=\"item.alt\"\n\t\t\t\t\t/>\n\t\t\t\t</transition>\n\t\t\t</div>\n\t\t\t<div class=\"content-mask\">\n\t\t\t\t<transition\n\t\t\t\t\tv-for=\"(item, idx) in text.mask\"\n\t\t\t\t\t:key=\"item\"\n\t\t\t\t\tname=\"mask-switch\"\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tv-show=\"parseInt(nowFeature / 2) === idx\"\n\t\t\t\t\t\t:src=\"windowWidth > 992 ? item.pc : item.mobile\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</transition>\n\t\t\t</div>\n\t\t</div>\n\t</transition>\n</template>\n\n<style lang=\"scss\">\n$bfHeight: 50vh;\n\n$bfHeight2: 30vh;\n$rwdHeight1: 80vh;\n$rwdHeight2: 70vh;\n$rwdHeight3: 130vh;\n\n$ratio1: 100vh / (2100vh + 8 * $bfHeight);\n$ratio2: 100vh / (2100vh + 8 * $bfHeight + $rwdHeight1);\n$ratio3: 100vh / (2100vh + 8 * $bfHeight + $rwdHeight2);\n$ratio4: 100vh / (2100vh + 8 * $bfHeight + $rwdHeight3);\n\n$mainH1: 2100vh + 8 * $bfHeight;\n$mainH2: 2100vh + 8 * $bfHeight + $rwdHeight1;\n$mainH3: 2100vh + 8 * $bfHeight + $rwdHeight2;\n$mainH4: 2100vh + 8 * $bfHeight + $rwdHeight3;\n\n$ssH: 100vh;\n\n$storyH: 200vh + $bfHeight;\n\n$titleH: 100vh + $bfHeight;\n$titleT: -100vh - $bfHeight;\n\n$descH: 300vh + $bfHeight;\n$descT: -200vh - $bfHeight;\n\n$desctH: 100vh + $bfHeight;\n$desctT: -300vh - 2 * $bfHeight;\n\n$exteH: 550vh + $bfHeight;\n$exteT: -400vh - 2 * $bfHeight;\n\n$extetH: 350vh + $bfHeight;\n$extetT: -750vh - 3 * $bfHeight;\n\n$techH: 400vh + $bfHeight;\n$techT: -750vh - 3 * $bfHeight;\n\n$techtH: 300vh + $bfHeight;\n$techtT: -1050vh - 4 * $bfHeight;\n\n$perfH: 350vh + $bfHeight;\n$perfT: -1150vh - 4 * $bfHeight;\n\n$perftH: 150vh + $bfHeight;\n$perftT: -1300vh - 5 * $bfHeight;\n\n$concepH: 300vh + $bfHeight;\n$concepT: -1400vh - 5 * $bfHeight;\n\n$conceptH: 100vh + $bfHeight;\n$conceptT: -1500vh - 6 * $bfHeight;\n\n$imgnH: 300vh + $bfHeight;\n$imgnT: -1600vh - 6 * $bfHeight;\n\n$imgntH: 100vh + $bfHeight;\n$imgntT: -1700vh - 7 * $bfHeight;\n\n$displayH1: 200vh + $bfHeight;\n$displayH2: 200vh + $bfHeight + $rwdHeight1;\n$displayH3: 200vh + $bfHeight + $rwdHeight2;\n$displayH4: 200vh + $bfHeight + $rwdHeight3;\n$seridispH: 150vh;\n$displayT: -1700vh - 7 * $bfHeight;\n\n$time1: 2.5s;\n$time2: 0.8s;\n\n* {\n\tcolor: #fff;\n\tfont-size: 0px;\n}\n\nh1,\nh2,\np {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 0;\n\tfont-weight: normal;\n\tvertical-align: baseline;\n}\n\nhtml,\nbody {\n\theight: 100%;\n\tmargin: 0px;\n\tpadding: 0px;\n\tfont-size: 10px;\n\tbackground-color: #111;\n\toverflow-x: hidden;\n}\n\nbody {\n\theight: 100%;\n\t// height: $mainH1 * 1% / 1vh;\n\toverflow-y: scroll;\n}\n\nsection {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\tmin-height: 500px;\n}\n\n.sticky-wrapper {\n\tposition: -webkit-sticky;\n\tposition: sticky;\n\ttop: 0px;\n}\n\n.text_en_bold {\n\tfont-family: \"BMWTypeNextLatinTT-Bold\", serif;\n\tletter-spacing: 1.13px;\n}\n.text_en_regular {\n\tfont-family: \"BMWTypeNextLatinTT-Regular\", serif;\n}\n.text_en_light {\n\tfont-family: \"BMWTypeNextLatinTT-Light\", serif;\n}\n.text_en_thin {\n\tfont-family: \"BMWTypeNextLatinTT-Thin\", serif;\n}\n.text_ch_heavy {\n\tfont-family: arudjingxiheipe1xg30_hv, 微軟正黑體;\n}\n.text_ch_medium {\n\tfont-family: arudjingxiheipe1xg30_md, 微軟正黑體;\n}\n\n.shine {\n\tbackground: linear-gradient(\n\t\t90deg,\n\t\t#707070 0%,\n\t\trgba(255, 255, 255, 0.5) 12%,\n\t\trgba(255, 255, 255, 1) 24%,\n\t\t#707070 36%\n\t);\n\t// background-size: cover;\n\tbackground-position: 0 10px;\n\tbackground-clip: text; // is needed?\n\t-webkit-background-clip: text;\n\tbackground-repeat: repeat-x;\n\t-webkit-text-fill-color: transparent;\n\tanimation: shine 4s infinite linear forwards;\n\tz-index: 100;\n}\n.shake {\n\tanimation: shake 1.5s infinite ease forwards;\n}\n.hshake_right {\n\tanimation: hShake_right 1.5s infinite ease forwards;\n}\n.hshake_right_sm {\n\tanimation: hShake_right_sm 1.8s infinite ease forwards;\n}\n.hshake_left {\n\tanimation: hShake_left 1.5s infinite ease forwards;\n}\n\n#app {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\ttop: -15px;\n\tmain {\n\t\tposition: relative;\n\t\theight: $mainH1 * 1% / 1vh;\n\t\t// height: 100%;\n\t\t// height: 1000vh;\n\t\t.site-sticky {\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\ttop: 0%;\n\t\t\tz-index: 65;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: $ssH * $ratio1 * 1% / 1vh;\n\t\t\t\ttop: 0;\n\t\t\t\timg {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t\t.goto-button {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tright: 0;\n\t\t\t\t\ttop: 50%;\n\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\tz-index: 200;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t.gotoForm-button,\n\t\t\t\t\t.gotoEquipment-button {\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\twidth: 36px;\n\t\t\t\t\t\theight: 176px;\n\t\t\t\t\t\tmargin: 6px 0;\n\t\t\t\t\t\t// background-image: linear-gradient(\n\t\t\t\t\t\t// \tto right,\n\t\t\t\t\t\t// \trgba(255, 255, 255, 0.2) 1%,\n\t\t\t\t\t\t// \trgba(102, 102, 102, 0.3) 99%\n\t\t\t\t\t\t// );\n\t\t\t\t\t\t// text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n\t\t\t\t\t\t// font-family: arudjingxiheipe1xg30_hv;\n\t\t\t\t\t\t// font-size: 1.5rem;\n\t\t\t\t\t\t// line-height: 36px;\n\t\t\t\t\t\t// letter-spacing: 10px;\n\t\t\t\t\t\t// text-align: center;\n\t\t\t\t\t\t// -webkit-writing-mode: vertical-rl;\n\t\t\t\t\t\t// writing-mode: vertical-lr;\n\t\t\t\t\t\t// text-decoration: none;\n\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\tbox-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);\n\t\t\t\t\t\t.border {\n\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\twidth: 36px;\n\t\t\t\t\t\t\theight: 1px;\n\t\t\t\t\t\t\topacity: 0.5;\n\t\t\t\t\t\t\tbackground-image: linear-gradient(\n\t\t\t\t\t\t\t\tto right,\n\t\t\t\t\t\t\t\t#fff 2%,\n\t\t\t\t\t\t\t\trgba(255, 255, 255, 0) 98%\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t&.top {\n\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&.bottom {\n\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t&.right {\n\t\t\t\t\t\t\t\twidth: 1px;\n\t\t\t\t\t\t\t\theight: 176px;\n\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\tbackground: none;\n\t\t\t\t\t\t\t\tbackground-color: rgba(#fff, 1);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t.gotoForm-button {\n\t\t\t\t\t\tbackground-image: url(\"~@/assets/menu_button1.svg\");\n\t\t\t\t\t}\n\t\t\t\t\t.gotoEquipment-button {\n\t\t\t\t\t\tbackground-image: url(\"~@/assets/menu_button2.svg\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t#story {\n\t\t\theight: $storyH * $ratio1 * 1% / 1vh;\n\t\t\t// height: 250vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $storyH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#title {\n\t\t\theight: $titleH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $titleT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 150vh;\n\t\t\t// top: -150vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $titleH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#description {\n\t\t\theight: $descH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $descT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 350vh;\n\t\t\t// top: -250vh;\n\t\t\t.bg_c2 {\n\t\t\t\theight: 100vh * 100% / $descH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#description-text {\n\t\t\theight: $desctH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $desctT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 150vh;\n\t\t\t// top: -400vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $desctH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#exterior {\n\t\t\theight: $exteH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $exteT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 400vh;\n\t\t\t// top: -500vh;\n\t\t\t.bg_c3 {\n\t\t\t\theight: 100vh * 100% / $exteH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#exterior-text {\n\t\t\theight: $extetH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $extetT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 150vh;\n\t\t\t// top: -650vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $extetH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#technology {\n\t\t\theight: $techH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $techT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 400vh;\n\t\t\t// top: -500vh;\n\t\t\t.bg_c4 {\n\t\t\t\theight: 100vh * 100% / $techH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#technology-text {\n\t\t\theight: $techtH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $techtT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 150vh;\n\t\t\t// top: -650vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $techtH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#performance {\n\t\t\theight: $perfH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $perfT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 400vh;\n\t\t\t// top: -500vh;\n\t\t\t.bg_c5 {\n\t\t\t\theight: 100vh * 100% / $perfH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#performance-text {\n\t\t\theight: $perftH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $perftT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 150vh;\n\t\t\t// top: -650vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $perftH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#conception {\n\t\t\theight: $concepH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $concepT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 350vh;\n\t\t\t// top: -750vh;\n\t\t\t.bg_c6 {\n\t\t\t\theight: 100vh * 100% / $concepH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#conception-text {\n\t\t\theight: $conceptH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $conceptT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 150vh;\n\t\t\t// top: -900vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $conceptH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#imagination {\n\t\t\theight: $imgnH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $imgnT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 350vh;\n\t\t\t// top: -1000vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $imgnH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#imagination_title {\n\t\t\theight: $imgntH * $ratio1 * 1% / 1vh;\n\t\t\ttop: $imgntT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 150vh;\n\t\t\t// top: -1150vh;\n\t\t\t.sticky-wrapper {\n\t\t\t\theight: 100vh * 100% / $imgntH;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t}\n\t\t#display {\n\t\t\theight: $displayH1 * $ratio1 * 1% / 1vh;\n\t\t\ttop: $displayT * $ratio1 * 1% / 1vh;\n\t\t\t// height: 250vh;\n\t\t\t// top: -1150vh;\n\t\t\t.img-wrapper {\n\t\t\t\theight: 100vh * 100% / $displayH1;\n\t\t\t\t// height: 100vh;\n\t\t\t}\n\t\t\t.series_display {\n\t\t\t\theight: 150vh * 100% / $displayH1;\n\t\t\t\ttop: -100vh * 100% / $displayH1;\n\t\t\t\t// height: 150vh;\n\t\t\t\t// top: -100vh;\n\t\t\t\t.sticky-wrapper {\n\t\t\t\t\theight: 100vh * 100% / $seridispH;\n\t\t\t\t\t// height: 100vh;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.form-mask {\n\t\t\t\theight: 100vh * 100% / $displayH1;\n\t\t\t\ttop: 151vh * 100% / $displayH1;\n\t\t\t\t// height: 100vh;\n\t\t\t\t// top: 150vh;\n\t\t\t}\n\t\t\t.reservation {\n\t\t\t\theight: 100vh * 100% / $displayH1;\n\t\t\t\ttop: -100vh * 100% / $displayH1;\n\t\t\t\t// height: 100vh;\n\t\t\t\t// top: -100vh;\n\t\t\t\t.reservation-form {\n\t\t\t\t\theight: auto;\n\t\t\t\t\tmax-height: 90%;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n.apiLoadingFrame {\n\tdisplay: none;\n\tposition: fixed;\n\twidth: 100%;\n\theight: 100vh;\n\tleft: 0;\n\ttop: 0;\n\tbackground-color: rgba(#111, 0.99);\n\topacity: 0;\n\ttransition: 1s;\n}\n\n.loading-indicator {\n\tdisplay: none;\n\tposition: fixed;\n\twidth: 100%;\n\theight: 100%;\n\topacity: 0;\n\ttransition: 1s;\n\t.loading-ring {\n\t\tposition: fixed;\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tleft: 50%;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\tborder-radius: 50%;\n\t\tbackground-image: linear-gradient(\n\t\t\t90deg,\n\t\t\trgba(142, 54, 54, 1) 33%,\n\t\t\trgba(53, 73, 137, 1) 67%\n\t\t);\n\t\tbackground-size: 100px 100px;\n\t\tanimation: OuterRotate $time2 infinite linear forwards;\n\t\t.inner-ring {\n\t\t\tposition: absolute;\n\t\t\twidth: 52px;\n\t\t\theight: 52px;\n\t\t\tleft: 50%;\n\t\t\ttop: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tbackground-color: rgba(#111, 1);\n\t\t\tborder-radius: 50%;\n\t\t}\n\t}\n\t.t-ring {\n\t\tposition: fixed;\n\t\twidth: 65px;\n\t\theight: 65px;\n\t\tleft: 50%;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\tborder-radius: 50%;\n\t\t.bar {\n\t\t\tposition: absolute;\n\t\t\twidth: 15px;\n\t\t\theight: 35px;\n\t\t\tleft: 50%;\n\t\t\tbottom: 50%;\n\t\t\ttransform: translate(-50%, 0);\n\t\t\tbackground-color: rgba(#111, 1);\n\t\t\t&.bar1 {\n\t\t\t\ttransform-origin: center bottom;\n\t\t\t\tanimation: InnerRotate1 $time1 infinite ease forwards;\n\t\t\t}\n\t\t\t&.bar2 {\n\t\t\t\ttransform: translate(-50%, 0) rotate(72deg);\n\t\t\t\ttransform-origin: center bottom;\n\t\t\t\tanimation: InnerRotate2 $time1 infinite ease forwards;\n\t\t\t}\n\t\t\t&.bar3 {\n\t\t\t\ttransform: translate(-50%, 0) rotate(144deg);\n\t\t\t\ttransform-origin: center bottom;\n\t\t\t\tanimation: InnerRotate3 $time1 infinite ease forwards;\n\t\t\t}\n\t\t\t&.bar4 {\n\t\t\t\ttransform: translate(-50%, 0) rotate(216deg);\n\t\t\t\ttransform-origin: center bottom;\n\t\t\t\tanimation: InnerRotate4 $time1 infinite ease forwards;\n\t\t\t}\n\t\t\t&.bar5 {\n\t\t\t\ttransform: translate(-50%, 0) rotate(288deg);\n\t\t\t\ttransform-origin: center bottom;\n\t\t\t\tanimation: InnerRotate5 $time1 infinite ease forwards;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.content {\n\tposition: fixed;\n\twidth: 100vw;\n\theight: 100%;\n\ttop: 0;\n\tright: 0;\n\tz-index: 600;\n\t.content-body {\n\t\tposition: absolute;\n\t\twidth: 33vw;\n\t\theight: 100%;\n\t\ttop: 0;\n\t\tleft: 67vw;\n\t\t// background-color: rgba(#111, 0.8);\n\t\t// backdrop-filter: blur(10.3px);\n\t\t// -webkit-backdrop-filter: blur(10.3px);\n\t\tz-index: 5;\n\t\t.content-btn {\n\t\t\tposition: absolute;\n\t\t\twidth: 24px;\n\t\t\theight: 40px;\n\t\t\tright: calc(3.8vw + 17.4px);\n\t\t\ttop: calc(2.6vw + 9.8px);\n\t\t\tz-index: 10;\n\t\t\tcursor: pointer;\n\t\t\tuser-select: none;\n\t\t\t.longbar {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 2px;\n\t\t\t\ttop: 50%;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\ttransform: translateY(50%) rotate(20deg);\n\t\t\t}\n\t\t\t.shortbar {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 24px;\n\t\t\t\theight: 2px;\n\t\t\t\ttop: 50%;\n\t\t\t\tbackground-color: #fff;\n\t\t\t\ttransform: translateY(50%) rotate(-20deg);\n\t\t\t}\n\t\t}\n\t\t.content-title {\n\t\t\tposition: relative;\n\t\t\ttop: 40%;\n\t\t\tleft: 17.5%;\n\t\t\tp {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\ttransition: opacity 0.5s ease;\n\t\t\t\tspan {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tfont-size: 2.4rem;\n\t\t\t\t\tline-height: 1.92;\n\t\t\t\t\tletter-spacing: 1.8px;\n\t\t\t\t\tfont-family: \"BMWTypeNextLatinTT-Bold\",\n\t\t\t\t\t\tarudjingxiheipe1xg30_hv, 微軟正黑體, serif;\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 3px;\n\t\t\t\t\t\tleft: 0px;\n\t\t\t\t\t\tbottom: -3px;\n\t\t\t\t\t\tbackground-image: url(\"~@/assets/color-bar.png\");\n\t\t\t\t\t\tbackground-repeat: repeat-x;\n\t\t\t\t\t\tbackground-position: 0 0;\n\t\t\t\t\t\tanimation: color-bar-loop 2.5s linear infinite forwards;\n\t\t\t\t\t\tbackground-size: 400px 6px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.content-text {\n\t\t\tposition: relative;\n\t\t\ttop: 48.52%;\n\t\t\tleft: 18%;\n\t\t\twidth: 100%;\n\t\t\tp {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\ttransition: opacity 0.5s ease;\n\t\t\t\twidth: 100%;\n\t\t\t\tspan {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\twidth: 75%;\n\t\t\t\t\tfont-size: 1.7rem;\n\t\t\t\t\tline-height: 2.12;\n\t\t\t\t\tletter-spacing: 1.28px;\n\t\t\t\t\tfont-family: \"BMWTypeNextLatinTT-Thin\",\n\t\t\t\t\t\tarudjingxiheipe1xg30_md, 微軟正黑體, serif;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.content-switcher {\n\t\t\tposition: relative;\n\t\t\ttop: 68%;\n\t\t\tleft: calc(17.5% - 8px);\n\t\t\t.switcher_left,\n\t\t\t.switcher_right {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 75px;\n\t\t\t\theight: 75px;\n\t\t\t\tborder: solid 0.5px rgba(#fff, 0.15);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin: 0 8px;\n\t\t\t\tbackground-size: 24% auto;\n\t\t\t\tbackground-position: center center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tcursor: pointer;\n\t\t\t\tuser-select: none;\n\t\t\t}\n\t\t\t.switcher_left {\n\t\t\t\tbackground-image: url(\"~@/assets/arrow_left.png\");\n\t\t\t}\n\t\t\t.switcher_right {\n\t\t\t\tbackground-image: url(\"~@/assets/arrow_right.png\");\n\t\t\t}\n\t\t}\n\t\t.content-indicator {\n\t\t\tposition: absolute;\n\t\t\tbottom: calc(5.5% + 76px);\n\t\t\tright: 4.7vw;\n\t\t\tp {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t\tletter-spacing: 1.13px;\n\t\t\t\ttext-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);\n\t\t\t\tcolor: rgba(#fff, 0.45);\n\t\t\t\t-webkit-writing-mode: vertical-rl;\n\t\t\t\twriting-mode: vertical-lr;\n\t\t\t\ttransition: opacity 0.5s ease;\n\t\t\t\tspan {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tmargin-top: 55px;\n\t\t\t\t\tfont-size: inherit;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t\ttransition: opacity 0.5s ease;\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: \"\";\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\twidth: 1px;\n\t\t\t\t\t\theight: 50px;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\ttop: -50px;\n\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\tbackground-image: linear-gradient(\n\t\t\t\t\t\t\tto top,\n\t\t\t\t\t\t\ttransparent 2%,\n\t\t\t\t\t\t\trgba(#fff, 0.45) 98%\n\t\t\t\t\t\t);\n\t\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\ttransition: opacity 0.5s ease;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t.content-bg {\n\t\tposition: absolute;\n\t\twidth: 67vw;\n\t\theight: 100%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tz-index: 10;\n\t\timg {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n\t.content-mask {\n\t\tposition: absolute;\n\t\twidth: 100vw;\n\t\theight: 100%;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tz-index: 1;\n\t\timg {\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n}\n\n.fade-enter-active,\n.fade-leave-active {\n\ttransition: all 0.5s ease;\n}\n.fade-enter-from,\n.fade-leave-to {\n\topacity: 0;\n}\n.fade-enter-to,\n.fade-leave-from {\n\topacity: 1;\n}\n\n.bg-switch-enter-active,\n.bg-switch-leave-active {\n\ttransition: opacity 0.5s ease;\n}\n.bg-switch-enter-from,\n.bg-switch-leave-to {\n\topacity: 0;\n}\n.bg-switch-enter-to,\n.bg-switch-leave-from {\n\topacity: 1;\n}\n\n@media screen and (max-width: 992px) {\n\t#app {\n\t\tmain {\n\t\t\t.site-sticky {\n\t\t\t\t.sticky-wrapper {\n\t\t\t\t\t.goto-button {\n\t\t\t\t\t\t.gotoForm-button,\n\t\t\t\t\t\t.gotoEquipment-button {\n\t\t\t\t\t\t\twidth: 27px;\n\t\t\t\t\t\t\theight: 115.5px;\n\t\t\t\t\t\t\tbackground-size: 46px auto;\n\t\t\t\t\t\t\t.border {\n\t\t\t\t\t\t\t\t&.top,\n\t\t\t\t\t\t\t\t&.bottom {\n\t\t\t\t\t\t\t\t\twidth: 27px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t&.right {\n\t\t\t\t\t\t\t\t\theight: 115.5px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.gotoForm-button {\n\t\t\t\t\t\t\tbackground-image: url(\"~@/assets/menu_button1_mobile.png\");\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.gotoEquipment-button {\n\t\t\t\t\t\t\tbackground-image: url(\"~@/assets/menu_button2_mobile.png\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.content {\n\t\t.content-body {\n\t\t\twidth: 100%;\n\t\t\theight: 36%;\n\t\t\ttop: auto;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tz-index: 20;\n\t\t\t.content-btn {\n\t\t\t\tposition: fixed;\n\t\t\t\t// top: calc(-64 / 36 * 100% + 30px);\n\t\t\t}\n\t\t\t.content-title {\n\t\t\t\ttop: 8.7%;\n\t\t\t\tleft: 7.5%;\n\t\t\t}\n\t\t\t.content-text {\n\t\t\t\ttop: 27%;\n\t\t\t\tleft: 8%;\n\t\t\t\tp {\n\t\t\t\t\tspan {\n\t\t\t\t\t\twidth: 84%;\n\t\t\t\t\t}\n\t\t\t\t\t.pc_break {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.content-switcher {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: auto;\n\t\t\t\tbottom: 10%;\n\t\t\t\tleft: calc(7.5% - 8px);\n\t\t\t}\n\t\t\t.content-indicator {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\t.content-bg {\n\t\t\twidth: 100%;\n\t\t\theight: 64%;\n\t\t}\n\t\t.content-mask {\n\t\t\timg {\n\t\t\t\tobject-position: center 65%;\n\t\t\t}\n\t\t}\n\t}\n}\n@media screen and (max-width: 768px) {\n\t.content {\n\t\t.content-body {\n\t\t\t.content-btn {\n\t\t\t\t.longbar,\n\t\t\t\t.shortbar {\n\t\t\t\t\theight: 1px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.content-title {\n\t\t\t\tp {\n\t\t\t\t\tspan {\n\t\t\t\t\t\ttext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);\n\t\t\t\t\t\tfont-size: 1.4rem;\n\t\t\t\t\t\tline-height: 2.57;\n\t\t\t\t\t\tletter-spacing: 0.7px;\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\theight: 2px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.content-text {\n\t\t\t\tp {\n\t\t\t\t\tspan {\n\t\t\t\t\t\twidth: 84%;\n\t\t\t\t\t\tfont-size: 1.2rem;\n\t\t\t\t\t\tline-height: 1.75;\n\t\t\t\t\t\tletter-spacing: 0.72px;\n\t\t\t\t\t}\n\t\t\t\t\t.pc_break {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.content-switcher {\n\t\t\t\tleft: calc(7.5% - 6px);\n\t\t\t\t.switcher_left,\n\t\t\t\t.switcher_right {\n\t\t\t\t\twidth: 54px;\n\t\t\t\t\theight: 54px;\n\t\t\t\t\tmargin: 6px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n@media screen and (max-height: 600px) {\n\t.content {\n\t\t.content-body {\n\t\t\twidth: 100%;\n\t\t\theight: 45%;\n\t\t\t.content-btn {\n\t\t\t\ttop: calc(-55 / 45 * 100% + 30px);\n\t\t\t}\n\t\t\t.content-title {\n\t\t\t\ttop: 3%;\n\t\t\t}\n\t\t\t.content-text {\n\t\t\t\ttop: 25%;\n\t\t\t}\n\t\t\t.content-switcher {\n\t\t\t\tbottom: 5%;\n\t\t\t}\n\t\t}\n\t\t.content-bg {\n\t\t\theight: 55%;\n\t\t}\n\t}\n}\n\n@keyframes shine {\n\t0% {\n\t\tbackground-position: 0vw 10px;\n\t}\n\t// 90%\n\t// \tbackground-position: 73vw\n\t100% {\n\t\tbackground-position: 100vw 10px;\n\t}\n}\n\n@keyframes shake {\n\t0% {\n\t\ttransform: translateY(0px);\n\t}\n\t10% {\n\t\ttransform: translateY(-5px);\n\t}\n\t20% {\n\t\ttransform: translateY(0px);\n\t}\n\t30% {\n\t\ttransform: translateY(-5px);\n\t}\n\t40% {\n\t\ttransform: translateY(0px);\n\t}\n\t100% {\n\t\ttransform: translateY(0px);\n\t}\n}\n\n@keyframes hShake_right {\n\t0% {\n\t\ttransform: translateX(0px);\n\t}\n\t10% {\n\t\ttransform: translateX(3px);\n\t}\n\t20% {\n\t\ttransform: translateX(0px);\n\t}\n\t30% {\n\t\ttransform: translateX(3px);\n\t}\n\t40% {\n\t\ttransform: translateX(0px);\n\t}\n\t100% {\n\t\ttransform: translateX(0px);\n\t}\n}\n\n@keyframes hShake_right_sm {\n\t0% {\n\t\ttransform: translate(0px, -50%);\n\t}\n\t60% {\n\t\ttransform: translate(0px, -50%);\n\t}\n\t70% {\n\t\ttransform: translate(2px, -50%);\n\t}\n\t80% {\n\t\ttransform: translate(0px, -50%);\n\t}\n\t90% {\n\t\ttransform: translate(2px, -50%);\n\t}\n\t100% {\n\t\ttransform: translate(0px, -50%);\n\t}\n}\n\n@keyframes hShake_left {\n\t0% {\n\t\ttransform: translateX(0px);\n\t}\n\t10% {\n\t\ttransform: translateX(-3px);\n\t}\n\t20% {\n\t\ttransform: translateX(0px);\n\t}\n\t30% {\n\t\ttransform: translateX(-3px);\n\t}\n\t40% {\n\t\ttransform: translateX(0px);\n\t}\n\t100% {\n\t\ttransform: translateX(0px);\n\t}\n}\n\n@keyframes nav_anim {\n\t0% {\n\t\ttransform: scale(1);\n\t}\n\t60% {\n\t\ttransform: scale(1);\n\t}\n\t70% {\n\t\t// transform: scale(1);\n\t}\n\t80% {\n\t\ttransform: scale(0.8);\n\t}\n\t90% {\n\t\t// transform: scale(0.6);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n\n@keyframes OuterRotate {\n\t0% {\n\t\ttransform: translate(-50%, -50%) rotate(0deg);\n\t\t// background-position: 0 0\n\t}\n\t50% {\n\t\ttransform: translate(-50%, -50%) rotate(180deg);\n\t\t// background-position: 50px 50px\n\t}\n\t100% {\n\t\ttransform: translate(-50%, -50%) rotate(360deg);\n\t\t// background-position: 100px 100px\n\t}\n}\n@keyframes InnerRotate1 {\n\t0% {\n\t\ttransform: translate(-50%, 0%) rotate(0deg);\n\t}\n\t50% {\n\t\ttransform: translate(-50%, 0%) rotate(180deg);\n\t}\n\t100% {\n\t\ttransform: translate(-50%, 0%) rotate(360deg);\n\t}\n}\n\n@keyframes InnerRotate2 {\n\t0% {\n\t\ttransform: translate(-50%, 0%) rotate(72deg);\n\t}\n\t50% {\n\t\ttransform: translate(-50%, 0%) rotate(252deg);\n\t}\n\t100% {\n\t\ttransform: translate(-50%, 0%) rotate(432deg);\n\t}\n}\n\n@keyframes InnerRotate3 {\n\t0% {\n\t\ttransform: translate(-50%, 0%) rotate(144deg);\n\t}\n\t50% {\n\t\ttransform: translate(-50%, 0%) rotate(324deg);\n\t}\n\t100% {\n\t\ttransform: translate(-50%, 0%) rotate(504deg);\n\t}\n}\n\n@keyframes InnerRotate4 {\n\t0% {\n\t\ttransform: translate(-50%, 0%) rotate(216deg);\n\t}\n\t50% {\n\t\ttransform: translate(-50%, 0%) rotate(396deg);\n\t}\n\t100% {\n\t\ttransform: translate(-50%, 0%) rotate(576deg);\n\t}\n}\n\n@keyframes InnerRotate5 {\n\t0% {\n\t\ttransform: translate(-50%, 0%) rotate(288deg);\n\t}\n\t50% {\n\t\ttransform: translate(-50%, 0%) rotate(468deg);\n\t}\n\t100% {\n\t\ttransform: translate(-50%, 0%) rotate(648deg);\n\t}\n}\n\n@media screen and (max-width: 1680px) {\n\thtml {\n\t\tfont-size: 9px;\n\t}\n}\n\n@media screen and (max-width: 1440px) {\n\thtml {\n\t\tfont-size: 8.5px;\n\t}\n}\n\n@media screen and (max-width: 1200px) {\n\thtml {\n\t\tfont-size: 8px;\n\t}\n}\n@media screen and (max-width: 768px) {\n\thtml {\n\t\tfont-size: 10px;\n\t}\n\tbody {\n\t\t#app {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tmain {\n\t\t\t\theight: $mainH2 * 1% / 1vh;\n\t\t\t\t.site-sticky {\n\t\t\t\t\t.sticky-wrapper {\n\t\t\t\t\t\theight: $ssH * $ratio2 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t#story {\n\t\t\t\t\theight: $storyH * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#title {\n\t\t\t\t\theight: $titleH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $titleT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#description {\n\t\t\t\t\theight: $descH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $descT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#description-text {\n\t\t\t\t\theight: $desctH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $desctT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#exterior {\n\t\t\t\t\theight: $exteH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $exteT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#exterior-text {\n\t\t\t\t\theight: $extetH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $extetT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#technology {\n\t\t\t\t\theight: $techH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $techT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#technology-text {\n\t\t\t\t\theight: $techtH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $techtT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#performance {\n\t\t\t\t\theight: $perfH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $perfT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#performance-text {\n\t\t\t\t\theight: $perftH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $perftT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#conception {\n\t\t\t\t\theight: $concepH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $concepT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#conception-text {\n\t\t\t\t\theight: $conceptH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $conceptT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#imagination {\n\t\t\t\t\theight: $imgnH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $imgnT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#imagination_title {\n\t\t\t\t\theight: $imgntH * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $imgntT * $ratio2 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#display {\n\t\t\t\t\theight: $displayH2 * $ratio2 * 1% / 1vh;\n\t\t\t\t\ttop: $displayT * $ratio2 * 1% / 1vh;\n\t\t\t\t\t.img-wrapper {\n\t\t\t\t\t\theight: 100vh * 100% / $displayH2;\n\t\t\t\t\t}\n\t\t\t\t\t.series_display {\n\t\t\t\t\t\theight: 150vh * 100% / $displayH2;\n\t\t\t\t\t\ttop: -100vh * 100% / $displayH2;\n\t\t\t\t\t}\n\t\t\t\t\t.form-mask {\n\t\t\t\t\t\theight: (100vh + $rwdHeight1) * 100% / $displayH2;\n\t\t\t\t\t\ttop: 151vh * 100% / $displayH2;\n\t\t\t\t\t\t// height: 180vh\n\t\t\t\t\t}\n\t\t\t\t\t.reservation {\n\t\t\t\t\t\theight: (100vh + $rwdHeight1) * 100% / $displayH2;\n\t\t\t\t\t\ttop: -100vh * 100% / $displayH2;\n\t\t\t\t\t\t// height: 180vh;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n@media screen and (max-height: 800px) {\n\tbody {\n\t\t#app {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tmain {\n\t\t\t\theight: $mainH3 * 1% / 1vh;\n\t\t\t\t.site-sticky {\n\t\t\t\t\t.sticky-wrapper {\n\t\t\t\t\t\theight: $ssH * $ratio3 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t#story {\n\t\t\t\t\theight: $storyH * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#title {\n\t\t\t\t\theight: $titleH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $titleT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#description {\n\t\t\t\t\theight: $descH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $descT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#description-text {\n\t\t\t\t\theight: $desctH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $desctT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#exterior {\n\t\t\t\t\theight: $exteH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $exteT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#exterior-text {\n\t\t\t\t\theight: $extetH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $extetT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#technology {\n\t\t\t\t\theight: $techH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $techT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#technology-text {\n\t\t\t\t\theight: $techtH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $techtT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#performance {\n\t\t\t\t\theight: $perfH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $perfT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#performance-text {\n\t\t\t\t\theight: $perftH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $perftT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#conception {\n\t\t\t\t\theight: $concepH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $concepT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#conception-text {\n\t\t\t\t\theight: $conceptH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $conceptT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#imagination {\n\t\t\t\t\theight: $imgnH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $imgnT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#imagination_title {\n\t\t\t\t\theight: $imgntH * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $imgntT * $ratio3 * 1% / 1vh;\n\t\t\t\t}\n\t\t\t\t#display {\n\t\t\t\t\theight: $displayH3 * $ratio3 * 1% / 1vh;\n\t\t\t\t\ttop: $displayT * $ratio3 * 1% / 1vh;\n\t\t\t\t\t.img-wrapper {\n\t\t\t\t\t\theight: 100vh * 100% / $displayH3;\n\t\t\t\t\t}\n\t\t\t\t\t.series_display {\n\t\t\t\t\t\theight: 150vh * 100% / $displayH3;\n\t\t\t\t\t\ttop: -100vh * 100% / $displayH3;\n\t\t\t\t\t}\n\t\t\t\t\t.form-mask {\n\t\t\t\t\t\theight: (100vh + $rwdHeight2) * 100% / $displayH3;\n\t\t\t\t\t\ttop: 151vh * 100% / $displayH3;\n\t\t\t\t\t\t// height: 170vh\n\t\t\t\t\t}\n\t\t\t\t\t.reservation {\n\t\t\t\t\t\theight: (100vh + $rwdHeight2) * 100% / $displayH3;\n\t\t\t\t\t\ttop: -100vh * 100% / $displayH3;\n\t\t\t\t\t\t// height: 170vh;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t@media screen and (max-width: 768px) {\n\t\tbody {\n\t\t\t#app {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tmain {\n\t\t\t\t\theight: $mainH4 * 1% / 1vh;\n\t\t\t\t\t.site-sticky {\n\t\t\t\t\t\t.sticky-wrapper {\n\t\t\t\t\t\t\theight: $ssH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t#story {\n\t\t\t\t\t\theight: $storyH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#title {\n\t\t\t\t\t\theight: $titleH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $titleT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#description {\n\t\t\t\t\t\theight: $descH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $descT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#description-text {\n\t\t\t\t\t\theight: $desctH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $desctT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#exterior {\n\t\t\t\t\t\theight: $exteH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $exteT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#exterior-text {\n\t\t\t\t\t\theight: $extetH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $extetT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#technology {\n\t\t\t\t\t\theight: $techH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $techT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#technology-text {\n\t\t\t\t\t\theight: $techtH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $techtT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#performance {\n\t\t\t\t\t\theight: $perfH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $perfT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#performance-text {\n\t\t\t\t\t\theight: $perftH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $perftT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#conception {\n\t\t\t\t\t\theight: $concepH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $concepT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#conception-text {\n\t\t\t\t\t\theight: $conceptH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $conceptT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#imagination {\n\t\t\t\t\t\theight: $imgnH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $imgnT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#imagination_title {\n\t\t\t\t\t\theight: $imgntH * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $imgntT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t}\n\t\t\t\t\t#display {\n\t\t\t\t\t\theight: $displayH4 * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\ttop: $displayT * $ratio4 * 1% / 1vh;\n\t\t\t\t\t\t.img-wrapper {\n\t\t\t\t\t\t\theight: 100vh * 100% / $displayH4;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.series_display {\n\t\t\t\t\t\t\theight: 150vh * 100% / $displayH4;\n\t\t\t\t\t\t\ttop: -100vh * 100% / $displayH4;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.form-mask {\n\t\t\t\t\t\t\theight: (100vh + $rwdHeight3) * 100% / $displayH4;\n\t\t\t\t\t\t\ttop: 151vh * 100% / $displayH4;\n\t\t\t\t\t\t\t// height: 230vh\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.reservation {\n\t\t\t\t\t\t\theight: (100vh + $rwdHeight3) * 100% / $displayH4;\n\t\t\t\t\t\t\ttop: -100vh * 100% / $displayH4;\n\t\t\t\t\t\t\t// height: 230vh;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n","<script>\nexport default {};\n</script>\n\n<template>\n\t<a\n\t\tclass=\"logo-box\"\n\t\thref=\"https://www.bmw.com.tw/zh/index.html\"\n\t\ttarget=\"_blank\"\n\t\tv-sendGAsignal=\"{\n\t\t\tevent_type: 'click',\n\t\t\tevent_category: 'CI',\n\t\t\tevent_label: 'homepage',\n\t\t}\"\n\t>\n\t\t<div class=\"logo-img\">\n\t\t\t<img src=\"~@/assets/BMW-logo.svg\" alt=\"BMW logo\" />\n\t\t</div>\n\t\t<div class=\"logo-text text_ch_medium\">總代理 汎德</div>\n\t</a>\n</template>\n\n<style lang=\"sass\" scoped>\n.logo-box\n\tposition: fixed\n\tdisplay: flex\n\tflex-direction: column\n\tjustify-content: center\n\talign-items: center\n\ttop: calc(2.6vw + 9.8px)\n\tleft: calc(4.6vw - 2.8px)\n\tz-index: 610\n\ttext-decoration: none\n\tuser-select: none\n\tcursor: pointer\n\t.logo-img\n\t\t// width: calc(1.8vw + 26.1px)\n\t\t// height: calc(1.8vw + 26.1px)\n\t\twidth: 3.125vw\n\t\theight: 3.125vw\n\t\tmin-width: 33px\n\t\tmin-height: 33px\n\t\tborder-radius: 50%\n\t.logo-text\n\t\tfont-size: 1.4rem\n\t\tline-height: 3.21\n\t\tletter-spacing: -0.7px\n\t\ttext-align: center\n@media screen and (max-width: 1200px)\n\t.logo-box\n\t\t// transform: scale(0.8)\n\t\t// transform-origin: left top\n\t\t// top: 3vw\n\t\t// left: 4.43vw\n@media screen and (max-width: 768px)\n\t.logo-box\n\t\t// transform: scale(1)\n\t\t.logo-img\n\t\t\twidth: calc(1.8vw + 26.1px)\n\t\t\theight: calc(1.8vw + 26.1px)\n\t\t.logo-text\n\t\t\tfont-size: 1rem\n\t\t\tline-height: 3.29\n\t\t\tletter-spacing: -0.35px\n\t\t\ttransform: scale(0.7)\n\t\t\ttransform-origin: center top\n</style>\n","import { render } from \"./Logo.vue?vue&type=template&id=2e1da530&scoped=true\"\nimport script from \"./Logo.vue?vue&type=script&lang=js\"\nexport * from \"./Logo.vue?vue&type=script&lang=js\"\n\nimport \"./Logo.vue?vue&type=style&index=0&id=2e1da530&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2e1da530\"]])\n\nexport default __exports__","<script>\nimport { ref, toRefs, watch } from \"vue\";\nimport gsap from \"gsap\";\nimport { ScrollToPlugin } from \"gsap/ScrollToPlugin\";\nexport default {\n\tprops: [\"windowWidth\", \"windowHeight\", \"scrollTop\"],\n\temits: [\"changeIsShow\"],\n\tsetup(props, { emit }) {\n\t\tconst { windowWidth, windowHeight, scrollTop } = toRefs(props);\n\t\tconst isShow = ref(false);\n\t\tconst navsBox = ref(null);\n\n\t\tconst showMenu = () => {\n\t\t\temit(\"changeIsShow\", !isShow.value);\n\t\t\tisShow.value = !isShow.value;\n\t\t};\n\n\t\tgsap.registerPlugin(ScrollToPlugin);\n\t\tconst goAnchor = (id, e) => {\n\t\t\tisShow.value = false;\n\t\t\te.preventDefault();\n\t\t\tgsap.to(document.body, {\n\t\t\t\tscrollTo: {\n\t\t\t\t\ty: id,\n\t\t\t\t\toffsetY:\n\t\t\t\t\t\tid === \"#performance\" ? -windowHeight.value - 75 : 0,\n\t\t\t\t\tautoKill: true,\n\t\t\t\t},\n\t\t\t\tease: \"power2.inOut\",\n\t\t\t\tduration: 1.5,\n\t\t\t});\n\t\t};\n\n\t\twatch(scrollTop, (nv, ov) => {\n\t\t\tif (nv > 21.5 * windowHeight.value) {\n\t\t\t\tnavsBox.value.style.display = \"none\";\n\t\t\t} else {\n\t\t\t\tnavsBox.value.style.display = \"block\";\n\t\t\t}\n\t\t});\n\n\t\treturn {\n\t\t\twindowWidth,\n\t\t\tisShow,\n\t\t\tshowMenu,\n\t\t\tgoAnchor,\n\t\t\tnavsBox,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<div\n\t\tclass=\"navs-box\"\n\t\tref=\"navsBox\"\n\t\t:style=\"{ height: isShow ? '100%' : '50px' }\"\n\t>\n\t\t<!-- <transition name=\"fade\">\n\t\t\t<a\n\t\t\t\tclass=\"goto gotoForm\"\n\t\t\t\thref=\"#form\"\n\t\t\t\t@click=\"goAnchor('#form', $event)\"\n\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\tevent_category: 'sidenavi',\n\t\t\t\t\tevent_label: 'testdrive',\n\t\t\t\t}\"\n\t\t\t\tv-show=\"windowWidth <= 992 && !isShow\"\n\t\t\t>\n\t\t\t\t預約賞車\n\t\t\t</a>\n\t\t</transition>\n\t\t<transition name=\"fade\">\n\t\t\t<a\n\t\t\t\tclass=\"goto gotoEquipment\"\n\t\t\t\thref=\"equipment/THE-4-gran-coupe-technical-data.pdf\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\tevent_category: 'sidenavi',\n\t\t\t\t\tevent_label: 'technical_data',\n\t\t\t\t}\"\n\t\t\t\tv-show=\"windowWidth <= 992 && !isShow\"\n\t\t\t>\n\t\t\t\t規格配備\n\t\t\t</a>\n\t\t</transition> -->\n\t\t<div class=\"menu-btn\" @click=\"showMenu\">\n\t\t\t<div :class=\"['longbar', { isShow }]\"></div>\n\t\t\t<div :class=\"['shortbar', { isShow }]\"></div>\n\t\t</div>\n\t\t<div :class=\"['menu-body', { isShow }]\">\n\t\t\t<div class=\"menu-text\" v-show=\"isShow\">\n\t\t\t\t<a\n\t\t\t\t\thref=\"https://event.bmw.com.tw/campaign/2020/4-series-gran-coupe/onlineexhibition?utm_source=4gceventsite&utm_medium=4gceventsite&utm_campaign=4gceventsite\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'onlineexhibition',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"menu-text_inner\">\n\t\t\t\t\t\t<span class=\"BMW-words\">THE 4 </span>\n\t\t\t\t\t\t線上攝影展\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"number\">01</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#exterior-text\"\n\t\t\t\t\t@click=\"goAnchor('#exterior-text', $event)\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'exterior',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"menu-text_inner\">鋒芒美型</span>\n\t\t\t\t\t<span class=\"number\">02</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#technology-text\"\n\t\t\t\t\t@click=\"goAnchor('#technology-text', $event)\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'technology',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"menu-text_inner\">鋒格科技</span>\n\t\t\t\t\t<span class=\"number\">03</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#performance\"\n\t\t\t\t\t@click=\"goAnchor('#performance', $event)\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'performance',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"menu-text_inner\">駕馭鋒采 </span>\n\t\t\t\t\t<span class=\"number\">04</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#conception-text\"\n\t\t\t\t\t@click=\"goAnchor('#conception-text', $event)\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'THE4',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"menu-text_inner\">\n\t\t\t\t\t\t<span class=\"BMW-words\">THE 4 </span>\n\t\t\t\t\t\t前衛美學\n\t\t\t\t\t</span>\n\t\t\t\t\t<span class=\"number\">05</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#form\"\n\t\t\t\t\t@click=\"goAnchor('#form', $event)\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'testdrive',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"menu-text_inner\">預約賞車</span>\n\t\t\t\t\t<span class=\"number\">06</span>\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t\t<div class=\"footer-wrapper\" v-show=\"isShow\">\n\t\t\t\t<a\n\t\t\t\t\tclass=\"site\"\n\t\t\t\t\thref=\"https://www.bmw.com.tw/zh/index.html\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'official_website',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"BMW-words text_en_light\">BMW TAIWAN </span>\n\t\t\t\t\t<span class=\"text_ch_medium\">官網</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"branch\"\n\t\t\t\t\thref=\"https://www.bmw.com.tw/zh/owner/overview.html\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'dealer',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"BMW-words text_en_light\">BMW </span>\n\t\t\t\t\t<span class=\"text_ch_medium\">全台展示中心</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"claim\"\n\t\t\t\t\thref=\"https://www.bmw.com.tw/zh/footer/metanavigation/legal-disclaimer-pool/legal-disclaimer.html\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\tevent_label: 'legal_disclaimer',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"text_ch_medium\">網站聲明</span>\n\t\t\t\t</a>\n\t\t\t\t<div class=\"sns\">\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"facebook icon\"\n\t\t\t\t\t\thref=\"https://www.facebook.com/BMWTaiwanOfficial/\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\t\tevent_label: 'FB',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"instagram icon\"\n\t\t\t\t\t\thref=\"https://www.instagram.com/bmwtaiwan/\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\t\tevent_label: 'IG',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"line icon\"\n\t\t\t\t\t\thref=\"https://page.line.me/bmwtaiwan\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\t\tevent_label: 'LINE',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"youtube icon\"\n\t\t\t\t\t\thref=\"https://www.youtube.com/user/BMWTWOFFCIAL\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'menu',\n\t\t\t\t\t\t\tevent_label: 'YouTube',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"sep-line\"></div>\n\t\t\t\t<div class=\"brand-text\">\n\t\t\t\t\t<span class=\"text_ch_medium\">© </span>\n\t\t\t\t\t<span class=\"BMW-words text_en_light\">BMW </span>\n\t\t\t\t\t<span class=\"text_ch_medium\">總代理 汎德股份有限公司</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<style lang=\"sass\" scoped>\n.navs-box\n    position: fixed\n    top: calc(2.6vw + 9.8px)\n    right: calc(3.8vw + 17.4px)\n    z-index: 550\n    user-select: none\n    cursor: pointer\n    transition: height 0.8s\n    .goto\n        position: relative\n        display: inline-block\n        padding: 0px 34px\n        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2)\n        font-family: arudjingxiheipe1xg30_md\n        letter-spacing: 0.55px\n        font-size: 1.1rem\n        text-decoration: none\n        vertical-align: middle\n        z-index: 552\n        &.gotoForm\n            padding-right: 0\n        &.gotoEquipment\n            padding-left: 15px\n    .menu-btn\n        position: relative\n        display: inline-block\n        width: 24px\n        height: 40px\n        vertical-align: middle\n        z-index: 2\n        .longbar\n            position: absolute\n            width: 24px\n            height: 1.2px\n            top: 50%\n            transform: translateY(-3px)\n            background-color: #fff\n            transition: 0.5s\n            &.isShow\n                transform: translateY(50%) rotate(20deg)\n        .shortbar\n            position: absolute\n            width: 16px\n            height: 1.2px\n            top: 50%\n            transform: translateY(3px)\n            background-color: #fff\n            margin-left: 8px\n            transition: 0.5s\n            &.isShow\n                width: 24px\n                margin: 0\n                transform: translateY(50%) rotate(-20deg)\n\n.menu-body\n    position: absolute\n    width: 0.01vw\n    height: 100%\n    top: calc(-2.6vw - 9.8px)\n    right: calc(-3.8vw - 17.4px)\n    background-color: rgba(#111, 0.8)\n    backdrop-filter: blur(20.5px)\n    -webkit-backdrop-filter: blur(20.5px)\n    z-index: 1\n    transition: width 0.5s\n    transition-delay: 0.2s\n    &.isShow\n        width: 33vw\n    .menu-text\n        position: relative\n        // padding-top: calc(2.6vw + 9.8px + 11.1% + 3px)\n        top: calc(34.6% - 155.5px)\n        padding-right: calc(3.8vw + 17.4px)\n        a\n            display: block\n            user-select: none\n            cursor: pointer\n            text-decoration: none\n            width: 100%\n            height: 70px\n            line-height: 70px\n            text-align: right\n            span\n                display: inline-block\n                height: 100%\n                font-family: \"BMWTypeNextLatinTT-Thin\", serif\n                font-size: 1.5rem\n                letter-spacing: 1.3px\n                color: rgba(#fff, 0.4)\n                vertical-align: middle\n                &.number\n                    width: 21px\n                    text-align: center\n                &.menu-text_inner\n                    font-family: arudjingxiheipe1xg30_md\n                    font-size: 2.1rem\n                    letter-spacing: 2.1px\n                    padding-right: 2.6vw\n                    color: #fff\n                &.BMW-words\n                    font-size: 2.1rem\n                    letter-spacing: 1.26px\n                    font-family: \"BMWTypeNextLatinTT-Bold\", serif\n                    color: #fff\n                    line-height: 68px\n                    vertical-align: middle\n\n    .footer-wrapper\n        position: absolute\n        width: calc(100% - 3.8vw - 17.4px)\n        bottom: 0\n        padding-right: calc(3.8vw + 17.4px)\n        padding-bottom: calc(2vw + 22.4px)\n        a\n            display: block\n            width: 100%\n            height: 30px\n            line-height: 30px\n            user-select: none\n            cursor: pointer\n            text-decoration: none\n            text-align: right\n            span\n                font-size: 1.3rem\n                letter-spacing: 0.33px\n                color: #ddd\n                text-align: right\n            .BMW-words\n                font-size: 1.3rem\n                letter-spacing: 1.17px\n        .sns\n            margin-top: 15px\n            width: 100%\n            text-align: right\n            .icon\n                display: inline-block\n                background-size: cover\n                background-position: center\n                background-repeat: no-repeat\n                margin-left: 21px\n            .facebook\n                width: 16px\n                height: 30px\n                background-image: url(\"~@/assets/FB.png\")\n            .instagram\n                background-image: url(\"~@/assets/instagram.png\")\n            .line\n                background-image: url(\"~@/assets/line.png\")\n            .youtube\n                background-image: url(\"~@/assets/youtube.png\")\n            .instagram, .line, .youtube\n                width: 30px\n                height: 30px\n        .sep-line\n            position: relative\n            display: inline-block\n            width: 85%\n            height: 1px\n            right: 0\n            margin-top: 30px\n            margin-left: 15%\n            background-color: rgba(#fff, 0.3)\n        .brand-text\n            display: block\n            width: 100%\n            height: 30px\n            line-height: 30px\n            user-select: none\n            text-decoration: none\n            text-align: right\n            margin-top: 20px\n            span\n                font-size: 1.3rem\n                letter-spacing: 0.33px\n                color: #ddd\n                text-align: right\n            .BMW-words\n                font-size: 1.3rem\n                letter-spacing: 1.17px\n\n.fade-enter-active, .fade-leave-active\n    transition: opacity 0.3s ease\n.fade-enter-from, .fade-leave-to\n    opacity: 0\n.fade-enter-to, .fade-leave-from\n    opacity: 1\n\n@media screen and (max-width: 1800px)\n    .navs-box\n        .menu-body\n            .menu-text\n                transform: scale(0.85)\n                transform-origin: right top\n@media screen and (max-width: 992px)\n    .gotoForm-button\n        right: 0px\n    .navs-box\n        .menu-body\n            &.isShow\n                width: 50vw\n@media screen and (max-width: 768px)\n    .navs-box\n        .menu-body\n            &.isShow\n                width: 100vw\n            .menu-text\n                transform: scale(1)\n                a\n                    height: 50px\n                    line-height: 50px\n                    span\n                        font-size: 1.3rem\n                        letter-spacing: 0.68px\n                        &.menu-text_inner\n                            font-size: 1.4rem\n                            letter-spacing: 1.4px\n                        &.BMW-words\n                            letter-spacing: 0.84px\n                            line-height: 48px\n            .footer-wrapper\n                a\n                    height: 40px\n                    line-height: 40px\n                    span\n                        font-size: 1.1rem\n                        letter-spacing: 0.99px\n                        color: #999\n                    .BMW-words\n                        font-size: 1.1rem\n                        letter-spacing: 0.28px\n                .sns\n                    .facebook\n                        width: 9.8px\n                        height: 18.5px\n                    .instagram, .line, .youtube\n                        width: 18.5px\n                        height: 18.5px\n                .sep-line\n                    margin-top: 40px\n                    width: 55%\n                    margin-left: 45%\n                .brand-text\n                    height: 40px\n                    line-height: 40px\n                    margin-top: 20px\n                    span\n                        font-size: 1rem\n                        letter-spacing: 0.23px\n                        color: #999\n                        transform: scale(0.9)\n                    .BMW-words\n                        font-size: 1rem\n                        letter-spacing: 0.81px\n</style>\n","import { render } from \"./NavsButton.vue?vue&type=template&id=0e517672&scoped=true\"\nimport script from \"./NavsButton.vue?vue&type=script&lang=js\"\nexport * from \"./NavsButton.vue?vue&type=script&lang=js\"\n\nimport \"./NavsButton.vue?vue&type=style&index=0&id=0e517672&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0e517672\"]])\n\nexport default __exports__","<script>\nimport { ref, onMounted, watch, onBeforeMount } from \"vue\";\nexport default {\n\temits: [\"changeState\"],\n\tsetup(props, { emit }) {\n\t\tconst DOMready = ref(0);\n\t\t// const videoReady = ref(false);\n\t\tconst videoState = ref(\"loading\");\n\t\t// const frame = ref(null);\n\t\t// const initTime = 6;\n\t\tconst rNum = parseInt(Math.random() * 15 + 80);\n\n\t\tlet timer = null;\n\t\tlet loadingEnd = false;\n\t\t// let t0 = null;\n\t\t// let t1 = null;\n\t\t// let t2 = null;\n\t\t// let t3 = null;\n\n\t\t// const delay = (s) => {\n\t\t// \treturn new Promise((resolve, reject) => {\n\t\t// \t\tsetTimeout(resolve, s);\n\t\t// \t});\n\t\t// };\n\t\tconst timeCounter = () => {\n\t\t\tconsole.time(\"loading time\");\n\n\t\t\ttimer = setInterval(() => {\n\t\t\t\tDOMready.value += 0.5;\n\t\t\t\t// t0 = window.performance.now();\n\n\t\t\t\tif (DOMready.value > rNum) {\n\t\t\t\t\t// console.log(`loading percentage: ${rNum}%`);\n\t\t\t\t\tclearInterval(timer);\n\t\t\t\t}\n\t\t\t}, 5);\n\t\t};\n\n\t\tconst handleEvent = (event) => {\n\t\t\tif (!loadingEnd) {\n\t\t\t\tif (event.type === \"canplay\") {\n\t\t\t\t\tvideoState.value = event.type;\n\t\t\t\t\tloadingEnd = true;\n\n\t\t\t\t\t// delay()\n\t\t\t\t\t// \t.then(() => {\n\t\t\t\t\t// \t\tt1 = window.performance.now();\n\t\t\t\t\t// \t\temit(\"changeState\", true);\n\t\t\t\t\t// \t\tconsole.log(`loading time: ${t1 - t0} ms`);\n\t\t\t\t\t// \t\treturn delay(500);\n\t\t\t\t\t// \t})\n\t\t\t\t\t// \t.then(() => {\n\t\t\t\t\t// \t\tt2 = window.performance.now();\n\t\t\t\t\t// \t\tframe.value.style.opacity = 0;\n\t\t\t\t\t// \t\tconsole.log(`fade out time: ${t2 - t1} ms`);\n\t\t\t\t\t// \t\treturn delay(500);\n\t\t\t\t\t// \t})\n\t\t\t\t\t// \t.then(() => {\n\t\t\t\t\t// \t\tt2 = window.performance.now();\n\t\t\t\t\t// \t\tvideoReady.value = true;\n\t\t\t\t\t// \t\tloadingEnd = true;\n\t\t\t\t\t// \t\tconsole.log(`hiding time: ${t2 - t1} ms`);\n\t\t\t\t\t// \t});\n\t\t\t\t}\n\t\t\t\t//console.log(event.type);\n\t\t\t}\n\t\t};\n\n\t\tonBeforeMount(() => {\n\t\t\ttimeCounter();\n\t\t});\n\n\t\tonMounted(() => {\n\t\t\tconst video = document.querySelector(\"#story_video_c1\");\n\n\t\t\tvideo.addEventListener(\"loadstart\", handleEvent);\n\t\t\tvideo.addEventListener(\"progress\", handleEvent);\n\t\t\tvideo.addEventListener(\"canplay\", handleEvent);\n\t\t\tvideo.addEventListener(\"canplaythrough\", handleEvent);\n\t\t});\n\n\t\twatch(videoState, (nv, ov) => {\n\t\t\tif (nv === \"canplay\") {\n\t\t\t\tclearInterval(timer);\n\t\t\t\t// console.log(\"loading complete\");\n\n\t\t\t\tconst restNum = 100 - DOMready.value;\n\t\t\t\tconst interval = setInterval(() => {\n\t\t\t\t\tDOMready.value += restNum / 160;\n\t\t\t\t\t// console.log(\"fake loading\");\n\t\t\t\t\tif (DOMready.value > 100) {\n\t\t\t\t\t\t// frame.value.style.opacity = 0;\n\t\t\t\t\t\t// videoReady.value = true;\n\t\t\t\t\t\t// loadingEnd = true;\n\t\t\t\t\t\temit(\"changeState\", true);\n\t\t\t\t\t\tconsole.timeEnd(\"loading time\");\n\t\t\t\t\t\tclearInterval(interval);\n\t\t\t\t\t\ttimer = null;\n\t\t\t\t\t}\n\t\t\t\t}, 5);\n\t\t\t}\n\t\t});\n\t\t// watch(DOMready, (nv, ov) => {\n\t\t// \tconsole.log(nv);\n\t\t// });\n\n\t\treturn {\n\t\t\tDOMready,\n\t\t\t// videoReady,\n\t\t\t// frame,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<transition name=\"fade\" v-show=\"DOMready < 100\">\n\t\t<div\n\t\t\tclass=\"loadingFrame\"\n\t\t\t:style=\"{ position: DOMready < 100 ? 'fixed' : 'absolute' }\"\n\t\t>\n\t\t\t<div class=\"text_en_light\">{{\n\t\t\t\tparseInt(DOMready) > 100 ? 100 : parseInt(DOMready)\n\t\t\t}}</div>\n\t\t</div>\n\t</transition>\n</template>\n\n<style lang=\"sass\" scoped>\n.loadingFrame\n\tposition: fixed\n\twidth: 100%\n\theight: calc(100% + 15px)\n\tbackground-color: #000\n\topacity: 1\n\ttransition: opacity 2s\n\tz-index: 2000\n\t.text_en_light\n        position: absolute\n        left: 50%\n        top: 50%\n        transform: translate(-50%, -50%)\n        height: 50px\n        text-align: center\n        font-size: 32px\n        line-height: 50px\n\n// .fade-enter-active, .fade-leave-active\n//     transition: 0.8s\n.fade-enter-from, .fade-leave-to\n    opacity: 0\n.fade-enter-to, .fade-leave-from\n    opacity: 1\n</style>\n","import { render } from \"./LoadingFrame.vue?vue&type=template&id=466f7c66&scoped=true\"\nimport script from \"./LoadingFrame.vue?vue&type=script&lang=js\"\nexport * from \"./LoadingFrame.vue?vue&type=script&lang=js\"\n\nimport \"./LoadingFrame.vue?vue&type=style&index=0&id=466f7c66&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-466f7c66\"]])\n\nexport default __exports__","<script>\nimport { ref, onMounted, toRefs, watch, reactive } from \"vue\";\nexport default {\n\tprops: [\"windowHeight\", \"scrollTop\"],\n\tsetup(props) {\n\t\tconst { windowHeight, scrollTop } = toRefs(props);\n\t\tconst indicator = ref(false);\n\t\tconst isSelect = reactive({\n\t\t\tselect: [true, false, false, false, false, false, false, false],\n\t\t});\n\t\tconst isViewed = [\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t\tfalse,\n\t\t];\n\t\twatch(\n\t\t\t() => scrollTop.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (nv > 23.3 * windowHeight.value) {\n\t\t\t\t\tindicator.value.style.opacity = 0;\n\t\t\t\t} else if (nv > 23 * windowHeight.value) {\n\t\t\t\t\tindicator.value.style.opacity = 1;\n\t\t\t\t\tisSelect.select = [\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t];\n\t\t\t\t\tif (!isViewed[7]) {\n\t\t\t\t\t\tgtag(\"config\", process.env.VUE_APP_GAID, {\n\t\t\t\t\t\t\tpage_title: \"預約賞車\",\n\t\t\t\t\t\t});\n\t\t\t\t\t\tisViewed[7] = true;\n\t\t\t\t\t}\n\t\t\t\t} else if (nv > 19.5 * windowHeight.value) {\n\t\t\t\t\tisSelect.select = [\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t];\n\t\t\t\t\tif (!isViewed[6]) {\n\t\t\t\t\t\tgtag(\"config\", process.env.VUE_APP_GAID, {\n\t\t\t\t\t\t\tpage_title: \"車系輪播\",\n\t\t\t\t\t\t});\n\t\t\t\t\t\tisViewed[6] = true;\n\t\t\t\t\t}\n\t\t\t\t} else if (nv > 17 * windowHeight.value) {\n\t\t\t\t\tisSelect.select = [\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t];\n\t\t\t\t\tif (!isViewed[5]) {\n\t\t\t\t\t\tgtag(\"config\", process.env.VUE_APP_GAID, {\n\t\t\t\t\t\t\tpage_title: \"前衛美學\",\n\t\t\t\t\t\t});\n\t\t\t\t\t\tisViewed[5] = true;\n\t\t\t\t\t}\n\t\t\t\t} else if (nv > 14 * windowHeight.value) {\n\t\t\t\t\tisSelect.select = [\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t];\n\t\t\t\t\tif (!isViewed[4]) {\n\t\t\t\t\t\tgtag(\"config\", process.env.VUE_APP_GAID, {\n\t\t\t\t\t\t\tpage_title: \"車款性能\",\n\t\t\t\t\t\t});\n\t\t\t\t\t\tisViewed[4] = true;\n\t\t\t\t\t}\n\t\t\t\t} else if (nv > 9.5 * windowHeight.value) {\n\t\t\t\t\tisSelect.select = [\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t];\n\t\t\t\t\tif (!isViewed[3]) {\n\t\t\t\t\t\tgtag(\"config\", process.env.VUE_APP_GAID, {\n\t\t\t\t\t\t\tpage_title: \"智慧內裝\",\n\t\t\t\t\t\t});\n\t\t\t\t\t\tisViewed[3] = true;\n\t\t\t\t\t}\n\t\t\t\t} else if (nv > 4.5 * windowHeight.value) {\n\t\t\t\t\tisSelect.select = [\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t];\n\t\t\t\t\tif (!isViewed[2]) {\n\t\t\t\t\t\tgtag(\"config\", process.env.VUE_APP_GAID, {\n\t\t\t\t\t\t\tpage_title: \"美學外觀\",\n\t\t\t\t\t\t});\n\t\t\t\t\t\tisViewed[2] = true;\n\t\t\t\t\t}\n\t\t\t\t} else if (nv > 2 * windowHeight.value) {\n\t\t\t\t\tisSelect.select = [\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t];\n\t\t\t\t\tif (!isViewed[1]) {\n\t\t\t\t\t\tgtag(\"config\", process.env.VUE_APP_GAID, {\n\t\t\t\t\t\t\tpage_title: \"車款簡介\",\n\t\t\t\t\t\t});\n\t\t\t\t\t\tisViewed[1] = true;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tisSelect.select = [\n\t\t\t\t\t\ttrue,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t\tfalse,\n\t\t\t\t\t];\n\t\t\t\t\tif (!isViewed[0]) {\n\t\t\t\t\t\t// gtag(\"config\", process.env.VUE_APP_GAID, {\n\t\t\t\t\t\t// \tpage_title: \"首頁\",\n\t\t\t\t\t\t// });\n\t\t\t\t\t\tisViewed[0] = true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t\treturn {\n\t\t\tisSelect,\n\t\t\tindicator,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<div id=\"indicator-box\" class=\"indicator-box\" ref=\"indicator\">\n\t\t<div\n\t\t\t:class=\"['indicator', { selected: n }]\"\n\t\t\tv-for=\"(n, idx) in isSelect.select\"\n\t\t\t:key=\"idx\"\n\t\t></div>\n\t\t<span class=\"slash\"></span>\n\t\t<span class=\"text text_en_thin\">THE 4 Gran Coupé</span>\n\t</div>\n</template>\n\n<style lang=\"sass\" scoped>\n.indicator-box\n\tposition: fixed\n\tbottom: calc(2vw + 22.4px)\n\tleft: calc(3.6vw + 16px)\n\t// display: flex\n\t// justify-content: center\n\t// align-items: center\n\tz-index: 100\n.indicator\n\tdisplay: inline-block\n\twidth: 6px\n\theight: 3px\n\tborder-radius: 25%\n\tmargin-left: 6px\n\tbox-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15)\n\tbackground-color: #fff\n\ttransition: width 0.5s\n\tvertical-align: middle\n\t&.selected\n\t\twidth: 18px\n\t\tbackground-color: #0653b6\n.indicator:nth-child(1)\n\tmargin-left: 0\n.slash\n\tdisplay: inline-block\n\twidth: 1.37vw\n\theight: 0.5px\n\tmargin: 0px 10px\n\tbox-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3)\n\tbackground-color: #fff\n\tvertical-align: middle\n\ttransform: scaleY(0.7)\n.text\n\tdisplay: inline-block\n\ttext-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)\n\tfont-size: 1.5rem\n\tletter-spacing: 0.9px\n\tvertical-align: middle\n@media screen and (max-width: 992px)\n\t.indicator-box\n\t\t// bottom: 3.125vw\n\t\t// left: 4.43vw\n\t\t.slash, .text\n\t\t\tdisplay: none\n@media screen and (max-width: 768px)\n\t.indicator-box\n\t\t.indicator\n\t\t\twidth: 3px\n\t\t\theight: 1.5px\n\t\t\tmargin-left: 5px\n\t\t\t&.selected\n\t\t\t\twidth: 9px\n</style>\n","import { render } from \"./Indicator.vue?vue&type=template&id=021eccce&scoped=true\"\nimport script from \"./Indicator.vue?vue&type=script&lang=js\"\nexport * from \"./Indicator.vue?vue&type=script&lang=js\"\n\nimport \"./Indicator.vue?vue&type=style&index=0&id=021eccce&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-021eccce\"]])\n\nexport default __exports__","<script>\nexport default {};\n</script>\n\n<template>\n\t<footer>\n\t\t<div class=\"footer-wrapper\">\n\t\t\t<div class=\"brand-text pc\">\n\t\t\t\t<div class=\"brand\">\n\t\t\t\t\t<span class=\"text_ch_medium\">© </span>\n\t\t\t\t\t<span class=\"BMW-words text_en_regular\">BMW </span>\n\t\t\t\t\t<span class=\"text_ch_medium\">總代理 汎德股份有限公司</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"marketing-text\">\n\t\t\t\t<div class=\"sns mobile\">\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"facebook mobile\"\n\t\t\t\t\t\thref=\"https://www.facebook.com/BMWTaiwanOfficial/\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\t\tevent_label: 'FB',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"instagram mobile\"\n\t\t\t\t\t\thref=\"https://www.instagram.com/bmwtaiwan/\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\t\tevent_label: 'IG',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"line mobile\"\n\t\t\t\t\t\thref=\"https://page.line.me/bmwtaiwan\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\t\tevent_label: 'LINE',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t</a>\n\t\t\t\t\t<a\n\t\t\t\t\t\tclass=\"youtube mobile\"\n\t\t\t\t\t\thref=\"https://www.youtube.com/user/BMWTWOFFCIAL\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\t\tevent_label: 'youtube',\n\t\t\t\t\t\t}\"\n\t\t\t\t\t>\n\t\t\t\t\t</a>\n\t\t\t\t</div>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"site\"\n\t\t\t\t\thref=\"https://www.bmw.com.tw/zh/index.html\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\tevent_label: 'official_website',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"BMW-words text_en_regular\">BMW TAIWAN</span>\n\t\t\t\t\t<span class=\"text_ch_medium\">官網</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"branch\"\n\t\t\t\t\thref=\"https://www.bmw.com.tw/zh/owner/overview.html\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\tevent_label: 'Showroom',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"BMW-words text_en_regular\">BMW</span>\n\t\t\t\t\t<span class=\"text_ch_medium\">全台展示中心</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"claim\"\n\t\t\t\t\thref=\"https://www.bmw.com.tw/zh/footer/metanavigation/legal-disclaimer-pool/legal-disclaimer.html\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\tevent_label: 'legal_disclaimer',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t\t<span class=\"text_ch_medium\">網站聲明</span>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"facebook pc\"\n\t\t\t\t\thref=\"https://www.facebook.com/BMWTaiwanOfficial/\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\tevent_label: 'FB',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"instagram pc\"\n\t\t\t\t\thref=\"https://www.instagram.com/bmwtaiwan/\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\tevent_label: 'IG',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"line pc\"\n\t\t\t\t\thref=\"https://page.line.me/bmwtaiwan\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\tevent_label: 'LINE',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t</a>\n\t\t\t\t<a\n\t\t\t\t\tclass=\"youtube pc\"\n\t\t\t\t\thref=\"https://www.youtube.com/user/BMWTWOFFCIAL\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tv-sendGAsignal=\"{\n\t\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\t\tevent_category: 'footer',\n\t\t\t\t\t\tevent_label: 'YouTube',\n\t\t\t\t\t}\"\n\t\t\t\t>\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"brand-text mobile\">\n\t\t\t<div class=\"brand\">\n\t\t\t\t<span class=\"text_ch_medium\">© </span>\n\t\t\t\t<span class=\"BMW-words text_en_regular\">BMW </span>\n\t\t\t\t<span class=\"text_ch_medium\">總代理 汎德股份有限公司</span>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"sep-line\"></div>\n\t\t<div class=\"bg mobile\"></div>\n\t</footer>\n</template>\n\n<style lang=\"sass\" scoped>\nfooter\n    position: relative\n    width: 100%\n    height: 80px\n    padding-bottom: 35px\n    background-color: rgba(#111, 0.95)\n    z-index: 500\n\n.footer-wrapper\n    width: 90%\n    height: 100%\n    margin: 0 auto\n    display: flex\n    justify-content: space-between\n    align-items: flex-end\n    border-bottom: solid 1px rgba(#fff, 0.2)\n    .brand-text, .marketing-text\n        margin-bottom: 19.5px\n    .mobile\n        display: none\n    a, .brand-text\n        user-select: none\n        cursor: pointer\n        text-decoration: none\n        margin-left: 2.3rem\n        vertical-align: middle\n        &.brand\n            margin-left: 0px\n        span\n            font-size: 1.5rem\n            letter-spacing: 0.38px\n            color: #ddd\n        .BMW-words\n            font-size: 1.3rem\n            letter-spacing: 1.17px\n    .facebook\n        display: inline-block\n        width: 10.4px\n        height: 19.7px\n        // object-fit: cover\n        background-image: url(\"~@/assets/FB.png\")\n        background-size: cover\n        background-position: center\n        background-repeat: no-repeat\n    .instagram\n        display: inline-block\n        width: 19.7px\n        height: 19.7px\n        // object-fit: cover\n        background-image: url(\"~@/assets/instagram.png\")\n        background-size: cover\n        background-position: center\n        background-repeat: no-repeat\n    .line\n        display: inline-block\n        width: 19.7px\n        height: 19.7px\n        // object-fit: cover\n        background-image: url(\"~@/assets/line.png\")\n        background-size: cover\n        background-position: center\n        background-repeat: no-repeat\n    .youtube\n        display: inline-block\n        width: 19.7px\n        height: 19.7px\n        // object-fit: cover\n        background-image: url(\"~@/assets/youtube.png\")\n        background-size: cover\n        background-position: center\n        background-repeat: no-repeat\n    .brand-text\n        cursor: auto\n\n// @media screen and (max-width: 768px)\n//     footer\n//         .footer-wrapper\n//             a, .brand-text\n//                 margin-left: 1.5rem\n//                 span\n//                     font-size: 1.2rem\n//                     letter-spacing: 0.3px\n//                     &.BMW-words\n//                         font-size: 1.2rem\n//                         letter-spacing: 0.6px\n@media screen and (max-width: 768px)\n    footer\n        height: auto\n        background-image: url(\"~@/assets/footer_background.jpg\")\n        background-blend-mode: multiply\n        background-size: cover\n        background-position: center top\n        background-repeat: no-repeat\n        .sep-line\n            position: absolute\n            width: calc(85% - 15px)\n            height: 1px\n            left: calc(7.5% + 10px)\n            top: 80px\n            background-color: #333\n        .footer-wrapper\n            padding-top: 45px\n            width: 85%\n            border: none\n            .pc\n                display: none\n            .marketing-text\n                display: flex\n                flex-direction: column\n                justify-content: center\n                align-items: flex-start\n                margin-bottom: 10px\n                padding-left: 15px\n                .sns\n                    .facebook, .instagram, .line, .youtube\n                        display: inline-block\n                        margin-left: 6.5vw\n                        margin-bottom: 45px\n                    .facebook\n                        margin-left: 0\n                .pc\n                    display: none\n                .mobile\n                    display: block\n                a\n                    display: block\n                    margin-left: 0\n                    margin-bottom: 25px\n                    span\n                        font-size: 1.2rem\n                        letter-spacing: 0.3px\n                        &.BMW-words\n                            font-size: 1.2rem\n                            letter-spacing: 0.6px\n        .brand-text\n            position: relative\n            width: calc(85% - 20px)\n            margin: 15px auto\n            text-align: left\n            z-index: 10\n            .brand\n                user-select: none\n                cursor: pointer\n                text-decoration: none\n                span\n                    font-size: 1rem\n                    letter-spacing: 0.25px\n                    color: #999\n                    &.BMW-words\n                        font-size: 1rem\n                        letter-spacing: 0.5px\n        .bg\n            position: absolute\n            width: 100%\n            height: 100px\n            bottom: 0\n            z-index: 1\n            background-image: url(\"~@/assets/inc.png\")\n</style>\n","import { render } from \"./Footer.vue?vue&type=template&id=3bc6de2e&scoped=true\"\nimport script from \"./Footer.vue?vue&type=script&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&lang=js\"\n\nimport \"./Footer.vue?vue&type=style&index=0&id=3bc6de2e&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3bc6de2e\"]])\n\nexport default __exports__","<script>\nimport { ref, onMounted, toRefs, watch, reactive, computed } from \"vue\";\nimport CTAButton from \"../components/CTAButton.vue\";\nimport { useTransferEffect } from \"../functions\";\nimport { useScrollEffect } from \"../functions\";\n\nexport default {\n\tcomponents: {\n\t\tCTAButton,\n\t},\n\tprops: [\"windowWidth\", \"windowHeight\", \"scrollTop\", \"videoReady\"],\n\tsetup(props) {\n\t\tconst { windowWidth, windowHeight, scrollTop, videoReady } = toRefs(\n\t\t\tprops\n\t\t);\n\n\t\tconst transitions = ref(null);\n\t\tconst video = ref(null);\n\t\tconst canvasRef = ref(null);\n\t\tconst textMinor = ref(null);\n\t\tconst textMajor = ref(null);\n\t\tconst scrollIndicator = ref(null);\n\t\tconst title = ref(null);\n\t\tconst videoPlaying = ref(true);\n\t\tconst op = ref(0);\n\n\t\tconst videoSrc = reactive({\n\t\t\tpc: `${process.env.BASE_URL}video/THE_4.mp4`,\n\t\t\tmobile: `${process.env.BASE_URL}video/THE_4_mobile.mp4`,\n\t\t});\n\n\t\tlet handleTransitions = null;\n\t\tlet majorFz = 0;\n\t\tlet minorFz = 0;\n\n\t\tonMounted(() => {\n\t\t\tmajorFz = window.getComputedStyle(textMajor.value).fontSize;\n\t\t\tminorFz = window.getComputedStyle(textMinor.value).fontSize;\n\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tmajorFz = window.getComputedStyle(textMajor.value).fontSize;\n\t\t\t\tminorFz = window.getComputedStyle(textMinor.value).fontSize;\n\t\t\t});\n\n\t\t\tvideo.value.addEventListener(\"loadedmetadata\", () => {\n\t\t\t\thandleTransitions = new useTransferEffect(\n\t\t\t\t\t{\n\t\t\t\t\t\tparent: transitions.value,\n\t\t\t\t\t\tintensity:\n\t\t\t\t\t\t\ttransitions.value.dataset.intensity || undefined,\n\t\t\t\t\t\tspeed: transitions.value.dataset.speed || undefined,\n\t\t\t\t\t\teasing: transitions.value.dataset.easing || undefined,\n\t\t\t\t\t\tdisplacementImage:\n\t\t\t\t\t\t\ttransitions.value.dataset.displacement,\n\t\t\t\t\t},\n\t\t\t\t\tcanvasRef.value,\n\t\t\t\t\t\"video\",\n\t\t\t\t\tvideo.value\n\t\t\t\t);\n\t\t\t});\n\t\t});\n\n\t\twatch(\n\t\t\t() => videoReady.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (nv) {\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\top.value = 1;\n\t\t\t\t\t\thandleTransitions.transition(1);\n\t\t\t\t\t}, 500);\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tconst majorCoeff = useScrollEffect(\n\t\t\t0,\n\t\t\t1 * windowHeight.value,\n\t\t\t0,\n\t\t\t0.013 * windowWidth.value + 24.9\n\t\t);\n\t\tconst minorCoeff = useScrollEffect(\n\t\t\t0,\n\t\t\t1 * windowHeight.value,\n\t\t\t0,\n\t\t\t0.017 * windowWidth.value - 2\n\t\t);\n\t\tconst titleCoeff = useScrollEffect(\n\t\t\twindowHeight.value - 150,\n\t\t\t1 * windowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\t\tconst scrInOpacityCoeff = useScrollEffect(\n\t\t\t0,\n\t\t\t0.2 * windowHeight.value,\n\t\t\t1,\n\t\t\t0\n\t\t);\n\t\tconst scrInTopCoeff = useScrollEffect(0, windowHeight.value, 0, 50);\n\n\t\twatch(\n\t\t\t() => videoPlaying.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (nv !== ov) {\n\t\t\t\t\tif (nv) {\n\t\t\t\t\t\tvideo.value.play();\n\t\t\t\t\t\thandleTransitions.startAnim();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvideo.value.pause();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\twatch(\n\t\t\t() => scrollTop.value,\n\t\t\t(nv, ov) => {\n\t\t\t\t// text blur\n\t\t\t\tif (nv > 0 && nv <= windowHeight.value) {\n\t\t\t\t\ttextMajor.value.style.filter = `blur(${nv * majorCoeff.a +\n\t\t\t\t\t\tmajorCoeff.b}px)`;\n\t\t\t\t\ttextMinor.value.style.filter = `blur(${nv * minorCoeff.a +\n\t\t\t\t\t\tminorCoeff.b}px)`;\n\t\t\t\t} else if (nv > 2.5 * windowHeight.value) {\n\t\t\t\t\ttextMajor.value.style.filter = \"blur(0px)\";\n\t\t\t\t\ttextMinor.value.style.filter = \"blur(0px)\";\n\t\t\t\t} else if (nv > windowHeight.value) {\n\t\t\t\t\ttextMajor.value.style.filter = `blur(${windowHeight.value *\n\t\t\t\t\t\tmajorCoeff.a +\n\t\t\t\t\t\tmajorCoeff.b}px)`;\n\t\t\t\t\ttextMinor.value.style.filter = `blur(${windowHeight.value *\n\t\t\t\t\t\tminorCoeff.a +\n\t\t\t\t\t\tminorCoeff.b}px)`;\n\t\t\t\t} else {\n\t\t\t\t\ttextMajor.value.style.filter = \"blur(0px)\";\n\t\t\t\t\ttextMinor.value.style.filter = \"blur(0px)\";\n\t\t\t\t}\n\n\t\t\t\t// title fade in\n\t\t\t\tif (nv > windowHeight.value - 150) {\n\t\t\t\t\ttitle.value.style.opacity = `${nv * titleCoeff.a +\n\t\t\t\t\t\ttitleCoeff.b}`;\n\t\t\t\t}\n\n\t\t\t\t// control video playing\n\t\t\t\tif (nv > 2.5 * windowHeight.value) {\n\t\t\t\t\tvideoPlaying.value = false;\n\t\t\t\t} else {\n\t\t\t\t\tvideoPlaying.value = true;\n\t\t\t\t}\n\n\t\t\t\t// scroll indicator fade up\n\t\t\t\tscrollIndicator.value.style.opacity = `${nv *\n\t\t\t\t\tscrInOpacityCoeff.a +\n\t\t\t\t\tscrInOpacityCoeff.b}`;\n\t\t\t\tscrollIndicator.value.style.transform = `translateY(${-nv *\n\t\t\t\t\tscrInTopCoeff.a -\n\t\t\t\t\tscrInTopCoeff.b}px)`;\n\t\t\t}\n\t\t);\n\t\treturn {\n\t\t\tscrollTop,\n\t\t\ttransitions,\n\t\t\twindowWidth,\n\t\t\tvideoSrc,\n\t\t\tvideo,\n\t\t\tcanvasRef,\n\t\t\ttextMajor,\n\t\t\ttextMinor,\n\t\t\ttitle,\n\t\t\tscrollIndicator,\n\t\t\top,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<section id=\"story\" :style=\"{ opacity: op }\">\n\t\t<div\n\t\t\tclass=\"sticky-wrapper\"\n\t\t\tdata-displacement=\"filter.jpg\"\n\t\t\tdata-intensity=\"0.4\"\n\t\t\tdata-speed=\"1.2\"\n\t\t\tdata-easing=\"power3.inOut\"\n\t\t\tref=\"transitions\"\n\t\t>\n\t\t\t<video\n\t\t\t\tid=\"story_video_c1\"\n\t\t\t\t:src=\"windowWidth > 768 ? videoSrc.pc : videoSrc.mobile\"\n\t\t\t\tref=\"video\"\n\t\t\t\tloop\n\t\t\t\tmuted\n\t\t\t\tautoplay\n\t\t\t\tplaysinline\n\t\t\t\tpreload=\"auto\"\n\t\t\t></video>\n\t\t\t<canvas ref=\"canvasRef\"></canvas>\n\t\t\t<div class=\"text-container\">\n\t\t\t\t<div class=\"the-4-text\">\n\t\t\t\t\t<span class=\"text_minor text_en_thin\" ref=\"textMinor\">\n\t\t\t\t\t\tTHE\n\t\t\t\t\t</span>\n\t\t\t\t\t<div class=\"text_major text_en_light\" ref=\"textMajor\"\n\t\t\t\t\t\t>4</div\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\t:class=\"['scroll-indicator-box', { shake: scrollTop < 5 }]\"\n\t\t\t\tref=\"scrollIndicator\"\n\t\t\t>\n\t\t\t\t<span class=\"scroll-text text_en_light\">SCROLL</span>\n\t\t\t\t<div class=\"scroll-indicator\"></div>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n\t<section id=\"title\">\n\t\t<div class=\"sticky-wrapper\" ref=\"title\">\n\t\t\t<div class=\"title_main text_en_thin\">\n\t\t\t\t<h1>THE 4 Gran Coupé</h1>\n\t\t\t\t<h2 class=\"title_sub text_ch_medium shine\">\n\t\t\t\t\t<span class=\"inner_title_sub\">鋒格自</span><span>成</span>\n\t\t\t\t</h2>\n\t\t\t</div>\n\t\t\t<CTAButton\n\t\t\t\t:href1=\"'#form'\"\n\t\t\t\t:GAData1=\"{\n\t\t\t\t\tevent_type: 'click',\n\t\t\t\t\tevent_category: 'index',\n\t\t\t\t\tevent_label: 'testdrive',\n\t\t\t\t}\"\n\t\t\t\t:GAData2=\"{}\"\n\t\t\t\t>預約賞車</CTAButton\n\t\t\t>\n\t\t</div>\n\t</section>\n</template>\n\n<style scoped>\n#story {\n\tbackground-color: #111;\n\ttransition: opacity 1s;\n\tz-index: 59;\n}\n\n#story .sticky-wrapper {\n\twidth: 100%;\n\toverflow: hidden;\n\tbackground-color: #fff;\n}\n\n#story .sticky-wrapper #story_video_c1 {\n\tdisplay: none;\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n#story .sticky-wrapper canvas {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 100%;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n#story .sticky-wrapper .text-container {\n\tposition: relative;\n\twidth: 100%;\n\theight: 100%;\n\ttop: 0;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.the-4-text {\n\tposition: relative;\n\twidth: calc(0.55 * (38.9vw + 253.3px));\n\theight: calc(21.5vw + 216.2px);\n}\n\n.the-4-text .text_minor {\n\ttext-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);\n\t-webkit-text-stroke: 0.5px #fff;\n\tline-height: 1;\n\tfont-size: calc(1.7vw + 28.3px);\n\tletter-spacing: 3.6px;\n}\n\n.the-4-text .text_major {\n\tposition: absolute;\n\tleft: 50%;\n\ttop: 50%;\n\ttransform: translate(-50%, -50%);\n\theight: 100%;\n\twidth: 100%;\n\tfont-size: calc(29.1vw + 291.6px);\n\tline-height: calc(21.5vw + 216.2px);\n\tmix-blend-mode: difference;\n\tz-index: 110;\n\tcolor: #ff6a6a;\n}\n\n.scroll-indicator-box {\n\tposition: absolute;\n\twidth: 100%;\n\ttop: 92%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 100;\n}\n\n.scroll-indicator-box .scroll-text {\n\ttext-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n\tfont-size: 1.5rem;\n\tletter-spacing: 0.9px;\n}\n\n.scroll-indicator-box .scroll-indicator {\n\tmargin-top: 10px;\n\tbackground-image: url(\"~@/assets/scroll_line.png\");\n\twidth: 10px;\n\theight: 110px;\n\tbackground-size: 1px auto;\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n}\n\n#title {\n\tz-index: 67;\n\twidth: calc(100% - 50px);\n}\n#title .sticky-wrapper {\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 10;\n\topacity: 0;\n}\n\n#title .sticky-wrapper .title_main {\n\ttext-align: center;\n\tmargin-left: 50px;\n}\n\n#title .sticky-wrapper .title_main h1 {\n\tfont-size: calc(4.6vw + 12.2px);\n\tline-height: 0.91;\n\tletter-spacing: 5px;\n}\n\n#title .sticky-wrapper .title_main .title_sub {\n\tposition: relative;\n\twidth: calc(100vw - 50px);\n\tmargin-top: 50px;\n\tfont-size: 3rem;\n\tline-height: 3.27;\n}\n\n#title .sticky-wrapper .title_main .title_sub span {\n\tletter-spacing: normal;\n\tfont-size: inherit;\n\tcolor: #999;\n}\n\n#title .sticky-wrapper .title_main .title_sub span.inner_title_sub {\n\tletter-spacing: 31.2px;\n}\n\n#title .sticky-wrapper .CTA-button {\n\tmargin-left: 25px;\n}\n\n@media screen and (max-width: 1200px) {\n\t#title .sticky-wrapper .title_main .title_sub {\n\t\twidth: calc(100vw - 20px);\n\t}\n}\n\n@media screen and (max-width: 768px) {\n\t#story .sticky-wrapper .text-container .the-4-text .text_minor {\n\t\tletter-spacing: 1.45px;\n\t\tfont-family: \"BMWTypeNextLatinTT-Light\", serif;\n\t}\n\t#story .sticky-wrapper .scroll-indicator-box {\n\t\ttop: 82.5%;\n\t}\n\t#story .sticky-wrapper .scroll-indicator-box .scroll-text {\n\t\tfont-size: 1rem;\n\t\tletter-spacing: 0.6px;\n\t\tfont-family: \"BMWTypeNextLatinTT-Thin\", serif;\n\t}\n\t#title .sticky-wrapper .title_main h1 {\n\t\tline-height: 1.13;\n\t\tletter-spacing: 1.5px;\n\t\tfont-family: \"BMWTypeNextLatinTT-Light\", serif;\n\t}\n\t#title .sticky-wrapper .title_main .title_sub {\n\t\tfont-size: 1.8rem;\n\t\tline-height: 2.5;\n\t\tmargin-top: 15px;\n\t\twidth: 100vw;\n\t}\n\t#title .sticky-wrapper .title_main .title_sub span.inner_title_sub {\n\t\tletter-spacing: 9.6px;\n\t}\n}\n\n@media screen and (max-width: 650px) {\n\t#story .sticky-wrapper canvas {\n\t\ttop: auto;\n\t\tbottom: 0;\n\t\ttransform: translate(-50%, 0%);\n\t}\n}\n</style>\n","<script>\nimport { toRefs } from \"vue\";\nimport gsap from \"gsap\";\nimport { ScrollToPlugin } from \"gsap/ScrollToPlugin\";\nexport default {\n\tprops: [\n\t\t\"progress\",\n\t\t\"isAnimated\",\n\t\t\"isDouble\",\n\t\t\"href1\",\n\t\t\"href2\",\n\t\t\"GAData1\",\n\t\t\"GAData2\",\n\t],\n\tsetup(props) {\n\t\tconst { GAData1, GAData2 } = toRefs(props);\n\n\t\tgsap.registerPlugin(ScrollToPlugin);\n\t\tconst goAnchor = (id, e) => {\n\t\t\te.preventDefault();\n\t\t\tgsap.to(document.body, {\n\t\t\t\tscrollTo: { y: id, offset: \"100\", autoKill: true },\n\t\t\t\tease: \"power2.inOut\",\n\t\t\t\tduration: 1.5,\n\t\t\t});\n\t\t};\n\n\t\treturn {\n\t\t\tgoAnchor,\n\t\t\tGAData1,\n\t\t\tGAData2,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<div class=\"CTA-button\">\n\t\t<transition name=\"fade\">\n\t\t\t<a\n\t\t\t\tclass=\"single\"\n\t\t\t\tv-show=\"!isDouble\"\n\t\t\t\t:href=\"`${href1 || ''}`\"\n\t\t\t\tv-sendGAsignal=\"GAData1\"\n\t\t\t\t@click=\"goAnchor('#form', $event)\"\n\t\t\t>\n\t\t\t\t<span class=\"text_ch_medium\"><slot></slot></span>\n\t\t\t</a>\n\t\t</transition>\n\t\t<transition name=\"fade\">\n\t\t\t<a\n\t\t\t\tclass=\"double\"\n\t\t\t\tv-show=\"isDouble\"\n\t\t\t\t:href=\"`${href1 || ''}`\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\tv-sendGAsignal=\"GAData1\"\n\t\t\t>\n\t\t\t\t<span class=\"text_ch_medium\">瞭解更多</span>\n\t\t\t</a>\n\t\t</transition>\n\t\t<transition name=\"fade\">\n\t\t\t<span class=\"seperator\" v-show=\"isDouble\">|</span>\n\t\t</transition>\n\t\t<transition name=\"fade\">\n\t\t\t<a\n\t\t\t\tclass=\"double\"\n\t\t\t\tv-show=\"isDouble\"\n\t\t\t\t:href=\"`${href2 || ''}`\"\n\t\t\t\tv-sendGAsignal=\"GAData2\"\n\t\t\t\t@click=\"goAnchor('#form', $event)\"\n\t\t\t>\n\t\t\t\t<span class=\"text_ch_medium\">預約賞車</span>\n\t\t\t</a>\n\t\t</transition>\n\t\t<div class=\"border left\"></div>\n\t\t<div class=\"border right\"></div>\n\t\t<div class=\"border bottom\"></div>\n\t\t<div class=\"button_border-bottom\"></div>\n\t\t<div\n\t\t\t:class=\"[\n\t\t\t\t'button_border-bottom',\n\t\t\t\t'pgBar',\n\t\t\t\t{ isAnimated: isAnimated },\n\t\t\t]\"\n\t\t\t:style=\"{ width: `${progress}%` }\"\n\t\t></div>\n\t</div>\n</template>\n\n<style lang=\"sass\">\n.CTA-button\n    position: absolute\n    bottom: calc(3.125vw + 6px)\n    // width: calc(10.5vw + 199.2px)\n    width: 400px\n    // height: calc(1.4vw + 31.6px)\n    height: 58px\n    background-image: linear-gradient(to bottom, rgba(#fff, 0), rgba(#ffe8c9, 0.3) 50%, rgba(#ffe8c9, 0.6))\n    z-index: 1000\n    .single, .double\n        display: inline-block\n        position: absolute\n        width: 100%\n        height: 100%\n        left: 0\n        top: 0\n        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25)\n        // font-size: 1.5rem\n        font-size: 15px\n        // line-height: calc(1.4vw + 31.6px)\n        line-height: 58px\n        letter-spacing: 3.15px\n        text-align: center\n        user-select: none\n        cursor: pointer\n        text-decoration: none\n        &:hover\n            background-image: linear-gradient(to bottom, rgba(#fff, 0), rgba(#ffe8c9, 0.45) 50%, rgba(#ffe8c9, 0.75))\n        &:active\n            background-image: linear-gradient(to bottom, rgba(#fff, 0), rgba(#ffe8c9, 0.45) 50%, rgba(#ffe8c9, 0.75))\n    .double\n        width: 50%\n    .double:nth-child(4)\n        left: 50%\n    span\n        height: 100%\n        font-size: inherit\n        &.seperator\n            position: absolute\n            left: 50%\n            top: 50%\n            transform: translate(-50%, -50%)\n            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6)\n            // font-size: 1.5rem\n            font-size: 15px\n            line-height: 58px\n            letter-spacing: 3.15px\n            text-align: center\n    .border\n        position: absolute\n        width: 1px\n        height: 100%\n        opacity: 0.5\n        background: linear-gradient(to bottom, rgba(#fff, 0), #c1c1c1)\n        &.left\n            left: 0\n            top: 0\n        &.right\n            right: 0\n            top: 0\n        &.bottom\n            height: 1px\n            width: 100%\n            bottom: 0\n            background: none\n            background-color: #c1c1c1\n    .button_border-bottom\n        position: absolute\n        top: 100%\n        // width: calc(10.5vw + 199.2px)\n        width: 100%\n        left: 0\n        height: 6px\n        background-image: url(\"~@/assets/color-bar.png\")\n        background-size: 100% auto\n        opacity: 0.6\n        &.pgBar\n            opacity: 1\n            background-repeat: repeat-x\n            background-position: 0 0\n            animation: color-bar-loop 2.5s linear infinite forwards\n            background-size: 400px 6px\n        &.isAnimated\n            transition: 1s linear\n\n.fade-enter-active, .fade-leave-active\n    transition: opacity 0.3s ease\n.fade-enter-from, .fade-leave-to\n    opacity: 0\n.fade-enter-to, .fade-leave-from\n    transition-delay: 0.3s\n    opacity: 1\n\n\n@keyframes color-bar-loop\n    0%\n        background-position: 0 0\n    100%\n        background-position: 400px 0\n\n@media screen and (max-width: 1600px)\n    .CTA-button\n        transform: scale(0.9)\n        transform-origin: center bottom\n@media screen and (max-width: 1200px)\n    .CTA-button\n        transform: scale(0.8)\n@media screen and (max-width: 800px)\n    .CTA-button\n        transform: scale(0.7)\n\n@media screen and (max-width: 768px)\n    .CTA-button\n        bottom: 75px\n        transform: scale(0.6)\n        .single, .double\n            font-size: calc(1.2rem / 0.65)\n            letter-spacing: 1.8px\n            span\n                &.seperator\n                    font-size: calc(1.3rem / 0.65)\n                    letter-spacing: 1.8px\n        .border\n            width: calc(0.5px / 0.65)\n            &.bottom\n                height: calc(0.5px / 0.65)\n        .button_border-bottom\n            height: calc(3px / 0.65)\n</style>\n","import { render } from \"./CTAButton.vue?vue&type=template&id=5951a736\"\nimport script from \"./CTAButton.vue?vue&type=script&lang=js\"\nexport * from \"./CTAButton.vue?vue&type=script&lang=js\"\n\nimport \"./CTAButton.vue?vue&type=style&index=0&id=5951a736&lang=sass\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import * as THREE from \"three\";\nimport TweenMax from \"gsap\";\n\nexport class transferEffect {\n    constructor ( opts, canvas, format, obj1, obj2 = null, obj3 = null ) {\n\n        // shader code\n        const vertex = `\n            varying vec2 vUv;\n\n            void main() {\n                \n                vUv = uv;\n\n                gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n                \n            }\n        `;\n\n        const fragment = `\n            varying vec2 vUv;\n\n            uniform sampler2D faceTexture;\n            uniform sampler2D faceTexture2;\n            uniform sampler2D disp;\n\n            uniform float dispFactor;\n            uniform float effectFactor;\n\n            void main() {\n\n                vec2 uv = vUv;\n\n                vec4 disp = texture2D(disp, uv);\n\n                vec2 distortedPosition = vec2(uv.x + dispFactor * (disp.r*effectFactor), uv.y);\n                vec2 distortedPosition2 = vec2(uv.x - (1.0 - dispFactor) * (disp.r*effectFactor), uv.y);\n\n                vec4 _texture = texture2D(faceTexture, distortedPosition);\n                vec4 _texture2 = texture2D(faceTexture2, distortedPosition2);\n\n                vec4 finalTexture = mix(_texture, _texture2, dispFactor);\n\n                gl_FragColor = finalTexture;\n            }\n        `;\n\n        // load options\n        const parent = opts.parent || console.warn( \"no parent\" );\n        const dispImage = opts.displacementImage || console.warn( \"displacement image missing\" );\n        const intensity = opts.intensity - 0 || 1;\n        const speed = opts.speed - 0 || 1.6;\n        const easing = opts.easing || \"expo.in\";\n\n        let nowItem = -1;\n        let changing = false;\n        let timer = null;\n        let waiting = \"\";\n        let sizes = { width: 0, height: 0 };\n        let isVideo = format === \"video\";\n\n        // const mobileAndTabletcheck = () => {\n        //     var check = false;\n        //     ( function ( a ) { if ( /(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test( a ) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test( a.substr( 0, 4 ) ) ) check = true; } )( navigator.userAgent || navigator.vendor || window.opera );\n        //     return check;\n        // };\n\n        const getRatio = () => {\n            let objRatio = 0;\n            if ( isVideo ) {\n                if ( window.innerWidth <= 768 ) {\n                    objRatio = 1080 / 1920;\n                } else {\n                    objRatio = 1920 / 1080;\n                }\n            } else {\n                if ( window.innerWidth <= 800 ) {\n                    objRatio = 1170 / 2532;\n                } else {\n                    objRatio = 5760 / 3240;\n                }\n            }\n            return objRatio;\n        };\n        let objRatio = getRatio();\n\n\n        // three.js initialization\n        // create scene & camera\n        const scene = new THREE.Scene();\n        const camera = new THREE.OrthographicCamera(\n            parent.offsetWidth / -2,\n            parent.offsetWidth / 2,\n            parent.offsetHeight / 2,\n            parent.offsetHeight / -2,\n            1,\n            2\n        );\n\n        camera.position.z = 1;\n\n\n        // create renderer for three.js to render objects\n        const renderer = new THREE.WebGLRenderer( {\n            antialias: false,\n            canvas: canvas,\n            powerPreference: 'high-performance'\n        } );\n\n        renderer.setPixelRatio( window.devicePixelRatio );\n        renderer.setClearColor( 0xffffff, 0.0 );\n        renderer.setSize( parent.offsetWidth, parent.offsetHeight );\n\n\n        // initiate loader\n        const loader = new THREE.TextureLoader();\n        loader.crossOrigin = \"\";\n\n        // load texture\n        let texture1 = null;\n        let texture2 = null;\n        let texture3 = null;\n        let disp = null;\n\n        if ( isVideo ) {\n            texture1 = loader.load( `${ process.env.BASE_URL }textures/loading.png` );\n            texture2 = new THREE.VideoTexture( obj1 );\n            obj1.play();\n        } else {\n            texture1 = loader.load( obj1.src );\n            texture2 = loader.load( obj2.src );\n            texture3 = loader.load( obj3.src );\n        }\n\n        disp = loader.load( `${ process.env.BASE_URL }textures/${ dispImage }` );\n        disp.wrapS = THREE.RepeatWrapping;\n        disp.wrapT = THREE.RepeatWrapping;\n\n        texture1.magFilter = THREE.LinearFilter;\n        texture1.minFilter = THREE.LinearFilter;\n        texture2.magFilter = THREE.LinearFilter;\n        texture2.minFilter = THREE.LinearFilter;\n\n        texture1.anisotropy = renderer.capabilities.getMaxAnisotropy();\n        texture2.anisotropy = renderer.capabilities.getMaxAnisotropy();\n\n\n        if ( texture3 ) {\n            texture3.minFilter = THREE.LinearFilter;\n            texture3.magFilter = THREE.LinearFilter;\n            texture3.anisotropy = renderer.capabilities.getMaxAnisotropy();\n        }\n\n\n        // make meterial and geometry and add into the scene\n        const mat = new THREE.ShaderMaterial( {\n            precision: \"lowp\",\n            uniforms: {\n                effectFactor: { type: \"f\", value: intensity },\n                dispFactor: { type: \"f\", value: 0.0 },\n                faceTexture: { type: \"t\", value: texture1 },\n                faceTexture2: { type: \"t\", value: texture1 },\n                disp: { type: \"t\", value: disp }\n            },\n\n            vertexShader: vertex,\n            fragmentShader: fragment,\n            transparent: true,\n            opacity: 1.0\n        } );\n\n        const geometry = new THREE.PlaneBufferGeometry(\n            parent.offsetWidth,\n            parent.offsetHeight,\n            1\n        );\n        const object = new THREE.Mesh( geometry, mat );\n        scene.add( object );\n\n        const setSize = () => {\n            const width = parent.offsetHeight * objRatio;\n            const height = parent.offsetWidth * ( 1 / objRatio );\n\n            if ( width > parent.offsetWidth ) {\n                sizes.width = width;\n                sizes.height = parent.offsetHeight;\n            }\n            if ( height > parent.offsetHeight ) {\n                sizes.width = parent.offsetWidth;\n                sizes.height = height;\n            }\n\n            renderer.setSize( sizes.width, sizes.height );\n        };\n        setSize();\n\n\n        // add animation by requestAnimationFrame and render three.js scene to client side\n        const animate = () => {\n            if ( ( !changing && !isVideo ) || ( isVideo && document.body.scrollTop > 2.5 * window.innerHeight ) ) return;\n            requestAnimationFrame( animate );\n            renderer.render( scene, camera );\n        };\n\n        const handelChanging = ( index ) => {\n\n            if ( changing || index === nowItem )\n                return;\n\n            let t1 = null;\n            let t2 = null;\n            changing = true;\n            animate();\n\n            switch ( index ) {\n\n                case 0:\n                    t2 = texture1;\n                    break;\n                case 1:\n                    t2 = texture2;\n                    break;\n                case 2:\n                    t2 = texture3;\n                    break;\n            }\n\n            t1 = mat.uniforms.faceTexture2.value;\n\n            if ( t1 && t2 ) {\n                mat.uniforms.faceTexture = { type: \"t\", value: t1 };\n                mat.uniforms.faceTexture2 = { type: \"t\", value: t2 };\n                mat.uniforms.dispFactor.value = 0;\n            }\n\n            TweenMax.to( mat.uniforms.dispFactor, {\n                value: 1,\n                ease: easing,\n                duration: speed\n            } );\n\n            timer = setTimeout( () => {\n                nowItem = index;\n                changing = false;\n\n                if ( waiting !== \"\" ) {\n                    handelChanging( waiting );\n                    waiting = \"\";\n                } else {\n                    clearTimeout( timer );\n                    timer = null;\n                }\n            }, speed * 1000 + 30 );\n        };\n\n        // set animation by TweenMax.js\n        this.transition = ( index ) => {\n            if ( changing ) {\n                waiting = index;\n            } else {\n                handelChanging( index );\n            }\n        };\n        this.startAnim = () => {\n            animate();\n        };\n\n        window.addEventListener( \"resize\", ( e ) => {\n            const top = document.body.scrollTop;\n            const height = window.innerHeight;\n            if ( top < 2.5 * height || top > 6 * height ) {\n                objRatio = getRatio();\n                setSize();\n            }\n\n        } );\n\n        if ( format === \"image\" ) {\n            console.log( \"image onTrans\" );\n            this.transition( 0 );\n        }\n    }\n};\n","export const scrollEffect = ( startHeight, endHeight, startValue, EndValue ) => {\n    const a = ( startValue - EndValue ) / ( startHeight - endHeight );\n    const b = ( endHeight * startValue - startHeight * EndValue ) / ( endHeight - startHeight );\n    return { a, b };\n}","// import Swal from 'sweetalert2';\n\n/*\n * 鎖定 input 類型\n */\nconst input_lock = {\n    number: function ( val, callback ) {\n        var self = this;\n        var pnumber = val,\n            regex = /^[0-9-#]+$/,\n            str = '';\n        if ( pnumber == '' ) return;\n        if ( !regex.test( pnumber ) ) {\n            alert( '此欄位限輸入數字。' );\n            // Swal.fire('此欄位限輸入數字。');\n            for ( var i in pnumber ) {\n                if ( regex.test( pnumber[ i ] ) ) str += pnumber[ i ];\n            }\n            setTimeout( function () {\n                callback( str );\n            }, 0 );\n\n        }\n    },\n};\n\n\n/*\n * 檢查中文\n */\nconst type_zh = function ( name ) {\n    var regExp = /^[\\u4e00-\\u9fa5\\s]+$/;\n    if ( name.match( regExp ) && name != ' ' && name != '' ) return true;\n    else return false;\n};\n\nconst personal_id = function ( id ) {\n    var id = id.toUpperCase();\n    var strTab = \"ABCDEFGHJKLMNPQRSTUVWXYZIO\";\n    var A1 = new Array( 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 3, 3, 3, 3, 3, 3 );\n    var A2 = new Array( 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 2, 0, 1, 3, 4, 5 );\n    var Mx = new Array( 9, 8, 7, 6, 5, 4, 3, 2, 1, 1 );\n    if ( !id.match( /^[a-z][12][\\d]{8}$/i ) ) return false;\n    var i = strTab.indexOf( id.charAt( 0 ) );\n    if ( i == -1 ) return false;\n    var sum = A1[ i ] + A2[ i ] * 9;\n    for ( i = 1; i < 10; i++ ) {\n        var v = parseInt( id.charAt( i ) );\n        if ( isNaN( v ) ) return false;\n        sum = sum + v * Mx[ i ];\n    }\n    if ( sum % 10 != 0 ) return false;\n    return true;\n};\n\n\nconst mobile_phone = function ( phone ) {\n    var regExp_1 = \"^[09]{2}[0-9]{2}[0-9]{6}$\",\n        regExp_2 = \"^[09]{2}[0-9]{2}-[0-9]{6}$\",\n        regExp_3 = \"^[09]{2}[0-9]{2}-[0-9]{3}-[0-9]{3}$\";\n\n    if ( phone.match( regExp_1 ) || phone.match( regExp_2 ) || phone.match( regExp_3 ) ) return true;\n    // if (phone.match(regExp_3)) return true;\n    else return false;\n};\n\n\nconst empty = function ( val ) {\n    if ( !val || val == '' || val === undefined || val == NaN ) return false;\n    else return true;\n};\n\nconst email = function ( emailtoCheck ) {\n    var regExp = /^[^@^\\s]+@[^\\.@^\\s]+(\\.[^\\.@^\\s]+)+$/;\n    if ( emailtoCheck.match( regExp ) ) return true;\n    else return false;\n};\n\nconst specialCharacter = function ( str ) {\n    var regExp = /[`~!@#$%^&*()_+<>?:\"{},.\\/;'[\\]]/im;\n    if ( !regExp.test( str ) && str.trim() !== '' ) return true;\n    else return false;\n};\n\n\nexport default {\n    input_lock: input_lock,\n    type_zh: type_zh,\n    personal_id: personal_id,\n    mobile_phone: mobile_phone,\n    empty: empty,\n    email: email,\n    specialCharacter: specialCharacter\n};","import { transferEffect } from \"./transfer\";\nimport { scrollEffect } from \"./scrollEffect\";\nimport verifyFunctions from \"./verification\";\n\nexport const useTransferEffect = transferEffect;\nexport const useScrollEffect = scrollEffect;\nexport const handleVerify = verifyFunctions;\n","import { render } from \"./FirstCut.vue?vue&type=template&id=d6600a58&scoped=true\"\nimport script from \"./FirstCut.vue?vue&type=script&lang=js\"\nexport * from \"./FirstCut.vue?vue&type=script&lang=js\"\n\nimport \"./FirstCut.vue?vue&type=style&index=0&id=d6600a58&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d6600a58\"]])\n\nexport default __exports__","<script>\nimport { ref, onMounted, toRefs, watch, computed, reactive } from \"vue\";\nimport { useScrollEffect } from \"../functions\";\nexport default {\n\tprops: [\"windowWidth\", \"windowHeight\", \"scrollTop\"],\n\tsetup(props) {\n\t\tconst { windowWidth, windowHeight, scrollTop } = toRefs(props);\n\n\t\tconst container = ref(null);\n\t\tconst cover = ref(null);\n\t\tconst textMajor = ref(null);\n\n\t\tconst containerHeight = ref(0);\n\t\tconst imgSrc = reactive({\n\t\t\tpc: require(\"../assets/launchImg/background_c2.jpg\"),\n\t\t\tmobile: require(\"../assets/launchImg/background_c2_mobile.jpg\"),\n\t\t});\n\n\t\tconst innerHeight = computed(() => {\n\t\t\treturn scrollTop.value - containerHeight.value;\n\t\t});\n\n\t\tconst containerCoeff = useScrollEffect(\n\t\t\t-100,\n\t\t\twindowHeight.value,\n\t\t\t100,\n\t\t\t0\n\t\t);\n\t\tconst smallTransfromCoeff = useScrollEffect(\n\t\t\t1 * windowHeight.value,\n\t\t\t3 * windowHeight.value,\n\t\t\t0,\n\t\t\t-30\n\t\t);\n\t\tconst textMajorOPCoeff = useScrollEffect(\n\t\t\t1 * windowHeight.value,\n\t\t\t3 * windowHeight.value,\n\t\t\t1.1,\n\t\t\t-0.5\n\t\t);\n\t\tconst coverCoeff = useScrollEffect(\n\t\t\t1.1 * windowHeight.value,\n\t\t\t1.7 * windowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\t\tconst majorCoeff = useScrollEffect(\n\t\t\t0,\n\t\t\t1 * windowHeight.value,\n\t\t\t0,\n\t\t\t0.013 * windowWidth.value + 24.9\n\t\t);\n\n\t\tonMounted(() => {\n\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\t});\n\t\t});\n\n\t\twatch(\n\t\t\t() => innerHeight.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value > -100 &&\n\t\t\t\t\tinnerHeight.value < windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tcontainer.value.style.backgroundPosition = `center calc(50%${\n\t\t\t\t\t\twindowWidth.value <= 650 ? \" - 12vw\" : \"\"\n\t\t\t\t\t} + ${nv * containerCoeff.a + containerCoeff.b}px)`;\n\t\t\t\t\ttextMajor.value.style.filter = `blur(${nv * majorCoeff.a +\n\t\t\t\t\t\tmajorCoeff.b}px)`;\n\t\t\t\t\ttextMajor.value.style.opacity = 1;\n\t\t\t\t} else if (\n\t\t\t\t\tinnerHeight.value > 1 * windowHeight.value &&\n\t\t\t\t\tinnerHeight.value < 3 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tcontainer.value.style.transform = `translateY(${nv *\n\t\t\t\t\t\tsmallTransfromCoeff.a +\n\t\t\t\t\t\tsmallTransfromCoeff.b}px)`;\n\t\t\t\t\ttextMajor.value.style.filter = `blur(${nv * majorCoeff.a +\n\t\t\t\t\t\tmajorCoeff.b}px)`;\n\t\t\t\t\ttextMajor.value.style.opacity = `${nv * textMajorOPCoeff.a +\n\t\t\t\t\t\ttextMajorOPCoeff.b}`;\n\t\t\t\t} else if (innerHeight.value >= 3 * windowHeight.value) {\n\t\t\t\t\ttextMajor.value.style.opacity = 0;\n\t\t\t\t} else {\n\t\t\t\t\t//textMajor.value.style.filter = \"blur(0px)\";\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > 1.1 * windowHeight.value) {\n\t\t\t\t\tcover.value.style.opacity = `${nv * coverCoeff.a +\n\t\t\t\t\t\tcoverCoeff.b}`;\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t\treturn {\n\t\t\tcontainer,\n\t\t\twindowWidth,\n\t\t\timgSrc,\n\t\t\tcover,\n\t\t\ttextMajor,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<section id=\"description\">\n\t\t<img\n\t\t\t:src=\"windowWidth > 650 ? imgSrc.pc : imgSrc.mobile\"\n\t\t\talt=\"G26全新BMW 4系列Gran Coupé豪華四門跑車\"\n\t\t/>\n\t\t<div\n\t\t\tclass=\"bg_c2 sticky-wrapper\"\n\t\t\tref=\"container\"\n\t\t\t:style=\"{\n\t\t\t\tbackgroundImage: `url(${\n\t\t\t\t\twindowWidth > 650 ? imgSrc.pc : imgSrc.mobile\n\t\t\t\t})`,\n\t\t\t}\"\n\t\t>\n\t\t\t<div class=\"contain-img\"></div>\n\t\t\t<div class=\"text-container\">\n\t\t\t\t<div class=\"the-4-text\">\n\t\t\t\t\t<div class=\"text_major text_en_light\" ref=\"textMajor\"\n\t\t\t\t\t\t>4</div\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"cover\" ref=\"cover\"></div>\n\t\t</div>\n\t</section>\n\t<section id=\"description-text\">\n\t\t<div class=\"sticky-wrapper\">\n\t\t\t<p class=\"title_sub text_ch_medium\">\n\t\t\t\t<span>無須造就，鋒芒自然顯露！</span><br />\n\t\t\t\t<span\n\t\t\t\t\t>全新世代 <span class=\"text_en_bold\">BMW 4 </span>系列\n\t\t\t\t\t<span class=\"text_en_bold\"> Gran Coupé，</span></span\n\t\t\t\t><br />\n\t\t\t\t<span\n\t\t\t\t\t>前衛優雅的絕美流線、寬敞實用的<br\n\t\t\t\t\t\tclass=\"mobile_break\"\n\t\t\t\t\t/>豪華座艙、俐落沉穩的極致身手，</span\n\t\t\t\t><br />\n\t\t\t\t<span>無不展現獨一無二的耀眼風采，獨到鋒格，自成一格！</span>\n\t\t\t</p>\n\t\t</div>\n\t</section>\n</template>\n\n<style lang=\"sass\" scoped>\n#description\n    z-index: 58\n    background-color: #010b24\n    img\n        display: none\n    .bg_c2\n        width: 100%\n        background-size: cover\n        background-repeat: no-repeat\n        background-position: center calc(50% + 100px)\n        // background-position: center calc(50% + 100px + 100.02vw - 509.2px)\n        .contain-img\n            display: none\n            position: absolute\n            width: 100%\n            height: 35px\n            bottom: -35px\n            background-color: #010b24\n            background-size: 100% 35px\n            -webkit-background-size: 100% 35px\n            -moz-background-size: 100% 35px\n            -o-background-size: 100% 35px\n            background-position: center bottom\n            background-repeat: no-repeat\n            z-index: 90\n        .cover\n            position: absolute\n            width: 100%\n            height: 40%\n            left: 0\n            bottom: -5px\n            opacity: 0\n            background-image: linear-gradient(0deg, rgba(1,11,36,1) 0%, rgba(1,11,36,1) 20%, rgba(222,0,55,0.4) 75%, rgba(255,0,0,0) 100%)\n        .text-container\n            position: relative\n            width: 100%\n            height: 100%\n            top: 0\n            display: flex\n            justify-content: center\n            align-items: center\n            .the-4-text\n                position: relative\n                width: calc(0.55 * (52vw + 202.4px))\n                height: calc(21.5vw + 216.2px)\n                .text_major\n                    position: absolute\n                    left: 50%\n                    top: 50%\n                    transform: translate(-50%, -50%)\n                    height: 100%\n                    width: 100%\n                    font-size: calc(52vw + 202.4px)\n                    line-height: calc(21.5vw + 216.2px)\n                    mix-blend-mode: difference\n                    z-index: 110\n                    color: #00ceff\n\n#description-text\n    z-index: 58\n    .sticky-wrapper\n        width: 100%\n        .title_sub\n            position: relative\n            top: 75%\n            font-size: 1.7rem\n            line-height: 2.12\n            letter-spacing: 2.04px\n            text-align: center\n            z-index: 70\n            span\n                font-size: inherit\n                &.text_en_bold\n                    letter-spacing: 1.28px\n            .mobile_break\n                display: none\n\n@media screen and (max-width: 1440px)\n    #description-text\n        .sticky-wrapper\n            .title_sub\n                top: 73%\n                // transform: scale(0.9)\n@media screen and (max-width: 1200px)\n    #description-text\n        .sticky-wrapper\n            .title_sub\n                // transform: scale(1)\n@media screen and (max-width: 768px)\n    #description-text\n        .sticky-wrapper\n            .title_sub\n                font-size: 1.2rem\n                line-height: 2.08\n                letter-spacing: 1.2px\n                .mobile_break\n                    display: block\n                    &.comma\n                        display: inline\n                .pc_break\n                    display: none\n@media screen and (max-width: 650px)\n    #description\n        .bg_c2\n            background-size: 100% auto\n            background-position: center calc(50% - 12vw + 100px)\n            .contain-img\n                display: block\n            .main-cover\n                top: calc(2.6vw + 300px + 52.7% - 367px)\n            .cover\n                height: 80%\n    #description-text\n        .sticky-wrapper\n            .title_sub\n                // top: calc(2.6vw + 310px + 146.2px + 51.9% - 361.6px)\n                top: 65%\n</style>\n","import { render } from \"./SecondCut.vue?vue&type=template&id=226b805a&scoped=true\"\nimport script from \"./SecondCut.vue?vue&type=script&lang=js\"\nexport * from \"./SecondCut.vue?vue&type=script&lang=js\"\n\nimport \"./SecondCut.vue?vue&type=style&index=0&id=226b805a&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-226b805a\"]])\n\nexport default __exports__","<script>\nimport { ref, onMounted, toRefs, watch, computed, reactive } from \"vue\";\nimport { useScrollEffect } from \"../functions\";\nexport default {\n\tprops: [\"windowWidth\", \"windowHeight\", \"scrollTop\", \"nowFeature\", \"isOpen\"],\n\temits: [\"changeContentStatus\", \"changeShowIndex\"],\n\tsetup(props, { emit }) {\n\t\tconst { windowWidth, windowHeight, scrollTop, nowFeature } = toRefs(\n\t\t\tprops\n\t\t);\n\n\t\tconst container = ref(null);\n\t\tconst imgA = ref(null);\n\t\tconst imgB = ref(null);\n\t\tconst mainTitle = ref(null);\n\t\tconst cover = ref(null);\n\t\tconst featuresA = ref(null);\n\t\tconst featuresB = ref(null);\n\t\tconst featureA1 = ref(null);\n\t\tconst featureA2 = ref(null);\n\t\tconst featureB1 = ref(null);\n\t\tconst featureB2 = ref(null);\n\t\tconst lineA1 = ref(null);\n\t\tconst lineA2 = ref(null);\n\t\tconst lineB1 = ref(null);\n\t\tconst lineB2 = ref(null);\n\n\t\tconst containerHeight = ref(0);\n\t\tconst imgSrcA = reactive({\n\t\t\tpc: require(\"../assets/launchImg/background_c3-1.jpg\"),\n\t\t\tmobile: require(\"../assets/launchImg/background_c3-1_mobile.jpg\"),\n\t\t});\n\t\tconst imgSrcB = reactive({\n\t\t\tpc: require(\"../assets/launchImg/background_c3-2.jpg\"),\n\t\t\tmobile: require(\"../assets/launchImg/background_c3-2_mobile.jpg\"),\n\t\t});\n\n\t\tconst innerHeight = computed(() => {\n\t\t\treturn scrollTop.value - containerHeight.value;\n\t\t});\n\n\t\tconst containerCoeff = useScrollEffect(\n\t\t\t-100,\n\t\t\t1 * windowHeight.value,\n\t\t\t100,\n\t\t\t0\n\t\t);\n\t\tconst fadeInCoeff = useScrollEffect(\n\t\t\t0.8 * windowHeight.value,\n\t\t\t1.4 * windowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\t\tconst fadeOutCoeff = useScrollEffect(\n\t\t\t2 * windowHeight.value,\n\t\t\t2.6 * windowHeight.value,\n\t\t\t-1.1,\n\t\t\t1.1\n\t\t);\n\t\tconst textCoeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t2.3 * windowHeight.value,\n\t\t\t\t2.6 * windowHeight.value,\n\t\t\t\t-0.5,\n\t\t\t\t1.1\n\t\t\t);\n\t\t});\n\t\tconst imgCoeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t3.0 * windowHeight.value,\n\t\t\t\t3.6 * windowHeight.value,\n\t\t\t\t-1.1,\n\t\t\t\t1.1\n\t\t\t);\n\t\t});\n\t\tconst imgXOffset = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t3.9 * windowHeight.value,\n\t\t\t\t5 * windowHeight.value,\n\t\t\t\t0,\n\t\t\t\twindowWidth.value > 992 ? -60 : -95\n\t\t\t);\n\t\t});\n\t\tconst zoomCoeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t1 * windowHeight.value,\n\t\t\t\t3.3 * windowHeight.value,\n\t\t\t\t1,\n\t\t\t\t1.05\n\t\t\t);\n\t\t});\n\n\t\tconst isShow = computed({\n\t\t\tget: () => {\n\t\t\t\treturn props.isOpen;\n\t\t\t},\n\t\t\tset: (val) => {\n\t\t\t\temit(\"changeContentStatus\", val);\n\t\t\t},\n\t\t});\n\t\tconst showContent = (val) => {\n\t\t\tisShow.value = !isShow.value;\n\t\t\temit(\"changeShowIndex\", val);\n\t\t};\n\n\t\tonMounted(() => {\n\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\tif (\n\t\t\t\twindowWidth.value / windowHeight.value < 1920 / 1080 &&\n\t\t\t\twindowWidth.value > 992\n\t\t\t) {\n\t\t\t\timgB.value.style.backgroundSize = \"auto 100%\";\n\t\t\t}\n\t\t\tif (windowWidth.value <= 420) {\n\t\t\t\tfeatureB1.value.style.left = `${0.185 * windowWidth.value +\n\t\t\t\t\t205.8 +\n\t\t\t\t\t0.344 * windowHeight.value -\n\t\t\t\t\t333}px`;\n\t\t\t}\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\t\tif (\n\t\t\t\t\twindowWidth.value / windowHeight.value < 1920 / 1080 &&\n\t\t\t\t\twindowWidth.value > 992\n\t\t\t\t) {\n\t\t\t\t\timgB.value.style.backgroundSize = \"auto 100%\";\n\t\t\t\t}\n\t\t\t\tif (windowWidth.value <= 420) {\n\t\t\t\t\tfeatureB1.value.style.left = `${0.185 * windowWidth.value +\n\t\t\t\t\t\t205.8 +\n\t\t\t\t\t\t0.344 * windowHeight.value -\n\t\t\t\t\t\t333}px`;\n\t\t\t\t} else {\n\t\t\t\t\tfeatureB1.value.style.removeProperty(\"left\");\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\twatch(\n\t\t\t() => innerHeight.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value > -100 &&\n\t\t\t\t\tinnerHeight.value < 1 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tcontainer.value.style.backgroundPosition = `center calc(50%${\n\t\t\t\t\t\twindowWidth.value <= 650 ? \" - 12vw\" : \"\"\n\t\t\t\t\t} + ${nv * containerCoeff.a + containerCoeff.b}px)`;\n\t\t\t\t} else if (\n\t\t\t\t\tinnerHeight.value > windowHeight.value &&\n\t\t\t\t\tinnerHeight.value < 3.9 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\timgA.value.style.transform = `translateY(-50%) scale(${nv *\n\t\t\t\t\t\tzoomCoeff.value.a +\n\t\t\t\t\t\tzoomCoeff.value.b})`;\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > 0.8 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = `${nv * fadeInCoeff.a +\n\t\t\t\t\t\tfadeInCoeff.b}`;\n\t\t\t\t\tcover.value.style.opacity = `${nv * fadeInCoeff.a +\n\t\t\t\t\t\tfadeInCoeff.b}`;\n\t\t\t\t} else if (innerHeight.value <= 0.8 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = 0;\n\t\t\t\t\tcover.value.style.opacity = 0;\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > 2 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = `${-nv * fadeOutCoeff.a -\n\t\t\t\t\t\tfadeOutCoeff.b}`;\n\t\t\t\t\tcover.value.style.opacity = `${-nv * fadeOutCoeff.a -\n\t\t\t\t\t\tfadeOutCoeff.b}`;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value >= 2.3 * windowHeight.value &&\n\t\t\t\t\tinnerHeight.value <= 3.3 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tif (!featureA1.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\t// featureA1.value.style.transform = `translate(${\n\t\t\t\t\t\t// \twindowWidth.value > 992 ? \"-15vw, 0\" : \"0, -150px\"\n\t\t\t\t\t\t// })`;\n\t\t\t\t\t\tfeatureA1.value.classList.add(\"rush-in\");\n\t\t\t\t\t\tfeatureA1.value.classList.remove(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t\tif (!featureA2.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\t// featureA2.value.style.transform = `translate(${\n\t\t\t\t\t\t// \twindowWidth.value > 992 ? \"-15vw, 0\" : \"0, 150px\"\n\t\t\t\t\t\t// })`;\n\t\t\t\t\t\tfeatureA2.value.classList.add(\"rush-in\");\n\t\t\t\t\t\tfeatureA2.value.classList.remove(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (featureA1.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\t// featureA1.value.style.transform = `translate(0px, 0px)`;\n\t\t\t\t\t\tfeatureA1.value.classList.remove(\"rush-in\");\n\t\t\t\t\t\tfeatureA1.value.classList.add(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t\tif (featureA2.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\t// featureA2.value.style.transform = `translate(0px, 0px)`;\n\t\t\t\t\t\tfeatureA2.value.classList.remove(\"rush-in\");\n\t\t\t\t\t\tfeatureA2.value.classList.add(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value > 3 * windowHeight.value &&\n\t\t\t\t\tinnerHeight.value < 3.6 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\timgB.value.style.opacity = `${nv * imgCoeff.value.a +\n\t\t\t\t\t\timgCoeff.value.b}`;\n\t\t\t\t} else if (innerHeight.value <= 3 * windowHeight.value) {\n\t\t\t\t\timgB.value.style.opacity = 0;\n\t\t\t\t} else {\n\t\t\t\t\timgB.value.style.opacity = 1;\n\t\t\t\t\tif (\n\t\t\t\t\t\tinnerHeight.value > 3.9 * windowHeight.value &&\n\t\t\t\t\t\tinnerHeight.value <= 5 * windowHeight.value\n\t\t\t\t\t) {\n\t\t\t\t\t\timgA.value.style.transform =\n\t\t\t\t\t\t\t\"translateY(-50%) scale(1)\";\n\t\t\t\t\t\timgB.value.style.backgroundPosition = `${-nv *\n\t\t\t\t\t\t\timgXOffset.value.a -\n\t\t\t\t\t\t\timgXOffset.value.b}% center`;\n\t\t\t\t\t\tfeaturesB.value.style.transform = `translateX(${0.3 *\n\t\t\t\t\t\t\t(nv * imgXOffset.value.a + imgXOffset.value.b)}%)`;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value >= 3.6 * windowHeight.value) {\n\t\t\t\t\tfeaturesB.value.style.zIndex = 92;\n\t\t\t\t\tif (!featureB1.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\t// featureB1.value.style.transform = `translate(${\n\t\t\t\t\t\t// \twindowWidth.value > 992 ? \"-15vw, 0\" : \"0, -150px\"\n\t\t\t\t\t\t// })`;\n\t\t\t\t\t\tfeatureB1.value.classList.add(\"rush-in\");\n\t\t\t\t\t\tfeatureB1.value.classList.remove(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t\tif (!featureB2.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\t// featureB2.value.style.transform = `translate(${\n\t\t\t\t\t\t// \twindowWidth.value > 992 ? \"-15vw, 0\" : \"0, 150px\"\n\t\t\t\t\t\t// })`;\n\t\t\t\t\t\tfeatureB2.value.classList.add(\"rush-in\");\n\t\t\t\t\t\tfeatureB2.value.classList.remove(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tfeaturesB.value.style.zIndex = 88;\n\t\t\t\t\tif (featureB1.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\t// featureB1.value.style.transform = `translate(0px, 0px)`;\n\t\t\t\t\t\tfeatureB1.value.classList.remove(\"rush-in\");\n\t\t\t\t\t\tfeatureB1.value.classList.add(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t\tif (featureB2.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\t// featureB2.value.style.transform = `translate(0px, 0px)`;\n\t\t\t\t\t\tfeatureB2.value.classList.remove(\"rush-in\");\n\t\t\t\t\t\tfeatureB2.value.classList.add(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn {\n\t\t\tcontainer,\n\t\t\twindowWidth,\n\t\t\timgSrcA,\n\t\t\timgSrcB,\n\t\t\timgA,\n\t\t\timgB,\n\t\t\tcover,\n\t\t\tmainTitle,\n\t\t\ttextCoeff,\n\t\t\tfeaturesA,\n\t\t\tfeaturesB,\n\t\t\tfeatureA1,\n\t\t\tfeatureA2,\n\t\t\tfeatureB1,\n\t\t\tfeatureB2,\n\t\t\tlineA1,\n\t\t\tlineA2,\n\t\t\tlineB1,\n\t\t\tlineB2,\n\t\t\tshowContent,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<section id=\"exterior\">\n\t\t<div class=\"bg_c3 sticky-wrapper\" ref=\"container\">\n\t\t\t<img\n\t\t\t\t:src=\"windowWidth > 992 ? imgSrcA.pc : imgSrcA.mobile\"\n\t\t\t\talt=\"G26全新BMW 4系列Gran Coupé豪華四門跑車外觀 Air Breather 車側導流氣孔 霧黑運動化側裙\"\n\t\t\t\tref=\"imgA\"\n\t\t\t/>\n\t\t\t<img\n\t\t\t\tclass=\"imgB\"\n\t\t\t\t:src=\"windowWidth > 992 ? imgSrcB.pc : imgSrcB.mobile\"\n\t\t\t\talt=\"G26全新BMW 4系列Gran Coupé豪華四門跑車外觀 平整化車門把手 掀背式電動尾門\"\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclass=\"f2_img\"\n\t\t\t\t:style=\"{\n\t\t\t\t\tbackgroundImage: `url(${\n\t\t\t\t\t\twindowWidth > 992 ? imgSrcB.pc : imgSrcB.mobile\n\t\t\t\t\t})`,\n\t\t\t\t}\"\n\t\t\t\tref=\"imgB\"\n\t\t\t/>\n\t\t\t<div class=\"contain-img\"></div>\n\t\t\t<div class=\"main-cover\" ref=\"mainTitle\">\n\t\t\t\t<h2 class=\"title_main text_ch_medium shine\">\n\t\t\t\t\t<span class=\"inner_title_main\">鋒芒美學 獨具一</span>\n\t\t\t\t\t<span>格</span>\n\t\t\t\t</h2>\n\t\t\t\t<p class=\"title_sub text_ch_medium\">\n\t\t\t\t\t<span>難以模仿的前衛設計語彙，</span><br />\n\t\t\t\t\t<span>\n\t\t\t\t\t\t創造出過目難忘的優雅流線，\n\t\t\t\t\t\t<br class=\"mobile_break\" />\n\t\t\t\t\t\t以獨到的鋒芒美學，掠奪世人目光。\n\t\t\t\t\t</span>\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<div class=\"cover\" ref=\"cover\"></div>\n\t\t</div>\n\t</section>\n\t<section id=\"exterior-text\">\n\t\t<div class=\"sticky-wrapper\">\n\t\t\t<div class=\"features_A\" ref=\"featuresA\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"feature feature_A-1 text_ch_heavy\"\n\t\t\t\t\t@click=\"showContent(0)\"\n\t\t\t\t\tref=\"featureA1\"\n\t\t\t\t>\n\t\t\t\t\t<p\n\t\t\t\t\t\t><span class=\"text_en_bold\">Air Breather </span\n\t\t\t\t\t\t>車側導流氣孔</p\n\t\t\t\t\t>\n\t\t\t\t\t<span class=\"arrow_goto\"></span>\n\t\t\t\t</div>\n\t\t\t\t<!-- <span class=\"indicated-line line_A-1\" ref=\"lineA1\"></span> -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"feature feature_A-2 text_ch_heavy\"\n\t\t\t\t\t@click=\"showContent(1)\"\n\t\t\t\t\tref=\"featureA2\"\n\t\t\t\t>\n\t\t\t\t\t<p>霧黑運動化側裙</p>\n\t\t\t\t\t<span class=\"arrow_goto\"></span>\n\t\t\t\t</div>\n\t\t\t\t<!-- <span class=\"indicated-line line_A-2\" ref=\"lineA2\"></span> -->\n\t\t\t</div>\n\t\t\t<div class=\"features_B\" ref=\"featuresB\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"feature feature_B-1 text_ch_heavy\"\n\t\t\t\t\t@click=\"showContent(2)\"\n\t\t\t\t\tref=\"featureB1\"\n\t\t\t\t>\n\t\t\t\t\t<p>平整化車門把手</p>\n\t\t\t\t\t<span class=\"arrow_goto\"></span>\n\t\t\t\t</div>\n\t\t\t\t<!-- <span class=\"indicated-line line_B-1\" ref=\"lineB1\"></span> -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"feature feature_B-2 text_ch_heavy\"\n\t\t\t\t\t@click=\"showContent(3)\"\n\t\t\t\t\tref=\"featureB2\"\n\t\t\t\t>\n\t\t\t\t\t<p>掀背式電動尾門</p>\n\t\t\t\t\t<span class=\"arrow_goto\"></span>\n\t\t\t\t</div>\n\t\t\t\t<!-- <span class=\"indicated-line line_B-2\" ref=\"lineB2\"></span> -->\n\t\t\t</div>\n\t\t</div>\n\t</section>\n</template>\n\n<style lang=\"sass\" scoped>\n$timing: cubic-bezier(0.83, 0, 0.17, 1)\n// $timing: cubic-bezier(0.22, 1, 0.36, 1)\n// $timing: cubic-bezier(0.64, 0, 0.78, 0)\n$offset: 75px\n\n#exterior\n    z-index: 57\n    // z-index: 67\n    background-color: #111\n    .bg_c3\n        width: 100%\n        // background-size: cover\n        // background-repeat: no-repeat\n        // background-position: center calc(50% + 100px)\n        // background-position: center calc(50% + 100px + 100.02vw - 509.2px)\n        img\n            position: absolute\n            width: 100%\n            height: 100%\n            top: 50%\n            transform: translateY(-50%)\n            object-fit: cover\n        .imgB\n            display: none\n        .f2_img\n            position: absolute\n            left: 0\n            top: 0\n            width: 100%\n            height: 100%\n            background-size: 130% auto\n            background-repeat: no-repeat\n            background-position: 0 center\n            opacity: 0\n            &::before\n                content: \"\"\n                position: absolute\n                display: none\n                width: 100%\n                height: 58.3%\n                left: 0px\n                bottom: 0\n                background-image: linear-gradient(to bottom, transparent 2%, rgba(#000, 0.9) 98%)\n                background-repeat: no-repeat\n        .contain-img\n            display: none\n            position: absolute\n            width: 100%\n            height: 20%\n            bottom: 0px\n            background-image: linear-gradient(to bottom, transparent 2%, #000 98%)\n            background-position: center\n            background-repeat: no-repeat\n            z-index: 90\n        .cover\n            position: absolute\n            width: 100%\n            height: calc(100% + 60px)\n            left: 0\n            bottom: -5px\n            opacity: 0\n            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 1))\n        .main-cover\n            position: relative\n            width: 90%\n            margin: 0 auto\n            top: 70%\n            z-index: 90\n            text-align: center\n            overflow: hidden\n            h2\n                position: relative\n                width: 100vw\n                left: 50%\n                transform: translateX(-50%)\n                text-align: center\n                font-size: 3rem\n                line-height: 2.83\n                color: #999\n                span\n                    letter-spacing: normal\n                    font-size: inherit\n                    &.inner_title_main\n                        letter-spacing: 15px\n                &.shine\n                        animation: shine 4s infinite linear forwards\n            .title_sub\n                position: relative\n                margin-top: 10px\n                font-size: 1.7rem\n                line-height: 2.12\n                letter-spacing: 3.06px\n                text-align: center\n                z-index: 70\n                span\n                    font-size: inherit\n                .mobile_break\n                    display: none\n\n#exterior-text\n    width: calc(100% - 50px)\n    z-index: 67\n    .sticky-wrapper\n        width: 100%\n        .features_B\n            z-index: 88\n        .features_A, .features_B\n            position: absolute\n            width: 100%\n            height: 100%\n            z-index: 90\n            top: 0\n            // .indicated-line\n            //     position: absolute\n            //     display: block\n            //     width: 150px\n            //     height: 1px\n            //     left: -160px\n            //     top: 50%\n            //     transform: translateY(-50%)\n            //     background-image: linear-gradient(to right, transparent 2%, #fff 98%)\n            //     background-size: cover\n            //     background-repeat: no-repeat\n            //     &.line_A-1\n            //         left: calc(54.5vw + 184.4px)\n            //         top: 60.5%\n            //     &.line_A-2\n            //         left: calc(56.9vw + 236px)\n            //         top: 76%\n            //     &.line_B-1\n            //         left: 68%\n            //         top: 50%\n            //     &.line_B-2\n            //         left: 35%\n            //         top: 55%\n            .feature\n                position: absolute\n                cursor: pointer\n                user-select: none\n                transform: translateX(-15vw)\n                opacity: 0\n                transition: opacity 0.5s $timing, transform 0.5s $timing\n                &.rush-in\n                    opacity: 1\n                    transform: translateX(0px)\n                    // animation: rushIn 0.5s $timing 1 forwards\n                &.rush-out\n                    opacity: 0\n                    transform: translateX(-15vw)\n                    transition: opacity 0.3s $timing, transform 0.3s $timing\n                    // animation: rushOut 0.3s ease 1 forwards\n                &::before\n                    content: \"\"\n                    position: absolute\n                    display: block\n                    width: 150px\n                    height: 1px\n                    left: -160px\n                    top: 50%\n                    transform: translateY(-50%)\n                    background-image: linear-gradient(to right, transparent 2%, #fff 98%)\n                    background-size: cover\n                    background-repeat: no-repeat\n                &::after\n                    content: \"\"\n                    position: absolute\n                    display: block\n                    width: 100%\n                    height: 3px\n                    left: 0px\n                    bottom: 0\n                    transform: translateY(-50%)\n                    background-image: url(\"~@/assets/color-bar.png\")\n                    background-repeat: repeat-x\n                    background-position: 0 0\n                    animation: color-bar-loop 2.5s linear infinite forwards\n                    background-size: 400px 6px\n                p\n                    display: inline-block\n                    font-size: 1.8rem\n                    line-height: 2.4\n                    letter-spacing: 1.35px\n                    vertical-align: middle\n                    span\n                        font-size: 1.5rem\n                .arrow_goto\n                    display: inline-block\n                    vertical-align: middle\n                    width: 14px\n                    height: 32px\n                    margin-left: 8px\n                    background-image: url(\"~@/assets/launchImg/plus.png\")\n                    background-size: 30px 32px\n                    background-position: center 4px\n                    background-repeat: no-repeat\n                    animation: nav_anim 2.5s ease infinite forwards\n                &.feature_A-1\n                    left: calc(54.5vw + 253.4px)\n                    top: calc(60.5% + 10px)\n                    &::before\n                        width: 5vw\n                        left: calc(-5vw - 10px)\n                &.feature_A-2\n                    left: calc(56.9vw + 271px)\n                    top: calc(76% + 40px)\n                    transition: opacity 0.5s 0.25s $timing, transform 0.5s 0.25s $timing\n                    &::before\n                        width: 10vw\n                        left: calc(-10vw - 10px)\n                    &.rush-in\n                        // animation-delay: 0.25s\n                    &.rush-out\n                        // animation-delay: 0.15s\n                        transition: opacity 0.3s 0.15s $timing, transform 0.3s 0.15s $timing\n                &.feature_B-1\n                    left: 68%\n                    top: 50%\n                    transition: opacity 0.5s 0.25s $timing, transform 0.5s 0.25s $timing\n                    &.rush-out\n                        transition: opacity 0.3s 0.15s $timing, transform 0.3s 0.15s $timing\n                &.feature_B-2\n                    left: 35%\n                    top: 55%\n\n                    &::before\n                        width: 290px\n                        left: -300px\n                    &.rush-in\n                        // animation-delay: 0.25s\n                    &.rush-out\n                        // animation-delay: 0.15s\n\n@media screen and (min-width: 1515px)\n    #exterior-text\n        .sticky-wrapper\n            .features_A, .features_B\n                .feature\n                    &.feature_A-1\n                        // transform: translateX(2.8vw)\n                        &::before\n                            width: 7.8vw\n                            left: calc(-7.8vw - 10px)\n                    &.feature_A-2\n\n@media screen and (max-width: 1440px)\n    #exterior-text\n        .sticky-wrapper\n            .features_A, .features_B\n                .feature\n                    .arrow_goto\n                        background-position: center 3px\n\n@media screen and (max-width: 992px)\n    #exterior-text\n        .sticky-wrapper\n            .features_A, .features_B\n                .feature\n                    // transition: opacity 0.5s $timing, transform 0.5s $timing\n                    &.feature_A-1\n                        // left: 50%\n                        // top: 40%\n                        left: calc(61.4vw - 109.1px)\n                        top: calc(17.4vw + 157.4px + 73.4% - 623.7px)\n                        transform: translate(0px, $offset)\n                        &.rush-in\n                            transform: translate(0px, 0px)\n                            // animation: rushUpIn 0.5s $timing 1 forwards\n                        &.rush-out\n                            transform: translate(0px, $offset)\n                            // animation: rushUpOut 0.3s $timing 1 forwards\n                        &::before\n                            width: 1px\n                            height: 270px\n                            background-image: linear-gradient(to top, transparent 2%, #fff 98%)\n                            left: 50%\n                            top: calc(100% + 10px)\n                            transform: translateX(-50%)\n                    &.feature_A-2\n                        // left: 53.5%\n                        // top: 90%\\\n                        // left: calc(60vw - 60.4px)\n                        left: calc(79.8vw - 84.9px)\n                        // top: calc(24.9vw + 518.5px + 73.4% - 623.7px)\n                        top: calc(24.9vw + 530.5px + 73.4% - 623.7px)\n                        transform: translate(0px, $offset * -1)\n                        &.rush-in\n                            transform: translate(0px, 0px)\n                            // animation: rushDownIn 0.5s $timing 1 forwards\n                        &.rush-out\n                            transform: translate(0px, $offset * -1)\n                            // animation: rushDownOut 0.3s $timing 1 forwards\n                        &::before\n                            width: 1px\n                            height: 90px\n                            background-image: linear-gradient(to bottom, transparent 2%, #fff 98%)\n                            left: 50%\n                            top: -90px\n                            transform: translateX(-50%)\n                    &.feature_B-1\n                        // left: 68%\n                        left: calc(64.6vw - 75.1px)\n                        top: calc(76% + 73.4% - 510.7px)\n                        transform: translate(0px, $offset * -1)\n                        &.rush-in\n                            transform: translate(0px, 0px)\n                            // animation: rushUpIn 0.5s $timing 1 forwards\n                        &.rush-out\n                            transform: translate(0px, $offset * -1)\n                            // animation: rushUpOut 0.3s $timing 1 forwards\n                        &::before\n                            width: 1px\n                            height: 190px\n                            background-image: linear-gradient(to bottom, transparent 2%, #fff 98%)\n                            left: 50%\n                            top: -190px\n                            transform: translateX(-50%)\n                    &.feature_B-2\n                        // left: 17%\n                        left: calc(27.6vw - 75.4px)\n                        top: calc(32% + 73.4% - 549.7px)\n                        transform: translate(0px, $offset)\n                        &.rush-in\n                            transform: translate(0px, 0px)\n                            // animation: rushDownIn 0.5s $timing 1 forwards\n                        &.rush-out\n                            transform: translate(0px, $offset)\n                            // animation: rushDownOut 0.3s $timing 1 forwards\n                        &::before\n                            width: 1px\n                            height: 110px\n                            background-image: linear-gradient(to top, transparent 2%, #fff 98%)\n                            left: 50%\n                            top: calc(100% + 10px)\n                            transform: translateX(-50%)\n@media screen and (max-width: 768px)\n    #exterior\n        .bg_c3\n            .f2_img\n                &::before\n                    display: block\n            .main-cover\n                .title_main\n                    line-height: 2.22\n                    span\n                        font-size: 1.8rem\n                        &.inner_title_main\n                            letter-spacing: 10.8px\n                .title_sub\n                    font-size: 1.2rem\n                    line-height: 2.08\n                    letter-spacing: 1.44px\n    #exterior-text\n        .sticky-wrapper\n            .features_A, .features_B\n                .feature\n                    &::after\n                        height: 2px\n                    p\n                        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16)\n                        font-size: 1.4rem\n                        line-height: 2.57\n                        letter-spacing: 0.7px\n                        font-family: arudjingxiheipe1xg30_md, 微軟正黑體\n                        span\n                            font-size: inherit\n                            font-family: \"BMWTypeNextLatinTT-Thin\", serif\n                    .arrow_goto\n                        width: 10px\n                        height: 23px\n                        margin-left: 5px\n                        background-size: 21px 23px\n                        background-position: center 2px\n\n@media screen and (max-width: 650px)\n    #exterior\n        .bg_c3\n            // background-size: 100% auto\n            // background-position: center calc(50% - 20px)\n            // background-position: center calc(50% - 12vw + 100px)\n            .f2_img\n                // background-size: auto 100%\n            .contain-img\n                display: block\n            .main-cover\n                // top: calc(2.6vw + 300px + 52.7% - 367px)\n                top: 68%\n                .title_sub\n                    margin: 0\n                    .pc_break\n                        display: none\n                    .mobile_break\n                        display: block\n            .cover\n                height: 55%\n                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 76%)\n@media screen and (max-width: 420px)\n    #exterior\n        .bg_c3\n            // background-size: 100% auto\n            // background-position: center calc(50% - 20px)\n            // background-position: center calc(50% - 12vw + 100px)\n            .f2_img\n                background-size: auto 100%\n    #exterior-text\n        .sticky-wrapper\n            .features_B\n                .feature\n                    &.feature_B-1\n                        left: calc(18.5vw + 205.8px + 34.4vh - 333px)\n                        top: calc(7.5vw + 590px + 48.7% - 414px)\n                    &.feature_B-2\n                        left: calc(13vw + 19.5px + 8.4vh - 90px)\n                        top: calc(-2.5vw + 296.7px + 48.7% - 414px)\n@media screen and (max-height: 600px)\n    #exterior\n        .bg_c3\n            .main-cover\n                top: 63%\n    #exterior-text\n        .sticky-wrapper\n            .features_A, .features_B\n                .feature\n                    &.feature_A-1\n                        transform: translateY(40px)\n                        &::before\n                            height: 230px\n                        &.rush-in\n                            transform: translate(0px, 60px)\n                    &.feature_A-2\n                        &.rush-in\n                            transform: translate(0px, 40px)\n                    &.feature_B-1\n                        &::before\n                            height: 90px\n                            top: -100px\n                    &.feature_B-2\n                        &::before\n                            height: 90px\n</style>\n","import { render } from \"./ThirdCut.vue?vue&type=template&id=16016978&scoped=true\"\nimport script from \"./ThirdCut.vue?vue&type=script&lang=js\"\nexport * from \"./ThirdCut.vue?vue&type=script&lang=js\"\n\nimport \"./ThirdCut.vue?vue&type=style&index=0&id=16016978&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-16016978\"]])\n\nexport default __exports__","<script>\nimport { ref, onMounted, toRefs, watch, computed, reactive } from \"vue\";\nimport { useScrollEffect } from \"../functions\";\nexport default {\n\tprops: [\"windowWidth\", \"windowHeight\", \"scrollTop\", \"nowFeature\", \"isOpen\"],\n\temits: [\"changeContentStatus\", \"changeShowIndex\"],\n\tsetup(props, { emit }) {\n\t\tconst { windowWidth, windowHeight, scrollTop, nowFeature } = toRefs(\n\t\t\tprops\n\t\t);\n\n\t\tconst container = ref(null);\n\t\tconst imgA = ref(null);\n\t\tconst imgB = ref(null);\n\t\tconst mainTitle = ref(null);\n\t\tconst cover = ref(null);\n\t\tconst featuresA = ref(null);\n\t\tconst featuresB = ref(null);\n\t\tconst featureA1 = ref(null);\n\t\tconst featureA2 = ref(null);\n\t\tconst featureB1 = ref(null);\n\t\tconst featureB2 = ref(null);\n\n\t\tconst containerHeight = ref(0);\n\t\tconst imgSrcA = reactive({\n\t\t\tpc: require(\"../assets/launchImg/background_c4-1.jpg\"),\n\t\t\tmobile: require(\"../assets/launchImg/background_c4-1_mobile.png\"),\n\t\t});\n\t\tconst imgSrcB = reactive({\n\t\t\tpc: require(\"../assets/launchImg/background_c4-2.jpg\"),\n\t\t\tmobile: require(\"../assets/launchImg/background_c4-2_mobile.jpg\"),\n\t\t});\n\n\t\tconst innerHeight = computed(() => {\n\t\t\treturn scrollTop.value - containerHeight.value;\n\t\t});\n\n\t\tconst fadeInCoeff = useScrollEffect(\n\t\t\t-0.2 * windowHeight.value,\n\t\t\t0.4 * windowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\t\tconst fadeOutCoeff = useScrollEffect(\n\t\t\t1 * windowHeight.value,\n\t\t\t1.6 * windowHeight.value,\n\t\t\t-1.1,\n\t\t\t1.1\n\t\t);\n\t\tconst textCoeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t1.3 * windowHeight.value,\n\t\t\t\t1.6 * windowHeight.value,\n\t\t\t\t-0.5,\n\t\t\t\t1.1\n\t\t\t);\n\t\t});\n\t\tconst imgCoeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t2.0 * windowHeight.value,\n\t\t\t\t2.6 * windowHeight.value,\n\t\t\t\t-1.1,\n\t\t\t\t1.1\n\t\t\t);\n\t\t});\n\t\tconst zoomCoeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t0 * windowHeight.value,\n\t\t\t\t2.3 * windowHeight.value,\n\t\t\t\t1,\n\t\t\t\t1.05\n\t\t\t);\n\t\t});\n\t\tconst zoom2Coeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t2.6 * windowHeight.value,\n\t\t\t\t3.5 * windowHeight.value,\n\t\t\t\t1,\n\t\t\t\t1.05\n\t\t\t);\n\t\t});\n\n\t\tconst isShow = computed({\n\t\t\tget: () => {\n\t\t\t\treturn props.isOpen;\n\t\t\t},\n\t\t\tset: (val) => {\n\t\t\t\temit(\"changeContentStatus\", val);\n\t\t\t},\n\t\t});\n\t\tconst showContent = (val) => {\n\t\t\tisShow.value = !isShow.value;\n\t\t\temit(\"changeShowIndex\", val);\n\t\t};\n\n\t\tonMounted(() => {\n\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\t});\n\t\t});\n\n\t\twatch(\n\t\t\t() => innerHeight.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value > 0 &&\n\t\t\t\t\tinnerHeight.value < 2.6 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\timgA.value.style.transform = `scale(${nv *\n\t\t\t\t\t\tzoomCoeff.value.a +\n\t\t\t\t\t\tzoomCoeff.value.b})`;\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > -0.2 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = `${nv * fadeInCoeff.a +\n\t\t\t\t\t\tfadeInCoeff.b}`;\n\t\t\t\t\tcover.value.style.opacity = `${nv * fadeInCoeff.a +\n\t\t\t\t\t\tfadeInCoeff.b}`;\n\t\t\t\t} else if (innerHeight.value <= -0.2 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = 0;\n\t\t\t\t\tcover.value.style.opacity = 0;\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > 1 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = `${-nv * fadeOutCoeff.a -\n\t\t\t\t\t\tfadeOutCoeff.b}`;\n\t\t\t\t\tcover.value.style.opacity = `${-nv * fadeOutCoeff.a -\n\t\t\t\t\t\tfadeOutCoeff.b}`;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value >= 1.3 * windowHeight.value &&\n\t\t\t\t\tinnerHeight.value <= 2.4 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tif (!featureA1.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\tfeatureA1.value.classList.add(\"rush-in\");\n\t\t\t\t\t\tfeatureA1.value.classList.remove(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t\tif (!featureA2.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\tfeatureA2.value.classList.add(\"rush-in\");\n\t\t\t\t\t\tfeatureA2.value.classList.remove(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (featureA1.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\tfeatureA1.value.classList.remove(\"rush-in\");\n\t\t\t\t\t\tfeatureA1.value.classList.add(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t\tif (featureA2.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\tfeatureA2.value.classList.remove(\"rush-in\");\n\t\t\t\t\t\tfeatureA2.value.classList.add(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value > 2 * windowHeight.value &&\n\t\t\t\t\tinnerHeight.value < 2.6 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\timgB.value.style.opacity = `${nv * imgCoeff.value.a +\n\t\t\t\t\t\timgCoeff.value.b}`;\n\t\t\t\t} else if (innerHeight.value <= 2 * windowHeight.value) {\n\t\t\t\t\timgB.value.style.opacity = 0;\n\t\t\t\t} else {\n\t\t\t\t\timgB.value.style.opacity = 1;\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value >= 2.6 * windowHeight.value) {\n\t\t\t\t\timgA.value.style.transform = \"scale(1)\";\n\t\t\t\t\timgB.value.style.transform = `scale(${nv *\n\t\t\t\t\t\tzoom2Coeff.value.a +\n\t\t\t\t\t\tzoom2Coeff.value.b})`;\n\t\t\t\t\tfeaturesB.value.style.zIndex = 92;\n\t\t\t\t\tif (!featureB1.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\tfeatureB1.value.classList.add(\"rush-in\");\n\t\t\t\t\t\tfeatureB1.value.classList.remove(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t\tif (!featureB2.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\tfeatureB2.value.classList.add(\"rush-in\");\n\t\t\t\t\t\tfeatureB2.value.classList.remove(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tfeaturesB.value.style.zIndex = 88;\n\t\t\t\t\tif (featureB1.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\tfeatureB1.value.classList.remove(\"rush-in\");\n\t\t\t\t\t\tfeatureB1.value.classList.add(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t\tif (featureB2.value.classList.contains(\"rush-in\")) {\n\t\t\t\t\t\tfeatureB2.value.classList.remove(\"rush-in\");\n\t\t\t\t\t\tfeatureB2.value.classList.add(\"rush-out\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn {\n\t\t\tcontainer,\n\t\t\twindowWidth,\n\t\t\timgSrcA,\n\t\t\timgSrcB,\n\t\t\timgA,\n\t\t\timgB,\n\t\t\tcover,\n\t\t\tmainTitle,\n\t\t\ttextCoeff,\n\t\t\tfeaturesA,\n\t\t\tfeaturesB,\n\t\t\tfeatureA1,\n\t\t\tfeatureA2,\n\t\t\tfeatureB1,\n\t\t\tfeatureB2,\n\t\t\tshowContent,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<section id=\"technology\">\n\t\t<div class=\"bg_c4 sticky-wrapper\" ref=\"container\">\n\t\t\t<img\n\t\t\t\t:src=\"windowWidth > 992 ? imgSrcA.pc : imgSrcA.mobile\"\n\t\t\t\talt=\"G26全新BMW 4系列Gran Coupé豪華四門跑車 內裝科技 寬敞車室空間 iDrive 7.0全數位虛擬座艙\"\n\t\t\t\tref=\"imgA\"\n\t\t\t/>\n\t\t\t<img\n\t\t\t\tclass=\"imgB\"\n\t\t\t\t:src=\"windowWidth > 992 ? imgSrcB.pc : imgSrcB.mobile\"\n\t\t\t\talt=\"G26全新BMW 4系列Gran Coupé豪華四門跑車 內裝科技 Personal CoPilot智慧駕駛輔助科技 BMW智慧語音助理2.0\"\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclass=\"f2_img\"\n\t\t\t\t:style=\"{\n\t\t\t\t\tbackgroundImage: `url(${\n\t\t\t\t\t\twindowWidth > 992 ? imgSrcB.pc : imgSrcB.mobile\n\t\t\t\t\t})`,\n\t\t\t\t}\"\n\t\t\t\tref=\"imgB\"\n\t\t\t/>\n\t\t\t<div class=\"contain-img\"></div>\n\t\t\t<div class=\"main-cover\" ref=\"mainTitle\">\n\t\t\t\t<h2 class=\"title_main text_ch_medium shine\">\n\t\t\t\t\t<span class=\"inner_title_main\">豪華智能 自有鋒</span>\n\t\t\t\t\t<span>格</span>\n\t\t\t\t</h2>\n\t\t\t\t<p class=\"title_sub text_ch_medium\">\n\t\t\t\t\t<span\n\t\t\t\t\t\t>寬敞實用的舒適座艙，\n\t\t\t\t\t\t<br\n\t\t\t\t\t\t\tclass=\"mobile_break\"\n\t\t\t\t\t\t/>搭配領先車壇的智能科技，</span\n\t\t\t\t\t><br />\n\t\t\t\t\t<span>\n\t\t\t\t\t\t以直覺愜意的嶄新互動，享受隨心所欲的駕乘體驗。\n\t\t\t\t\t</span>\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<div class=\"cover\" ref=\"cover\"></div>\n\t\t</div>\n\t</section>\n\t<section id=\"technology-text\">\n\t\t<div class=\"sticky-wrapper\">\n\t\t\t<div class=\"features_A\" ref=\"featuresA\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"feature feature_A-1 text_ch_heavy\"\n\t\t\t\t\t@click=\"showContent(4)\"\n\t\t\t\t\tref=\"featureA1\"\n\t\t\t\t>\n\t\t\t\t\t<p\n\t\t\t\t\t\t><span class=\"text_en_bold\">iDrive 7.0 </span\n\t\t\t\t\t\t>全數位虛擬座艙</p\n\t\t\t\t\t>\n\t\t\t\t\t<span class=\"arrow_goto\"></span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"feature feature_A-2 text_ch_heavy\"\n\t\t\t\t\t@click=\"showContent(5)\"\n\t\t\t\t\tref=\"featureA2\"\n\t\t\t\t>\n\t\t\t\t\t<p>寬敞車室空間</p>\n\t\t\t\t\t<span class=\"arrow_goto\"></span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"features_B\" ref=\"featuresB\">\n\t\t\t\t<div\n\t\t\t\t\tclass=\"feature feature_B-1 text_ch_heavy\"\n\t\t\t\t\t@click=\"showContent(6)\"\n\t\t\t\t\tref=\"featureB1\"\n\t\t\t\t>\n\t\t\t\t\t<p\n\t\t\t\t\t\t><span class=\"text_en_bold\">Personal CoPilot </span\n\t\t\t\t\t\t>智慧駕駛輔助科技</p\n\t\t\t\t\t>\n\t\t\t\t\t<span class=\"arrow_goto\"></span>\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"feature feature_B-2 text_ch_heavy\"\n\t\t\t\t\t@click=\"showContent(7)\"\n\t\t\t\t\tref=\"featureB2\"\n\t\t\t\t>\n\t\t\t\t\t<p\n\t\t\t\t\t\t><span class=\"text_en_bold\">BMW </span>智慧語音助理\n\t\t\t\t\t\t<span class=\"text_en_bold\">2.0</span></p\n\t\t\t\t\t>\n\t\t\t\t\t<span class=\"arrow_goto\"></span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n</template>\n\n<style lang=\"sass\" scoped>\n$timing: cubic-bezier(0.83, 0, 0.17, 1)\n$offset: 75px\n\n#technology\n    z-index: 57\n    // z-index: 67\n    background-color: #111\n    .bg_c4\n        width: 100%\n        img\n            position: absolute\n            width: 100%\n            height: 100%\n            top: 0%\n            // transform: translateY(-50%)\n            object-fit: cover\n        .imgB\n            display: none\n        .f2_img\n            position: absolute\n            left: 0\n            top: 0\n            width: 100%\n            height: 100%\n            background-size: cover\n            background-repeat: no-repeat\n            background-position: 0 center\n            opacity: 0\n            &::before\n                content: \"\"\n                position: absolute\n                display: none\n                width: 100%\n                height: 58.3%\n                left: 0px\n                bottom: 0\n                background-image: linear-gradient(to bottom, transparent 2%, rgba(#000, 0.9) 98%)\n                background-repeat: no-repeat\n        .contain-img\n            display: none\n            position: absolute\n            width: 100%\n            height: 20%\n            bottom: 0px\n            background-image: linear-gradient(to bottom, transparent 2%, #000 98%)\n            background-position: center\n            background-repeat: no-repeat\n            z-index: 90\n        .cover\n            position: absolute\n            width: 100%\n            height: calc(100% + 60px)\n            left: 0\n            bottom: -5px\n            opacity: 0\n            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 1))\n        .main-cover\n            position: relative\n            width: 90%\n            margin: 0 auto\n            top: 70%\n            z-index: 90\n            text-align: center\n            overflow: hidden\n            h2\n                position: relative\n                width: 100vw\n                left: 50%\n                transform: translateX(-50%)\n                text-align: center\n                font-size: 3rem\n                line-height: 2.83\n                color: #999\n                span\n                    letter-spacing: normal\n                    font-size: inherit\n                    &.inner_title_main\n                        letter-spacing: 15px\n                &.shine\n                        animation: shine 4s infinite linear forwards\n            .title_sub\n                position: relative\n                margin-top: 10px\n                font-size: 1.7rem\n                line-height: 2.12\n                letter-spacing: 3.06px\n                text-align: center\n                z-index: 70\n                span\n                    font-size: inherit\n                .mobile_break\n                    display: none\n\n#technology-text\n    width: calc(100% - 50px)\n    z-index: 67\n    .sticky-wrapper\n        width: 100%\n        .features_B\n            z-index: 88\n        .features_A, .features_B\n            position: absolute\n            width: 100%\n            height: 100%\n            z-index: 90\n            top: 0\n            .feature\n                position: absolute\n                cursor: pointer\n                user-select: none\n                transform: translateX(-15vw)\n                opacity: 0\n                transition: opacity 0.5s $timing, transform 0.5s $timing\n                &.rush-in\n                    opacity: 1\n                    transform: translateX(0px)\n                &.rush-out\n                    opacity: 0\n                    transform: translateX(-15vw)\n                    transition: opacity 0.3s $timing, transform 0.3s $timing\n                &::before\n                    content: \"\"\n                    position: absolute\n                    display: block\n                    width: 150px\n                    height: 1px\n                    left: -160px\n                    top: 50%\n                    transform: translateY(-50%)\n                    background-image: linear-gradient(to right, transparent 2%, #fff 98%)\n                    background-size: cover\n                    background-repeat: no-repeat\n                &::after\n                    content: \"\"\n                    position: absolute\n                    display: block\n                    width: 100%\n                    height: 3px\n                    left: 0px\n                    bottom: 0\n                    transform: translateY(-50%)\n                    background-image: url(\"~@/assets/color-bar.png\")\n                    background-repeat: repeat-x\n                    background-position: 0 0\n                    animation: color-bar-loop 2.5s linear infinite forwards\n                    background-size: 400px 6px\n                p\n                    display: inline-block\n                    font-size: 1.8rem\n                    line-height: 2.4\n                    letter-spacing: 1.35px\n                    vertical-align: middle\n                    span\n                        font-size: 1.5rem\n                .arrow_goto\n                    display: inline-block\n                    vertical-align: middle\n                    width: 14px\n                    height: 32px\n                    margin-left: 8px\n                    background-image: url(\"~@/assets/launchImg/plus.png\")\n                    background-size: 30px 32px\n                    background-position: center 4px\n                    background-repeat: no-repeat\n                    animation: nav_anim 2.5s ease infinite forwards\n                &.feature_A-1\n                    left: 68%\n                    top: 28%\n                    // top: 505.75px\n                    &::before\n                        width: 350px\n                        left: -360px\n                &.feature_A-2\n                    left: 68%\n                    top: 57%\n                    // top: 646px\n                    transition: opacity 0.5s 0.25s $timing, transform 0.5s 0.25s $timing\n                    &::before\n                        width: 1050px\n                        left: -1060px\n                    &.rush-out\n                        transition: opacity 0.3s 0.15s $timing, transform 0.3s 0.15s $timing\n                &.feature_B-1\n                    left: 77%\n                    top: 27%\n                    &::before\n                        width: 100px\n                        left: -110px\n                &.feature_B-2\n                    left: 82%\n                    top: 43%\n                    transition: opacity 0.5s 0.25s $timing, transform 0.5s 0.25s $timing\n                    &::before\n                        width: 190px\n                        left: -200px\n                    &.rush-out\n                        transition: opacity 0.3s 0.15s $timing, transform 0.3s 0.15s $timing\n\n@media screen and (max-width: 1440px)\n    #exterior-text\n        .sticky-wrapper\n            .features_A, .features_B\n                .feature\n                    .arrow_goto\n                        background-position: center 3px\n\n@media screen and (max-width: 992px)\n    #technology\n        .bg_c4\n            background-position: center\n    #technology-text\n        .sticky-wrapper\n            .features_A, .features_B\n                .feature\n                    &.feature_A-1\n                        // left: 40%\n                        left: calc(58.8vw - 186.4px)\n                        top: calc(28% + 73.4% - 503.7px)\n                        transform: translate(0px, $offset)\n                        &.rush-in\n                            transform: translate(0px, 0px)\n                        &.rush-out\n                            transform: translate(0px, $offset)\n                        &::before\n                            width: 1px\n                            height: 120px\n                            background-image: linear-gradient(to top, transparent 2%, #fff 98%)\n                            left: 90%\n                            top: calc(100% + 10px)\n                            transform: translateX(-50%)\n                    &.feature_A-2\n                        // left: 78%\n                        // top: 80%\n                        left: calc(87.7vw - 96.3px)\n                        top: calc(11.3vw + 567.9px + 73.4% - 623.7px)\n                        transform: translate(0px, $offset)\n                        &.rush-in\n                            transform: translate(0px, 0px)\n                        &.rush-out\n                            transform: translate(0px, $offset)\n                        &::before\n                            width: 1px\n                            height: 90px\n                            background-image: linear-gradient(to top, transparent 2%, #fff 98%)\n                            left: 50%\n                            top: calc(100% + 10px)\n                            transform: translateX(-50%)\n                    &.feature_B-1\n                        // left: 15%\n                        // top: 85%\n                        left: calc(19.3vw - 42.5px)\n                        top: calc(8.9vw + 634.7px + 73.4% - 623.7px)\n                        transform: translate(0px, $offset * -1)\n                        transition: opacity 0.5s 0.25s $timing, transform 0.5s 0.25s $timing\n                        &.rush-in\n                            transform: translate(0px, 0px)\n                        &.rush-out\n                            transform: translate(0px, $offset * -1)\n                            transition: opacity 0.5s 0.25s $timing, transform 0.5s 0.25s $timing\n                        &::before\n                            width: 1px\n                            height: 170px\n                            background-image: linear-gradient(to bottom, transparent 2%, #fff 98%)\n                            left: 20%\n                            top: -170px\n                            transform: translateX(-50%)\n                    &.feature_B-2\n                        // left: 55%\n                        // top: 8%\n                        left: calc(61.7vw - 110.1px)\n                        top: calc(-16.4vw + 231.1px + 73.4% - 553.7px)\n                        transform: translate(0px, $offset)\n                        transition: opacity 0.5s $timing, transform 0.5s $timing\n                        &.rush-in\n                            transform: translate(0px, 0px)\n                        &.rush-out\n                            transform: translate(0px, $offset)\n                            transition: opacity 0.5s $timing, transform 0.5s $timing\n                        &::before\n                            width: 1px\n                            height: 120px\n                            background-image: linear-gradient(to top, transparent 2%, #fff 98%)\n                            left: 20%\n                            top: calc(100% + 10px)\n                            transform: translateX(-50%)\n@media screen and (max-width: 768px)\n    #technology\n        .bg_c4\n            .f2_img\n                &::before\n                    display: block\n            .main-cover\n                .title_main\n                    line-height: 2.22\n                    span\n                        font-size: 1.8rem\n                        &.inner_title_main\n                            letter-spacing: 10.8px\n                .title_sub\n                    font-size: 1.2rem\n                    line-height: 2.08\n                    letter-spacing: 1.44px\n    #technology-text\n        .sticky-wrapper\n            .features_A, .features_B\n                .feature\n                    &::after\n                        height: 2px\n                    p\n                        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16)\n                        font-size: 1.4rem\n                        line-height: 2.57\n                        letter-spacing: 0.7px\n                        font-family: arudjingxiheipe1xg30_md, 微軟正黑體\n                        span\n                            font-size: inherit\n                            font-family: \"BMWTypeNextLatinTT-Thin\", serif\n                    .arrow_goto\n                        width: 10px\n                        height: 23px\n                        margin-left: 5px\n                        background-size: 21px 23px\n                        background-position: center 2px\n\n@media screen and (max-width: 650px)\n    #technology\n        .bg_c4\n            background-size: 100% auto\n            // background-position: center calc(50% - 20px)\n            .contain-img\n                display: block\n            .main-cover\n                // top: calc(2.6vw + 300px + 52.7% - 367px)\n                top: 68%\n                .title_sub\n                    margin: 0\n                    .pc_break\n                        display: none\n                    .mobile_break\n                        display: block\n            .cover\n                height: 55%\n                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 76%)\n    #technology-text\n        .sticky-wrapper\n            .text_minor, .text_title, .text_context\n                top: 68%\n            .text_minor\n                line-height: 1.5\n            .text_context\n                margin-top: 10px\n@media screen and (max-height: 600px)\n    #technology\n        .bg_c4\n            .main-cover\n                top: 63%\n    #technology-text\n        .sticky-wrapper\n            .text_minor, .text_title, .text_context\n                top: 65%\n</style>\n","import { render } from \"./FourthCut.vue?vue&type=template&id=1346321f&scoped=true\"\nimport script from \"./FourthCut.vue?vue&type=script&lang=js\"\nexport * from \"./FourthCut.vue?vue&type=script&lang=js\"\n\nimport \"./FourthCut.vue?vue&type=style&index=0&id=1346321f&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1346321f\"]])\n\nexport default __exports__","<script>\nimport { ref, onMounted, toRefs, watch, computed, reactive } from \"vue\";\nimport { useScrollEffect } from \"../functions\";\nexport default {\n\tprops: [\"windowWidth\", \"windowHeight\", \"scrollTop\"],\n\tsetup(props) {\n\t\tconst { windowWidth, windowHeight, scrollTop } = toRefs(props);\n\n\t\tconst container = ref(null);\n\t\tconst mainTitle = ref(null);\n\t\tconst cover = ref(null);\n\t\tconst text = ref(null);\n\n\t\tconst containerHeight = ref(0);\n\t\tconst imgSrc = reactive({\n\t\t\tpc: require(\"../assets/launchImg/background_c5.jpg\"),\n\t\t\tmobile: require(\"../assets/launchImg/background_c5_mobile.png\"),\n\t\t});\n\n\t\tconst innerHeight = computed(() => {\n\t\t\treturn scrollTop.value - containerHeight.value;\n\t\t});\n\n\t\tconst containerCoeff = useScrollEffect(\n\t\t\t-100,\n\t\t\t1 * windowHeight.value,\n\t\t\t100,\n\t\t\t0\n\t\t);\n\t\tconst smallTransfromCoeff = useScrollEffect(\n\t\t\t1.1 * windowHeight.value,\n\t\t\t3.5 * windowHeight.value,\n\t\t\t0,\n\t\t\t-60\n\t\t);\n\t\tconst mainTitleCoeff = useScrollEffect(\n\t\t\t0.33 * windowHeight.value,\n\t\t\twindowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\t\tconst coverCoeff = useScrollEffect(\n\t\t\t1.6 * windowHeight.value,\n\t\t\t2.2 * windowHeight.value,\n\t\t\t-1.1,\n\t\t\t1.1\n\t\t);\n\t\tconst textCoeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t2 * windowHeight.value,\n\t\t\t\t2.2 * windowHeight.value,\n\t\t\t\t-0.5,\n\t\t\t\t1.1\n\t\t\t);\n\t\t});\n\n\t\tonMounted(() => {\n\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\t});\n\t\t});\n\n\t\twatch(\n\t\t\t() => innerHeight.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value > -100 &&\n\t\t\t\t\tinnerHeight.value < 1 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tcontainer.value.style.backgroundPosition = `center calc(50%${\n\t\t\t\t\t\twindowWidth.value <= 650 ? \" - 12vw\" : \"\"\n\t\t\t\t\t} + ${nv * containerCoeff.a + containerCoeff.b}px)`;\n\t\t\t\t} else if (\n\t\t\t\t\tinnerHeight.value > 1.1 * windowHeight.value &&\n\t\t\t\t\tinnerHeight.value < 3.5 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tcontainer.value.style.transform = `translateY(${nv *\n\t\t\t\t\t\tsmallTransfromCoeff.a +\n\t\t\t\t\t\tsmallTransfromCoeff.b}px)`;\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > 0.33 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = `${nv * mainTitleCoeff.a +\n\t\t\t\t\t\tmainTitleCoeff.b}`;\n\t\t\t\t\tif (windowWidth.value <= 650) {\n\t\t\t\t\t\tcover.value.style.opacity = `${nv * mainTitleCoeff.a +\n\t\t\t\t\t\t\tmainTitleCoeff.b}`;\n\t\t\t\t\t}\n\t\t\t\t} else if (innerHeight.value <= 0.33 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = 0;\n\t\t\t\t\tif (windowWidth.value <= 650) {\n\t\t\t\t\t\tcover.value.style.opacity = 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > 1.6 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = `${-nv * coverCoeff.a -\n\t\t\t\t\t\tcoverCoeff.b}`;\n\t\t\t\t\tif (windowWidth.value > 650) {\n\t\t\t\t\t\tcover.value.style.opacity = `${nv * coverCoeff.a +\n\t\t\t\t\t\t\tcoverCoeff.b}`;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value > 2 * windowHeight.value &&\n\t\t\t\t\tinnerHeight.value < 2.2 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\ttext.value.style.opacity = `${nv * textCoeff.value.a +\n\t\t\t\t\t\ttextCoeff.value.b}`;\n\t\t\t\t} else if (innerHeight.value <= 2 * windowHeight.value) {\n\t\t\t\t\ttext.value.style.opacity = 0;\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t\treturn {\n\t\t\tcontainer,\n\t\t\twindowWidth,\n\t\t\timgSrc,\n\t\t\tcover,\n\t\t\tmainTitle,\n\t\t\ttextCoeff,\n\t\t\ttext,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<section id=\"performance\">\n\t\t<img\n\t\t\t:src=\"windowWidth > 650 ? imgSrc.pc : imgSrc.mobile\"\n\t\t\talt=\"G26全新BMW 4系列Gran Coupé豪華四門跑車 性能 BMW TwinPower Turbo 4缸汽油引擎 245匹最大馬力\"\n\t\t/>\n\t\t<div\n\t\t\tclass=\"bg_c5 sticky-wrapper\"\n\t\t\tref=\"container\"\n\t\t\t:style=\"{\n\t\t\t\tbackgroundImage: `url(${\n\t\t\t\t\twindowWidth > 650 ? imgSrc.pc : imgSrc.mobile\n\t\t\t\t})`,\n\t\t\t}\"\n\t\t>\n\t\t\t<div class=\"contain-img\"></div>\n\t\t\t<div class=\"main-cover\" ref=\"mainTitle\">\n\t\t\t\t<h2 class=\"title_main text_ch_medium shine\">\n\t\t\t\t\t<span class=\"inner_title_main\">極致駕馭 盡顯鋒</span>\n\t\t\t\t\t<span>采</span>\n\t\t\t\t</h2>\n\t\t\t\t<p class=\"title_sub text_ch_medium\">\n\t\t\t\t\t<span>新一代高效引擎，搭配經完美調校的底盤和懸吊系統，</span\n\t\t\t\t\t><br />\n\t\t\t\t\t<span>\n\t\t\t\t\t\t造就動感且穩定的俐落身手，<br class=\"mobile_break\" />\n\t\t\t\t\t\t帶來兼具酣暢與舒適的駕馭樂趣。\n\t\t\t\t\t</span>\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<div class=\"cover\" ref=\"cover\"></div>\n\t\t</div>\n\t</section>\n\t<section id=\"performance-text\">\n\t\t<div class=\"sticky-wrapper\" ref=\"text\">\n\t\t\t<p class=\"text_minor text_en_light\">PERFORMANCE</p>\n\t\t\t<h2 class=\"text_title text_ch_medium\">\n\t\t\t\t<span class=\"text_en_bold\">BMW TwinPower Turbo 4 </span>\n\t\t\t\t<span>缸汽油引擎</span>\n\t\t\t</h2>\n\t\t\t<p class=\"text_context text_ch_medium\">\n\t\t\t\t<span\n\t\t\t\t\t>隨傳隨到的驚艷動力，創造出\n\t\t\t\t\t<span class=\"text_en_bold\">245 </span>匹最大馬力，</span\n\t\t\t\t><br />\n\t\t\t\t<span>帶來酣暢淋漓的駕馭樂趣！</span>\n\t\t\t</p>\n\t\t</div>\n\t</section>\n</template>\n\n<style lang=\"sass\" scoped>\n#performance\n    z-index: 56\n    background-color: #111\n    img\n        display: none\n    .bg_c5\n        width: 100%\n        background-size: cover\n        background-repeat: no-repeat\n        background-position: center calc(50% + 100px)\n        // background-position: center calc(50% + 100px + 100.02vw - 509.2px)\n        .contain-img\n            display: none\n            position: absolute\n            width: 100%\n            height: 35px\n            bottom: -35px\n            background-color: #111\n            background-size: 100% 35px\n            -webkit-background-size: 100% 35px\n            -moz-background-size: 100% 35px\n            -o-background-size: 100% 35px\n            background-position: center bottom\n            background-repeat: no-repeat\n            z-index: 90\n        .cover\n            position: absolute\n            width: 100%\n            height: calc(100% + 60px)\n            left: 0\n            bottom: -5px\n            opacity: 0\n            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 16%, rgba(0, 0, 0, 0.6) 80%, #111 97%)\n        .main-cover\n            position: relative\n            width: 90%\n            margin: 0 auto\n            top: 70%\n            z-index: 90\n            text-align: center\n            overflow: hidden\n            h2\n                position: relative\n                width: 100vw\n                left: 50%\n                transform: translateX(-50%)\n                text-align: center\n                font-size: 3rem\n                line-height: 2.83\n                color: #999\n                span\n                    letter-spacing: normal\n                    font-size: inherit\n                    &.inner_title_main\n                        letter-spacing: 15px\n                &.shine\n                        animation: shine 4s infinite linear forwards\n            .title_sub\n                position: relative\n                margin-top: 10px\n                font-size: 1.7rem\n                line-height: 2.12\n                letter-spacing: 3.06px\n                text-align: center\n                z-index: 70\n                span\n                    font-size: inherit\n                .mobile_break\n                    display: none\n\n#performance-text\n    z-index: 56\n    .sticky-wrapper\n        width: calc(100% - 4.6vw + 2.8px)\n        padding-left: calc(4.6vw - 2.8px)\n        opacity: 0\n        .text_minor\n            position: relative\n            top: 43%\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25)\n            font-size: 1.1rem\n            line-height: 5\n            letter-spacing: 0.83px\n        .text_title\n            position: relative\n            top: 43%\n            font-size: 3.2rem\n            line-height: 1.25\n            letter-spacing: 2.4px\n            span\n                font-size: inherit\n        .text_context\n            position: relative\n            top: 43%\n            margin-top: 20px\n            font-size: 1.7rem\n            line-height: 2.12\n            letter-spacing: 2.04px\n            span\n                font-size: inherit\n                &.text_en_bold\n                    letter-spacing: 1.28px\n            .mobile_break\n                display: none\n\n@media screen and (min-width: 1441px)\n    #performance-text\n        .sticky-wrapper\n            .title_sub\n                top: calc(50% + 12.7vw + 56.2px - 20px)\n@media screen and (max-width: 1440px)\n    #performance\n        .bg_c5\n            .main-cover\n                // transform: scale(0.9)\n    #performance-text\n        .sticky-wrapper\n            .title_sub\n                transform: scale(0.9)\n@media screen and (max-width: 1200px)\n    #performance\n        .bg_c5\n            .title_main\n                // transform: scale(1)\n    #performance-text\n        .sticky-wrapper\n            .title_sub\n                transform: scale(1)\n@media screen and (max-width: 768px)\n    #performance\n        .bg_c5\n            .main-cover\n                .title_main\n                    line-height: 2.22\n                    span\n                        font-size: 1.8rem\n                        &.inner_title_main\n                            letter-spacing: 10.8px\n                .title_sub\n                    font-size: 1.2rem\n                    line-height: 2.08\n                    letter-spacing: 1.44px\n    #performance-text\n        .sticky-wrapper\n            width: calc(100% - 4.6vw - 22.8px)\n            padding-left: calc(4.6vw + 22.8px)\n            .text_minor\n                font-size: 1rem\n                letter-spacing: 1px\n                color: #ddd\n                transform: scale(0.8)\n                transform-origin: left center\n            .text_title\n                font-size: 1.5rem\n                line-height: 2.67\n                letter-spacing: 1.13px\n            .text_context\n                font-size: 1.2rem\n                line-height: 2.08\n                letter-spacing: 1.44px\n                span\n                    &.text_en_bold\n                        letter-spacing: 0.9px\n\n@media screen and (max-width: 650px)\n    #performance\n        background-color: #111\n        .bg_c5\n            background-size: 100% auto\n            // background-position: center calc(50% - 20px)\n            background-position: center calc(50% - 12vw + 100px)\n            .contain-img\n                display: block\n            .main-cover\n                // top: calc(2.6vw + 300px + 52.7% - 367px)\n                top: 68%\n                .title_sub\n                    margin: 0\n                    .pc_break\n                        display: none\n                    .mobile_break\n                        display: block\n            .cover\n                height: 55%\n                background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #111 76%)\n    #performance-text\n        .sticky-wrapper\n            .text_minor, .text_title, .text_context\n                top: 68%\n            .text_minor\n                line-height: 1.5\n            .text_context\n                margin-top: 10px\n@media screen and (max-height: 600px)\n    #performance\n        .bg_c5\n            .main-cover\n                top: 63%\n    #performance-text\n        .sticky-wrapper\n            .text_minor, .text_title, .text_context\n                top: 65%\n</style>\n","import { render } from \"./FifthCut.vue?vue&type=template&id=36d06922&scoped=true\"\nimport script from \"./FifthCut.vue?vue&type=script&lang=js\"\nexport * from \"./FifthCut.vue?vue&type=script&lang=js\"\n\nimport \"./FifthCut.vue?vue&type=style&index=0&id=36d06922&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-36d06922\"]])\n\nexport default __exports__","<script>\nimport { ref, onMounted, toRefs, watch, computed, reactive } from \"vue\";\nimport { useScrollEffect } from \"../functions\";\nexport default {\n\tprops: [\"windowWidth\", \"windowHeight\", \"scrollTop\"],\n\tsetup(props) {\n\t\tconst { windowWidth, windowHeight, scrollTop } = toRefs(props);\n\n\t\tconst container = ref(null);\n\t\tconst img = ref(null);\n\t\tconst mainTitle = ref(null);\n\t\tconst cover = ref(null);\n\t\tconst mask = ref(null);\n\n\t\tconst containerHeight = ref(0);\n\t\tconst imgSrc = reactive({\n\t\t\tpc: require(\"../assets/background_c2.jpg\"),\n\t\t\tmobile: require(\"../assets/background_c2_mobile.jpg\"),\n\t\t});\n\n\t\tconst innerHeight = computed(() => {\n\t\t\treturn scrollTop.value - containerHeight.value;\n\t\t});\n\n\t\t// const imgCoeff = useScrollEffect(\n\t\t// \t0.33 * windowHeight.value,\n\t\t// \twindowHeight.value,\n\t\t// \t17,\n\t\t// \t0\n\t\t// );\n\t\tconst containerCoeff = useScrollEffect(\n\t\t\t-100,\n\t\t\twindowHeight.value,\n\t\t\t100,\n\t\t\t0\n\t\t);\n\t\tconst smallTransfromCoeff = useScrollEffect(\n\t\t\t1 * windowHeight.value,\n\t\t\t3 * windowHeight.value,\n\t\t\t0,\n\t\t\t-30\n\t\t);\n\t\tconst mainTitleCoeff = useScrollEffect(\n\t\t\t0.33 * windowHeight.value,\n\t\t\twindowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\t\tconst coverCoeff = useScrollEffect(\n\t\t\t1.1 * windowHeight.value,\n\t\t\t1.7 * windowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\n\t\tonMounted(() => {\n\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\t});\n\t\t});\n\n\t\twatch(\n\t\t\t() => innerHeight.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (\n\t\t\t\t\tinnerHeight.value > -100 &&\n\t\t\t\t\tinnerHeight.value < windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\t// if (windowWidth.value > 650) {\n\t\t\t\t\t// \timg.value.style.top = `${nv * imgCoeff.a + imgCoeff.b}%`;\n\t\t\t\t\t// } else {\n\t\t\t\t\t// \timg.value.style.top = `calc(${nv * imgCoeff.a + imgCoeff.b}% - 10px)`;\n\t\t\t\t\t// }\n\t\t\t\t\tcontainer.value.style.backgroundPosition = `center calc(50%${\n\t\t\t\t\t\twindowWidth.value <= 650 ? \" - 12vw\" : \"\"\n\t\t\t\t\t} + ${nv * containerCoeff.a + containerCoeff.b}px)`;\n\t\t\t\t} else if (\n\t\t\t\t\tinnerHeight.value > 1 * windowHeight.value &&\n\t\t\t\t\tinnerHeight.value < 3 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tcontainer.value.style.transform = `translateY(${nv *\n\t\t\t\t\t\tsmallTransfromCoeff.a +\n\t\t\t\t\t\tsmallTransfromCoeff.b}px)`;\n\t\t\t\t} else if (innerHeight.value >= 3 * windowHeight.value) {\n\t\t\t\t\t// container.value.style.transform = `translateY(${3 *\n\t\t\t\t\t// \twindowHeight.value *\n\t\t\t\t\t// \tsmallTransfromCoeff.a +\n\t\t\t\t\t// \tsmallTransfromCoeff.b}px)`;\n\t\t\t\t} else {\n\t\t\t\t\tif (windowWidth.value > 650) {\n\t\t\t\t\t\t//img.value.style.top = \"0\";\n\t\t\t\t\t} else {\n\t\t\t\t\t\t//img.value.style.top = \"-10px\";\n\t\t\t\t\t}\n\t\t\t\t\t// container.value.style.transform = \"translateY(0px)\";\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > 0.33 * windowHeight.value) {\n\t\t\t\t\tmainTitle.value.style.opacity = `${nv * mainTitleCoeff.a +\n\t\t\t\t\t\tmainTitleCoeff.b}`;\n\t\t\t\t\tmask.value.style.opacity = `${nv * mainTitleCoeff.a +\n\t\t\t\t\t\tmainTitleCoeff.b}`;\n\t\t\t\t} else {\n\t\t\t\t\tmainTitle.value.style.opacity = 0;\n\t\t\t\t\tmask.value.style.opacity = 0;\n\t\t\t\t}\n\n\t\t\t\tif (innerHeight.value > 1.1 * windowHeight.value) {\n\t\t\t\t\tcover.value.style.opacity = `${nv * coverCoeff.a +\n\t\t\t\t\t\tcoverCoeff.b}`;\n\t\t\t\t} else {\n\t\t\t\t\t// cover.value.style.opacity = 0;\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t\treturn {\n\t\t\tcontainer,\n\t\t\twindowWidth,\n\t\t\timgSrc,\n\t\t\timg,\n\t\t\tcover,\n\t\t\tmainTitle,\n\t\t\tmask,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<section id=\"conception\">\n\t\t<img\n\t\t\t:src=\"windowWidth > 650 ? imgSrc.pc : imgSrc.mobile\"\n\t\t\talt=\"全新BMW 4系列家族豪華跑車\"\n\t\t/>\n\t\t<div\n\t\t\tclass=\"bg_c6 sticky-wrapper\"\n\t\t\tref=\"container\"\n\t\t\t:style=\"{\n\t\t\t\tbackgroundImage: `url(${\n\t\t\t\t\twindowWidth > 650 ? imgSrc.pc : imgSrc.mobile\n\t\t\t\t})`,\n\t\t\t}\"\n\t\t>\n\t\t\t<div class=\"contain-img\"></div>\n\t\t\t<div class=\"main-cover\">\n\t\t\t\t<h2 class=\"title_main text_ch_medium shine\" ref=\"mainTitle\">\n\t\t\t\t\t<span class=\"inner_title_main\">前衛美學 不容錯</span>\n\t\t\t\t\t<span>認</span>\n\t\t\t\t</h2>\n\t\t\t</div>\n\t\t\t<div class=\"mask\" ref=\"mask\"></div>\n\t\t\t<div class=\"cover\" ref=\"cover\"></div>\n\t\t</div>\n\t</section>\n\t<section id=\"conception-text\">\n\t\t<div class=\"sticky-wrapper\">\n\t\t\t<p class=\"title_sub text_ch_medium\">\n\t\t\t\t<span\n\t\t\t\t\t>凌厲鋒芒，一見入迷！ <br class=\"mobile_break\" /><span\n\t\t\t\t\t\tclass=\"text_en_bold\"\n\t\t\t\t\t\t>BMW 4 </span\n\t\t\t\t\t>系列家族巔峰之作，</span\n\t\t\t\t>\n\t\t\t\t<br /><span\n\t\t\t\t\t>全新<span class=\"text_en_bold\"> THE 4 Gran Coupé </span\n\t\t\t\t\t>豪華四門跑車，</span\n\t\t\t\t><br />\n\t\t\t\t<span\n\t\t\t\t\t>以雙門跑車般的優雅流線，搭配過目難忘的搶眼設計，\n\t\t\t\t\t<br class=\"mobile_break\" />\n\t\t\t\t\t大展風靡世人的獨到鋒采！</span\n\t\t\t\t>\n\t\t\t</p>\n\t\t</div>\n\t</section>\n</template>\n\n<style lang=\"sass\" scoped>\n#conception\n    // z-index: 63\n    z-index: 55\n    background-color: #010b24\n    // background-color: #111\n    img\n        display: none\n    .bg_c6\n        width: 100%\n        background-size: cover\n        background-repeat: no-repeat\n        background-position: center calc(50% + 100px)\n        // background-position: center calc(50% + 100px + 100.02vw - 509.2px)\n        .contain-img\n            display: none\n            position: absolute\n            width: 100%\n            height: 35px\n            bottom: -35px\n            background-color: #010b24\n            // background-image: linear-gradient(to right, rgba(210,17,51,1) 0%, rgba(184,23,57,1) 20%, rgba(184,23,57,1) 100%)\n            background-size: 100% 35px\n            -webkit-background-size: 100% 35px\n            -moz-background-size: 100% 35px\n            -o-background-size: 100% 35px\n            background-position: center bottom\n            background-repeat: no-repeat\n            z-index: 90\n        .cover\n            position: absolute\n            width: 100%\n            height: calc(72.95% + 30px)\n            left: 0\n            bottom: -5px\n            opacity: 0\n            background-image: linear-gradient(180deg, rgba(242, 0, 56, 0) 0%, rgba(213, 1, 54, 0.4) 15%, rgba(1, 11, 36, 1) 75%)\n        .main-cover\n            position: relative\n            width: 90%\n            // height: 34px\n            margin: 0 auto\n            top: 72%\n            z-index: 90\n            text-align: center\n            overflow: hidden\n            h2\n                position: relative\n                width: 100vw\n                left: 50%\n                transform: translateX(-50%)\n                text-align: center\n                font-size: 3rem\n                line-height: 3.27\n                color: #999\n                opacity: 0\n                span\n                    letter-spacing: normal\n                    font-size: inherit\n                    // color: #999\n                    &.inner_title_main\n                        letter-spacing: 31.2px\n                &.shine\n                        animation: shine2 4s infinite linear forwards\n        .mask\n            position: absolute\n            left: 50%\n            top: 72.5%\n            width: 40vw\n            max-width: 675px\n            border-radius: 50%\n            height: 32px\n            transform: translate(-50%, 46%)\n            -webkit-filter: blur(14.8px)\n            filter: blur(14.8px)\n            background-color: rgba(#740000, 1)\n            opacity: 0\n            // z-index: 10\n\n@keyframes shine2\n    0%\n        background-position: 0vw 10px\n    100%\n        background-position: 100vw 10px\n\n#conception-text\n    // z-index: 60\n    // z-index: 63\n    z-index: 55\n    .sticky-wrapper\n        width: 100%\n        .title_sub\n            position: relative\n            top: calc(72% + 80px)\n            font-size: 1.5rem\n            line-height: 2.4\n            letter-spacing: 2.84px\n            text-align: center\n            z-index: 70\n            span\n                font-size: inherit\n            .mobile_break\n                display: none\n\n@media screen and (min-width: 1441px)\n    #conception\n        .bg_c6\n            .main-cover\n                top: calc(50% + 18.7vw + 56.2px)\n                transform: translate(0%, calc(-50% - (18.7vw + 56.2px) / 2))\n            .mask\n                top: calc(50% + 18.7vw + 56.2px)\n                transform: translate(-50%, calc(-50% - (18.7vw + 56.2px) / 2))\n    #conception-text\n        .sticky-wrapper\n            .title_sub\n                top: calc(50% + 12.7vw + 56.2px - 20px)\n@media screen and (min-width: 1200px)\n    #conception\n        .bg_c6\n            .mask\n                height: 43px\n@media screen and (max-width: 1440px)\n    #conception\n        .bg_c6\n            .main-cover\n                transform: scale(0.9)\n            .mask\n                transform: translate(-50%, 46%) scale(0.9)\n    #conception-text\n        .sticky-wrapper\n            .title_sub\n                transform: scale(0.9)\n@media screen and (max-width: 1200px)\n    #conception\n        .bg_c6\n            .title_main\n                // transform: scale(1)\n            .mask\n                // transform: translate(-50%, 46%) scale(1)\n                transform: translate(-50%, 46%) scale(0.9)\n                width: 512px\n    #conception-text\n        .sticky-wrapper\n            .title_sub\n                transform: scale(1)\n@media screen and (max-width: 768px)\n    #conception\n        .bg_c6\n            .main-cover\n                h2\n                    line-height: 2.5\n                    span\n                        font-size: 1.8rem\n                        &.inner_title_main\n                            letter-spacing: 9.6px\n            .mask\n                // top: 59.2%\n    #conception-text\n        .sticky-wrapper\n            .title_sub\n                font-size: 1.2rem\n                line-height: 2.17\n                letter-spacing: 1.44px\n                .mobile_break\n                    display: block\n                    &.comma\n                        display: inline\n                .pc_break\n                    display: none\n@media screen and (max-width: 650px)\n    #conception\n        background-color: #111\n        .bg_c6\n            background-size: 100% auto\n            // background-position: center calc(50% - 20px)\n            background-position: center calc(50% - 12vw + 100px)\n            .contain-img\n                display: block\n            .main-cover\n                top: calc(2.6vw + 300px + 52.7% - 367px)\n            .mask\n                max-width: 400px\n                width: 77vw\n                top: calc(2.6vw + 300px + 52.7% - 367px)\n                transform: translate(-50%, 78%)\n    #conception-text\n        .sticky-wrapper\n            .title_sub\n                top: calc(2.6vw + 310px + 146.2px + 51.9% - 361.6px)\n@media screen and (max-height: 600px)\n    #conception-text\n        .sticky-wrapper\n            .title_sub\n                top: calc(2.6vw + 310px + 146.2px + 51.9% - 361.6px - 60px)\n</style>\n","import { render } from \"./SixthCut.vue?vue&type=template&id=4f98ec9c&scoped=true\"\nimport script from \"./SixthCut.vue?vue&type=script&lang=js\"\nexport * from \"./SixthCut.vue?vue&type=script&lang=js\"\n\nimport \"./SixthCut.vue?vue&type=style&index=0&id=4f98ec9c&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4f98ec9c\"]])\n\nexport default __exports__","<script>\nimport {\n\tref,\n\tonMounted,\n\ttoRefs,\n\twatch,\n\tcomputed,\n\treactive,\n\tonBeforeUpdate,\n} from \"vue\";\nimport CTAButton from \"../components/CTAButton.vue\";\nimport Form from \"../components/Form.vue\";\nimport { useTransferEffect } from \"../functions\";\nimport { useScrollEffect } from \"../functions\";\n// import * as THREE from \"three\";\nimport gsap from \"gsap\";\nimport { ScrollToPlugin } from \"gsap/ScrollToPlugin\";\n\nexport default {\n\tcomponents: {\n\t\tCTAButton,\n\t\tForm,\n\t},\n\tprops: [\"windowWidth\", \"windowHeight\", \"scrollTop\"],\n\tsetup(props) {\n\t\tconst { windowWidth, windowHeight, scrollTop } = toRefs(props);\n\n\t\tconst container = ref(null);\n\t\tconst title = ref(null);\n\t\tconst video = ref(null);\n\t\tconst mask = ref(null);\n\t\tconst transitions = ref(null);\n\t\tconst selectorText = ref(null);\n\t\tconst images = ref([]);\n\t\tconst previous = ref(null);\n\t\tconst next = ref(null);\n\t\tconst canvasRef = ref(null);\n\t\tconst formMask = ref(null);\n\n\t\tconst containerHeight = ref(0);\n\t\tconst nowCar = ref(0);\n\t\tconst turns = ref(0);\n\t\tconst time = ref([0, 0, 0]);\n\t\tconst isAnimated = ref(true);\n\t\tconst isTiming = ref(false);\n\n\t\tconst nextCar = computed(() => {\n\t\t\treturn nowCar.value > 1 ? 0 : nowCar.value + 1;\n\t\t});\n\t\tconst preCar = computed(() => {\n\t\t\treturn nowCar.value < 1 ? 2 : nowCar.value - 1;\n\t\t});\n\n\t\tconst text = reactive({\n\t\t\tcar: [\"Gran Coupé\", \"Coupé\", \"Convertible\"],\n\t\t\talt: [\n\t\t\t\t\"G26全新BMW 4系列Gran Coupé豪華四門跑車\",\n\t\t\t\t\"G23全新BMW 4系列Coupé豪華雙門跑車\",\n\t\t\t\t\"G22全新BMW 4系列Convertible豪華敞篷跑車\",\n\t\t\t],\n\t\t\tchName: [\"豪華四門跑車\", \"豪華雙門跑車\", \"豪華敞篷跑車\"],\n\t\t\tformTitle: [\"預約賞車\", \"預約賞車\", \"預約賞車\"],\n\t\t\tintro: [\"鋒格自成\", \"誰與爭鋒\", \"恣意馭風\"],\n\t\t\tsrc: [\n\t\t\t\t\"#form\",\n\t\t\t\t\"https://event.bmw.com.tw/campaign/2020/4series-coupe/official/?utm_source=eventsite&utm_medium=button&utm_campaign=4gc\",\n\t\t\t\t\"https://www.bmw.com.tw/zh/all-models/4-series/convertible/2020/bmw-4-series-convertible-highlights.html\",\n\t\t\t],\n\t\t});\n\t\tconst imgSrc = reactive({\n\t\t\tpc: [\n\t\t\t\trequire(\"../assets/Gran_Coupé.jpg\"),\n\t\t\t\trequire(\"../assets/Coupé.jpg\"),\n\t\t\t\trequire(\"../assets/Convertible.jpg\"),\n\t\t\t],\n\t\t\tmobile: [\n\t\t\t\trequire(\"../assets/Gran_Coupé_mobile.jpg\"),\n\t\t\t\trequire(\"../assets/Coupé_mobile.jpg\"),\n\t\t\t\trequire(\"../assets/Convertible_mobile.jpg\"),\n\t\t\t],\n\t\t});\n\t\tconst videoSrc = reactive({\n\t\t\tpc: require(\"../assets/THE 4 imagination.mp4\"),\n\t\t\tmobile: require(\"../assets/THE 4 imagination_mobile.mp4\"),\n\t\t});\n\t\tconst gaData = reactive({\n\t\t\tgaData1: [\n\t\t\t\t{\n\t\t\t\t\tevent_type: \"click\",\n\t\t\t\t\tevent_category: \"testdrive\",\n\t\t\t\t\tevent_label: \"testdrive_4gc\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tevent_type: \"click\",\n\t\t\t\t\tevent_category: \"info\",\n\t\t\t\t\tevent_label: \"info_4coupe\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tevent_type: \"click\",\n\t\t\t\t\tevent_category: \"info\",\n\t\t\t\t\tevent_label: \"info_4convertible\",\n\t\t\t\t},\n\t\t\t],\n\t\t\tgaData2: [\n\t\t\t\t{},\n\t\t\t\t{\n\t\t\t\t\tevent_type: \"click\",\n\t\t\t\t\tevent_category: \"testdrive\",\n\t\t\t\t\tevent_label: \"testdrive_4coupe\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tevent_type: \"click\",\n\t\t\t\t\tevent_category: \"testdrive\",\n\t\t\t\t\tevent_label: \"testdrive_4convertible\",\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\n\t\tconst innerHeight = computed(() => {\n\t\t\treturn scrollTop.value - containerHeight.value;\n\t\t});\n\t\tconst progress = computed(() => {\n\t\t\treturn ((time.value[nowCar.value] * 1000) / duration) * 100;\n\t\t});\n\t\tconst isDouble = computed(() => {\n\t\t\treturn nowCar.value === 0 ? false : true;\n\t\t});\n\n\t\tlet timer = null;\n\t\tlet duration = 7000;\n\n\t\tconst carDisplay = (instruction) => {\n\t\t\tisAnimated.value = false;\n\t\t\ttime.value = [0, 0, 0];\n\t\t\tif (instruction === \"next\") {\n\t\t\t\tturns.value = 0;\n\t\t\t}\n\t\t\tif (instruction === \"next\" || instruction === \"countnext\") {\n\t\t\t\thandleDisplay.transition(nextCar.value);\n\t\t\t\tif (nowCar.value >= 2) {\n\t\t\t\t\tnowCar.value = 0;\n\t\t\t\t} else {\n\t\t\t\t\tnowCar.value++;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tturns.value = 0;\n\t\t\t\thandleDisplay.transition(preCar.value);\n\t\t\t\tif (nowCar.value <= 0) {\n\t\t\t\t\tnowCar.value = 2;\n\t\t\t\t} else {\n\t\t\t\t\tnowCar.value--;\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\tconst timeCount = () => {\n\t\t\ttimer = setInterval(() => {\n\t\t\t\tif (time.value[nowCar.value] * 1000 < duration) {\n\t\t\t\t\tisAnimated.value = true;\n\t\t\t\t\ttime.value[nowCar.value]++;\n\t\t\t\t} else {\n\t\t\t\t\tisTiming.value = false;\n\t\t\t\t\tturns.value++;\n\t\t\t\t\tcarDisplay(\"countnext\");\n\t\t\t\t\tisTiming.value = true;\n\t\t\t\t}\n\t\t\t}, 1000);\n\t\t};\n\n\t\tconst maskCoeff = useScrollEffect(\n\t\t\t1.1 * windowHeight.value,\n\t\t\t1.4 * windowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\t\tconst titleCoeff = useScrollEffect(\n\t\t\t2 * windowHeight.value - 150,\n\t\t\t2 * windowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\t\tconst smTransformCoeff = useScrollEffect(\n\t\t\t2 * windowHeight.value,\n\t\t\t2.5 * windowHeight.value,\n\t\t\t0,\n\t\t\t-50\n\t\t);\n\t\tconst selectorTextCoeff = computed(() => {\n\t\t\treturn useScrollEffect(\n\t\t\t\t4 * windowHeight.value,\n\t\t\t\t4.3 * windowHeight.value,\n\t\t\t\t1.1,\n\t\t\t\t-0.5\n\t\t\t);\n\t\t});\n\t\tconst formMaskCoeff = useScrollEffect(\n\t\t\t5 * windowHeight.value - 150,\n\t\t\t5 * windowHeight.value,\n\t\t\t-0.5,\n\t\t\t1.1\n\t\t);\n\n\t\tconst imgRef = (el) => {\n\t\t\tif (el) {\n\t\t\t\timages.value.push(el);\n\t\t\t}\n\t\t};\n\n\t\tlet handleDisplay = null;\n\t\tconst handleTransitions = () => {\n\t\t\thandleDisplay = new useTransferEffect(\n\t\t\t\t{\n\t\t\t\t\tparent: transitions.value,\n\t\t\t\t\tintensity: transitions.value.dataset.intensity || undefined,\n\t\t\t\t\tspeed: transitions.value.dataset.speed || undefined,\n\t\t\t\t\teasing: transitions.value.dataset.easing || undefined,\n\t\t\t\t\tdisplacementImage: transitions.value.dataset.displacement,\n\t\t\t\t},\n\t\t\t\tcanvasRef.value,\n\t\t\t\t\"image\",\n\t\t\t\timages.value[0],\n\t\t\t\timages.value[1],\n\t\t\t\timages.value[2]\n\t\t\t);\n\t\t\t// handleDisplay.transition(0);\n\t\t};\n\t\tconst textHandleTransition = (val) => {\n\t\t\tif (isTiming.value) {\n\t\t\t\tturns.value = 0;\n\t\t\t\tnowCar.value = val;\n\t\t\t\tisAnimated.value = false;\n\t\t\t\ttime.value = [0, 0, 0];\n\t\t\t\thandleDisplay.transition(nowCar.value);\n\t\t\t}\n\t\t};\n\n\t\tconst xDown = ref(null);\n\t\tconst yDown = ref(null);\n\n\t\tconst getTouches = (evt) => {\n\t\t\treturn evt.touches || evt.originalEvent.touches;\n\t\t};\n\n\t\tconst handleTouchStart = (evt) => {\n\t\t\tconst firstTouch = getTouches(evt)[0];\n\t\t\txDown.value = firstTouch.clientX;\n\t\t\tyDown.value = firstTouch.clientY;\n\t\t};\n\n\t\tconst handleTouchMove = (evt) => {\n\t\t\tif (!xDown.value || !yDown.value) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst xUp = evt.touches[0].clientX;\n\t\t\tconst yUp = evt.touches[0].clientY;\n\n\t\t\tconst xDiff = xDown.value - xUp;\n\t\t\tconst yDiff = yDown.value - yUp;\n\n\t\t\tif (Math.abs(xDiff) > Math.abs(yDiff)) {\n\t\t\t\t/*most significant*/\n\t\t\t\tif (xDiff > 0) {\n\t\t\t\t\tcarDisplay(\"next\");\n\t\t\t\t} else {\n\t\t\t\t\tcarDisplay(\"previous\");\n\t\t\t\t}\n\t\t\t}\n\t\t\t/* reset values */\n\t\t\txDown.value = null;\n\t\t\tyDown.value = null;\n\t\t};\n\n\t\tconst handleChangeCode = (val) => {\n\t\t\tnowCar.value = val;\n\t\t\thandleDisplay.transition(nowCar.value);\n\t\t};\n\n\t\tonMounted(() => {\n\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\twindow.addEventListener(\"resize\", () => {\n\t\t\t\tcontainerHeight.value = container.value.getBoundingClientRect().top;\n\t\t\t});\n\t\t\tif (images.value[0].complete) {\n\t\t\t\tconsole.log(\"image complete\");\n\t\t\t\thandleTransitions();\n\t\t\t} else {\n\t\t\t\tconsole.log(\"image onload\");\n\t\t\t\timages.value[0].onload = handleTransitions;\n\t\t\t}\n\t\t});\n\n\t\tonBeforeUpdate(() => {\n\t\t\timages.value = [];\n\t\t});\n\n\t\t// const videoCount = ref(0)\n\t\tconst isVideoTimeing = ref(\"not scroll\");\n\t\tlet videoTimer = null;\n\t\tconst videoTimeCount = () => {\n\t\t\tvideoTimer = setTimeout(() => {\n\t\t\t\tgsap.to(document.body, {\n\t\t\t\t\tscrollTo: {\n\t\t\t\t\t\ty: \"#imagination_title\",\n\t\t\t\t\t\toffset: \"0\",\n\t\t\t\t\t\tautoKill: true,\n\t\t\t\t\t},\n\t\t\t\t\tease: \"power2.inOut\",\n\t\t\t\t\tduration: 1.5,\n\t\t\t\t});\n\t\t\t}, 14000);\n\t\t};\n\n\t\tgsap.registerPlugin(ScrollToPlugin);\n\n\t\twatch(isVideoTimeing, (nv, ov) => {\n\t\t\tif (nv === \"not scroll\") {\n\t\t\t\tclearTimeout(videoTimer);\n\t\t\t\tvideoTimer = null;\n\t\t\t} else {\n\t\t\t\tif (nv !== ov) {\n\t\t\t\t\tclearTimeout(videoTimer);\n\t\t\t\t\tvideoTimer = null;\n\t\t\t\t\tvideoTimeCount();\n\t\t\t\t} else {\n\t\t\t\t\tvideoTimeCount();\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\twatch(\n\t\t\t() => innerHeight.value,\n\t\t\t(nv, ov) => {\n\t\t\t\tif (nv > windowHeight.value && nv < 2 * windowHeight.value) {\n\t\t\t\t\tisVideoTimeing.value = nv;\n\t\t\t\t} else {\n\t\t\t\t\tisVideoTimeing.value = \"not scroll\";\n\t\t\t\t}\n\t\t\t\tif (nv > 1.1 * windowHeight.value) {\n\t\t\t\t\t// mask.value.style.opacity = `${nv * maskCoeff.a +\n\t\t\t\t\t// \tmaskCoeff.b}`;\n\t\t\t\t} else {\n\t\t\t\t\t// mask.value.style.opacity = 0;\n\t\t\t\t}\n\n\t\t\t\tif (nv > 2 * windowHeight.value - 150) {\n\t\t\t\t\ttitle.value.style.opacity = `${nv * titleCoeff.a +\n\t\t\t\t\t\ttitleCoeff.b}`;\n\t\t\t\t} else {\n\t\t\t\t\t// title.value.style.opacity = 0;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tnv > 2 * windowHeight.value &&\n\t\t\t\t\tnv < 2.5 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\ttitle.value.style.transform = `translateY(${nv *\n\t\t\t\t\t\tsmTransformCoeff.a +\n\t\t\t\t\t\tsmTransformCoeff.b}px)`;\n\t\t\t\t} else if (nv > 2.5 * windowHeight.value) {\n\t\t\t\t\t// title.value.style.transform = \"translate(0px)\";\n\t\t\t\t}\n\n\t\t\t\tif (nv > 3.5 * windowHeight.value || nv <= 0) {\n\t\t\t\t\tvideo.value.pause();\n\t\t\t\t} else {\n\t\t\t\t\tvideo.value.play();\n\t\t\t\t}\n\n\t\t\t\tif (nv > 5 * windowHeight.value - 150) {\n\t\t\t\t\tformMask.value.style.opacity = `${nv * formMaskCoeff.a +\n\t\t\t\t\t\tformMaskCoeff.b}`;\n\t\t\t\t} else {\n\t\t\t\t\t// formMask.value.style.opacity = 0;\n\t\t\t\t}\n\n\t\t\t\tif (nv > 4 * windowHeight.value) {\n\t\t\t\t\tselectorText.value.style.opacity = `${nv *\n\t\t\t\t\t\tselectorTextCoeff.value.a +\n\t\t\t\t\t\tselectorTextCoeff.value.b}`;\n\t\t\t\t} else {\n\t\t\t\t\tselectorText.value.style.opacity = 1;\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tnv > 3.3 * windowHeight.value &&\n\t\t\t\t\tnv < 4.5 * windowHeight.value\n\t\t\t\t) {\n\t\t\t\t\tisTiming.value = true;\n\t\t\t\t} else {\n\t\t\t\t\tisTiming.value = false;\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\twatch(\n\t\t\t() => isTiming.value,\n\t\t\t(nv, ov) => {\n\t\t\t\t// console.log(nv);\n\t\t\t\tif (nv) {\n\t\t\t\t\ttimeCount();\n\t\t\t\t} else {\n\t\t\t\t\tclearInterval(timer);\n\t\t\t\t\tisAnimated.value = false;\n\t\t\t\t\ttime.value = [0, 0, 0];\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\t// watch(nowCar, (nv, ov) => {\n\t\t// \tconsole.log(gaData.gaData2[nowCar.value]);\n\t\t// });\n\n\t\treturn {\n\t\t\twindowWidth,\n\t\t\tcontainer,\n\t\t\tvideoSrc,\n\t\t\tvideo,\n\t\t\tmask,\n\t\t\ttitle,\n\t\t\ttransitions,\n\t\t\tselectorText,\n\t\t\timgRef,\n\t\t\timgSrc,\n\t\t\tcanvasRef,\n\t\t\tnext,\n\t\t\tprevious,\n\t\t\ttext,\n\t\t\tnowCar,\n\t\t\tpreCar,\n\t\t\tnextCar,\n\t\t\tcarDisplay,\n\t\t\tprogress,\n\t\t\tisAnimated,\n\t\t\tisDouble,\n\t\t\tgaData,\n\t\t\tformMask,\n\t\t\thandleChangeCode,\n\t\t\thandleTouchStart,\n\t\t\thandleTouchMove,\n\t\t\ttextHandleTransition,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<section id=\"imagination\" ref=\"container\">\n\t\t<div class=\"sticky-wrapper\">\n\t\t\t<video\n\t\t\t\tid=\"story_video_c3\"\n\t\t\t\t:src=\"windowWidth > 768 ? videoSrc.pc : videoSrc.mobile\"\n\t\t\t\tref=\"video\"\n\t\t\t\tloop\n\t\t\t\tmuted\n\t\t\t\tautoplay\n\t\t\t\tplaysinline\n\t\t\t\tpreload=\"auto\"\n\t\t\t></video>\n\t\t\t<div class=\"mask\" ref=\"mask\"></div>\n\t\t</div>\n\t</section>\n\t<section id=\"imagination_title\">\n\t\t<div class=\"sticky-wrapper\">\n\t\t\t<div class=\"title_main text_en_thin\" ref=\"title\">\n\t\t\t\t<h2>Enjoy Every Edge</h2>\n\t\t\t\t<h2 class=\"title_sub text_ch_medium shine\">鋒芒隨行</h2>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n\t<section id=\"display\">\n\t\t<div\n\t\t\tclass=\"img-wrapper sticky-wrapper\"\n\t\t\tdata-displacement=\"filter-3.jpg\"\n\t\t\tdata-intensity=\"0.4\"\n\t\t\tdata-speed=\"1.2\"\n\t\t\tdata-easing=\"power3.inOut\"\n\t\t\tref=\"transitions\"\n\t\t>\n\t\t\t<img\n\t\t\t\tv-for=\"(item, idx) in text.alt\"\n\t\t\t\t:src=\"windowWidth > 800 ? imgSrc.pc[idx] : imgSrc.mobile[idx]\"\n\t\t\t\t:alt=\"item\"\n\t\t\t\t:key=\"item\"\n\t\t\t\t:ref=\"imgRef\"\n\t\t\t/>\n\t\t\t<canvas ref=\"canvasRef\"></canvas>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"series_display\"\n\t\t\t@touchstart=\"handleTouchStart\"\n\t\t\t@touchmove=\"handleTouchMove\"\n\t\t>\n\t\t\t<div class=\"sticky-wrapper\" ref=\"selectorText\">\n\t\t\t\t<div class=\"selector\">\n\t\t\t\t\t<div class=\"type\">\n\t\t\t\t\t\t<div class=\"text-anim text-anim_left\">\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_thin name_left pc\"\n\t\t\t\t\t\t\t\t\t@click=\"textHandleTransition(0)\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 1\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ text.car[0] }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_thin name_left pc\"\n\t\t\t\t\t\t\t\t\t@click=\"textHandleTransition(1)\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ text.car[1] }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_thin name_left mobile\"\n\t\t\t\t\t\t\t\t\t@click=\"textHandleTransition(2)\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 0 || windowWidth <= 650\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ text.car[2] }}\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclass=\"arrow_right hshake_right_sm\"\n\t\t\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t\t\topacity: nowCar === 2 ? 1 : 0,\n\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"img-button left pc hshake_left\"\n\t\t\t\t\t\t\t@click=\"carDisplay('previous')\"\n\t\t\t\t\t\t\tref=\"previous\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t\t<div class=\"text-anim text-anim_center\">\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_regular pc name_center\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ `THE 4 ${text.car[2]}` }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_regular pc name_center\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 1\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ `THE 4 ${text.car[1]}` }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_regular name_center mobile\"\n\t\t\t\t\t\t\t\t\t@click=\"textHandleTransition(0)\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 0 || windowWidth <= 650\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t`${windowWidth > 650 ? \"THE 4\" : \"\"} ${\n\t\t\t\t\t\t\t\t\t\t\ttext.car[0]\n\t\t\t\t\t\t\t\t\t\t}`\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclass=\"arrow_right hshake_right_sm\"\n\t\t\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t\t\topacity: nowCar === 0 ? 1 : 0,\n\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"img-button right pc hshake_right\"\n\t\t\t\t\t\t\t@click=\"carDisplay('next')\"\n\t\t\t\t\t\t\tref=\"next\"\n\t\t\t\t\t\t></div>\n\t\t\t\t\t\t<div class=\"text-anim text-anim_right\">\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_thin name_left pc\"\n\t\t\t\t\t\t\t\t\t@click=\"textHandleTransition(2)\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 1\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ text.car[2] }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_thin name_left pc\"\n\t\t\t\t\t\t\t\t\t@click=\"textHandleTransition(0)\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 2\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ text.car[0] }}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t\t<transition name=\"fade\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_thin name_right mobile\"\n\t\t\t\t\t\t\t\t\t@click=\"textHandleTransition(1)\"\n\t\t\t\t\t\t\t\t\tv-show=\"nowCar === 0 || windowWidth <= 650\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ text.car[1] }}\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclass=\"arrow_right hshake_right_sm\"\n\t\t\t\t\t\t\t\t\t\t:style=\"{\n\t\t\t\t\t\t\t\t\t\t\topacity: nowCar === 1 ? 1 : 0,\n\t\t\t\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"name\">\n\t\t\t\t\t\t<div class=\"bar pc\">\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\twidth=\"929.69\"\n\t\t\t\t\t\t\t\theight=\"2.531\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\tdata-name=\"Path 550\"\n\t\t\t\t\t\t\t\t\td=\"m832.174 429.192 29.053.132 29.053.1 58.106.2 116.211.245q58.106.159 116.211.127l116.211.08L1413.23 430l58.106-.04 29.053-.023 29.052-.061 116.211-.246 58.105-.2 29.053-.1 29.053-.133v-.77l-29.053-.134-29.053-.1-58.105-.2-116.211-.246-29.052-.061-29.053-.023-58.106-.04-116.211-.077-116.211.08q-58.106.058-116.211.126l-116.211.245-58.106.2-29.053.1-29.053.132z\"\n\t\t\t\t\t\t\t\t\ttransform=\"translate(-832.174 -427.542)\"\n\t\t\t\t\t\t\t\t\tstyle=\"fill:#fff;opacity:.7\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"bar mobile\">\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\twidth=\"303.78\"\n\t\t\t\t\t\t\t\theight=\"1\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\td=\"m832.174 428.194 9.493.052 9.493.039 18.986.078 37.973.1c12.658.042 25.315.034 37.973.05l37.973.031 37.973-.031 18.986-.016 9.493-.009 9.493-.024 37.973-.1 18.986-.079 9.493-.04 9.493-.053v-.3l-9.493-.053-9.493-.04-18.986-.079-37.973-.1-9.493-.024-9.493-.009-18.986-.016-37.973-.031-37.973.031c-12.658.015-25.315.008-37.973.05l-37.973.1-18.986.078-9.493.04-9.493.052z\"\n\t\t\t\t\t\t\t\t\ttransform=\"translate(-832.174 -427.542)\"\n\t\t\t\t\t\t\t\t\tstyle=\"fill:#fff;opacity:.7\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"car-switch\">\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_regular mobile\"\n\t\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 0 ? 1 : 0 }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ `THE 4 ${text.car[0]}` }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_regular mobile\"\n\t\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 1 ? 1 : 0 }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ `THE 4 ${text.car[1]}` }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass=\"type_name_en text_en_regular mobile\"\n\t\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 2 ? 1 : 0 }\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ `THE 4 ${text.car[2]}` }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"bar mobile\">\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\twidth=\"303.78\"\n\t\t\t\t\t\t\t\theight=\"1\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\td=\"m832.174 428.194 9.493.052 9.493.039 18.986.078 37.973.1c12.658.042 25.315.034 37.973.05l37.973.031 37.973-.031 18.986-.016 9.493-.009 9.493-.024 37.973-.1 18.986-.079 9.493-.04 9.493-.053v-.3l-9.493-.053-9.493-.04-18.986-.079-37.973-.1-9.493-.024-9.493-.009-18.986-.016-37.973-.031-37.973.031c-12.658.015-25.315.008-37.973.05l-37.973.1-18.986.078-9.493.04-9.493.052z\"\n\t\t\t\t\t\t\t\t\ttransform=\"translate(-832.174 -427.542)\"\n\t\t\t\t\t\t\t\t\tstyle=\"fill:#fff;opacity:.7\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"car-switch name_ch\">\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclass=\"type_name_ch text_ch_medium\"\n\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 0 ? 1 : 0 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ text.chName[0] }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclass=\"type_name_ch text_ch_medium\"\n\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 1 ? 1 : 0 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ text.chName[1] }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclass=\"type_name_ch text_ch_medium\"\n\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 2 ? 1 : 0 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ text.chName[2] }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"button-wrapper\">\n\t\t\t\t\t<!-- <p class=\"style_intro text_ch_medium\">\n                        {{ text.intro[nowCar] }}\n                    </p> -->\n\t\t\t\t\t<div class=\"car-switch\">\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclass=\"style_intro text_ch_medium\"\n\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 0 ? 1 : 0 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ text.intro[0] }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclass=\"style_intro text_ch_medium\"\n\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 1 ? 1 : 0 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ text.intro[1] }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclass=\"style_intro text_ch_medium\"\n\t\t\t\t\t\t\t:style=\"{ opacity: nowCar === 2 ? 1 : 0 }\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ text.intro[2] }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<CTAButton\n\t\t\t\t\t\t:progress=\"progress\"\n\t\t\t\t\t\t:isAnimated=\"isAnimated\"\n\t\t\t\t\t\t:isDouble=\"isDouble\"\n\t\t\t\t\t\t:href1=\"text.src[nowCar]\"\n\t\t\t\t\t\t:href2=\"'#form'\"\n\t\t\t\t\t\t:GAData1=\"gaData.gaData1[nowCar]\"\n\t\t\t\t\t\t:GAData2=\"gaData.gaData2[nowCar]\"\n\t\t\t\t\t\t>預約賞車</CTAButton\n\t\t\t\t\t>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"arrow_select\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"arrow_middle_left\"\n\t\t\t\t\t\t@click=\"carDisplay('previous')\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"arrow_middle_right\"\n\t\t\t\t\t\t@click=\"carDisplay('next')\"\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<Form @changeCode=\"handleChangeCode\" :nowCar=\"nowCar\">{{\n\t\t\ttext.formTitle[nowCar]\n\t\t}}</Form>\n\t\t<div class=\"form-mask\" ref=\"formMask\"></div>\n\t</section>\n</template>\n\n<style lang=\"sass\" scoped>\n\n#imagination\n    // z-index: 62\n    z-index: 54\n    .sticky-wrapper\n        width: 100%\n        #story_video_c3\n            width: 100%\n            height: 100%\n            object-fit: cover\n        .mask\n            position: relative\n            width: 100%\n            height: 100%\n            top: -100%\n            opacity: 0\n            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 16%, rgba(0, 0, 0, 0.77) 71%, #010b24 91%)\n\n\n#imagination_title\n    // z-index: 62\n    z-index: 54\n    .sticky-wrapper\n        width: 100%\n        display: flex\n        flex-direction: column\n        justify-content: center\n        align-items: center\n        .title_main\n            opacity: 0\n            width: 100%\n            // transform: translateY(50px)\n            h2\n                font-size: calc(4.6vw + 12.2px)\n                letter-spacing: 4px\n                text-align: center\n            .title_sub\n                width: 100%\n                margin-top: 50px\n                font-size: 3rem\n                line-height: 3.54\n                letter-spacing: 28.8px\n\n#display\n    // z-index: 15\n    // z-index: 61\n    z-index: 67\n    background-color: #111\n    .img-wrapper\n        width: 100%\n        overflow: hidden\n        img\n            display: none\n        img, canvas\n            position: absolute\n            left: 50%\n            bottom: 0\n            transform: translate(-50%, 0)\n            width: 100%\n            height: 100%\n            z-index: -1\n    .series_display\n        position: relative\n        width: 100%\n        z-index: 65\n        .sticky-wrapper\n            width: 100%\n            // height: 100vh\n            // .car-switch\n            //     display: inline-block\n            //     width: 33.3%\n            //     height: 100%\n\n    .form-mask\n        position: absolute\n        width: 100%\n        opacity: 0\n        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 6%, rgba(100, 0, 23, 0.62) 31%, rgba(1, 11, 36, 0.6) 95%)\n\n.selector\n    position: absolute\n    left: 50%\n    transform: translateX(-50%)\n    // padding-top: 120px\n    padding-top: 6.25%\n    z-index: 200\n    width: 90vw\n    max-width: 1000px\n    .type\n        position: relative\n        // display: flex\n        // justify-content: center\n        // align-items: center\n        height: 60px\n        margin: 0 auto\n        padding: 0 calc((100% - 860px) / 2)\n        .text-anim\n            // position: absolute\n            position: relative\n            display: inline-block\n            width: 180px\n            height: 60px\n            top: 55%\n            vertical-align: top\n            // transform: translateY(-50%)\n            &.text-anim_left\n                // left: 18%\n                transform: translate(0%, -50%)\n            &.text-anim_right\n                // left: 82%\n                transform: translate(0%, -50%)\n            &.text-anim_center\n                // left: 50%\n                width: 450px\n                transform: translate(0%, -50%)\n        .img-button\n            position: relative\n            display: inline-block\n            // position: absolute\n            top: 50%\n            transform: translate(0%, -50%)\n            height: 6px\n            width: 24px\n            cursor: pointer\n            user-select: none\n            background-size: 24px 6px\n            background-position: center center\n            background-repeat: no-repeat\n            vertical-align: top\n            z-index: 50\n            &.left\n                // left: 25%\n                background-image: url(\"~@/assets/arrow_left.png\")\n            &.right\n                // left: 73%\n                background-image: url(\"~@/assets/arrow_right.png\")\n        .type_name_en\n            // display: inline-block\n            position: absolute\n            width: 100%\n            height: 100%\n            top: 50%\n            transform: translateY(-50%)\n            font-size: 2.3rem\n            line-height: 60px\n            letter-spacing: 0.63px\n            text-align: center\n            vertical-align: middle\n            cursor: pointer\n            user-select: none\n            .arrow_right\n                display: none\n            &.name_center\n                text-align: center\n                width: 450px\n                font-size: 4.5rem\n                // line-height: 1.22\n                letter-spacing: 0.68px\n            &.name_left\n                // text-align: right\n                // padding-left: 0\n                // padding-right: 2vw\n            &.name_right\n                // text-align: left\n                // padding-right: 0\n                // padding-left: 2vw\n            &.only-mobile\n                display: none\n    .name\n        position: relative\n        margin: 0 auto\n        margin-top: 15px\n        max-width: 90%\n        .bar\n            position: absolute\n            left: 50%\n            transform: translateX(-50%)\n            background-size: cover\n            background-position: center\n            background-repeat: no-repeat\n            &.mobile\n                display: none\n    .car-switch\n        &.name_ch\n            p\n                position: relative\n                transition: 1s\n            p:nth-child(2)\n                transform: translateY(calc(-100% - 25px))\n            p:nth-child(3)\n                transform: translateY(calc(-200% - 50px))\n    .type_name_ch\n        width: 100%\n        text-align: center\n        margin-top: 25px\n        font-size: 2.1rem\n        line-height: 1.71\n        letter-spacing: 4.2px\n.button-wrapper\n    position: absolute\n    bottom: 0\n    z-index: 200\n    width: 100%\n    text-align: center\n    padding-bottom: calc(2vw + 22.4px + 10px)\n    .car-switch\n        p\n            position: relative\n            transition: 1s\n        p:nth-child(1)\n            transform: translateY(200%)\n        p:nth-child(2)\n            transform: translateY(100%)\n        p:nth-child(3)\n            // transform: translateY(-200%)\n        .style_intro\n            position: relative\n            font-size: 2.1rem\n            line-height: 2.5\n            letter-spacing: 4.2px\n    .CTA-button\n        position: relative\n        left: 50%\n        top: 0%\n        bottom: 0\n        transform: translateX(-50%)\n.arrow_select\n    position: absolute\n    height: 100%\n    width: 100%\n    .arrow_middle_left, .arrow_middle_right\n        position: absolute\n        width: 15px\n        height: 47px\n        top: 50%\n        transform: translateY(-50%)\n        background-size: contain\n        background-position: center\n        background-repeat: no-repeat\n        cursor: pointer\n        user-select: none\n    .arrow_middle_left\n        left: calc(4.6vw + 13.8px)\n        background-image: url(\"~@/assets/arrow_middle_left.png\")\n    .arrow_middle_right\n        right: calc(3.8vw + 17.4px)\n        background-image: url(\"~@/assets/arrow_middle_right.png\")\n\n.fade-enter-active, .fade-leave-active\n    transition: opacity 0.3s ease\n.fade-enter-from, .fade-leave-to\n    opacity: 0\n.fade-enter-to, .fade-leave-from\n    transition-delay: 0.3s\n    opacity: 1\n\n@media screen and (max-width: 1800px)\n    #display\n        .series_display\n            .selector\n                transform: translateX(-50%) scale(0.8)\n            .arrow_select\n                .arrow_middle_left, .arrow_middle_right\n                    transform: translateY(-50%) scale(0.9)\n\n@media screen and (max-width: 1600px)\n    #display\n        .series_display\n            .sticky-wrapper\n                .button-wrapper\n                    .CTA-button\n                        transform: translateX(-50%) scale(0.9)\n@media screen and (max-width: 1440px)\n    #display\n        .series_display\n            .sticky-wrapper\n                .selector\n                    // transform: translateX(-50%) scale(0.9)\n                    transform: translateX(-50%) scale(0.7)\n                    // transform-origin: center top\n                .button-wrapper\n                    transform: scale(0.9)\n                    .CTA-button\n                        transform: translateX(-50%) scale(1)\n                    // transform-origin: center bottom\n                .arrow_select\n                    .arrow_middle_left, .arrow_middle_right\n                        transform: translateY(-50%) scale(0.8)\n@media screen and (max-width: 1200px)\n    #display\n        .series_display\n            .sticky-wrapper\n                .selector\n                    // transform: translateX(-50%)\n                    transform: translateX(-50%) scale(0.8)\n                    padding-top: 8%\n                    .type\n                        padding: 0 calc((100% - 700px) / 2)\n                        .text-anim\n                            width: 150px\n                            &.text-anim_left\n                                // left: 24%\n                            &.text-anim_right\n                                // left: 76%\n                            &.text-anim_center\n                                width: 350px\n                        .img-button\n                            &.left\n                                // left: 31%\n                            &.right\n                                // left: 67%\n                        .type_name_en\n                            // width: 100px\n                            &.name_center\n                                width: 350px\n                    .name\n                        .bar\n                            transform: translateX(-50%) scale(0.8)\n                .button-wrapper\n                    .CTA-button\n                        transform: translateX(-50%) scale(0.89)\n                .arrow_select\n                    .arrow_middle_left, .arrow_middle_right\n                        transform: translateY(-50%) scale(0.7)\n\n@media screen and (max-width: 800px)\n    #imagination_title\n        .sticky-wrapper\n            .title_main\n                h2\n                    font-family: \"BMWTypeNextLatinTT-Light\", serif\n                    line-height: 1.13\n                    letter-spacing: 1.5px\n                    &.title_sub\n                        font-family: arudjingxiheipe1xg30_md, 微軟正黑體\n                        margin-top: 15px\n                        font-size: 1.8rem\n                        line-height: 2.5\n                        letter-spacing: 16px\n    #display\n        .img-wrapper\n            &::before\n                content: \"\"\n                position: absolute\n                display: block\n                left: 0\n                top: 0\n                width: 100%\n                height: 49.4%\n                background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 36%, #01081a 80%, #010b24 95%)\n                z-index: 75\n            &::after\n                content: \"\"\n                position: absolute\n                display: block\n                left: 0\n                bottom: 0\n                width: 100%\n                height: 62.1%\n                background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 36%, rgba(0,3,10,0.5) 75%)\n                z-index: 75\n            canvas\n                bottom: 60%\n                transform: translate(-50%, 50%)\n        .series_display\n            .sticky-wrapper\n                .selector\n                    padding-top: 60px\n                    transform: translateX(-50%) scale(0.8)\n                    .type\n                        padding: 0 calc((100% - 500px) / 2)\n                        .text-anim\n                            width: 100px\n                            &.text-anim_left\n                                // left: 18%\n                            &.text-anim_right\n                                // left: 82%\n                            &.text-anim_center\n                                width: 250px\n                        .img-button\n                            &.left\n                                // left: 28%\n                            &.right\n                                // left: 70%\n                        .type_name_en\n                            font-size: 16px\n                            // margin: 0 8px\n                            &.name_center\n                                width: 250px\n                                font-size: 24px\n                                margin: 0\n                    .name\n                        margin-top: 5px\n                        .bar\n                            transform: translateX(-50%) scale(0.64)\n                .car-switch\n                    &.name_ch\n                        p:nth-child(2)\n                            transform: translateY(calc(-100% - 15px))\n                        p:nth-child(3)\n                            transform: translateY(calc(-200% - 30px))\n                .type_name_ch\n                    margin-top: 15px\n                    font-size: 20px\n                    line-height: 2.3\n                    letter-spacing: 2.4px\n                .button-wrapper\n                    transform: scale(0.8)\n                    .style_intro\n                        font-size: 20px\n                        line-height: 3\n                        letter-spacing: 2.8px\n                    .CTA-button\n                        transform: translateX(-50%) scale(0.875)\n                .arrow_select\n                    .arrow_middle_left, .arrow_middle_right\n                        transform: translateY(-50%) scale(0.6)\n@media screen and (max-width: 650px)\n    #display\n        .img-wrapper\n            // &::before\n            //     content: \"\"\n            //     position: absolute\n            //     display: block\n            //     left: 0\n            //     top: 0\n            //     width: 100%\n            //     height: 49.4%\n            //     background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 36%, #01081a 80%, #010b24 95%)\n            //     z-index: 75\n            // &::after\n            //     content: \"\"\n            //     position: absolute\n            //     display: block\n            //     left: 0\n            //     bottom: 0\n            //     width: 100%\n            //     height: 62.1%\n            //     background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 36%, rgba(0,3,10,0.5) 75%)\n            //     z-index: 75\n            canvas\n                bottom: 50%\n        .series_display\n            .sticky-wrapper\n                .selector\n                    transform: translateX(-50%)\n                    padding-top: 100px\n                    .only-mobile\n                        display: block\n                        position: absolute\n                        width: 60px\n                        height: 15px\n                        top: 50%\n                        left: 50%\n                        transform: translate(-50%, -50%)\n                    .mobile\n                        display: block\n                    .pc\n                        display: none\n                    .type\n                        width: 250px\n                        height: 15px\n                        // padding: 0 calc((100% - 300px) / 2)\n                        padding: 0\n                        .text-anim\n                            width: 90px\n                            height: 15px\n                            &.text-anim_left\n                                // left: 75px\n                            &.text-anim_right\n                                width: 70px\n                                // left: 256px\n                            &.text-anim_center\n                                width: 90px\n                                // left: 168.5px\n                                // width: 80px\n                        .type_name_en\n                            position: relative\n                            display: inline-block\n                            width: auto\n                            height: 15px\n                            text-align: center\n                            vertical-align: middle\n                            // padding: 0 1.7rem\n                            font-size: 1.3rem\n                            line-height: 15px\n                            letter-spacing: 0.17px\n                            .arrow_right\n                                display: block\n                                position: absolute\n                                width: 10px\n                                height: 12.7px\n                                left: -5px\n                                top: 50%\n                                transform: translateY(-50%)\n                                background-image: url(\"~@/assets/arrow_right.png\")\n                                background-size: 15px auto\n                                background-position: center\n                                background-repeat: no-repeat\n                                transition: opacity 0.3s\n                                transition-delay: 0.3s\n                            &.name_center, &.name_right, &.name_left\n                                width: 90px\n                                font-size: 1.3rem\n                                .arrow_right\n                                    // left: 0px\n                            &.name_right\n                                width: 70px\n                                .arrow_right\n                                    left: 0px\n                            &.pc\n                                display: none\n                    .name\n                        position: relative\n                        margin-top: 10px\n                        height: 53px\n                        .bar\n                            width: 304px\n                            transform: translateX(-50%) scale(1)\n                        .mobile:nth-child(4)\n                            transform: translate(-50%, -106px) scale(1)\n                        .car-switch\n                            p\n                                position: relative\n                                transition: 0.8s\n                            p:nth-child(2)\n                                transform: translateY(-100%)\n                            p:nth-child(3)\n                                transform: translateY(-200%)\n                        .type_name_en\n                            font-size: 2.5rem\n                            line-height: 2.12\n                            letter-spacing: 0.38px\n                            text-align: center\n                    .type_name_ch\n                        margin: 15px 0px\n                        font-size: 1.4rem\n                        line-height: 2\n                        letter-spacing: 2.8px\n                .button-wrapper\n                    padding-bottom: 75px\n                    transform: scale(1)\n                    .car-switch\n                        position: relative\n                        top: 20px\n                    .style_intro\n                        line-height: 3.95\n                        font-size: 1.4rem\n                    .CTA-button\n                        transform: translateX(-50%) scale(0.6)\n                .arrow_select\n                    .arrow_middle_left, .arrow_middle_right\n                        transform: translateY(-50%) scale(0.5)\n@media screen and (max-height: 600px)\n    #display\n        .series_display\n            .sticky-wrapper\n                .selector\n                    transform: translateX(-50%) scale(0.85)\n                    padding-top: 70px\n                    .name_ch\n                        p\n                            text-shadow: 1px 1px 1px rgba(0, 0, 0, 1)\n                .button-wrapper\n                    padding-bottom: 60px\n</style>\n","<script>\nimport { ref, reactive, computed } from \"vue\";\nimport CTAButton from \"./CTAButton.vue\";\nimport { handleVerify } from \"../functions\";\nimport {\n\tapiGetJWTToken,\n\tapiGetAge,\n\tapiGetReseller,\n\tapiGetCar,\n\tapiPostReservation,\n} from \"../api\";\nexport default {\n\tcomponents: {\n\t\tCTAButton,\n\t},\n\tprops: [\"nowCar\"],\n\temits: [\"changeCode\"],\n\tsetup(props, { emit }) {\n\t\tconst codeList = ref([\n\t\t\t{ code: \"event2021_4series_gran_coupe\", text: \"THE 4 Gran Coupé\" },\n\t\t\t{ code: \"event2021_4series_coupe\", text: \"THE 4 Coupé\" },\n\t\t\t{\n\t\t\t\tcode: \"event2021_4series_convertible\",\n\t\t\t\ttext: \"The 4 Convertible\",\n\t\t\t},\n\t\t]);\n\t\tconst facebookCodeList = [\"G26-4GC\", \"4-series\", \"G23\"];\n\t\tconst GAcodeList = [\n\t\t\t\"testdrive_4gc\",\n\t\t\t\"testdrive_4coupe\",\n\t\t\t\"testdrive_4convertible\",\n\t\t];\n\t\tconst carCode = computed({\n\t\t\tget: () => {\n\t\t\t\treturn props.nowCar;\n\t\t\t},\n\t\t\tset: (val) => {\n\t\t\t\temit(\"changeCode\", val);\n\t\t\t},\n\t\t});\n\n\t\tconst tokenVal = ref(\"\");\n\t\tconst ageRange = ref([]);\n\t\tconst resellerList = ref({});\n\t\tconst carBrand = ref({});\n\n\t\tconst agreeWithPrivacy = ref(true);\n\t\tconst formData = reactive({\n\t\t\tdata: {\n\t\t\t\tcode: \"\",\n\t\t\t\tfirstname: \"\",\n\t\t\t\tlastname: \"\",\n\t\t\t\tgender: 1,\n\t\t\t\tage: \"\",\n\t\t\t\temail: \"\",\n\t\t\t\tmobile: \"\",\n\t\t\t\treseller_city: \"\",\n\t\t\t\treseller_store: \"\",\n\t\t\t\tbrand: \"\",\n\t\t\t\tcurrentcar: \"\",\n\t\t\t\tsubscribe: false,\n\t\t\t\ttoken: \"\",\n\t\t\t},\n\t\t});\n\n\t\tconst validationPass = reactive({\n\t\t\tisError: {\n\t\t\t\tfirstname: 0,\n\t\t\t\tlastname: 0,\n\t\t\t\tage: 0,\n\t\t\t\temail: 0,\n\t\t\t\tmobile: 0,\n\t\t\t\treseller_city: 0,\n\t\t\t\treseller_store: 0,\n\t\t\t\tbrand: 0,\n\t\t\t},\n\t\t});\n\n\t\tapiGetJWTToken()\n\t\t\t.then((token) => {\n\t\t\t\ttokenVal.value = token.data;\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.log(err);\n\t\t\t});\n\t\tapiGetAge()\n\t\t\t.then((list) => {\n\t\t\t\tageRange.value = list.data;\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.log(err);\n\t\t\t});\n\t\tapiGetReseller()\n\t\t\t.then((list) => {\n\t\t\t\tlist.data.area.forEach((item) => {\n\t\t\t\t\tresellerList.value[item.name] = item.reseller;\n\t\t\t\t});\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.log(err);\n\t\t\t});\n\t\tapiGetCar()\n\t\t\t.then((car) => {\n\t\t\t\tcarBrand.value = car.data;\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.log(err);\n\t\t\t});\n\n\t\tlet pass = new Array(8).fill(true);\n\t\tconst reset = (property = null, e) => {\n\t\t\tif (property) {\n\t\t\t\tif (validationPass.isError[property]) {\n\t\t\t\t\tformData.data[property] = \"\";\n\t\t\t\t}\n\t\t\t\tvalidationPass.isError[property] = 0;\n\t\t\t\te.target.parentElement.classList.add(\"hasContent\");\n\t\t\t} else {\n\t\t\t\tformData.data = {\n\t\t\t\t\tcode: \"\",\n\t\t\t\t\tfirstname: \"\",\n\t\t\t\t\tlastname: \"\",\n\t\t\t\t\tgender: 1,\n\t\t\t\t\tage: \"\",\n\t\t\t\t\temail: \"\",\n\t\t\t\t\tmobile: \"\",\n\t\t\t\t\treseller_city: \"\",\n\t\t\t\t\treseller_store: \"\",\n\t\t\t\t\tbrand: \"\",\n\t\t\t\t\tcurrentcar: \"\",\n\t\t\t\t\tsubscribe: false,\n\t\t\t\t\ttoken: \"\",\n\t\t\t\t};\n\t\t\t\tvalidationPass.isError = {\n\t\t\t\t\tfirstname: 0,\n\t\t\t\t\tlastname: 0,\n\t\t\t\t\tage: 0,\n\t\t\t\t\temail: 0,\n\t\t\t\t\tmobile: 0,\n\t\t\t\t\treseller_city: 0,\n\t\t\t\t\treseller_store: 0,\n\t\t\t\t\tbrand: 0,\n\t\t\t\t};\n\t\t\t}\n\t\t};\n\t\tconst inputBlur = (property, e) => {\n\t\t\tif (!formData.data[property]) {\n\t\t\t\te.target.parentElement.classList.remove(\"hasContent\");\n\t\t\t} else {\n\t\t\t\treturn;\n\t\t\t}\n\t\t};\n\t\tconst formVerify = () => {\n\t\t\t// is special character\n\t\t\tif (!handleVerify.specialCharacter(formData.data.firstname)) {\n\t\t\t\tvalidationPass.isError.firstname = 1;\n\t\t\t\tpass[0] = false;\n\t\t\t} else {\n\t\t\t\tpass[0] = true;\n\t\t\t}\n\t\t\tif (!handleVerify.specialCharacter(formData.data.lastname)) {\n\t\t\t\tvalidationPass.isError.lastname = 1;\n\t\t\t\tpass[1] = false;\n\t\t\t} else {\n\t\t\t\tpass[1] = true;\n\t\t\t}\n\n\t\t\t// is blank\n\t\t\tif (!handleVerify.empty(formData.data.age)) {\n\t\t\t\tvalidationPass.isError.age = 1;\n\t\t\t\tpass[2] = false;\n\t\t\t} else {\n\t\t\t\tpass[2] = true;\n\t\t\t}\n\n\t\t\t// is phone number\n\t\t\tif (!handleVerify.mobile_phone(formData.data.mobile)) {\n\t\t\t\tvalidationPass.isError.mobile = 1;\n\t\t\t\tpass[3] = false;\n\t\t\t} else {\n\t\t\t\tpass[3] = true;\n\t\t\t}\n\n\t\t\t// is email format\n\t\t\tif (!handleVerify.email(formData.data.email)) {\n\t\t\t\tvalidationPass.isError.email = 1;\n\t\t\t\tpass[4] = false;\n\t\t\t} else {\n\t\t\t\tpass[4] = true;\n\t\t\t}\n\n\t\t\t// is value empty\n\t\t\tif (!handleVerify.empty(formData.data.brand)) {\n\t\t\t\tvalidationPass.isError.brand = 1;\n\t\t\t\tpass[5] = false;\n\t\t\t} else {\n\t\t\t\tpass[5] = true;\n\t\t\t}\n\n\t\t\tif (!handleVerify.empty(formData.data.reseller_city)) {\n\t\t\t\tvalidationPass.isError.reseller_city = 1;\n\t\t\t\tpass[6] = false;\n\t\t\t} else {\n\t\t\t\tpass[6] = true;\n\t\t\t}\n\t\t\tif (!handleVerify.empty(formData.data.reseller_store)) {\n\t\t\t\tvalidationPass.isError.reseller_store = 1;\n\t\t\t\tpass[7] = false;\n\t\t\t} else {\n\t\t\t\tpass[7] = true;\n\t\t\t}\n\t\t};\n\n\t\tconst confirmDialog = (msg) => {\n\t\t\treturn new Promise((resolve, reject) => {\n\t\t\t\tlet confirmed = window.confirm(msg);\n\t\t\t\treturn confirmed ? resolve(true) : reject(false);\n\t\t\t});\n\t\t};\n\n\t\t// const apiLoadingFrame = ref(null);\n\t\t// const loadingIndc = ref(null);\n\t\tconst formPost = async (e) => {\n\t\t\te.preventDefault();\n\n\t\t\tgtag(\"event\", \"submit\", {\n\t\t\t\tevent_category: \"testdrive\",\n\t\t\t\tevent_label: GAcodeList[carCode.value],\n\t\t\t});\n\n\t\t\t// verification\n\t\t\tformData.data.code = codeList.value[carCode.value].code;\n\t\t\tformData.data.subscribe = formData.data.subscribe ? \"bmw\" : false;\n\t\t\tformVerify();\n\t\t\tif (pass.indexOf(false) >= 0) return;\n\n\t\t\t// is agreed with privacy policy\n\t\t\tif (!agreeWithPrivacy.value) {\n\t\t\t\talert(\"同意本公司的個資處理政策即可預約賞車\");\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (\n\t\t\t\t!tokenVal.value ||\n\t\t\t\t!ageRange.value.length ||\n\t\t\t\t!Object.keys(resellerList.value).length ||\n\t\t\t\t!Object.keys(carBrand).length\n\t\t\t) {\n\t\t\t\talert(\"伺服器或網路異常，請稍後再試\");\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tformData.data.token = tokenVal.value;\n\n\t\t\tconst bodyFormData = new FormData();\n\t\t\tObject.keys(formData.data).forEach((item) => {\n\t\t\t\tif (item !== \"agreeWithPolicy\") {\n\t\t\t\t\tbodyFormData.append(item, formData.data[item]);\n\t\t\t\t}\n\t\t\t});\n\t\t\tconst apiLoadingFrame = document.querySelector(\".apiLoadingFrame\");\n\t\t\tconst loadingIndc = document.querySelector(\".loading-indicator\");\n\n\t\t\ttry {\n\t\t\t\tapiLoadingFrame.style.display = \"block\";\n\t\t\t\tapiLoadingFrame.style.opacity = 1;\n\t\t\t\tapiLoadingFrame.style.zIndex = 2000;\n\t\t\t\tloadingIndc.style.display = \"block\";\n\t\t\t\tloadingIndc.style.opacity = 1;\n\t\t\t\tloadingIndc.style.zIndex = 2010;\n\t\t\t\tdocument.documentElement.style.overflowY = \"hidden\";\n\n\t\t\t\tconst response = await apiPostReservation(bodyFormData);\n\t\t\t\tif (response.data.status < 0) {\n\t\t\t\t\talert(\"資料傳送失敗，請再試一次\");\n\t\t\t\t} else {\n\t\t\t\t\tconst id = process.env.VUE_APP_PIXELID;\n\t\t\t\t\tconst id2 = process.env.VUE_APP_PIXELID2;\n\t\t\t\t\tconst content_ids = facebookCodeList[carCode.value];\n\n\t\t\t\t\tfbq(\n\t\t\t\t\t\t\"trackSingleCustom\",\n\t\t\t\t\t\tid,\n\t\t\t\t\t\t\"Lead\",\n\t\t\t\t\t\t// begin parameter object data\n\t\t\t\t\t\t{ content_ids, content_type: \"automotive_model\" }\n\t\t\t\t\t\t// end parameter object data\n\t\t\t\t\t);\n\t\t\t\t\tfbq(\"trackSingleCustom\", id2, \"Lead\");\n\n\t\t\t\t\tfunction gtag_report_conversion(url) {\n\t\t\t\t\t\tvar callback = function() {\n\t\t\t\t\t\t\tif (typeof url != \"undefined\") {\n\t\t\t\t\t\t\t\twindow.location = url;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t};\n\t\t\t\t\t\tgtag(\"event\", \"conversion\", {\n\t\t\t\t\t\t\tsend_to: `${process.env.VUE_APP_AWID}/IiGhCP_iy4YBENPdlvsC`,\n\t\t\t\t\t\t\tevent_callback: callback,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tgtag(\"event\", \"conversion\", {\n\t\t\t\t\t\t\tsend_to: `${process.env.VUE_APP_AWID2}/arKyCOCjvJIDENqxudcB`,\n\t\t\t\t\t\t});\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t\tgtag(\"event\", \"success\", {\n\t\t\t\t\t\tevent_category: \"testdrive\",\n\t\t\t\t\t\tevent_label: GAcodeList[carCode.value],\n\t\t\t\t\t});\n\t\t\t\t\tgtag_report_conversion();\n\n\t\t\t\t\t_lt(\"send\", \"cv\", { type: \"Conversion\" }, [\n\t\t\t\t\t\tprocess.env.VUE_APP_LINEID,\n\t\t\t\t\t]);\n\n\t\t\t\t\twindow.dotq = window.dotq || [];\n\t\t\t\t\twindow.dotq.push({\n\t\t\t\t\t\tprojectId: process.env.VUE_APP_YAHOO_PROJECTID,\n\t\t\t\t\t\tproperties: {\n\t\t\t\t\t\t\tpixelId: process.env.VUE_APP_YAHOO_PIXELID,\n\t\t\t\t\t\t\tqstrings: {\n\t\t\t\t\t\t\t\tet: \"custom\",\n\t\t\t\t\t\t\t\tea: \"submit_BMW_4GC\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\n\t\t\t\t\twindow.onead_pixel.push({\n\t\t\t\t\t\ttype: \"tracker\",\n\t\t\t\t\t\tvalue: { name: \"Lead\" },\n\t\t\t\t\t});\n\n\t\t\t\t\twindow.appier_q = window.appier_q || [];\n\t\t\t\t\twindow.appier_q.push({\n\t\t\t\t\t\tt: \"type_conversion\",\n\t\t\t\t\t\tcontent: \"submit\",\n\t\t\t\t\t\taction_id: process.env.VUE_APP_APPIER_CONVERSIONID,\n\t\t\t\t\t\ttrack_id: process.env.VUE_APP_APPIER_TRACKID,\n\t\t\t\t\t\topts: { unique_key: \"true\" },\n\t\t\t\t\t});\n\n\t\t\t\t\tconfirmDialog(\"預約賞車成功！ 是否回到首頁？\")\n\t\t\t\t\t\t.then(() => {\n\t\t\t\t\t\t\treset();\n\t\t\t\t\t\t\tconst inputs = document.querySelectorAll(\n\t\t\t\t\t\t\t\t\".input-wrapper, .select-wrapper\"\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tinputs.forEach((elem) => {\n\t\t\t\t\t\t\t\telem.classList.remove(\"hasContent\");\n\t\t\t\t\t\t\t});\n\n\t\t\t\t\t\t\tconst top = document\n\t\t\t\t\t\t\t\t.querySelector(\"#story\")\n\t\t\t\t\t\t\t\t.getBoundingClientRect().top;\n\t\t\t\t\t\t\tdocument.body.scrollTo({\n\t\t\t\t\t\t\t\ttop: document.body.scrollTop + top,\n\t\t\t\t\t\t\t\tbehavior: \"smooth\",\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.catch((err) => {\n\t\t\t\t\t\t\tconsole.log(err);\n\t\t\t\t\t\t\treset();\n\t\t\t\t\t\t\tconst inputs = document.querySelectorAll(\n\t\t\t\t\t\t\t\t\".input-wrapper, .select-wrapper\"\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tinputs.forEach((elem) => {\n\t\t\t\t\t\t\t\telem.classList.remove(\"hasContent\");\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tapiLoadingFrame.style.display = \"none\";\n\t\t\t\tapiLoadingFrame.style.opacity = 0;\n\t\t\t\tapiLoadingFrame.style.zIndex = \"auto\";\n\t\t\t\tloadingIndc.style.display = \"none\";\n\t\t\t\tloadingIndc.style.opacity = 0;\n\t\t\t\tloadingIndc.style.zIndex = \"auto\";\n\t\t\t\tdocument.documentElement.style.overflowY = \"hidden\";\n\t\t\t} catch (error) {\n\t\t\t\tconsole.log(error);\n\n\t\t\t\tapiLoadingFrame.style.display = \"none\";\n\t\t\t\tapiLoadingFrame.style.opacity = 0;\n\t\t\t\tapiLoadingFrame.style.zIndex = \"auto\";\n\t\t\t\tloadingIndc.style.display = \"none\";\n\t\t\t\tloadingIndc.style.opacity = 0;\n\t\t\t\tloadingIndc.style.zIndex = \"auto\";\n\t\t\t\tdocument.documentElement.style.overflowY = \"hidden\";\n\n\t\t\t\talert(\"資料傳送失敗，請再試一次\");\n\t\t\t}\n\t\t};\n\n\t\treturn {\n\t\t\tcarCode,\n\t\t\tcodeList,\n\t\t\tformData,\n\t\t\tinputBlur,\n\t\t\tvalidationPass,\n\t\t\treset,\n\t\t\ttokenVal,\n\t\t\tageRange,\n\t\t\tresellerList,\n\t\t\tcarBrand,\n\t\t\tagreeWithPrivacy,\n\t\t\tformPost,\n\t\t\tGAcodeList,\n\t\t};\n\t},\n};\n</script>\n\n<template>\n\t<div class=\"reservation\">\n\t\t<div class=\"reservation-form\" id=\"form\">\n\t\t\t<div class=\"form-title text_ch_heavy\"><slot></slot></div>\n\t\t\t<form autocomplete=\"off\">\n\t\t\t\t<div class=\"form-div\">\n\t\t\t\t\t<div class=\"form-title_sub text_ch_medium\">請選擇車款</div>\n\t\t\t\t\t<div id=\"code\" class=\"select-wrapper\">\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tclass=\"text_en_thin\"\n\t\t\t\t\t\t\tname=\"code\"\n\t\t\t\t\t\t\tv-model=\"carCode\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tv-for=\"(item, idx) in codeList\"\n\t\t\t\t\t\t\t\t:key=\"item.code\"\n\t\t\t\t\t\t\t\tclass=\"text_en_thin\"\n\t\t\t\t\t\t\t\t:value=\"idx\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ item.text }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t\t<span class=\"select-arrow\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"form-div\"></div>\n\t\t\t\t<div class=\"form-div\">\n\t\t\t\t\t<div class=\"form-title_sub text_ch_medium\">\n\t\t\t\t\t\t請輸入基本資料\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"input-wrapper\"\n\t\t\t\t\t\tdata-message=\"姓氏不可空白，或包含特殊符號\"\n\t\t\t\t\t\tdata-placeholder=\"姓氏\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.firstname\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tname=\"firstname\"\n\t\t\t\t\t\t\tv-model=\"formData.data.firstname\"\n\t\t\t\t\t\t\t@focus=\"reset('firstname', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('firstname', $event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"input-wrapper\"\n\t\t\t\t\t\tdata-message=\"名字不可空白，或包含特殊符號\"\n\t\t\t\t\t\tdata-placeholder=\"名字\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.lastname\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tname=\"lastname\"\n\t\t\t\t\t\t\tv-model=\"formData.data.lastname\"\n\t\t\t\t\t\t\t@focus=\"reset('lastname', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('lastname', $event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"wrapper\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"select-wrapper age\"\n\t\t\t\t\t\t\tdata-message=\"請選擇年齡\"\n\t\t\t\t\t\t\tdata-placeholder=\"年齡\"\n\t\t\t\t\t\t\t:data-pass=\"validationPass.isError.age\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t\tname=\"age\"\n\t\t\t\t\t\t\t\tv-model=\"formData.data.age\"\n\t\t\t\t\t\t\t\t@focus=\"reset('age', $event)\"\n\t\t\t\t\t\t\t\t@blur=\"inputBlur('age', $event)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<option value=\"null\" disabled>\n\t\t\t\t\t\t\t\t\t年齡\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\tv-for=\"item in ageRange\"\n\t\t\t\t\t\t\t\t\t:value=\"item\"\n\t\t\t\t\t\t\t\t\t:key=\"item\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item }}\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t\t<span class=\"select-arrow\"></span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"gender\">\n\t\t\t\t\t\t\t<div class=\"radio-for-male\">\n\t\t\t\t\t\t\t\t<span class=\"radiobox\"></span>\n\t\t\t\t\t\t\t\t<span class=\"text_ch_medium radio-text\"\n\t\t\t\t\t\t\t\t\t>先生</span\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"gender\"\n\t\t\t\t\t\t\t\t\tvalue=\"1\"\n\t\t\t\t\t\t\t\t\tchecked\n\t\t\t\t\t\t\t\t\tv-model.number=\"formData.data.gender\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span class=\"radio\"></span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"radio-for-female\">\n\t\t\t\t\t\t\t\t<span class=\"radiobox\"></span>\n\t\t\t\t\t\t\t\t<span class=\"text_ch_medium radio-text\"\n\t\t\t\t\t\t\t\t\t>女士</span\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\tname=\"gender\"\n\t\t\t\t\t\t\t\t\tvalue=\"0\"\n\t\t\t\t\t\t\t\t\tv-model.number=\"formData.data.gender\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<span class=\"radio\"></span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"input-wrapper\"\n\t\t\t\t\t\tdata-message=\"請輸入以 09 開頭的 10 位數手機號碼\"\n\t\t\t\t\t\tdata-placeholder=\"手機號碼\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.mobile\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tname=\"mobile\"\n\t\t\t\t\t\t\tv-model=\"formData.data.mobile\"\n\t\t\t\t\t\t\t@focus=\"reset('mobile', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('mobile', $event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"input-wrapper\"\n\t\t\t\t\t\tdata-message=\"請輸入正確的信箱格式\"\n\t\t\t\t\t\tdata-placeholder=\"E-MAIL\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.email\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass=\"text_en_thin\"\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\tv-model=\"formData.data.email\"\n\t\t\t\t\t\t\t@focus=\"reset('email', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('email', $event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"form-div\">\n\t\t\t\t\t<div class=\"form-title_sub text_ch_medium\">\n\t\t\t\t\t\t現有車款品牌\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"select-wrapper\"\n\t\t\t\t\t\tdata-message=\"請選擇車款品牌\"\n\t\t\t\t\t\tdata-placeholder=\"選擇車款品牌\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.brand\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tname=\"brand\"\n\t\t\t\t\t\t\tv-model=\"formData.data.brand\"\n\t\t\t\t\t\t\t@focus=\"reset('brand', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('brand', $event)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option value=\"null\" disabled>\n\t\t\t\t\t\t\t\t選擇車款品牌\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tv-for=\"(item, key) in carBrand\"\n\t\t\t\t\t\t\t\t:value=\"key\"\n\t\t\t\t\t\t\t\t:key=\"key\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ key }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t\t<span class=\"select-arrow\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"input-wrapper\"\n\t\t\t\t\t\tdata-message=\"請輸入您現有的車款\"\n\t\t\t\t\t\tdata-placeholder=\"現有車款\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.currentcar\"\n\t\t\t\t\t\tv-show=\"\n\t\t\t\t\t\t\tcarBrand[formData.data.brand]\n\t\t\t\t\t\t\t\t? !carBrand[formData.data.brand].length\n\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tname=\"currentcar\"\n\t\t\t\t\t\t\tv-model=\"formData.data.currentcar\"\n\t\t\t\t\t\t\t@focus=\"reset('currentcar', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('currentcar', $event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"select-wrapper\"\n\t\t\t\t\t\tv-show=\"\n\t\t\t\t\t\t\tcarBrand[formData.data.brand]\n\t\t\t\t\t\t\t\t? carBrand[formData.data.brand].length\n\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\"\n\t\t\t\t\t\tdata-message=\"請選擇現有車款\"\n\t\t\t\t\t\tdata-placeholder=\"選擇現有車款\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.currentcar\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tname=\"currentcar\"\n\t\t\t\t\t\t\tv-model=\"formData.data.currentcar\"\n\t\t\t\t\t\t\t@focus=\"reset('currentcar', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('currentcar', $event)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option value=\"null\" disabled>\n\t\t\t\t\t\t\t\t選擇現有車款\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tv-for=\"item in carBrand[formData.data.brand]\"\n\t\t\t\t\t\t\t\t:value=\"item\"\n\t\t\t\t\t\t\t\t:key=\"item\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ item }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t\t<span class=\"select-arrow\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"form-title_sub text_ch_medium\">\n\t\t\t\t\t\t希望與您聯絡的 BMW 經銷商\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"select-wrapper\"\n\t\t\t\t\t\tdata-message=\"請選擇地區\"\n\t\t\t\t\t\tdata-placeholder=\"選擇地區\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.reseller_city\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tname=\"reseller_city\"\n\t\t\t\t\t\t\tv-model=\"formData.data.reseller_city\"\n\t\t\t\t\t\t\t@focus=\"reset('reseller_city', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('reseller_city', $event)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option value=\"null\" disabled>\n\t\t\t\t\t\t\t\t選擇地區\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tv-for=\"(item, key) in resellerList\"\n\t\t\t\t\t\t\t\t:value=\"key\"\n\t\t\t\t\t\t\t\t:key=\"key\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ key }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t\t<span class=\"select-arrow\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"select-wrapper\"\n\t\t\t\t\t\tdata-message=\"請選擇希望聯繫您的經銷商\"\n\t\t\t\t\t\tdata-placeholder=\"選擇經銷商\"\n\t\t\t\t\t\t:data-pass=\"validationPass.isError.reseller_store\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<select\n\t\t\t\t\t\t\tname=\"reseller_store\"\n\t\t\t\t\t\t\tv-model=\"formData.data.reseller_store\"\n\t\t\t\t\t\t\t@focus=\"reset('reseller_store', $event)\"\n\t\t\t\t\t\t\t@blur=\"inputBlur('reseller_store', $event)\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<option value=\"null\" disabled>\n\t\t\t\t\t\t\t\t選擇經銷商\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tv-for=\"item in resellerList[\n\t\t\t\t\t\t\t\t\tformData.data.reseller_city\n\t\t\t\t\t\t\t\t]\"\n\t\t\t\t\t\t\t\t:value=\"item\"\n\t\t\t\t\t\t\t\t:key=\"item\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{{ item }}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t</select>\n\t\t\t\t\t\t<span class=\"select-arrow\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"form-div form-div-2\">\n\t\t\t\t\t<div class=\"check-for-subscribe\">\n\t\t\t\t\t\t<span class=\"radiobox\"></span>\n\t\t\t\t\t\t<span class=\"text_concent radio-text text_ch_medium\">\n\t\t\t\t\t\t\t我想訂閱 <span class=\"text_en_regular\">BMW </span>\n\t\t\t\t\t\t\t電子報，隨時掌握品牌動態、新車情報、售後服務等最新資訊。\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tname=\"subscribe\"\n\t\t\t\t\t\t\tv-model=\"formData.data.subscribe\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span class=\"radio\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"check-for-privacy\">\n\t\t\t\t\t\t<span class=\"radiobox\"></span>\n\t\t\t\t\t\t<span class=\"text_concent radio-text text_ch_medium\">\n\t\t\t\t\t\t\t我同意\n\t\t\t\t\t\t\t<span class=\"text_en_regular\">BMW </span>\n\t\t\t\t\t\t\t總代理汎德股份有限公司得將本人之個人資料經電腦處理後，\n\t\t\t\t\t\t\t<span class=\"text_en_regular\">BMW</span>\n\t\t\t\t\t\t\t總代理汎德股份有限公司及其所屬汎德股份有限公司其他關係企業暨其特約經銷商等使用，以及為提升客戶服務品質、車輛資訊之提供及推廣客戶關懷活動而使用。\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t* 僅部分車型提供試乘車，詳情請洽全台展示中心\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tchecked\n\t\t\t\t\t\t\tname=\"agreeWithPrivacy\"\n\t\t\t\t\t\t\tv-model=\"agreeWithPrivacy\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<span class=\"radio\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"button-wrapper\">\n\t\t\t\t\t\t<CTAButton @click=\"formPost\">確認送出</CTAButton>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</form>\n\t\t</div>\n\t\t<!-- <div class=\"apiLoadingFrame\" ref=\"apiLoadingFrame\"></div> -->\n\t\t<!-- <div class=\"loading-indicator\" ref=\"loadingIndc\">\n\t\t\t<div class=\"loading-ring\">\n\t\t\t\t<div class=\"inner-ring\"></div>\n\t\t\t</div>\n\t\t\t<div class=\"t-ring\">\n\t\t\t\t<div class=\"bar bar1\"></div>\n\t\t\t\t<div class=\"bar bar2\"></div>\n\t\t\t\t<div class=\"bar bar3\"></div>\n\t\t\t\t<div class=\"bar bar4\"></div>\n\t\t\t\t<div class=\"bar bar5\"></div>\n\t\t\t</div>\n\t\t</div> -->\n\t</div>\n</template>\n\n<style lang=\"sass\" scoped>\n\n.reservation\n\tposition: relative\n\t// top: -100vh\n\t// height: 100vh\n\tdisplay: flex\n\tjustify-content: center\n\talign-items: center\n\t.reservation-form\n\t\tposition: relative\n\t\twidth: 90vw\n\t\tmax-width: 90%\n\t\t// height: auto\n\t\t// max-height: 90%\n\t\tz-index: 1\n\t\tbackground-color: #1112\n\t\tbackdrop-filter: blur(15.3px)\n\t\t-webkit-backdrop-filter: blur(15.3px)\n\t\t.form-title\n\t\t\tpadding-top: 2rem\n\t\t\tpadding-bottom: 2rem\n\t\t\tfont-size: 3.6rem\n\t\t\tletter-spacing: 5.4px\n\t\t\ttext-align: center\n\t\tform\n\t\t\twidth: 80%\n\t\t\tmax-width: 1080px\n\t\t\tmargin: 0 auto\n\n.form-div\n\tdisplay: inline-block\n\twidth: calc(50% - 7.4vw)\n\tpadding: 0px 3.7vw\n\tmargin-bottom: 30px\n\t&.form-div-2\n\t\tposition: relative\n\t\twidth: calc(100% - 7.4vw)\n\t\tmargin-bottom: 40px\n\t\t.button-wrapper\n\t\t\tmargin-top: 40px\n\t\t\tposition: relative\n\t\t\theight: 64px\n\t\t\t.CTA-button\n\t\t\t\tleft: 50%\n\t\t\t\tbottom: 20px\n\t\t\t\ttransform: translateX(-50%)\n\t.form-title_sub\n\t\tfont-size: 2.4rem\n\t\tline-height: 2\n\t\tletter-spacing: 0.24px\n\t.form-title_sub:nth-child(5)\n\t\tmargin-top: 2%\n\t\theight: calc(50px - 2%)\n\t\tline-height: calc(50px - 2%)\n\t.wrapper\n\t\tposition: relative\n\t\tdisplay: flex\n\t\tjustify-content: flex-end\n\t\talign-items: baseline\n\t\t.age\n\t\t\tdisplay: inline-block\n\t\t\twidth: calc(100% - 130px)\n\t\t\tmargin-right: 30px\n\t\t\tflex-shrink: 1\n\t\t\tflex-basis: calc(100% - 130px)\n\t\t.gender\n\t\t\tposition: relative\n\t\t\tright: 0\n\t\t\twidth: 150px\n\t\t\tdisplay: flex\n\t\t\tjustify-content: space-between\n\t\t\talign-items: center\n\t.input-wrapper, .select-wrapper\n\t\t&::before\n\t\t\tcontent: attr(data-placeholder)\n\t\t\tposition: absolute\n\t\t\twidth: 100%\n\t\t\theight: 100%\n\t\t\tleft: 0\n\t\t\ttop: 0\n\t\t\tfont-size: 1.5rem\n\t\t\tfont-family: arudjingxiheipe1xg30_md, 微軟正黑體\n\t\t\tletter-spacing: 0.53px\n\t\t\tline-height: 50px\n\t\t\tcolor: #fff\n\t\t\topacity: 1\n\t\t\tz-index: 0\n\t\t&::after\n\t\t\tcontent: attr(data-message)\n\t\t\tposition: absolute\n\t\t\twidth: 100%\n\t\t\theight: 100%\n\t\t\tright: 0\n\t\t\ttop: 0\n\t\t\ttext-align: right\n\t\t\tfont-family: arudjingxiheipe1xg30_md, 微軟正黑體\n\t\t\tfont-size: 1.2rem\n\t\t\tletter-spacing: 0.42px\n\t\t\tcolor: rgba(#ccc, 0.9)\n\t\t\tline-height: 50px\n\t\t\topacity: 0\n\t\t\tz-index: 0\n\t\t&.hasContent\n\t\t\t&::before\n\t\t\t\topacity: 0\n\t.input-wrapper[data-pass=\"1\"], .select-wrapper[data-pass=\"1\"]\n\t\t&::after\n\t\t\topacity: 1\n\t.input-wrapper\n\t\tposition: relative\n\t.input-wrapper[data-placeholder=\"E-MAIL\"]\n\t\t&::before\n\t\t\tfont-family: \"BMWTypeNextLatinTT-Thin\", serif\n\t.select-wrapper\n\t\tposition: relative\n\t\t&::after\n\t\t\tright: 20px\n\t\t&#code\n\t\t\t&::after\n\t\t\t\tcontent: none\n\t\t.select-arrow\n\t\t\tposition: absolute\n\t\t\twidth: 12px\n\t\t\theight: 12px\n\t\t\tright: 0\n\t\t\ttop: 50%\n\t\t\ttransform: translateY(-50%)\n\t\t\tbackground-image: url(\"~@/assets/arrow_select.png\")\n\t\t\tbackground-size: 80% auto\n\t\t\tbackground-position: center\n\t\t\tbackground-repeat: no-repeat\n\n\tinput, select, option, label\n\t\tdisplay: block\n\t\tposition: relative\n\t\tmargin: 0\n\t\tpadding: 0\n\t\tborder: none\n\t\tbackground-color: transparent\n\t\t-webkit-appearance: none\n\t\t-moz-appearance: none\n\t\tappearance: none\n\t\toutline: none\n\t\tfont-size: 1.5rem\n\t\tborder-radius: 0px\n\t\tborder-bottom: solid 1px rgba(#fff, 0.2)\n\t\tfont-family: \"BMWTypeNextLatinTT-Thin\", arudjingxiheipe1xg30_md, serif, 微軟正黑體\n\tinput[type=\"text\"]\n\t\twidth: calc(100% - 4px)\n\t\theight: 50px\n\t\t--webkit-user-select: text !important\n\n\tinput[type=\"radio\"], input[type=\"checkbox\"]\n\t\t// position: absolute\n\t\t// display: inline-block\n\t\t// height: 21px\n\t\tborder-bottom: none\n\n\tinput[type=\"checkbox\"]\n        left: 0\n        top: 0\n        &::before, &::after\n            left: 0px\n\n\t.radio-for-male, .radio-for-female, .check-for-subscribe, .check-for-privacy\n\t\tposition: relative\n\t\t.radiobox\n\t\t\tdisplay: inline-block\n\t\t\twidth: 18px\n\t\t\theight: 18px\n\t\t\tmargin-right: 8px\n\t\t\tborder: solid 1px #eee\n\t\t\topacity: 0.5\n\t\t\tvertical-align: middle\n\t\t.radio-text\n\t\t\tdisplay: inline-block\n\t\t\tfont-size: 1.5rem\n\t\t\tletter-spacing: 0.53px\n\t\t\ttext-align: right\n\t\t\tvertical-align: middle\n\t\t\t&.text_concent\n\t\t\t\ttext-align: left\n\t\t.radio\n\t\t\tposition: absolute\n\t\t\twidth: 18px\n\t\t\theight: 18px\n\t\t\tleft: 0px\n\t\t\ttop: 50%\n\t\t\topacity: 0\n\t\t\ttransform: translateY(-50%)\n\t\t\tbackground-image: url(\"~@/assets/check-solid.png\")\n\t\t\tbackground-size: 70% auto\n\t\t\tbackground-position: center\n\t\t\tbackground-repeat: no-repeat\n\t\tinput\n\t\t\tposition: absolute\n\t\t\twidth: 100%\n\t\t\theight: 100%\n\t\t\tleft: 0\n\t\t\ttop: 0\n\t\t\tz-index: 10\n\t\tinput:checked + .radio\n\t\t\topacity: 1\n\n\t.check-for-subscribe, .check-for-privacy\n\t\tmargin-bottom: 20px\n\t\t.radiobox\n\t\t\tvertical-align: top\n\t\t.text_concent\n\t\t\twidth: calc(100% - 28px)\n\t\t\tfont-size: 1.3rem\n\t\t\tline-height: 1.62\n\t\t\tletter-spacing: 0.65px\n\t\t\tcolor: #eee\n\t\t\tspan\n\t\t\t\tfont-size: inherit\n\t\t\t\tcolor: #eee\n\t\t.radio\n\t\t\ttop: 2px\n\t\t\ttransform: translateY(0)\n\n\tselect\n        width: 100%\n        height: 50px\n        z-index: 10\n        cursor: pointer\n\n\toption\n        color: #000\n\t// // WebKit, Blink, Edge\n    // ::-webkit-input-placeholder\n\t// \tcolor: #fff\n\t// // Mozilla Firefox 4 to 18\n    // :-moz-placeholder\n\t// \tcolor: #fff\n\t// \topacity: 1\n\t// // Mozilla Firefox 19+\n\t// ::-moz-placeholder\n\t// \tcolor: #fff\n\t// \topacity: 1\n\t// // Internet Explorer 10-11\n\t// :-ms-input-placeholder\n    //     color: #fff\n\t// // Microsoft Edge\n\t// ::-ms-input-placeholder\n    //     color: #fff\n\t// // Most modern browsers support this now.\n    // ::placeholder\n    //     color: #fff\n\n@media screen and (max-width: 1600px)\n\t.reservation\n\t\t#form\n\t\t\tform\n\t\t\t\t.form-div\n\t\t\t\t\t&.form-div-2\n\t\t\t\t\t\t.button-wrapper\n\t\t\t\t\t\t\t.CTA-button\n\t\t\t\t\t\t\t\ttransform: translateX(-50%) scale(0.9)\n@media screen and (max-width: 1200px)\n\t.reservation\n\t\t#form\n\t\t\tform\n\t\t\t\t.form-div\n\t\t\t\t\t&.form-div-2\n\t\t\t\t\t\t.button-wrapper\n\t\t\t\t\t\t\t.CTA-button\n\t\t\t\t\t\t\t\ttransform: translateX(-50%) scale(0.8)\n@media screen and (max-width: 800px)\n\t.reservation\n\t\t#form\n\t\t\tform\n\t\t\t\t.form-div\n\t\t\t\t\t&.form-div-2\n\t\t\t\t\t\t.button-wrapper\n\t\t\t\t\t\t\t.CTA-button\n\t\t\t\t\t\t\t\ttransform: translateX(-50%) scale(0.7)\n\n@media screen and (max-width: 992px)\n    .reservation\n        .reservation-form\n            form\n                width: 90%\n@media screen and (max-width: 768px)\n\t.reservation\n\t\t// height: 180vh\n\t\talign-items: flex-start\n\t\t.apiLoadingFrame\n\t\t\t// height: 180vh\n\t\t#form\n\t\t\tmargin-top: 10vw\n\t\t\tmax-height: none\n\t\t\t.form-title\n\t\t\t\tpadding-top: 4rem\n\t\t\t\tpadding-bottom: 4rem\n\t\t\t\tfont-size: 1.8rem\n\t\t\t\tletter-spacing: 3.24px\n\t\t\tform\n\t\t\t\twidth: 80%\n\t\t\t\t.form-title_sub\n\t\t\t\t\tfont-size: 1.5rem\n\t\t\t\t\tletter-spacing: 0.15px\n\t\t\t\t.form-div\n\t\t\t\t\twidth: calc(100% - 7.4vw)\n\t\t\t\t\tmargin-bottom: 40px\n\t\t\t\t\t.form-title_sub:nth-child(5)\n\t\t\t\t\t\tmargin-top: 30px\n\t\t\t\t\t.input-wrapper, .select-wrapper\n\t\t\t\t\t\t&::after, &::before\n\t\t\t\t\t\t\tline-height: 40px\n\t\t\t\t\t\t&::before\n\t\t\t\t\t\t\tfont-size: 1.2rem\n\t\t\t\t\t\t\tletter-spacing: 0.42px\n\t\t\t\t\t\t&::after\n\t\t\t\t\t\t\tfont-size: 1rem\n\t\t\t\t\t\t\tletter-spacing: -0.1px\n\t\t\t\t\t\t\tright: auto\n\t\t\t\t\t\t\ttop: 40px\n\t\t\t\t\t\t\tleft: 0\n\t\t\t\t\t\t\ttransform: none\n\t\t\t\t\t\t\ttext-align: center\n\t\t\t\t\t.input-wrapper[data-pass=\"1\"], .select-wrapper[data-pass=\"1\"]\n\t\t\t\t\t\theight: 70px\n\t\t\t\t\t.select-wrapper[data-pass=\"1\"]\n\t\t\t\t\t\t.select-arrow\n\t\t\t\t\t\t\ttop: calc((100% - 30px) / 2)\n\t\t\t\t\t.radio-for-male, .radio-for-female, .check-for-subscribe, .check-for-privacy\n\t\t\t\t\t\t.radio-text\n\t\t\t\t\t\t\tfont-size: 1.2rem\n\t\t\t\t\t\t\tletter-spacing: 0.42px\n\t\t\t\t\t.check-for-privacy\n\t\t\t\t\t\t.radio-text\n\t\t\t\t\t\t\tline-height: 1.62\n\t\t\t\t\t\t\tletter-spacing: 0.6px\n\t\t\t\t\tinput, select, option, label\n\t\t\t\t\t\tfont-size: 1.2rem\n\t\t\t\t\tinput[type=\"text\"], select\n\t\t\t\t\t\theight: 40px\n\t\t\t\t\t&.form-div-2\n\t\t\t\t\t\tmargin-bottom: 20px\n\t\t\t\t\t\t.button-wrapper\n\t\t\t\t\t\t\t.CTA-button\n\t\t\t\t\t\t\t\ttransform: translateX(-50%) scale(0.6)\n\n\t\t\t\t.form-div:nth-child(2)\n\t\t\t\t\tmargin-bottom: 0\n</style>\n","import axios from \"axios\";\n\nconst localURL = \"http://localhost:3000/api/auth\";\nconst dev_url = \"https://sp.bmw.com.tw\";\nconst url = \"https://contact.bmw.com.tw\";\n\nconst userRequest = axios.create( {\n    baseURL: process.env.VUE_APP_API\n} );\n// const headerObj = ( token ) => {\n//     return { headers: { Authorization: token } };\n// };\n\nconst errorHandling = ( err ) => {\n    let errObj;\n    if ( err.response ) {\n        // Request made and server responded\n        console.log( err.response.data );\n        console.log( err.response.status );\n        errObj = err.response.data;\n    } else if ( err.request ) {\n        // The request was made but no response was received\n        console.log( err.request );\n        errObj = err.request;\n    } else {\n        // Something happened in setting up the request that triggered an Error\n        console.log( 'Error', err.message );\n        errObj = err.message;\n    }\n    return errObj;\n};\n\nuserRequest.interceptors.request.use(\n    ( config ) => {\n        return config;\n    },\n    ( error ) => {\n        const e = errorHandling( error );\n        return Promise.reject( e );\n    }\n);\n\nuserRequest.interceptors.response.use(\n    ( response ) => {\n        return response;\n    },\n    ( error ) => {\n        const e = errorHandling( error );\n        return Promise.reject( e );\n    }\n);\n\nexport const apiGetJWTToken = () => userRequest.get( \"/api/Jwt/get?username=testdrive&passwd=AMxRM3gNNymg\" );\nexport const apiGetAge = () => userRequest.get( \"/api/testdrive/getallage\" );\nexport const apiGetReseller = () => userRequest.get( \"/api/testdrive/getallreseller\" );\nexport const apiGetCar = () => userRequest.get( \"/api/testdrive/getallbrand\" );\nexport const apiPostReservation = ( data ) => userRequest.post( \"/testdrive/process\", data, { headers: { \"Content-Type\": \"multipart/form-data\" } } );","import { render } from \"./Form.vue?vue&type=template&id=98cad9e4&scoped=true\"\nimport script from \"./Form.vue?vue&type=script&lang=js\"\nexport * from \"./Form.vue?vue&type=script&lang=js\"\n\nimport \"./Form.vue?vue&type=style&index=0&id=98cad9e4&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-98cad9e4\"]])\n\nexport default __exports__","import { render } from \"./SeventhCut.vue?vue&type=template&id=51c6df94&scoped=true\"\nimport script from \"./SeventhCut.vue?vue&type=script&lang=js\"\nexport * from \"./SeventhCut.vue?vue&type=script&lang=js\"\n\nimport \"./SeventhCut.vue?vue&type=style&index=0&id=51c6df94&lang=sass&scoped=true\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-51c6df94\"]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=5ca91c9c\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=5ca91c9c&lang=scss\"\n\nimport exportComponent from \"/Users/liyunchen/Documents/Salute Project/BMW_teaser/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createApp } from 'vue';\nimport App from './App.vue';\n\n// const vconsole = new VConsole();\nconst app = createApp( App );\n\napp.directive( \"sendGAsignal\", {\n    mounted ( el, binding ) {\n        let { event_type, event_category, event_label } = binding.value || {};\n        el.onclick = () => {\n            gtag( 'event', event_type, { event_category, event_label } );\n            // console.log( event_type, event_category, event_label );\n        };\n    },\n    updated ( el, binding ) {\n        let { event_type, event_category, event_label } = binding.value || {};\n        el.onclick = () => {\n            gtag( 'event', event_type, { event_category, event_label } );\n            // console.log( event_type, event_category, event_label );\n        };\n    },\n} );\n\napp.mount( '#app' );\n\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcBAMAAAD/8tBWAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADHRSTlMA0BCgn4wssMBl7+CrxvINAAAAfElEQVQoz2NgIAJEl2EIKZ45lYAmxCRz5kwBhrIzZxowlZ2ZgKnsMBZlBjRQlt6KoYxtzRkHdGXsZ84cQTeNG8h0QLOU9QxEIYqlMmCFqG5TBCtEdRtYhROaF0BKTqF5AawQ3aeKYKHDmB4lIkDACg3QY1UDQxkQTEWOLADX72Sk6nVqNAAAAABJRU5ErkJggg==\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./FirstCut.vue?vue&type=style&index=0&id=d6600a58&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/background_c4-1.397fddb5.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c3-2-2.331d2d02.jpg\";","module.exports = __webpack_public_path__ + \"img/menu_button1.af64cb65.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/background_c3-1-2.035acfd5.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./FourthCut.vue?vue&type=style&index=0&id=1346321f&lang=sass&scoped=true\"","module.exports = __webpack_public_path__ + \"img/Coupé_mobile.e92fd944.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Form.vue?vue&type=style&index=0&id=98cad9e4&lang=sass&scoped=true\"","module.exports = __webpack_public_path__ + \"img/background_c5.ec93efb2.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c3-2-1.ea42e568.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c4-2_mask.6793b381.jpg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJIAAAHLAQMAAACpmiDEAAAAA1BMVEUAAACnej3aAAAAWUlEQVR42u3BMQEAAADCoPVPbQlPoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgKcBCWsAAUPfjN4AAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAACLCAMAAADPn5AcAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMA6ln8wiINBdr1rUpqe5ouOxaK9SOuHwAAAU1JREFUWMPt2MEOgyAQRVEEFcVaRf7/X9up7f7dRFJNZP1CrAdmpjonra5z6tpKSVGLLuW9Ji3bWnaVopNFR+0ZBst6KeotOkjRftB/2WzRVtt2fEfDojKU8tRwbdtRE0627abrjr2uO+u6QxXdoG0bge4D6Db6Ef/oJimage4T6AbbNh+tu1q0ifq2D3B3r6I7Q90AdMWSAHQT1e2P1p2orj9aN0Ld0ALdSgUf6G4X0b1gOy9ANwHdSgX/buc1Cn7SdfepqtOfVjviLgb9cclrQGroNJAasr82sTaRjoY6JenA32Ff/N8FJobvwVyOlyYXiUxkTJpMkHWlgyhNZjjSCE4l7YC0/7O0tbogtjrSQmO2IxQykCbFQpWeiTToYkwat4XmFG1hq1AsiHSu1RaQ9D0A1B8A8j0AnGsAIB80d2kPpNUv7L5pxUv6Wy/ZxDMF4sUXNwAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/Coupé.385ff26d.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c3-1_mask.998c023c.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c4-2-2.c95f9515.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./CTAButton.vue?vue&type=style&index=0&id=5951a736&lang=sass\"","module.exports = __webpack_public_path__ + \"img/footer_background.389e9e74.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c5_mobile.177a2921.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7BAMAAAA3C++AAAAALVBMVEVHcEzd3d3c3Nzf39/d3d3f39/d3d3f39/d3d3f39/d3d3d3d3d3d3c3Nzd3d1K1v4hAAAADnRSTlMAgMBEZxDwMOAgn5DQsHGoHkoAAAHkSURBVDjLhdW/S+RAFAfw764Jqye3EERtJR56cCCWVrKtcCyxuUJtPDyuC2cjVlbKFUJIYaeIgrXcXyA2YiciwjUibnYJud31/Q03SXYzMzszu69Ysvlk5k3mxwsAnHwmNZJPIbLYIH10vFQrvoHpd8p7JqX4F2AbGxMdAR/MSg3gfAhTiPowrmFpGD8iEP59v3ScJ5Fvwa/f17JZqnzlt944H3roxamv8g54rCvc9gTG2SDXIMWNzD9lhSVxOvly1EVuDiomRf6jMB44x57KB5xbquYLnfMPDY9xvgDKi8DHefZrfSm5rsuyBQUvA1U2+GqjmnilqJzfuSk4LJgeGUeO4+VvnjM4txg3suSrGo5pNyonrhvquekf93Nz9jivUpZb6pyPvFmifm4+NLbYVbbXUsZS2nnMcr8WfJtxlPG3fm6/4H9s/R1nypq1plGZGnPS3Baf1I5mzseF9Q5Vrgs8p+iEL7Da+5a0U2uDfC1xS7dXhGNwoWvMubusaSwcwbbwcvaDeoDfeft9zfmm+Kr3gOXrmMXfrOtXMnA35RUyccJ0k4wcsdMRmLkD+5okDqQias+QXNekqpgsDFbFETV1REWeHF7P7cDMdyO/JagYm99nC7Rp0O1evTp50WD0nO6P/z8vO3+mjgDiAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAKlBMVEVHcEz///////////////////////////////////////////////////+LBpLMAAAADXRSTlMAEM9gfoE/wDAg4FStNJSfYwAAAGRJREFUCNdj4HABg5gEht67EHCRYS+UdZuBORQE1t69xgAGQnehLEbdu2uvQYUu116DChlAWEAhBjALJARhgYTALLAQmAUWArEgQiAWRAjE8gULMdTeYJgLFmKIVWBgnACxmgEAoKQ5dDcr0dkAAAAASUVORK5CYII=\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Footer.vue?vue&type=style&index=0&id=3bc6de2e&lang=sass&scoped=true\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./SeventhCut.vue?vue&type=style&index=0&id=51c6df94&lang=sass&scoped=true\"","module.exports = __webpack_public_path__ + \"img/background_c4-1_mask.62ba4f2c.jpg\";","module.exports = __webpack_public_path__ + \"img/Gran_Coupé.90708929.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c4-2-1.785b2e66.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c4-1-1.c145b9ea.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c4-1_mask_mobile.78105c97.jpg\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Indicator.vue?vue&type=style&index=0&id=021eccce&lang=sass&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAMFBMVEUAAADd3d3f39/f39/d3d3d3d3f39/d3d3d3d3c3Nzc3Nzf39/d3d3c3Nzd3d3d3d3R7tQpAAAAD3RSTlMAgBBD8NAw4JBgwCBwsKDk5LmZAAABq0lEQVQ4y42TvWsUQRiHf7fR0xg/ErQQmxyIYJrk/gMFO5sVC0t3C0ELIZJKsNh0ok1WsD/FP+AC2ktqCz86bdTWyvPuzCd5sjObY9h3UuSB3YF95p1533d25Fj4kRIYv811yHUMm91aTKdYdjrezBNzz4mWC/86F3gJjFxQDwZuDExlcFdKUjZzNTkNA/9ekeUzo3UtQR6Zc7CqXhVo8Fs80U/+qUH7Tymtsat+ZRucdFN7DAVfmuZC9VHL7AlmJ2Vs/P7kY246PQhmoQCedpS8ypsmyXDcUkXTPKRmNjIZkALb1rRgv6vHBaPcmI9QVsMi3DFm7bBJff4bU7CiOnbQNG0/+DrHTdOC9cmhRUae1vHNWeh6c96amclhnLAZKGNboa5g/N/S9atGlZ6BraqsPvwyJing9uUMxh1j9ICaZ7KmneLY6kRGi+FOGaNHBfedCGZVMUuVKXijmBsM1eevYuYZ+ifCz19mHItp1+BTR6XwAUpNwZ4VMxk7fkm+GfMav/k1GL3IFbh6BSjrhsXsSz4opvQmuYTl3SSV50Z8D5u+35gLXKwbfgCQVtV/6ZV+wAAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/background_c3-1.6e3e3b6b.jpg\";","module.exports = __webpack_public_path__ + \"img/Convertible.e4d339a2.jpg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAGCAYAAADt98gmAAAABHNCSVQICAgIfAhkiAAAAbtJREFUaEPtmo2ugyAMhcW9/8vsnfYacmkHXIYtlEHMTI6JIfLTQk36eUD3ej79dsPLe7+5cFNJlz+OXLrqmRuKdu5P44o7PX/YTfbrfoX9k93gR/JvstvxJ9pV/KW1levqrtcQxxTnI/gl2+mm53eYhfrQ70h9qT32o/lcWh/9sd84D1oPrYHmkerVdWjrE+r5fe/75pyTy9C2hzt0WFc+Hve1F2JI8aKLYsZl+UxxbNTTCG7v9DvZHfST56f44fctzXOxn19J2e6uAEnQaCbVmBRasFCTqgAhSjZNOBn8ZegVsOBkY4FeTNIZWoU/1W7lR4RpbVeD8eIke4LOAFx6ECBISXAw1bdgaIRIzIRjcPgxqIjwC5BSoajBslcfQduExiQcdut4a78vYcfzWAA7AGQyAlAgHcVVwcykuCqIaXAe/kK/WmloCgcKZEyhXKlooEDOCqoFs8n8uWo4FIi2jQUFwl/wHxCBAokCrr99BwXS2L6rFQkUiG27roDsKgDM2rktQKBAoECGz1KgQKBAJpVOb/sJZyCzSLpwvHYmkesNZxI4A/n/AaH7QwAUCBQIzkDe4hJnIByHP1I5hC/YdfIdAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJIAAAnkAQMAAABsj9lAAAAAA1BMVEUAAACnej3aAAAAAXRSTlN/gFy0ywAAAYJJREFUeNrtwTEBAAAAwqD1T20MH6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+BrgbAAECQdT+AAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/background_c3-1_mobile.d4ec4415.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c4-1-2_mobile.c2c861f1.jpg\";","module.exports = __webpack_public_path__ + \"img/background_c4-2-1_mobile.6eb6481c.jpg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWBAMAAAAhuOHBAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADnRSTlMAvwybH7M0SHOnYI+EVKmPV5oAAACoSURBVBjTTY3BDYJAEEV/iAET4+ELiBAOGE4eoQI8WADGAqAD6ABKoAQ60A60A+1Ix2Vh3+XlTWYycDLOuA1qGnh4mBmDO8wciSFY8hNi9AtdqzJCylzniflvFOt8yWLLt6ot9wDW9FTW7ESZn4is0oVw4V204RWCzUjUs8KfkZUeqrWbnDyntAYXVhYmmDizk3cah0HLBjO9Xx6wkJK5kavMLWBgV8pfNgsYTOLgkvQAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAiZJREFUSEvtlktOwzAQhuM0UdXHtttKnICcpgsWrLgCF6AUxGPDDYCzVHSBOEKFRDcIdVEJpSrNi5nIUw1uHDtppW6oZLmxE3/z/zN2IpwD/cSBuM4/2OS8yaHMtADNmxbi6/B71ec40ApuC6b7Nn2WZW9Jkjx4nvfEoiOoEW4D5lAOjuI4Hvq+fwFgBKnQUrgJrEJdAORjoPhnvV5fNpvNIQOnLID8Nl3OdWA1n3iNUAK7AA5Xq9Wo1WqNYJyAvCdmIdwExnkObchrAeDvMAyvu93ulVSWyAAQjo0r3oIXgbfsjaLoFUDHaZqixQ727XbbgXEH8uwIIRzXdfMG9p91Op1HTd43ztuAG4vF4hSeOIJFXahkgX2/3z9fLpcvMDeGAssVgu3JdDp9DoLgndlfWOk6MFlMNnsyvz70aHcDlH/O5/P7Xq93C9doM7ZY9hgIXhdVe67aBpyDoCGceiwuAt8pYIRTnnmV/8lzFTCHc8U68M6KcQtx1agcq/pLWn0jFSIoYv9JbaUcUxooxwSmXsxms5PJZDIeDAYfzGrKNcJ2AlMACOTKqfhwHiFkK4FLobri4uNUA3RqEZzXBldHARiPzrKzms9tjkq5E1TFBFeVkiP5FuI/25eEmnNVMe1X7b6tCi6yXX0386q1/iAwKaZA1bfVlnWyyLTW1lFcBC8C05jx66OsqssW1rlkBayqoiyQWnO2Oa61eB3b9g7apbj2GswvB4v6H1p+HKoAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7BAMAAAA3C++AAAAAMFBMVEVHcEzc3Nzd3d3f39/f39/f39/d3d3d3d3d3d3d3d3f39/d3d3c3Nzc3Nzd3d3d3d1f0bUIAAAAD3RSTlMAwIBAFz9m4PDQMKBQsJAlhAjLAAACJklEQVQ4y7WVO28TQRSFr/FCJCtgu+FZrBVRkcKWjJCoMkIiioRQkMA1pqOzQ0G7EkI0FItIRWU3qck/WHeU0FLF/wCbhNiLEx3OnY3tTXbXIKScama+3Ttz5z5GRDwciEgLx5Kqr5jI9KMU5QAjl4BKOi4Au7KEsRHZecL5w6dGdhpz/oN2WzgU+YIxTTynHRdzvMFTefigG+gx1s5gLt8DarJJjGYC89dr6laAj3toJ/Ea/3or4o5NjsdIYLqmbmEoF/AriR1gZE7wfhLTNbqVjTfp1gJcROm8sR/hz+inYhdmCQM7ScNVvNfIFHGw7KfgDQ1Jj3c49pCCCz7w0wYw9FKwPPLDmt5h2Dy993mr0IgpDta/I03hVWMT0UeG3kWpkKm+yHI2xZGwerI10vpcoB7DtEAV2QvrqlY0n9Tvx/E3cYezQoEGLBfHpb/isPFMLjZaZ/Eowh2wrIrTz4nfGN3+tXECsFw53I/jK0YcH6GxWTNIYFWg5aypOcOvVlysrJ7gKm97XbvFDJe4Jnli50WXw550jnjKJL5shzWxTiRx7t9w/e5CbFvOgE0rw7iqzVpcgEvZOBr+J/YO7TCY4tYwhvvyoMlL3dVcU9yWfNfifKc5D0mFjcZiPiROdOeiAT2OXomuZofiiRSCyPhteUyXtsWpspFpxwjLPN+Wj/INjMrX8cm6vMW137TxMjvNm7qFm0VvRoW/WqZO1zYXbt0h+wPzMyg5CFJXwAAAAABJRU5ErkJggg==\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./NavsButton.vue?vue&type=style&index=0&id=0e517672&lang=sass&scoped=true\"","module.exports = __webpack_public_path__ + \"media/THE_4_mobile.1de01f6b.mp4\";","module.exports = __webpack_public_path__ + \"img/Convertible_mobile.4d639176.jpg\";","module.exports = __webpack_public_path__ + \"img/Gran_Coupé_mobile.94036a19.jpg\";","module.exports = __webpack_public_path__ + \"img/site_cover.e726a2b8.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./FifthCut.vue?vue&type=style&index=0&id=36d06922&lang=sass&scoped=true\""],"sourceRoot":""}