.calculator-section .scene-1 .item,.calculator-section .scene-3 .left,.calculator-section.step-3 .option-section .wrapper{box-shadow:0 4px 30px rgb(0 0 0 / .1);backdrop-filter:blur(5px)}.calculator-section{background:url(/wp-content/themes/after-sales/calculator/assets/images/bg.jpg) center center no-repeat;background-size:cover;min-height:540px;display:flex}.calculator-section .container{overflow:hidden;display:flex;flex-direction:row;flex-wrap:nowrap;padding:0;max-width:1300px}.calculator-section .option-section .vehicle img,.calculator-section .scene-3 .right img{max-width:500px}.calculator-section .container>div{min-height:100%;flex:0 0 100%;transition:transform .5s ease-in-out}.calculator-section .scene-1{position:relative}.calculator-section .scene-1 .row{height:100%;align-items:center;padding:0 20px;margin:0}.calculator-section .scene-1 .item{background:rgb(255 255 255 / .5);border-radius:5px;-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .3);height:35vh;transform:translateY(-10%);overflow:hidden;position:relative;padding:30px 20px}.calculator-section .scene-1 .item .icon{position:absolute;right:-33%;bottom:-17%;opacity:.1}.calculator-section .scene-1 .item .icon svg{width:350px;height:350px}.calculator-section .scene-1 .item .icon svg path{fill:#c9c9c9}.calculator-section .scene-1 .item h3{color:rgb(255 255 255 / .7);text-shadow:1px 1px 3px rgb(0 0 0 / .4);font-size:1.375rem;margin-top:3%;line-height:130%}.calculator-section .scene-1 .item h2{color:#d5001c;font-size:1.75rem;font-weight:500;margin-top:10%;text-shadow:1px 1px 2px rgb(0 0 0 / .1)}.calculator-section .scene-1 .next-btn{background-color:#d5001c;color:#fff;font-size:1.125rem;font-weight:500;padding:15px 8%;position:absolute;bottom:10%;left:50%;transform:translateX(-50%);cursor:pointer}.calculator-section .car-menu ul{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:10px 20px}.calculator-section .car-menu ul li{height:calc(100% / 6 - 10px);width:100%;display:flex;justify-content:center;align-items:center;position:relative;background-color:rgb(255 255 255 / .2);font-size:1.25rem;color:#fff;font-weight:300;border-bottom:3px solid #fff0;cursor:pointer;transition:all .2s}.calculator-section .car-menu ul li.active,.calculator-section .car-menu ul li:hover{background-color:#fff;border-bottom:3px solid #d5001c;color:#d5001c}.calculator-section .option-section{overflow:hidden}.calculator-section .option-section .vehicle{height:100%;display:flex;justify-content:center;align-items:center;transition:all .5s;transform:translateX(25%)}.calculator-section .option-section .vehicle .vehicle-img{display:none}.calculator-section .option-section .vehicle .vehicle-img.active{display:block}.calculator-section .option-section .wrapper{height:calc(100% - 40px);margin:20px;transition:all .5s;display:flex;flex-direction:row;justify-content:center;position:relative}.calculator-section .option-section .wrapper .options-wrapper{display:flex;justify-content:center;flex-direction:column;padding-bottom:50px;transition:all .5s;transform:translateX(200%);width:30%}.calculator-section .option-section .wrapper .options-wrapper label{display:block;color:#fff;font-size:.9375rem;padding-bottom:10px;padding-top:10px}.calculator-section .option-section .wrapper .options-wrapper input,.calculator-section .option-section .wrapper .options-wrapper select{border:1px solid #ccc;padding:10px 8px;font-size:1rem;font-weight:300;width:100%;background-color:#fff}.calculator-section .option-section .wrapper .options-wrapper select{font-family:"Porsche Next","Noto Sans HK","PingFang TC","Heiti TC","微軟正黑體","Microsoft JhengHei","Arial Unicode MS",Arial}.calculator-section .option-section .wrapper .options-wrapper .ginput_container_select{margin-bottom:0}.calculator-section .option-section .wrapper .field-wrapper{padding-bottom:30px}.calculator-section .option-section .wrapper .field-wrapper .message{display:none;color:#ff0929;padding-top:10px;padding-bottom:0;text-shadow:1px 1px 3px rgb(0 0 0 / .2);font-size:1.0625rem;font-weight:500}.calculator-section .option-section .wrapper .field-wrapper.error .message{display:block}.calculator-section .option-section .wrapper .field-wrapper.select-box-2{display:none}.calculator-section .option-section .next-btn{background-color:#d5001c;color:#fff;font-size:1.125rem;font-weight:500;padding:15px 8%;position:absolute;bottom:20px;right:5%;cursor:pointer}.calculator-section .option-section .option-set-template{display:none}.calculator-section .scene-3{position:relative}.calculator-section .scene-3 .m-selected-car{color:#fff;font-weight:500;font-size:1.75rem;line-height:150%;text-align:center;padding-top:30px;display:none}.calculator-section .scene-3 .m-selected-car span{font-size:1.5625rem}.calculator-section .scene-3 .row{height:100%;align-items:center;padding:0 30px;margin:0}.calculator-section .scene-3 .left{background:rgb(255 255 255 / .9);border-radius:5px;-webkit-backdrop-filter:blur(5px);border:0 solid rgb(255 255 255 / .3);padding:5%;margin:30px 0}.calculator-section .scene-3 .right{text-align:center;padding-top:30px}.calculator-section .scene-3 .right .vehicle-img{display:none}.calculator-section .scene-3 .right .vehicle-img.active{display:inline-block}.calculator-section .scene-3 .right p{font-size:1.875rem;color:#fff;font-weight:500}.calculator-section .scene-3 .right p span{font-size:1.375rem;vertical-align:middle}.calculator-section .scene-3 .item{display:flex;flex-direction:row;margin-bottom:16%}.calculator-section .scene-3 .item:last-child{margin-bottom:0}.calculator-section .scene-3 .item .icon{padding-right:20px}.calculator-section .scene-3 .item .icon svg path{fill:rgb(0 0 0 / .7)}.calculator-section .scene-3 .item h3{color:rgb(0 0 0 / .7);font-size:1.25rem;font-weight:500;margin-top:10px}.calculator-section .scene-3 .item h3.taycan-lbl{display:none}.calculator-section .scene-3 .item h2{color:#d5001c;font-size:1.375rem;font-weight:500;margin-top:4%;line-height:110%}.calculator-section .scene-3 .item .price{color:#d5001c;font-size:1.375rem;font-weight:500;margin-top:5%}.calculator-section .scene-3 .item .select-plan{background-color:#d5001c;color:#fff;font-size:1.125rem;font-weight:500;padding:10px 50px;margin-top:12%;cursor:pointer;display:inline-block}.calculator-section .scene-3 .reset-btn{background-color:#fff;color:#d5001c;border:1px solid #d5001c;font-size:1.125rem;font-weight:500;padding:15px 5%;position:absolute;bottom:33px;right:5%;cursor:pointer}.calculator-section.step-3 .option-section .vehicle{transform:translateX(0)}.calculator-section.step-3 .option-section .wrapper{background:rgb(255 255 255 / .2);border-radius:16px;-webkit-backdrop-filter:blur(5px);border:1px solid rgb(255 255 255 / .3)}.calculator-section.step-3 .option-section .wrapper .options-wrapper{transform:translateX(0)}.calculator-section.step-4 .scene-1,.calculator-section.step-4 .scene-2,.calculator-section.step-4 .scene-3{transform:translateX(-100%)}.calculator-section .checkbox-container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;user-select:none}.calculator-section .checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.calculator-section .checkbox-container input:checked~.checkmark:after{display:block}.calculator-section .checkbox-container input:checked~.checkmark{background-color:#d5001c}.calculator-section .checkbox-container .checkmark{position:absolute;top:3px;left:0;height:25px;width:25px;background-color:#eee}.calculator-section .checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:8px;top:2px;width:8px;height:15px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.detail-section .calculator-form.content-element{overflow:hidden;max-height:0;padding-bottom:0;transition:max-height .8s;display:none}.detail-section .calculator-form.content-element.active{display:block;max-height:1000vh}.detail-section .calculator-form.content-element .ginput_container_total{padding-top:3%}.detail-section .calculator-form.content-element .ginput_total{color:#d5001c!important;font-weight:500}.detail-section .calculator-form.content-element .sub-total{visibility:hidden;max-height:0;overflow:hidden}.gform_confirmation_message{min-height:40vh;display:flex;justify-content:center;align-items:center}@media (max-width:767px){.calculator-section .container>div{min-height:100%;width:100vw;margin:0}.calculator-section .scene-1{padding:30px 0}.calculator-section .scene-1 .item{height:50vw;padding:30px 20px}.calculator-section .scene-1 .item .icon{right:-11%;bottom:-26%}.calculator-section .scene-1 .item .icon svg{width:250px;height:250px}.calculator-section .scene-1 .next-btn{width:82%;padding:15px 8%;position:absolute;bottom:5px;right:unset;left:50%;transform:translateX(-50%)}.calculator-section .car-menu{width:100vw;padding:0}.calculator-section .car-menu ul{height:auto;flex-direction:row;padding:0;flex-wrap:wrap}.calculator-section .car-menu ul li{height:auto;width:calc(100vw / 3);padding:15px 10px;margin-bottom:1px}.calculator-section .option-section .vehicle{transform:translate(0,45%)}.calculator-section .option-section .vehicle img{max-width:500px;width:100%}.calculator-section .option-section .wrapper{height:auto;margin:10px;padding:20px;flex-direction:column}.calculator-section .option-section .wrapper .field-wrapper{padding-bottom:10px}.calculator-section .option-section .wrapper .options-wrapper{padding-bottom:5px;width:100%}.calculator-section .option-section .wrapper .options-wrapper label{display:block;color:#fff;font-size:.9375rem;padding-bottom:10px;padding-top:10px}.calculator-section .option-section .wrapper .options-wrapper input,.calculator-section .option-section .wrapper .options-wrapper select{border:1px solid #ccc;padding:10px 8px;font-size:1rem;background-color:#fff;font-weight:300;width:100%}.calculator-section .option-section .wrapper .options-wrapper select{font-family:"Porsche Next","Noto Sans HK","PingFang TC","Heiti TC","微軟正黑體","Microsoft JhengHei","Arial Unicode MS",Arial}.calculator-section .option-section .wrapper .options-wrapper .ginput_container_select{margin-bottom:0}.calculator-section .option-section .next-btn{position:static;text-align:center}.calculator-section .scene-3 .row{justify-content:center}.calculator-section .scene-3 .m-selected-car{display:block;padding-top:15px}.calculator-section .scene-3 .left{padding:5%;margin:10px 0}.calculator-section .scene-3 .right{display:none}.calculator-section .scene-3 .item{margin-bottom:6%}.calculator-section .scene-3 .item .select-plan{margin-top:3%}.calculator-section .scene-3 .reset-btn{position:static;text-align:center;width:100%;margin-bottom:10px}.calculator-section.step-3 .option-section .vehicle,.calculator-section.step-3 .option-section .wrapper .options-wrapper{transform:translateX(0)}.calculator-section.step-4 .scene-1,.calculator-section.step-4 .scene-2,.calculator-section.step-4 .scene-3{transform:translateX(-100vw)}}