body,html{overflow-x:hidden}a,body{color:#000}.logo-wrapper,video.bgv{position:absolute;top:50%}input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}@keyframes flash{50%{filter:grayscale(1) invert(1)}}html{font-size:min(max(.8vw,12px),15px)}body{font-family:"Porsche Next","Noto Sans HK","PingFang TC","Heiti TC","微軟正黑體","Microsoft JhengHei","Arial Unicode MS",Arial;font-weight:300;background:url(/wp-content/themes/porsche-landing/easter-floorplan/assets/images/bg.png) center top no-repeat!important;background-size:cover!important;min-height:100vh}a{cursor:pointer}#main-header{padding:42px 24px}#main-header .container-fluid{padding:12px 0}#main-header .container-fluid>.row div:last-child{text-align:right;align-self:center}#main-header .logo,.introduction{text-align:center}#main-header .lang,#main-header .wpml-ls-legacy-list-horizontal{font-size:1rem;padding:0;color:#fff}#main-header .lang a,#main-header .wpml-ls-legacy-list-horizontal a{color:#fff}#main-header .logo img{height:12px}@keyframes jump{0%{transform:translate(-50%,-10px)}30%{transform:translate(-50%,-7px)}50%{transform:translate(-50%,-5px)}60%{transform:translate(-50%,-4px)}100%{transform:translate(-50%,0)}}@keyframes hotpot{0%{box-shadow:0 0 5px #FFF500}100%{box-shadow:0 0 20px #FFF500}}video.bgv{max-width:none;left:50%;transform:translateX(-50%) translateY(-50%);min-width:100%;min-height:135%;width:auto;height:auto;z-index:-1000;overflow:hidden}#key-visaul.animated{animation:flash .7s linear}.logo-wrapper{background-color:#fff0;width:100%;left:10%;transform:translateY(-50%)}.logo-wrapper h2{color:#fff;font-size:2rem;font-weight:300;line-height:130%;margin-bottom:20px}.logo-wrapper h1{color:#fff;font-size:7.5rem;font-weight:700;line-height:100%}.logo-wrapper h1 span{color:#fff;-webkit-text-fill-color:#fff0;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff}.logo-wrapper h3{font-family:"Porsche Next","PingFang TC","Heiti TC","微軟正黑體","Microsoft JhengHei","Arial Unicode MS",Arial;color:#fff;font-size:4.75rem;font-weight:700;line-height:130%}.logo-wrapper h3 span{color:#fff0;-webkit-text-stroke:1px #fff;padding-right:8px}#key-visaul{position:relative;overflow:hidden}#key-visaul .video-wrapper{min-height:56.25vw}#key-visaul .scroll-icon{position:absolute;left:50%;bottom:3%;z-index:4;transform:translateX(-50%);animation:jump .8s ease-in alternate infinite}:root{--glitch-width:100vw;--glitch-height:100vh;--gap-horizontal:10px;--gap-vertical:5px;--time-anim:3s;--delay-anim:2.3s;--blend-mode-1:none;--blend-mode-2:none;--blend-mode-3:none;--blend-mode-4:none;--blend-mode-5:overlay;--blend-color-1:transparent;--blend-color-2:transparent;--blend-color-3:transparent;--blend-color-4:transparent;--blend-color-5:#af4949}.content-wrapper{margin:0 auto}.introduction{color:#fff}.introduction .container{max-width:800px}.introduction h1{font-weight:700;font-size:3.25rem;margin-bottom:20px;margin-top:80px}.introduction .desc{font-size:1rem;line-height:140%;margin-bottom:40px}.introduction .date{font-weight:700;font-size:1.5rem;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:8px}.map{margin-top:73px;margin-bottom:80px;min-height:800px}.map .tabs-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.map .tabs-wrapper .tab{font-weight:100;font-size:3rem;color:#fff;padding:20px 30px;transition:all .5s;cursor:pointer}.map .tabs-wrapper .tab.active{color:#FFF500;font-weight:500}.map .tabs-wrapper .tab:hover{color:#FFF500}.map .contents-wrapper{margin-top:30px;position:relative}.map .contents-wrapper .floor-plan{position:absolute;left:0;top:0;transition:all .8s}.map .contents-wrapper .floor-plan.changing{background:rgb(255 255 255 / .3)}.map .contents-wrapper .floor-plan.changing.top{z-index:3;transform:scale(1) rotateY(-30deg) rotateX(45deg) translateZ(8rem);transform-origin:50% 100%;transform-style:preserve-3d}.map .contents-wrapper .floor-plan.changing.middle{z-index:2;transform:scale(1) rotateY(-30deg) rotateX(45deg) translateZ(0);transform-origin:50% 100%;transform-style:preserve-3d}.map .contents-wrapper .floor-plan.changing.bottom{z-index:1;transform:scale(1) rotateY(-30deg) rotateX(45deg) translateZ(-4rem);transform-origin:50% 100%;transform-style:preserve-3d}.map .contents-wrapper .floor-plan:not(.active):not(.changing){display:none}.map .contents-wrapper .floor-plan img{max-width:100%}.map .contents-wrapper .floor-plan:nth-child(2),.map .contents-wrapper .floor-plan:nth-child(3){padding-top:30px}.map .contents-wrapper .floor-plan .hotpot-wrapper{position:absolute;width:100%;height:100%;left:0;top:0}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot{cursor:pointer;position:absolute;left:0;top:0;width:min(6vw,46px);height:min(6vw,46px);border:4px solid #fff;border-radius:50%;box-shadow:0 0 20px #FFF500;animation-name:hotpot;animation-duration:1.5s;animation-iteration-count:infinite;animation-direction:alternate}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot:after{content:"";position:absolute;left:50%;top:50%;background-color:#FFF500;border-radius:50%;width:60%;height:60%;transform:translate(-50%,-50%);box-shadow:0 0 30px #FFF500;animation-duration:1.5s;animation-iteration-count:infinite;animation-direction:alternate}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot[data-id="1"]{left:32%;top:37%}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot[data-id="2"]{left:69%;top:40%}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot[data-id="3"]{left:18%;top:47%}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot[data-id="4"]{left:52.5%;top:40%}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot[data-id="5"]{left:76%;top:47%}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot[data-id="6"]{left:67%;top:76%}.map .contents-wrapper .floor-plan .hotpot-wrapper .hot[data-id="7"]{left:72%;top:34%}.white-popup-block{width:40vw;max-width:578px;background-color:#fff;padding:50px 40px;margin:0 auto;box-shadow:0 20px 40px rgb(0 0 0 / .25);border-radius:8px;position:relative}.white-popup-block .highlight-wrapper img{width:100%}.white-popup-block .highlight-wrapper h2{font-size:2rem;margin:28px 0}.white-popup-block .highlight-wrapper .desc{font-size:1.125rem;line-height:170%}.white-popup-block .close-btn{position:absolute;width:50px;height:50px;background:url(/wp-content/themes/porsche-landing/easter-floorplan/assets/images/close-btn.png) center center no-repeat;background-size:contain;right:-5%;top:-5%;cursor:pointer}