/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@font-face{font-family:AudiTypeExtendedNormal;src:url("../../fonts/AudiType-ExtendedNormal_4.03.ttf") format("truetype")}@font-face{font-family:AudiTypeExtendedBold;src:url("../../fonts/AudiType-ExtendedBold_4.03.ttf") format("truetype")}@font-face{font-family:AudiTypeNormal;src:url("../../fonts/AudiType-Normal_4.03.ttf") format("truetype")}@font-face{font-family:AudiTypeWide;src:url("../../fonts/AudiType-WideNormal_4.03.ttf") format("truetype")}@font-face{font-family:ETronAudiTypeNormal;src:url("../../fonts/e_tron/AudiType-Normal_4.03.ttf") format("truetype")}@font-face{font-family:ETronAudiTypeBold;src:url("../../fonts/e_tron/AudiType-Bold_4.03.ttf") format("truetype")}@font-face{font-family:ETronAudiTypeExtendedNormal;src:url("../../fonts/e_tron/AudiType-ExtendedNormal_4.03.ttf") format("truetype")}@font-face{font-family:ETronAudiTypeExtendedBold;src:url("../../fonts/e_tron/AudiType-ExtendedBold_4.03.ttf") format("truetype")}.search-side{position:fixed;background-color:#ffffff;padding-bottom:40px;z-index:6;width:100%;display:none}.search-side.active{display:block}.search-side .input{padding:0px 12px;max-width:590px;margin-top:80px;position:relative}.search-side .input input{background:#fff;border:1px solid #d0d3d4;box-sizing:border-box;float:left;font-family:AudiTypeNormal,sans-serif;height:40px;outline:none;padding:12px 15px 8px;width:calc(100% - 50px)}.search-side .input .nm-su-reset{background:no-repeat 50% #fff url("../../images/frontend/cross.png");border:none;color:#fff;cursor:pointer;display:block;font-size:0;height:38px;left:calc(100% - 101px);outline:none;position:absolute;right:1px;top:1px;width:38px}.search-side .input .search-button{background-color:#000;background-image:url("../../images/frontend/white-search.svg");background-position:50%;background-repeat:no-repeat;background-size:24px;cursor:pointer;float:right;height:40px;width:40px}.search-side .input .search-button:hover{background-color:rgba(0,0,0,0.8)}.menu-nav-side{position:fixed;background-color:#ffffff;z-index:6;width:100%;display:none}.menu-nav-side.active{display:none}.menu-nav-side .side-content{padding-top:80px}.menu-nav-side .side-content ul{display:inline-block;padding:0px;margin:0px}.menu-nav-side .side-content ul li{display:block;margin-bottom:20px}.menu-nav-side .side-content ul li a{padding:0px 26px;border:0px;color:#333;font-family:AudiTypeNormal, sans-serif;text-decoration:none;font-size:18px;outline:0;white-space:nowrap;-moz-transition:-moz-opacity 300ms ease-in-out;-o-transition:-o-opacity 300ms ease-in-out;-webkit-transition:-webkit-opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}.menu-nav-side .side-content ul li a:hover{opacity:0.8}.menu-nav-side.e-tron{width:auto;background-color:#a6a6a6}.menu-nav-side.e-tron .side-content ul li a{color:#ffffff}header nav{margin:11px 8px;display:inline-block;vertical-align:middle}header .logo{width:86px;height:30px;background-image:url("../../images/frontend/audi_logo.png");background-size:86px 30px;float:right;margin:14px 16px;text-decoration:none}header .lang{padding:12px 6px;-webkit-box-shadow:0px 2px 5px 0px rgba(51,51,3,0.3);-moz-box-shadow:0px 2px 5px 0px rgba(51,51,3,0.3);box-shadow:0px 2px 5px 0px rgba(51,51,3,0.3)}header .lang ul{margin:0;padding:0}header .lang ul li{border-bottom:0;display:inline-block;vertical-align:top}header .lang ul li a{color:#000000;font-family:AudiTypeExtendedBold,Verdana,Geneva,sans-serif;text-transform:uppercase;text-decoration:none;padding-left:8px;padding-right:8px;border-right:1px solid #000000;font-size:15px}header .lang ul li a.active{text-decoration:underline}header .lang ul li:last-of-type a{border-right:0}header .menu-list{position:absolute;width:100%;background-color:white;display:none;z-index:1}header .menu-list.active{display:block}header .menu-list ul{list-style-type:none;padding:0;margin:0}header .menu-list ul li{border-bottom:1px solid #00000029}header .menu-list ul li .btn-nav{cursor:pointer;background-color:transparent;font-size:12px;padding:14px;display:block;width:100%;text-align:left;font-family:AudiTypeNormal;border:none;outline:none;text-decoration:none;color:#333}header .menu-list ul li .btn-nav-mobile{cursor:pointer;background-color:transparent;font-size:12px;padding:14px;display:block;width:100%;text-align:left;font-family:AudiTypeNormal;border:none;outline:none;text-decoration:none;color:#333}header .menu-list ul li.nav-list ul li{padding-left:10px;border-bottom:0px solid #00000029}header .menu-list ul li.nav-list ul li:hover a{text-decoration:underline}header .menu-list ul.list li a{background-color:transparent;font-size:12px;padding:14px;display:block;width:100%;text-align:left;font-family:AudiTypeNormal;border:none;outline:none;text-decoration:none;color:#333}header.mobile-menu{width:100%;max-width:1920px;position:fixed;z-index:2;background-color:#ffffff}header.mobile-menu nav{display:inline-block;vertical-align:middle;cursor:pointer}header.mobile-menu nav .menu-button{width:32px;height:34px;display:inline-block;vertical-align:middle;padding:8px}header.mobile-menu nav .menu-button span{width:100%;height:1px;margin:4px 0;background-color:#333;display:block}header.mobile-menu nav .menu-title{display:inline-block;vertical-align:middle;font-size:14px;font-family:AudiTypeExtendedNormal, sans-serif}header.mobile-menu nav:hover{opacity:0.6}header.mobile-menu .search-button-side{padding-left:20px;display:inline-block;vertical-align:middle;cursor:pointer}header.mobile-menu .search-button-side img,header.mobile-menu .search-button-side .text{display:inline-block;vertical-align:middle}header.mobile-menu .search-button-side .text{font-size:14px}header.desktop-menu{display:none;max-width:1920px}footer{padding:30px 14px;background-color:#4c4c4c}footer .wrapper{max-width:1600px;margin:0 auto}footer .wrapper .items{margin-top:22px}footer .wrapper .items ul{padding:0;margin:0}footer .wrapper .items ul li{display:inline-block;vertical-align:top;text-align:center;width:50%;margin-bottom:16px}footer .wrapper .items ul li .item{margin:8px}footer .wrapper .items ul li .item a{text-decoration:none;color:#ffffff;font-size:12px;display:inline-block;vertical-align:middle}footer .wrapper .items ul li .item a img{display:inline-block;vertical-align:top}footer .wrapper .items ul li .item .text{margin-top:8px}footer .wrapper .items ul li:nth-child(odd) .item{border-right:1px solid #d0d3d4}footer .wrapper .items ul li:last-of-type .item{border-right:0}footer .wrapper .list-item{padding:2px 0}footer .wrapper .list-item ul{list-style-type:none;padding:0;margin:0}footer .wrapper .list-item ul li{width:auto;padding:0 10px;display:inline-block;vertical-align:top;margin:8px 0}footer .wrapper .list-item ul li a{color:#ffffff;text-decoration:none;font-family:AudiTypeExtendedNormal,sans-serif;font-size:14px}footer .wrapper .list-item ul li a:hover{color:#b3b3b3}footer .wrapper .social-media{padding:25px 0;border-bottom:1px solid #999}footer .wrapper .social-media ul{list-style-type:none;padding:0;margin:0}footer .wrapper .social-media ul li{width:auto;padding:8px;display:inline-block;vertical-align:top}footer .wrapper .social-media ul li a{text-decoration:none;outline:none}footer .wrapper .social-media ul li a.icon{background-image:url("../../images/frontend/facebook-icon.png");display:inline-block;vertical-align:top;width:40px;height:40px;background-size:40px 40px}footer .wrapper .social-media ul li a.facebook{background-image:url("../../images/frontend/facebook-icon.jpg")}footer .wrapper .social-media ul li a.instagram{background-image:url("../../images/frontend/ig-icon.jpg")}footer .wrapper .social-media ul li a.youtube{background-image:url("../../images/frontend/youtube-logo.jpg")}footer .wrapper .copyright{padding:18px 0;color:#999;font-size:14px}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html,body{font-family:AudiTypeWide, sans-serif}body{background-color:#f2f2f2}.main-container{position:relative;background-color:#ffffff;max-width:1920px;margin:0 auto;overflow:hidden;z-index:1}.flowing-icon-side{position:fixed;top:45%;right:0;z-index:1}.chatbox-side .chatbox{width:68px;height:68px;background-image:url("/images/frontend/livechat_icon_EN_Mobile_1.png");background-size:68px 68px;z-index:10;right:0;cursor:pointer}.tc .chatbox-side .chatbox{background-image:url("/images/frontend/livechat_icon_CN_Mobile_1.png")}.popup-icon-box{display:none;width:67.5px;background:rgba(51,51,51,0.85);z-index:1;bottom:0;right:0;padding:2px 0}.popup-icon-box:after{width:10px;height:16px;content:'';position:absolute;right:-16px;top:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent rgba(51,51,51,0.85)}.popup-icon-box.active{display:block}.popup-icon-box .whatsapp-icon{display:block;width:48px;height:48px;margin:8px 11px;background-image:url("/images/frontend/whatsapp.png");text-decoration:none;outline:none;background-size:cover}.popup-icon-box .facebook-icon{display:block;width:48px;height:48px;margin:8px 11px;background-image:url("/images/frontend/facebook.png");background-size:cover;text-decoration:none;outline:none}.phone-icon{margin-top:2px;width:67.5px;height:67.5px;background-image:url("/images/frontend/callus_mobile_EN.png");background-size:67.5px 67.5px;background-repeat:no-repeat;background-position:center;background-color:black;z-index:10;display:block;cursor:pointer;text-decoration:none;outline:none}.tc .phone-icon{background-image:url("/images/frontend/callus_mobile_CN.png")}body.tc{font-family:AudiTypeWide,"\5FAE\8EDF\6B63\9ED1\9AD4","\65B0\7D30\660E\9AD4",Verdana,Geneva,sans-serif}.button-side.article-button2{text-align:center;margin-top:40px;margin-bottom:30px}.button-side.article-button2 button{display:inline-block;vertical-align:top;outline:0;color:#ffffff;text-align:center;border:0;min-width:280px;background:#000;line-height:1.35;cursor:pointer;font-weight:400;font-family:AudiTypeNormal,Verdana,Geneva,sans-serif !important}.button-side.article-button2 button a{text-decoration:none;color:#ffffff;display:block;font-size:14px;padding:16px 0;outline:none}.admin{background-color:#ffffff;min-width:1280px;overflow-x:visible}.admin .pagination-side{width:100%;text-align:center}.admin .pagination-side li{display:inline-block;vertical-align:top}.admin .pagination-side li a{color:blue}.admin a{display:inline-block;text-decoration:none}.admin .ck-label{display:none}.admin .ck-editor__editable_inline{min-height:100px}.admin .button{box-shadow:inset 0px 1px 0px 0px #000000;background-color:#333333;border-radius:6px;border:1px solid #333333;display:inline-block;vertical-align:top;cursor:pointer;color:#ffffff;font-size:15px;font-weight:bold;padding:8px 16px;text-decoration:none;text-shadow:0px 1px 0px #333333;text-decoration:none;text-align:center;font-family:AudiTypeWide, sans-serif}.admin .button.full-width{width:100%}.admin table tr td{padding:4px 8px}.admin table tr td a{word-break:break-all;color:blue}.admin table tr td img{width:100%}.admin table input,.admin table select{width:100%}.admin .items{background:#f2f2f2}.admin .items .item .box{padding:16px 22px;width:50%;display:inline-block;vertical-align:top}.admin .items .item .box span{color:red}.admin .items .item .box .ck span{color:#000000}.admin .items .item .box .error{color:red;font-size:14px}.admin .items .item .box label{display:block;margin-bottom:12px}.admin .items .item .box .file{position:relative;width:200px}.admin .items .item .box .file label{color:#ffffff;width:100%;text-align:center;font-size:14px;line-height:26px;background-color:#333333}.admin .items .item .box .file input{text-indent:-9999px;width:100%;opacity:0;position:absolute;left:0}.admin .items .item .box .preview{position:relative}.admin .items .item .box .preview .delete-image-button{width:30px;height:30px;background:black;border-radius:50%;color:white;padding:5px 10px;position:absolute;right:5px;top:5px;cursor:pointer;display:none}.admin .items .item .box .preview .delete-image-button.active{display:block}.admin .items .item .box .preview img{width:100%}.admin .items .item .box input,.admin .items .item .box textarea{width:100%}.admin .items .item .box input[type="checkbox"]{display:inline-block;vertical-align:top;width:auto}.admin .record{margin-top:26px}.admin .record tr td{padding:10px 6px;border-bottom:1px solid #818486}.admin .popup-box{display:none;border:1px solid #818486;background-color:#f2f2f2;padding:30px 24px}.admin .popup-box .button-side{margin-top:20px;text-align:center}.admin .popup-box .button-side .button{min-width:80px;margin:0 12px}@media only screen and (min-width: 768px){.chatbox-side .chatbox{width:129px;height:72px;background-image:url("/images/frontend/livechat_icon_EN_Desktop.png");background-size:129px 72px}.tc .chatbox-side .chatbox{background-image:url("/images/frontend/livechat_icon_CN_Desktop.png")}.phone-icon{width:129px;height:72px;background-image:url("/images/frontend/callus_desktop_EN.png");background-size:129px 72px}.tc .phone-icon{background-image:url("/images/frontend/callus_desktop_CN.png")}.popup-icon-box{width:100%}.popup-icon-box .whatsapp-icon,.popup-icon-box .facebook-icon{margin:8px auto}}.page-home h2{font-size:27px;font-weight:700;line-height:1.25;font-family:AudiTypeExtendedBold;margin-top:0;margin-bottom:26px}.page-home h3{font-size:18px;font-family:AudiTypeExtendedBold;font-weight:400;line-height:1.45;margin-top:0;margin-bottom:16px;color:#1d1d1b}.page-home .more-promotion-button{margin-bottom:80px;font-weight:bold;cursor:pointer}.page-home .slick-dots{bottom:auto}.page-home .slick-dots li button:before{opacity:0.6;color:white}.page-home .slick-slide{outline:0}.page-home .banners{margin-top:58px}.page-home .banners .slick-dots{top:-9999px}.page-home .banners .banner-box{position:absolute;width:100%;padding-top:56.28571%}.page-home .banners .banner-box .slick-dots{top:auto;bottom:6px;z-index:1}.page-home .banners .banners-wrapper .slick-list{width:100%}.page-home .banner{position:relative;width:100%}.page-home .banner a{display:block;text-decoration:none}.page-home .banner img{width:100%}.page-home .banner .desktop-banner{display:none}.page-home .banner .description{padding-top:10vw;width:86%;margin:0 auto}.page-home .banner .description .title h2{font-size:6vw;margin-bottom:4vw}.page-home .banner .description .content h3{font-size:3.9vw;font-weight:700}.page-home .banner .description .white-audi-logo,.page-home .banner .description .black-audi-logo{display:none;width:130px}.page-home .banner .description .button-side{text-align:center;margin-top:40px;margin-bottom:30px}.page-home .banner .description .button-side button{display:inline-block;vertical-align:top;outline:0;color:#ffffff;text-align:center;border:0;min-width:280px;background:#000;line-height:1.35;cursor:pointer;font-weight:400;font-family:AudiTypeNormal,Verdana,Geneva,sans-serif !important}.page-home .banner .description .button-side button a{text-decoration:none;color:#ffffff;font-size:14px;padding:16px 0;outline:none}.page-home .article-detail{width:86%;margin:0 auto 35px}.page-home .article-detail .fb-page-button{text-align:center;margin-bottom:30px;margin:40px auto 30px}.page-home .article-detail .fb-page-button button{outline:0;color:#ffffff;text-align:center;border:0;min-width:280px;background:#000;line-height:1.35;cursor:pointer;font-weight:400;font-family:AudiTypeNormal,Verdana,Geneva,sans-serif !important}.page-home .article-detail .fb-page-button button a{text-decoration:none;color:#ffffff;display:block;font-size:14px;padding:16px 0;outline:none}.page-home .article-detail .template-content h2{margin-bottom:14px}.page-home .article-detail .template-image-content-button{display:none;margin-bottom:30px}.page-home .article-detail .template-image-content-button:nth-of-type(1),.page-home .article-detail .template-image-content-button:nth-of-type(2),.page-home .article-detail .template-image-content-button:nth-of-type(3),.page-home .article-detail .template-image-content-button:nth-of-type(4){display:inline-block;vertical-align:top}.page-home .article-detail .template-image-content-button.show{display:inline-block;vertical-align:top}.page-home .article-detail .template-image-content-button img{width:100%;margin-bottom:12px}.page-home .article-detail .template-image-content-button h2{font-size:5.2vw;margin-bottom:10px}.page-home .article-detail .template-image-content-button ol{margin-top:0;margin-bottom:0}.page-home .article-detail .template-image-content-button ul,.page-home .article-detail .template-image-content-button ol{margin-top:0;margin-bottom:0;padding-left:0}.page-home .article-detail .template-image-content-button ul li,.page-home .article-detail .template-image-content-button ol li{font-size:4.2vw;line-height:1.5;color:#333;list-style-type:none}.page-home .article-detail .template-image-content-button ul li:before,.page-home .article-detail .template-image-content-button ol li:before{content:'-';padding-right:5px}.page-home .article-detail .template-image-content-button p{font-size:4.2vw;line-height:1.5;color:#333;margin:12px 0}.page-home .article-detail .template-image-content-button .button-side{padding-top:8px}.page-home .article-detail .template-image-content-button .button-side a{color:#000;font-size:13px;text-decoration:none;transition:all .35s ease-in-out}.page-home .article-detail .template-content{padding-top:20px}.page-home .article-detail .template-content h2{margin-bottom:14px;font-size:5.4vw;line-height:1.5}.page-home .article-detail .template-content p{line-height:1.5;font-size:13px;margin-top:0;margin-bottom:20px}.page-home .article-detail .template-content a{text-decoration:none;color:#000000}.page-home .article-detail .form{padding-top:20px}.page-home .article-detail .form h2{font-size:24px}.page-home .article-detail .form .required-text{width:100%;font-weight:400;color:#999;line-height:1.35;font-size:20px;margin:20px auto 35px}.page-home .article-detail .form .required-text span{margin-right:-4px}.page-home .article-detail .form ul{list-style-type:none;padding:0;margin:0 -10px}.page-home .article-detail .form ul li{padding:0 10px;margin-bottom:10px}.page-home .article-detail .form ul li label{font-size:18px;line-height:1.35;color:rgba(0,0,0,0.6);display:block}.page-home .article-detail .form ul li label span{color:#bb0a30;font-size:12px;display:inline-block;vertical-align:top;margin-left:-4px}.page-home .article-detail .form ul li label .text{float:left;height:55px;line-height:64px;padding-right:3%}.page-home .article-detail .form ul li label .input{overflow:hidden}.page-home .article-detail .form ul li select,.page-home .article-detail .form ul li input{width:100%;height:55px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;padding-top:20px;margin-bottom:5px;outline:none;padding-left:0;font-family:AudiTypeNormal,"\5FAE\8EDF\6B63\9ED1\9AD4","\65B0\7D30\660E\9AD4",Verdana,Geneva,sans-serif;color:rgba(0,0,0,0.6);transition:all .5s ease-out}.page-home .article-detail .form ul li select:hover,.page-home .article-detail .form ul li input:hover{border-bottom:1px solid #000000}.page-home .article-detail .form ul li select{appearance:none;background-color:transparent}.page-home .article-detail .form ul li .select-box{position:relative}.page-home .article-detail .form ul li .select-box:before{position:absolute;display:block;content:"";bottom:18px;top:50%;right:0;width:13px;height:8px;margin-top:4px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJyZ2JhKDAsIDAsIDAsIDAuNikiIGQ9Ik02LjUxMSA3LjM3MUwwIC43MTUuNzMxIDAgNi41MSA1LjkwNyAxMi4yNjcgMCAxMyAuNzE0IDYuNTExIDcuMzcxeiIvPjwvc3ZnPg==) 50% no-repeat;background-size:cover;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:rotate(0deg);transform:rotate(0deg);pointer-events:auto;z-index:-1}.page-home .article-detail .form ul li .radio-side{margin-top:27px}.page-home .article-detail .form ul li .radio-side .radio{display:inline-block;vertical-align:top;padding-right:30px}.page-home .article-detail .form ul li .radio-side .radio input,.page-home .article-detail .form ul li .radio-side .radio .value-text{display:inline-block;vertical-align:top;width:auto;height:auto}.page-home .article-detail .form ul li .radio-side .radio input{width:28px;height:28px}.page-home .article-detail .form ul li .radio-side .radio .value-text{padding-left:6px}.page-home .article-detail .form .argee-row{padding-bottom:70px}.page-home .article-detail .form .argee-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-home .article-detail .form .argee-row p{font-size:13px;color:#333}.page-home .article-detail .form .argee-row a{color:#333;text-decoration:none;outline:0}.page-home .article-detail .form .argee-row .tnc-side{padding-top:12px}.page-home .article-detail .form .argee-row .tnc-side .row{padding-bottom:20px}.page-home .article-detail .form .argee-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-home .article-detail .form .argee-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-home .article-detail .form .argee-row .tnc-side .row .text{padding-top:3px;padding-left:40px;font-size:13px;color:#333}.page-home .article-detail .form .argee-row .tnc-side .row .text .popup-tnc{cursor:pointer;padding-left:6px;text-decoration:underline;color:#666}.page-home .article-detail .form .argee-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-home .article-detail .form .argee-row .button-side{padding-top:20px}.page-home .article-detail .form .argee-row .button-side .submit-btn{color:#fff;background:#000;line-height:1.35;display:inline-block;padding:14px 36px 13px;min-width:150px;text-align:center;transition:all .35s ease-in-out;cursor:pointer}.page-home .article-detail .form .argee-row .button-side .submit-btn:hover{opacity:0.7}.page-article ::placeholder{color:rgba(0,0,0,0.4)}.page-article :-ms-input-placeholder{color:rgba(0,0,0,0.4)}.page-article ::-ms-input-placeholder{color:rgba(0,0,0,0.4)}.page-article h2{font-size:27px;font-weight:700;line-height:1.25;font-family:AudiTypeExtendedBold;margin-top:0;margin-bottom:26px}.page-article h3{font-size:18px;font-family:AudiTypeExtendedBold;font-weight:400;line-height:1.45;margin-top:0;margin-bottom:16px;color:#1d1d1b}.page-article .thank-you-box{position:fixed;width:100%;height:100%;padding:0 40px;background:rgba(0,0,0,0.5);z-index:102;text-align:center}.page-article .thank-you-box .table{display:table;width:100%;height:100%}.page-article .thank-you-box .table .table-cell{display:table-cell;vertical-align:middle}.page-article .thank-you-box .wrapper{width:100%;max-width:800px;margin:0 auto;padding:40px;background-color:#ffffff;position:relative}.page-article .thank-you-box .wrapper .close-btn{width:32px;height:32px;background-image:url(../../images/frontend/close_btn.png);background-size:32px 32px;position:absolute;top:10px;right:12px;padding:12px;cursor:pointer}.page-article .success-message{position:fixed;top:50%;width:100%;text-align:center;z-index:1;display:none}.page-article .success-message .wrapper{padding:10px 40px;background:#717171;border-radius:10px;color:#ffffff;display:inline-block;font-size:15px;font-weight:400}.page-article .error-msg{color:#bb0a30;font-size:14px;font-family:AudiTypeNormal,Verdana,Geneva,sans-serif;line-height:1.35;font-weight:300;min-height:18px;overflow:hidden;width:100%}.page-article .tnc-content,.page-article .pics-content{font-weight:300;outline:none;display:none;width:100%;height:100%;padding:2.5% 0px;position:fixed;z-index:101;top:0;left:0;background:rgba(0,0,0,0.7);font-family:AudiTypeBold}.page-article .tnc-content h2,.page-article .pics-content h2{margin:18px 0;font-size:21px;font-weight:700;letter-spacing:.44px;line-height:30px}.page-article .tnc-content h2.sub-title,.page-article .pics-content h2.sub-title{margin-bottom:0px;text-decoration:underline}.page-article .tnc-content .wrapper,.page-article .pics-content .wrapper{padding:15px 20px;background-color:#ffffff;width:95%;max-width:808px;margin:0 auto;overflow-x:hidden;max-height:100%;position:relative}.page-article .tnc-content .wrapper .close-btn,.page-article .pics-content .wrapper .close-btn{width:32px;height:32px;background-image:url("../../images/frontend/close_btn.png");background-size:32px 32px;position:absolute;right:12px;padding:12px;cursor:pointer}.page-article .tnc-content .wrapper p.no-top,.page-article .pics-content .wrapper p.no-top{margin-top:0px}.page-article .tnc-content .wrapper p.no-bottom,.page-article .pics-content .wrapper p.no-bottom{margin-bottom:0px}.page-article .tnc-content .wrapper p.no-top-bottom,.page-article .pics-content .wrapper p.no-top-bottom{margin-top:0px;margin-bottom:0px}.page-article .tnc-content .wrapper a,.page-article .pics-content .wrapper a{color:#000000;text-decoration:underline}.page-article .tnc-content .wrapper .section-title,.page-article .pics-content .wrapper .section-title{margin-bottom:1em;font-weight:bold;text-decoration:underline}.page-article .tnc-content .wrapper ul,.page-article .pics-content .wrapper ul{list-style-type:none;font-weight:normal;margin-bottom:60px}.page-article .tnc-content .wrapper ul li,.page-article .pics-content .wrapper ul li{margin:10px 0}.page-article .tnc-content .wrapper ul li:before,.page-article .pics-content .wrapper ul li:before{content:'>';font-size:18px;padding-right:12px}.page-article .tnc-content .wrapper ol,.page-article .pics-content .wrapper ol{margin-top:0px;margin-bottom:0px;counter-reset:list;list-style-type:none}.page-article .tnc-content .wrapper ol li,.page-article .pics-content .wrapper ol li{list-style:none;margin-bottom:10px;position:relative;padding-left:2em}.page-article .tnc-content .wrapper ol li:before,.page-article .pics-content .wrapper ol li:before{content:counter(list,lower-alpha) ") ";counter-increment:list;margin-right:1.8em;position:absolute;left:0px}.page-article .tnc-content .wrapper ol.pics-ol,.page-article .pics-content .wrapper ol.pics-ol{padding-left:0px}.page-article .tnc-content .wrapper ol.pics-ol li:before,.page-article .pics-content .wrapper ol.pics-ol li:before{content:counters(list,".",decimal) ". ";counter-increment:list}.page-article .tnc-content .wrapper ol.pics-ol li.section-li,.page-article .pics-content .wrapper ol.pics-ol li.section-li{margin-top:30px}.page-article .tnc-content .wrapper ol.pics-ol li.section-li:before,.page-article .pics-content .wrapper ol.pics-ol li.section-li:before{font-weight:bold}.page-article .tnc-content .wrapper ol.pics-ol li.no-leftp,.page-article .pics-content .wrapper ol.pics-ol li.no-leftp{padding-left:0px}.page-article .tnc-content .wrapper ol.pics-ol li.no-point,.page-article .pics-content .wrapper ol.pics-ol li.no-point{padding-left:0px}.page-article .tnc-content .wrapper ol.pics-ol li.no-point:before,.page-article .pics-content .wrapper ol.pics-ol li.no-point:before{content:'';display:none}.page-article .tnc-content .wrapper ol.pics-ol li.no-point-left,.page-article .pics-content .wrapper ol.pics-ol li.no-point-left{padding-left:2em}.page-article .tnc-content .wrapper ol.pics-ol li.no-point-left:before,.page-article .pics-content .wrapper ol.pics-ol li.no-point-left:before{content:'';display:none}.page-article .tnc-content .wrapper ol.pics-ol ol.sub-ol,.page-article .pics-content .wrapper ol.pics-ol ol.sub-ol{padding-left:0px;margin-left:-2em}.page-article .tnc-content .wrapper ol.alpha-ol,.page-article .pics-content .wrapper ol.alpha-ol{counter-reset:item}.page-article .tnc-content .wrapper ol.alpha-ol li:before,.page-article .pics-content .wrapper ol.alpha-ol li:before{content:counter(item,lower-alpha) ") ";counter-increment:item}.page-article .tnc-content.tc .wrapper ol li:before,.page-article .pics-content.tc .wrapper ol li:before{top:0.1em}.page-article .popup-gallery-box{width:100%;padding-top:120px;display:none}.page-article .popup-gallery-box .popup-box{position:relative;max-width:860px;margin:0 auto}.page-article .popup-gallery-box .popup-box .close-btn{align-items:center;background-color:#000;box-shadow:0 0 0 5px rgba(255,255,255,0.15);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:absolute;right:5px;top:-40px;width:30px;z-index:3}.page-article .popup-gallery-box .popup-box .close-btn .icon{position:relative;width:100%;height:100%}.page-article .popup-gallery-box .popup-box .close-btn .icon:before{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-0.5px;content:'';width:16px;height:1px;transform:rotate(-45deg);background:#ffffff}.page-article .popup-gallery-box .popup-box .close-btn .icon:after{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-0.5px;content:'';width:16px;height:1px;transform:rotate(45deg);background:#ffffff}.page-article .popup-gallery-box .popup-box .image-side img{width:100%}.page-article .popup-gallery-box .popup-box .image-side .text{width:100%;color:#ffffff;padding:0 6px}.page-article .popup-gallery-box .popup-box .video-side video{width:100%;outline:none}.page-article .banner{margin-top:58px;position:relative;width:100%}.page-article .banner img{width:100%}.page-article .banner .desktop-banner{display:none}.page-article .banner .description{padding-top:10vw;width:86%;margin:0 auto}.page-article .banner .description .title h2{font-size:6vw;margin-bottom:4vw}.page-article .banner .description .content h3{font-size:3.9vw;font-weight:700}.page-article .banner .description .white-audi-logo,.page-article .banner .description .black-audi-logo{display:none;width:130px}.page-article .banner .description .button-side{text-align:center;margin-top:40px;margin-bottom:30px}.page-article .banner .description .button-side button{display:inline-block;vertical-align:top;outline:0;color:#ffffff;text-align:center;border:0;min-width:280px;background:#000;line-height:1.35;cursor:pointer;font-weight:400;font-family:AudiTypeNormal,Verdana,Geneva,sans-serif !important}.page-article .banner .description .button-side button a{text-decoration:none;color:#ffffff;display:block;font-size:14px;padding:16px 0;outline:none}.page-article .article-detail{width:86%;margin:0 auto 35px}.page-article .article-detail .fb-page-button{text-align:center;margin-bottom:30px;margin:40px auto 30px}.page-article .article-detail .fb-page-button button{outline:0;color:#ffffff;text-align:center;border:0;min-width:280px;background:#000;line-height:1.35;cursor:pointer;font-weight:400;font-family:AudiTypeNormal,Verdana,Geneva,sans-serif !important}.page-article .article-detail .fb-page-button button a{text-decoration:none;color:#ffffff;display:block;font-size:14px;padding:16px 0;outline:none}.page-article .article-detail .template-content h2{margin-bottom:14px}.page-article .article-detail .template-image-content-button{margin-bottom:30px}.page-article .article-detail .template-image-content-button.grid-padding-top{padding-top:20px}.page-article .article-detail .template-image-content-button a{text-decoration:none;outline:none}.page-article .article-detail .template-image-content-button img{width:100%;margin-bottom:12px}.page-article .article-detail .template-image-content-button h2{font-size:5.2vw;margin-bottom:10px}.page-article .article-detail .template-image-content-button ol{margin-top:0;margin-bottom:0}.page-article .article-detail .template-image-content-button ul{margin-top:0;margin-bottom:0;padding-left:0}.page-article .article-detail .template-image-content-button ul li{font-size:13px;line-height:1.5;color:#333;list-style-type:none}.page-article .article-detail .template-image-content-button ul li:before{content:'-';padding-right:5px}.page-article .article-detail .template-image-content-button p{font-size:13px;line-height:1.5;color:#333;margin:12px 0}.page-article .article-detail .template-image-content-button .button-side{padding-top:8px}.page-article .article-detail .template-image-content-button .button-side a{color:#000;font-size:13px;text-decoration:none;transition:all .35s ease-in-out}.page-article .article-detail .template-content{padding-top:20px}.page-article .article-detail .template-content h2{margin-bottom:14px;font-size:5.4vw;line-height:1.5}.page-article .article-detail .template-content p{line-height:1.5;font-size:13px;margin-top:0;margin-bottom:20px}.page-article .article-detail .template-content a{text-decoration:none;color:#000000}.page-article .article-detail .form{padding-bottom:70px}.page-article .article-detail .form h2{font-size:24px}.page-article .article-detail .form .required-text{width:100%;font-weight:400;color:#999;line-height:1.35;font-size:20px;margin:20px auto 35px}.page-article .article-detail .form .required-text span{margin-right:-4px}.page-article .article-detail .form ul{list-style-type:none;padding:0;margin:0 -10px}.page-article .article-detail .form ul li{padding:0 10px;margin-bottom:10px}.page-article .article-detail .form ul li label{font-size:18px;line-height:1.35;color:rgba(0,0,0,0.6);display:block}.page-article .article-detail .form ul li label span{color:#bb0a30;font-size:12px;display:inline-block;vertical-align:top;margin-left:-4px}.page-article .article-detail .form ul li label .text{float:left;height:55px;line-height:64px;padding-right:3%}.page-article .article-detail .form ul li label .input{overflow:hidden}.page-article .article-detail .form ul li .file{position:relative;max-width:200px;margin-top:10px;border:1px solid #D9DDE6;border-radius:5px}.page-article .article-detail .form ul li .file label{color:#3885DF;width:100%;text-align:center;font-size:14px;line-height:26px}.page-article .article-detail .form ul li .file label:hover{background-color:#f4f6f9}.page-article .article-detail .form ul li .file label input{text-indent:-9999px;width:100%;opacity:0;position:absolute;left:0}.page-article .article-detail .form ul li .file.active .icon{position:absolute;left:0;width:14px;height:7px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg);top:8px;left:20px}.page-article .article-detail .form ul li .file.active label{background-color:#2E844A;color:#ffffff}.page-article .article-detail .form ul li select,.page-article .article-detail .form ul li input{width:100%;height:55px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;padding-top:20px;margin-bottom:5px;outline:none;padding-left:0;font-family:AudiTypeNormal,"\5FAE\8EDF\6B63\9ED1\9AD4","\65B0\7D30\660E\9AD4",Verdana,Geneva,sans-serif;color:rgba(0,0,0,0.6);transition:all .5s ease-out}.page-article .article-detail .form ul li select[type="text"],.page-article .article-detail .form ul li select[type="tel"],.page-article .article-detail .form ul li input[type="text"],.page-article .article-detail .form ul li input[type="tel"]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border-radius:0}.page-article .article-detail .form ul li select:hover,.page-article .article-detail .form ul li input:hover{border-bottom:1px solid #000000}.page-article .article-detail .form ul li select{appearance:none;background-color:transparent}.page-article .article-detail .form ul li .select-box{position:relative}.page-article .article-detail .form ul li .select-box:before{position:absolute;display:block;content:"";bottom:18px;top:50%;right:0;width:13px;height:8px;margin-top:4px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJyZ2JhKDAsIDAsIDAsIDAuNikiIGQ9Ik02LjUxMSA3LjM3MUwwIC43MTUuNzMxIDAgNi41MSA1LjkwNyAxMi4yNjcgMCAxMyAuNzE0IDYuNTExIDcuMzcxeiIvPjwvc3ZnPg==) 50% no-repeat;background-size:cover;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:rotate(0deg);transform:rotate(0deg);pointer-events:auto;z-index:-1}.page-article .article-detail .form ul li .radio-side{margin-top:27px}.page-article .article-detail .form ul li .radio-side .radio{display:inline-block;vertical-align:top;padding-right:30px}.page-article .article-detail .form ul li .radio-side .radio input,.page-article .article-detail .form ul li .radio-side .radio .value-text{display:inline-block;vertical-align:top;width:auto;height:auto}.page-article .article-detail .form ul li .radio-side .radio input{width:28px;height:28px}.page-article .article-detail .form ul li .radio-side .radio .value-text{padding-left:6px}.page-article .article-detail .form .argee-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-article .article-detail .form .argee-row p{font-size:13px;color:#333}.page-article .article-detail .form .argee-row a{color:#333;text-decoration:none;outline:0}.page-article .article-detail .form .argee-row .tnc-side{padding-top:12px}.page-article .article-detail .form .argee-row .tnc-side .row{padding-bottom:10px}.page-article .article-detail .form .argee-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-article .article-detail .form .argee-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-article .article-detail .form .argee-row .tnc-side .row .text{padding-top:5px;padding-left:40px;font-size:13px;color:#333}.page-article .article-detail .form .argee-row .tnc-side .row .text .popup-tnc,.page-article .article-detail .form .argee-row .tnc-side .row .text .popup-pps,.page-article .article-detail .form .argee-row .tnc-side .row .text .popup-pics{cursor:pointer;text-decoration:underline;color:#000000;font-weight:bold}.page-article .article-detail .form .argee-row .tnc-side .row .text .popup-tnc:hover,.page-article .article-detail .form .argee-row .tnc-side .row .text .popup-pps:hover,.page-article .article-detail .form .argee-row .tnc-side .row .text .popup-pics:hover{opacity:0.8}.page-article .article-detail .form .argee-row .tnc-side .row .error-msg{margin-top:10px}.page-article .article-detail .form .argee-row .tnc-side .row .remark{display:block;margin-top:10px;color:#A8A8A9;font-style:italic}.page-article .article-detail .form .argee-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-article .article-detail .form .button-side{padding-top:20px}.page-article .article-detail .form .button-side .submit-btn{color:#fff;background:#000;line-height:1.35;display:inline-block;padding:14px 36px 13px;min-width:150px;text-align:center;transition:all .35s ease-in-out;cursor:pointer}.page-article .article-detail .form .button-side .submit-btn:hover{opacity:0.7}.page-article .article-detail .gallery .item{display:inline-block;vertical-align:top;width:100%;position:relative;cursor:pointer}.page-article .article-detail .gallery .item:after{background:#000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAhElEQVR4nO2YQQqAMAwEs+L/vxwvegsq3bYudufYggwDgVRkZoYw29cCT1iQRV5wrw4BYLZIREQ1sPIFLchiQRYLsqwlmCc9v7lWwRFYkKXcZt5wNwzVXeuG9N+CVZGrXM99Ur6gBVnkBZuHpGLEY0u+oAVZLMhiQRZ5QfgXMIkFWeQFD/FPIEvfCKErAAAAAElFTkSuQmCC) no-repeat 50%;box-shadow:0 0 0 5px rgba(255,255,255,0.1);content:"";cursor:pointer;display:block;height:30px;pointer-events:none;position:absolute;right:10px;top:10px;width:30px}.page-article .article-detail .gallery .item .image1,.page-article .article-detail .gallery .item .image2{background-size:cover}.page-article .article-detail .gallery .item .image1{padding-top:50%;background-position:center}.page-article .article-detail .gallery .item .image2{padding-top:50%}.page-article .article-detail .gallery .item{width:50%}.page-article .article-detail .gallery .item .image1{display:inline-block;vertical-align:top;padding-top:100%;width:100%}.page-article .article-detail .gallery .item .image2{display:none;width:100%}.page-article .article-detail .gallery .item a{position:absolute;width:100%;height:100%;left:0;text-decoration:none;outline:none}.page-article .article-detail .gallery .item .play-btn{display:block;left:50%;margin:-17px 0 0 -17px;position:absolute;top:50%}.page-article .article-detail .gallery .item .play-btn .icon{background:#000;border:none;box-shadow:0 0 0 10px rgba(255,255,255,0.1);cursor:pointer;display:block;height:35px;width:35px;margin:0 auto;opacity:1;position:relative}.page-article .article-detail .gallery .item .play-btn .icon:after{content:'';background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAsUlEQVR4nO3ZMQ6AMAxDUYK4/5XDBcpC7V9Fskemp6okJFR39zUs92nAnwRNZST6WT2sqqIhX1kVipEnHTSVoKkETX3HyE+agFuuhxtuu9NOuPVFdMHt1cMBR0qeGo7VaSUcbS4qON4RFfAjbXwXfgS9OxnhaMUoh6JVsyeGVg7LCFo93dvRjnWEFe3an9jQzoWPBe3eUMnRxEpNiqZ2gFkhUAmaStBUKv8RoQRNZST6BVhHOFOlXZzbAAAAAElFTkSuQmCC) no-repeat 50%;height:100%;background-repeat:no-repeat;display:block;width:14px;height:27px;left:50%;top:50%;margin-top:-13.5px;margin-left:-7px;text-indent:-9999px;position:absolute}.page-article .article-detail .gallery .item .popup-box{background-color:#000;height:100%;margin:0 auto;display:none;overflow:hidden;position:fixed;width:100%;top:0;left:0;z-index:5}.page-article .article-detail .gallery .item .popup-box .table{display:table;width:100%;height:100%}.page-article .article-detail .gallery .item .popup-box .table .table-cell{display:table-cell;vertical-align:middle;width:100%;height:100%}.page-article .article-detail .gallery .item .popup-box .table .table-cell .video-side,.page-article .article-detail .gallery .item .popup-box .table .table-cell .image{position:relative;margin:0 auto}.page-article .article-detail .gallery .item .popup-box .table .table-cell .video-side img,.page-article .article-detail .gallery .item .popup-box .table .table-cell .image img{width:100%}.page-article .article-detail .gallery .item .popup-box .table .table-cell .video-side .close-btn,.page-article .article-detail .gallery .item .popup-box .table .table-cell .image .close-btn{align-items:center;background-color:#000;box-shadow:0 0 0 5px rgba(255,255,255,0.15);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;height:30px;justify-content:center;position:absolute;right:5px;top:-40px;width:30px;z-index:3}.page-article .article-detail .gallery .item .popup-box .table .table-cell .video-side .close-btn .icon,.page-article .article-detail .gallery .item .popup-box .table .table-cell .image .close-btn .icon{position:relative;width:100%;height:100%}.page-article .article-detail .gallery .item .popup-box .table .table-cell .video-side .close-btn .icon:before,.page-article .article-detail .gallery .item .popup-box .table .table-cell .image .close-btn .icon:before{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-0.5px;content:'';width:16px;height:1px;transform:rotate(-45deg);background:#ffffff}.page-article .article-detail .gallery .item .popup-box .table .table-cell .video-side .close-btn .icon:after,.page-article .article-detail .gallery .item .popup-box .table .table-cell .image .close-btn .icon:after{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-0.5px;content:'';width:16px;height:1px;transform:rotate(45deg);background:#ffffff}.page-article .article-detail .gallery .item .popup-box .table .table-cell .video-side video,.page-article .article-detail .gallery .item .popup-box .table .table-cell .image video{width:100%;height:auto;outline:none}.page-article .article-detail .gallery .item .popup-box .table .table-cell .image{max-width:800px}.page-article .article-detail .gallery .item.item1{width:100%}.page-article .article-detail .gallery .item.item1 .image1{display:none}.page-article .article-detail .gallery .item.item1 .image2{display:inline-block;vertical-align:top}@media only screen and (min-width: 495px){.page-article .article-detail .gallery .item.item2,.page-article .article-detail .gallery .item.item5{width:66.7%}.page-article .article-detail .gallery .item.item2 .image1,.page-article .article-detail .gallery .item.item5 .image1{display:none}.page-article .article-detail .gallery .item.item2 .image2,.page-article .article-detail .gallery .item.item5 .image2{display:inline-block;vertical-align:top}.page-article .article-detail .gallery .item.item3,.page-article .article-detail .gallery .item.item4{width:33.3%}}@media only screen and (min-width: 614px){.page-article .article-detail .gallery .item{float:left}.page-article .article-detail .gallery .item.item1{width:50%}.page-article .article-detail .gallery .item.item1 .image1{display:inline-block;vertical-align:top}.page-article .article-detail .gallery .item.item1 .image2{display:none}.page-article .article-detail .gallery .item.item2,.page-article .article-detail .gallery .item.item3,.page-article .article-detail .gallery .item.item4,.page-article .article-detail .gallery .item.item5{width:25%}.page-article .article-detail .gallery .item.item2 .image1,.page-article .article-detail .gallery .item.item3 .image1,.page-article .article-detail .gallery .item.item4 .image1,.page-article .article-detail .gallery .item.item5 .image1{display:inline-block;vertical-align:top}.page-article .article-detail .gallery .item.item2 .image2,.page-article .article-detail .gallery .item.item3 .image2,.page-article .article-detail .gallery .item.item4 .image2,.page-article .article-detail .gallery .item.item5 .image2{display:none}}@media only screen and (min-width: 750px){.page-article .article-detail .gallery .item .play-btn{margin:-25px 0 0 -25px}.page-article .article-detail .gallery .item .play-btn .icon{height:50px;width:50px}.page-article .article-detail .gallery .item .play-btn .icon:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAA1UlEQVR4nO3awQ2AMAxDUQex/8plAa6xLdf/yImnQisR5pxzcFGP+gbYFZzedeD37+LMDPtGNvrbkK9b4YLTKzi9gtMrOL2C0yt4K5cvK9QVdkDTH2k1WvIOK9GyTUuFlu7SCrT8WGKj5WCAi7YAAzy0DRjgoK3AwD7aDgzsoi3Bm4MAO/D21MMKzBjx2IBZ8ywLMHN4JwezJ5VSsGIsKwOrZtASsHLgTger/y6ggtVYgAh2wAIGxxK7gtMrOL2C0ys4vYLTKzi9Uf+CwO66FS44vevAH9SxPHG4/4/yAAAAAElFTkSuQmCC) no-repeat 50%}}@media only screen and (min-width: 1036px){.page-article .article-detail .gallery .item .play-btn{margin:-35px 0 0 -35px}.page-article .article-detail .gallery .item .play-btn .icon{height:70px;width:70px}}@media only screen and (min-width: 1037px){.page-article .article-detail .gallery .item.item1,.page-article .article-detail .gallery .item.item2,.page-article .article-detail .gallery .item.item5{width:40%}.page-article .article-detail .gallery .item.item3,.page-article .article-detail .gallery .item.item4{width:20%}.page-article .article-detail .gallery .item.item2 .image1,.page-article .article-detail .gallery .item.item5 .image1{display:none}.page-article .article-detail .gallery .item.item2 .image2,.page-article .article-detail .gallery .item.item5 .image2{display:inline-block;vertical-align:top}}.page-search .audi-site-search{padding:0 12px;margin-top:63px;margin-bottom:30px;max-width:1500px;margin-left:auto;margin-right:auto;min-height:552px}.page-search .audi-site-search .search-keywords{padding-top:22px;position:relative;max-width:600px}.page-search .audi-site-search .search-keywords input{width:100%;height:34px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;margin-bottom:5px;outline:none;padding:0 40px;font-family:AudiTypeNormal,"\5FAE\8EDF\6B63\9ED1\9AD4","\65B0\7D30\660E\9AD4",Verdana,Geneva,sans-serif;transition:all .5s ease-out}.page-search .audi-site-search .search-keywords .search-icon{position:absolute;left:5px;top:22px;width:30px;height:30px;background-image:url("../../images/frontend/search-large-2x.png");background-size:cover}.page-search .audi-site-search .search-keywords .cross-button{width:20px;height:20px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:26px;right:15px;cursor:pointer}.page-search .audi-site-search .search-keywords .cross-button:before,.page-search .audi-site-search .search-keywords .cross-button:after{content:'';position:absolute;background-color:#999;left:0}.page-search .audi-site-search .search-keywords .cross-button:before{width:100%;height:1px;top:50%;margin-top:-0.5px}.page-search .audi-site-search .search-keywords .cross-button:after{width:1px;height:100%;left:50%;margin-left:-0.5px}.page-search .audi-site-search .article-list{font-family:AudiTypeNormal, Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;-webkit-font-smoothing:antialiased;text-size-adjust:100%;letter-spacing:-0.39px;color:#4c4c4c}.page-search .audi-site-search .article-list .message{padding-top:30px}.page-search .audi-site-search .article-list .row{padding:30px 0;border-bottom:1px solid #f2f2f2}.page-search .audi-site-search .article-list .row .title{font-size:18px}.page-search .audi-site-search .article-list .row .title a{text-decoration:none;color:#000000}.page-search .audi-site-search .article-list .row .content{margin-top:12px}.page-search .audi-site-search .article-list .no-result-message h2{font-family:AudiTypeExtendedBold, Helvetica, Arial, sans-serif;font-size:32px;line-height:40px;margin-top:40px;margin-bottom:0;color:#000000}.page-search .audi-site-search .article-list .no-result-message ul{margin-top:0;padding-left:22px}@-webkit-keyframes arrowMove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes arrowMove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@-webkit-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.03, 1.03, 1.03)}to{transform:scale3d(1, 1, 1)}}.clear-both{clear:both}.no-scroll{overflow:hidden}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-o-user-drag:none;user-drag:none}.button{cursor:pointer}#mask-wrapper{font-family:ETronAudiTypeNormal, sans-serif;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.9);z-index:10000;padding:70px 0}#mask-wrapper.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}#mask-wrapper .mask-container{justify-content:center;align-items:center;display:flex;position:absolute;z-index:2000;pointer-events:none;top:0;left:0;height:100%;width:100%}#mask-wrapper .mask-container .overlay-pane{pointer-events:auto;position:static;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}#mask-wrapper .mask-container .overlay-pane .spinner{display:block;width:100%;stroke:rgba(255,255,255,0.6)}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container{width:48px;height:48px;display:inline-block;position:relative}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg{width:100%;height:100%}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path{stroke-miterlimit:10;stroke-linecap:square;stroke-width:1.1px;fill:none}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path.spinner__path--progress{-webkit-animation:1.5s linear infinite spinner--continous;animation:1.5s linear infinite spinner--continous;stroke-width:3px;transform:rotate(-90deg);stroke:#bb0a30}header{font-family:ETronAudiTypeNormal, sans-serif}header.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}header.desktop-menu{z-index:100 !important}header.mobile-menu{z-index:100 !important}.section-line{font-family:ETronAudiTypeNormal, sans-serif;position:fixed;width:2px;left:4.6%;top:50%;margin-top:-20vh;z-index:5}.section-line.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.section-line .line{position:relative;display:block;width:5px;background-color:#9a9a9a;border-radius:5px;margin-bottom:15px}.section-line .line:last-child{margin-bottom:0px}.section-line .line.active{background-color:#fe002a}.section-line .line .text{position:absolute;left:1.5vw;top:0px;line-height:4vh;white-space:nowrap;color:#ffffff;font-family:ETronAudiTypeBold;font-weight:bold;display:none;padding:0.5vh 1vw;display:none}.section-line .line.active .text{color:#fe002a}.section-line .line:hover{background-color:#fe002a}.section-line .line:hover .text{color:#fe002a;display:block}.flowing-icon-side{position:fixed;top:31%;right:0;z-index:5}.tnc-content,.pics-content{font-weight:300;outline:none;display:none;width:100%;height:100%;padding:2.5% 0px;position:fixed;z-index:500;top:0;left:0;background:rgba(0,0,0,0.7);font-family:AudiTypeBold}.tnc-content h2,.pics-content h2{margin:18px 0;font-size:21px;font-weight:700;letter-spacing:.44px;line-height:30px;font-family:AudiTypeExtendedBold;font-weight:bold}.tnc-content h2.sub-title,.pics-content h2.sub-title{margin-bottom:0px;text-decoration:underline}.tnc-content .wrapper,.pics-content .wrapper{padding:15px 20px;background-color:#ffffff;max-width:808px;width:95%;margin:0 auto;overflow-x:hidden;max-height:100%;position:relative;padding-left:4%;padding-right:4%}.tnc-content .wrapper .close-btn,.pics-content .wrapper .close-btn{width:32px;height:32px;background-image:url("../../images/frontend/close_btn.png");background-size:32px 32px;position:absolute;right:12px;padding:12px;cursor:pointer}.tnc-content .wrapper p.no-top,.pics-content .wrapper p.no-top{margin-top:0px}.tnc-content .wrapper p.no-bottom,.pics-content .wrapper p.no-bottom{margin-bottom:0px}.tnc-content .wrapper p.no-top-bottom,.pics-content .wrapper p.no-top-bottom{margin-top:0px;margin-bottom:0px}.tnc-content .wrapper a,.pics-content .wrapper a{color:#000000;text-decoration:underline}.tnc-content .wrapper .section-title,.pics-content .wrapper .section-title{margin-bottom:1em;font-weight:bold;text-decoration:underline}.tnc-content .wrapper ul,.pics-content .wrapper ul{list-style-type:none;font-weight:normal;margin-bottom:60px}.tnc-content .wrapper ul li,.pics-content .wrapper ul li{margin:10px 0}.tnc-content .wrapper ul li:before,.pics-content .wrapper ul li:before{content:'>';font-size:18px;padding-right:12px}.tnc-content .wrapper ol,.pics-content .wrapper ol{margin-top:0px;margin-bottom:0px;counter-reset:list;list-style-type:none}.tnc-content .wrapper ol li,.pics-content .wrapper ol li{list-style:none;margin-bottom:10px;position:relative;padding-left:2em}.tnc-content .wrapper ol li:before,.pics-content .wrapper ol li:before{content:counter(list,lower-alpha) ") ";counter-increment:list;margin-right:1.8em;position:absolute;left:0px}.tnc-content .wrapper ol.pics-ol,.pics-content .wrapper ol.pics-ol{padding-left:0px}.tnc-content .wrapper ol.pics-ol li:before,.pics-content .wrapper ol.pics-ol li:before{content:counters(list,".",decimal) ". ";counter-increment:list}.tnc-content .wrapper ol.pics-ol li.section-li,.pics-content .wrapper ol.pics-ol li.section-li{margin-top:30px}.tnc-content .wrapper ol.pics-ol li.section-li:before,.pics-content .wrapper ol.pics-ol li.section-li:before{font-weight:bold}.tnc-content .wrapper ol.pics-ol li.no-leftp,.pics-content .wrapper ol.pics-ol li.no-leftp{padding-left:0px}.tnc-content .wrapper ol.pics-ol li.no-point,.pics-content .wrapper ol.pics-ol li.no-point{padding-left:0px}.tnc-content .wrapper ol.pics-ol li.no-point:before,.pics-content .wrapper ol.pics-ol li.no-point:before{content:'';display:none}.tnc-content .wrapper ol.pics-ol li.no-point-left,.pics-content .wrapper ol.pics-ol li.no-point-left{padding-left:2em}.tnc-content .wrapper ol.pics-ol li.no-point-left:before,.pics-content .wrapper ol.pics-ol li.no-point-left:before{content:'';display:none}.tnc-content .wrapper ol.pics-ol ol.sub-ol,.pics-content .wrapper ol.pics-ol ol.sub-ol{padding-left:0px;margin-left:-2em}.tnc-content .wrapper ol.alpha-ol,.pics-content .wrapper ol.alpha-ol{counter-reset:item}.tnc-content .wrapper ol.alpha-ol li:before,.pics-content .wrapper ol.alpha-ol li:before{content:counter(item,lower-alpha) ") ";counter-increment:item}.tnc-content.tc .wrapper ol li:before,.pics-content.tc .wrapper ol li:before{top:0.1em}.page-e-tron-suv-preorder{font-family:ETronAudiTypeNormal, sans-serif}.page-e-tron-suv-preorder.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.page-e-tron-suv-preorder .content-wrapper{position:relative;width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container{position:relative;margin:0 auto}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area{position:relative;width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark-highlight{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark{width:100%;position:absolute;left:0px;top:3.5%;z-index:3;color:#ffffff;font-family:ETronAudiTypeExtendedNormal;padding-left:4.68%;font-size:22px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark .icon-col{display:inline-block;vertical-align:middle;margin-right:1.3%;width:2.86%}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark .icon-col .icon{width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .banner{width:100%;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .banner.mobile{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn{width:100%;position:absolute;z-index:2;bottom:3.5%;left:0px;text-align:center;color:#ffffff;font-family:ETronAudiTypeBold;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button{position:relative;z-index:3;margin:0 auto;padding-top:4.3vw;display:inline-block}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button:hover{opacity:0.8}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span{position:absolute;top:0;left:50%;width:1.3vw;height:1.3vw;margin-left:-1.3vw;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:arrowMove 2s infinite;animation:arrowMove 2s infinite;opacity:0;box-sizing:border-box}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(2){top:1.2vw;-webkit-animation-delay:.15s;animation-delay:.15s}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(3){top:2.4vw;-webkit-animation-delay:.3s;animation-delay:.3s}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area{position:relative;width:100%;display:table}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons{position:absolute;right:1.6vw;bottom:0.8vw;z-index:2;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons.floating{position:fixed;z-index:8}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container{position:relative;display:table}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .space-col{display:table-cell;vertical-align:top;height:100%;width:1.1vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button{display:table-cell;vertical-align:middle;text-align:center;height:100%;background-color:#000000;color:#ffffff;font-family:ETronAudiTypeBold;font-weight:bold;padding:0.5vw 1.6vw;font-size:1.1vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button:hover{opacity:0.7}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button.hide{opacity:0.2;cursor:default}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button.hide:hover{opacity:0.7}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row{position:relative;display:table;width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .icon{text-align:left;display:table-cell;vertical-align:middle;width:25.8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .icon img{vertical-align:middle;width:75.2%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .text{width:68.2%;text-align:left;display:table-cell;vertical-align:middle;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .text br{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .text br.float-br-2{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button:first-child{background-color:#fc0000}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button:last-child{background-color:#a6a6a6}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .e-tron-logo{position:absolute;top:3%;left:3%;width:25.7%;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .e-tron-logo.style{top:3%;left:3%;width:14.85%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .e-tron-logo.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .btn-callout-toggle{position:absolute;top:2.2%;right:2.2%;width:5%;z-index:3;display:none;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .btn-callout-toggle.style{top:3.4%;right:1.1%;width:2.9%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .btn-callout-toggle.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3{position:relative;display:table-cell;vertical-align:top;font-size:0.95vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .audi-logo,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .audi-logo,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .audi-logo{display:block;width:35%;margin-bottom:8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title{font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.7vw;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title.visible,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title.visible,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title .symbol,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title .symbol,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title .symbol{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .style-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .style-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .style-title{font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.7vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .style-text,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .style-text,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .style-text{font-size:1.1vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .desc,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .desc,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .desc{display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .desc.visible,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .desc.visible,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .desc.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .desc .desc-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .desc .desc-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .desc .desc-title{font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.45vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .desc .desc-title.tc,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .desc .desc-title.tc,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .desc .desc-title.tc{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .desc .desc-title-br,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .desc .desc-title-br,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .desc .desc-title-br{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .highlight-img,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .highlight-img,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .highlight-img{width:100%;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .highlight-img.mobile,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .highlight-img.mobile,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .highlight-img.mobile{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1{background-color:#000000;color:#ffffff}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .row-title br{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .row-desc{font-size:0.95vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1{background-color:#000000;color:#ffffff;padding:0px 6vw !important}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .title{font-size:1.45vw;padding-bottom:6%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items{display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item{font-size:0.95vw;margin-bottom:6.5%;display:table}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item.item-4{margin-bottom:0}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item .img-box{vertical-align:middle;display:table-cell;width:10.5%;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item .img-box .icon{width:100%;vertical-align:middle}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item span{display:table-cell;vertical-align:middle;padding-left:6%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .app-box{position:absolute;right:0%;bottom:0%;width:25%;font-size:0.95vw;text-align:center;z-index:3}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .app-box .icon{width:77%;display:block;margin:0 auto;margin-bottom:10%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .img-remark{font-size:1.15vw;color:#ffffff;position:absolute;z-index:2;left:3vw;bottom:2.5vw;line-height:1.2;font-family:ETronAudiTypeBold;font-weight:bold;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .img-remark.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout{position:absolute;width:auto;height:auto;line-height:1}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout .callout-text{font-size:1.15vw;display:block;margin:0;position:absolute;top:0;left:0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);width:max-content;line-height:1.2;color:#ffffff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout .callout-text.no-space{line-height:1}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout .callout-text br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout .callout-text-1{font-size:1.15vw;display:block;margin:0;position:absolute;top:0;left:0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);width:max-content;line-height:1.2;color:#ffffff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout .callout-text-1 br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout:before{position:absolute;left:calc(0.25vw - 1px);top:0;bottom:0px;background-color:#ffffff;content:"";display:block;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout:after{position:absolute;bottom:0;content:"";display:block;background-color:#ffffff;border-radius:1vw;width:0.5vw;height:0.5vw;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.down .callout-text{top:auto;bottom:0;left:0}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.down:before{bottom:0;top:0;-webkit-transform-origin:0 0;transform-origin:0 0}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.down:after{top:0;bottom:auto}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical:before{left:0;top:calc(0.25vw - 1px);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:100%;height:2px;-webkit-transform:scaleX(0);transform:scaleX(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical:after{top:0;bottom:auto}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical .callout-text{top:0;left:0px;text-align:center;width:100%;display:block;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical .right-bullet:after{position:absolute;top:0;right:0;content:"";display:block;background-color:#ffffff;border-radius:1vw;width:0.5vw;height:0.5vw;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical .extra-line-1:before{position:absolute;left:calc(0.25vw - 1px);top:0;bottom:0;background-color:#ffffff;content:"";display:block;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical .extra-line-2:before{position:absolute;left:calc(0.25vw - 1px);top:0;bottom:0px;background-color:#ffffff;content:"";display:block;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left:before{left:0;top:calc(0.25vw - 1px);-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:100%;height:2px;-webkit-transform:scaleX(0);transform:scaleX(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left:after{top:0;right:0;bottom:auto}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left .callout-text{line-height:1.2;text-align:left;display:block;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left .extra-line-1:before{position:absolute;left:calc(0.25vw - 1px);top:0;bottom:0px;background-color:#ffffff;content:"";display:block;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left .extra-line-2:before{position:absolute;left:calc(0.25vw - 1px);top:0;bottom:0px;background-color:#ffffff;content:"";display:block;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right:before{left:0;top:4px;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:100%;height:2px;-webkit-transform:scaleX(0);transform:scaleX(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right:after{top:0;left:0;bottom:auto}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right .callout-text{line-height:1.2;text-align:left;display:block;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right .extra-line-1:before{position:absolute;left:4px;top:0;bottom:0px;background-color:#ffffff;content:"";display:block;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right .extra-line-2:before{position:absolute;left:calc(0.25vw - 1px);top:0;bottom:0px;background-color:#ffffff;content:"";display:block;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.active .callout-text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.active .callout-text-1{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.active:after{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.active.vertical{-webkit-transform:scaleX(1);transform:scaleX(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.active.vertical .right-bullet:after{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.active.vertical-left{-webkit-transform:scaleX(1);transform:scaleX(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.active.vertical-right{-webkit-transform:scaleX(1);transform:scaleX(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-1{top:17%;left:34.5%;height:24.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-1 .callout-text.en{top:0%;left:0.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-1 .callout-text.tc{top:0%;left:0.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-2{height:12.5%;top:32%;left:74.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-2 .callout-text{top:-64%;left:-3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3{top:53%;left:74%;height:32.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3.tc{height:32.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3 .callout-text.en{bottom:-30%;left:0.8vw;width:14vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3 .callout-text.tc{bottom:0%;left:0.8vw;width:11vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4{top:61.5%;left:56.5%;height:18.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4.tc{height:18.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4 .callout-text.en{bottom:-20%;left:0.8vw;width:9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4 .callout-text.tc{bottom:0%;left:0.8vw;width:9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-5{top:75%;left:45%;height:17%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-5 .callout-text.en{bottom:-10%;left:0.8vw;width:9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-5 .callout-text.tc{bottom:-10%;left:0.8vw;width:9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6{top:65.5%;left:25.5%;height:8.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6.tc{height:8.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6 .callout-text.en{width:23.5vw;bottom:-135%;left:-12.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6 .callout-text.tc{width:max-content;bottom:-100%;left:-6vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1{top:20.5%;left:20.5%;height:23.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1 .callout-text.en{width:max-content;top:-29%;left:-0.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1 .callout-text.tc{width:max-content;top:-18%;left:-0.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-2{top:69%;left:72%;height:10.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-2 .callout-text.en{width:24vw;bottom:-95%;left:0.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-2 .callout-text.tc{width:24vw;bottom:-95%;left:0.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3{top:59.5%;left:44%;width:4%;height:17.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3.tc{top:59.5%;left:43%;width:5%;height:25.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3:before{top:calc(3.5% - 0.125vw);height:2px;width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .extra-line-1{height:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .extra-line-1:before{top:calc(3.5% - 0.125vw);width:2px;left:-2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .extra-line-1.visible:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .callout-text-1.en{width:31.5vw;top:81%;left:-27.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .callout-text-1.tc{width:15.5vw;top:81%;left:-15.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .callout-text-1.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1{top:28%;left:18.5%;height:27.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.en{width:max-content;top:-24%;left:-3.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.en br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.tc{width:max-content;top:-24%;left:-3.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.tc br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-2{top:29%;left:37.4%;height:16.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-2 .callout-text.en{width:max-content;top:-39%;left:-2.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-2 .callout-text.tc{width:max-content;top:-21%;left:-2.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-3{top:23.5%;left:42.5%;height:34%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-3 .callout-text{width:max-content;top:-29%;left:0}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-4{top:31.5%;left:49.7%;height:20.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-4 .callout-text{top:-18%;left:0;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5{top:70.9%;left:29.3%;width:44.6%;height:14.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-1{height:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-1:before{top:calc(3.5% - 0.125vw);width:2px;left:2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-1.visible:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-2{height:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-2:before{top:calc(3.5% - 0.125vw);width:2px;left:auto;right:2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-2.visible:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5:before{top:auto;height:2px;left:2px;width:calc(100% - 0.25vw);bottom:-2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .callout-text.en{top:112%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .callout-text.tc{top:112%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-1{top:14%;left:17.9%;height:34.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-1 .callout-text{top:-24%;left:-1vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-2.en{top:18.5%;left:27%;height:19%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-2.tc{top:21.5%;left:27%;height:16%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-2 .callout-text.en{top:-22%;left:0;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-2 .callout-text.tc{top:-46%;left:0;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-3{top:40.5%;left:55%;height:3%;width:10%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-3 .callout-text{top:-80%;left:6.5vw;width:16vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-4{top:50.5%;left:55%;height:2%;width:10%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-4 .callout-text{top:-100%;left:6.5vw;width:16vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-5{top:78.5%;left:31%;height:12.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-5 .callout-text.en{top:-62%;left:-5vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-5 .callout-text.tc{top:-62%;left:-1vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-1{top:83.5%;left:23%;height:9.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-1.en{height:9.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-1 .callout-text{top:-25%;left:-1.5vw;width:4vw;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-2{top:44%;left:45.5%;height:13%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-2 .callout-text.en{top:105%;left:-5vw;width:14.5vw;text-align:left}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-2 .callout-text.tc{top:105%;left:-2vw;width:11.5vw;text-align:left}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-3{top:40%;left:54%;height:11.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-3 .callout-text.en{top:102%;left:-2.5vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-3 .callout-text.tc{top:102%;left:-1.5vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-4{top:7.5%;left:64%;height:9%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-4 .callout-text.en{top:105%;left:-3.7vw;width:9.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-4 .callout-text.tc{top:105%;left:-3.7vw;width:9.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5{top:54.5%;left:71.5%;height:13.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.en{top:-33%;left:-3.5vw;width:10.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.en br{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.tc{top:-35%;left:-3.5vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.tc br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-6{top:79%;left:70%;height:12%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-6 .callout-text.en{top:-38%;left:-3.5vw;width:10.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-6 .callout-text.tc{top:-38%;left:-1.5vw;width:10.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.left .area-1{width:42%;padding:0px 4.5vw;vertical-align:middle}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.left .area-2{width:58%;padding:0}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.right .area-1{width:58%;padding:0}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.right .area-2{width:42%;padding:0px 4.5vw;vertical-align:middle}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.full{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.full .highlight-img{width:100%;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.full .highlight-img.mobile{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video video{width:100%;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row{position:absolute;z-index:2;left:0px;bottom:0px;width:100%;background-color:#ffffff;padding:3.2vw 8.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.mobile{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row .row-title{font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.25vw;padding-bottom:1.5%;color:#000000;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row .row-title.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row .row-desc{position:relative;color:#000000;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row .row-desc.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area{position:relative;max-width:1600px;width:86%;margin:0 auto}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container{position:relative;padding:5% 0px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .title{position:relative;z-index:3;font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.7vw;margin-bottom:2%;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .title.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .desc{position:relative;z-index:3;font-size:0.95vw;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .desc.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area{position:relative}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .spec{position:absolute;line-height:1.2;bottom:7vw;right:30.3vw;z-index:3;font-size:0.95vw;text-align:center;max-width:17%;display:block;-moz-transition:-moz-transform 600ms ease-in-out, -moz-opacity 600ms ease-in-out;-o-transition:-o-transform 600ms ease-in-out, -o-opacity 600ms ease-in-out;-webkit-transition:-webkit-transform 600ms ease-in-out, -webkit-opacity 600ms ease-in-out;transition:transform 600ms ease-in-out, opacity 600ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .spec.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .remark{position:absolute;top:67%;left:69%;font-size:0.95vw;width:31%;text-align:center;z-index:2;display:block;-moz-transition:-moz-transform 600ms ease-in-out, -moz-opacity 600ms ease-in-out;-o-transition:-o-transform 600ms ease-in-out, -o-opacity 600ms ease-in-out;-webkit-transition:-webkit-transform 600ms ease-in-out, -webkit-opacity 600ms ease-in-out;transition:transform 600ms ease-in-out, opacity 600ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .remark.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout{position:absolute;width:auto;height:auto;line-height:1;top:7.5%;left:18%;height:10.3%;z-index:3}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout .callout-text{font-size:0.95vw;line-height:1.2;display:block;margin:0;position:absolute;top:0;right:0.2vw;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);width:max-content;width:15vw}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout .callout-text.space{line-height:1.2}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout .callout-text br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout:before{position:absolute;left:calc(0.25vw - 1px);top:0;bottom:0px;background-color:#050505;content:"";display:block;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;width:2px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout:after{position:absolute;bottom:0;content:"";display:block;background-color:#050505;border-radius:1vw;width:0.5vw;height:0.5vw;-webkit-transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.1s;-webkit-transform:scaleY(0);transform:scaleY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout.active .callout-text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout.active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout.active:after{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item{display:inline-block;vertical-align:top}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item .item-img{width:100%;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-1{position:absolute;top:23.5%;left:14%;width:2.03%;z-index:2}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-1 .item-img{display:block;-moz-transition:-moz-transform 600ms ease-in-out, -moz-opacity 600ms ease-in-out;-o-transition:-o-transform 600ms ease-in-out, -o-opacity 600ms ease-in-out;-webkit-transition:-webkit-transform 600ms ease-in-out, -webkit-opacity 600ms ease-in-out;transition:transform 600ms ease-in-out, opacity 600ms ease-in-out;opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-1 .item-img.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-2{position:absolute;top:19.5%;left:17%;width:2.89%;z-index:2}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-2 .item-img{display:block;-moz-transition:-moz-transform 600ms ease-in-out, -moz-opacity 600ms ease-in-out;-o-transition:-o-transform 600ms ease-in-out, -o-opacity 600ms ease-in-out;-webkit-transition:-webkit-transform 600ms ease-in-out, -webkit-opacity 600ms ease-in-out;transition:transform 600ms ease-in-out, opacity 600ms ease-in-out;opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-2 .item-img.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-3{width:69%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-3 .item-img{display:block;-moz-transition:-moz-transform 400ms ease-in-out, -moz-opacity 400ms ease-in-out;-o-transition:-o-transform 400ms ease-in-out, -o-opacity 400ms ease-in-out;-webkit-transition:-webkit-transform 400ms ease-in-out, -webkit-opacity 400ms ease-in-out;transition:transform 400ms ease-in-out, opacity 400ms ease-in-out;opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-3 .item-img.visible{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-4{width:31%;margin-top:7.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-4 .item-img{display:block;-moz-transition:-moz-transform 400ms ease-in-out, -moz-opacity 400ms ease-in-out;-o-transition:-o-transform 400ms ease-in-out, -o-opacity 400ms ease-in-out;-webkit-transition:-webkit-transform 400ms ease-in-out, -webkit-opacity 400ms ease-in-out;transition:transform 400ms ease-in-out, opacity 400ms ease-in-out;opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-4 .item-img.visible{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out{display:block;text-align:center;color:#ffffff;font-family:ETronAudiTypeBold;font-weight:bold;font-size:0.95vw;width:100%;margin:0 auto;margin-top:6%;display:block;-moz-transition:-moz-transform 600ms ease-in-out, -moz-opacity 600ms ease-in-out;-o-transition:-o-transform 600ms ease-in-out, -o-opacity 600ms ease-in-out;-webkit-transition:-webkit-transform 600ms ease-in-out, -webkit-opacity 600ms ease-in-out;transition:transform 600ms ease-in-out, opacity 600ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row{position:relative;display:table;width:80%;margin:0 auto;background-color:#000000;padding:0.5vw 1vw}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row.en{width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .icon{display:table-cell;vertical-align:middle;text-align:left;width:25.8%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .icon img{width:75.2%;display:block;margin-bottom:-0.6vw}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .text{display:table-cell;vertical-align:middle;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .text br.float-br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .text br.float-br-1{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out:hover{opacity:0.7}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out:hover.visible{opacity:0.7}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out.mobile{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area{position:relative;margin:0 auto;background-color:#f2f2f2}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container{position:relative;padding:100px 0px;max-width:1600px;width:80%;margin:0 auto}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-title{font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.7vw;margin-bottom:3.5%;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-title.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-comparison-title{font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.45vw;margin-top:7.5%;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-comparison-title.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options{width:100%;display:table;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options .model-highlight-option{display:table-cell;width:33.3%;padding:0.5vw 1vw;vertical-align:middle;border:1px solid #000000;border-left:0px solid #000000;text-align:center;font-size:1.3vw;font-family:ETronAudiTypeBold;font-weight:bold}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options .model-highlight-option.active{background-color:#000000;color:#ffffff}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options .model-highlight-option:first-child{border-left:1px solid #000000}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail{position:relative;margin:0 auto;width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-indexes{display:none;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-indexes.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options{position:relative;padding-top:60px;padding-bottom:35px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .btn-prev{display:none;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .btn-prev.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .btn-next{display:none;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .btn-next.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .model-option{width:33.3%;display:inline-block;vertical-align:top;border-bottom:5px solid #dadada;opacity:0.7;-moz-transition:-moz-opacity 800ms ease-in-out;-o-transition:-o-opacity 800ms ease-in-out;-webkit-transition:-webkit-opacity 800ms ease-in-out;transition:opacity 800ms ease-in-out}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .model-option .option-img{width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .model-option.active{opacity:1;border-bottom:5px solid #4f4f4f}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail{position:relative;width:77.18%;max-width:1235px;margin:0 auto;display:none;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail.active{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .title{color:#f7022b;font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.3vw;padding-bottom:20px;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .price{font-size:1.3vw;padding-bottom:4%;text-align:center;font-family:ETronAudiTypeNormal}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .price span{font-size:1.3vw;vertical-align:top;font-family:ETronAudiTypeBold;font-weight:bold}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields{padding-bottom:5.5%;border-bottom:2px solid #dadada}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field{width:33.3%;display:inline-block;text-align:center;border-left:2px solid #707070;border-right:0px;margin-bottom:3.5% !important;vertical-align:middle}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-title{font-size:1.3vw;padding-bottom:5.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-text{padding-bottom:2%;font-size:1.6vw;font-family:ETronAudiTypeBold;font-weight:bold}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-text span{font-size:1.6vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(3n+1){border-left:0px;border-right:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(4){margin-bottom:0% !important}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(5){margin-bottom:0% !important}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(6){margin-bottom:0% !important}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points ul{padding:0px 1.6%;margin:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points ul li{position:relative;display:inline-block;vertical-align:top;width:50%;margin-top:25px;padding-left:1em;padding-right:0.5em;font-size:1.15vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points ul li:before{position:absolute;top:0px;left:0px;content:'•'}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points-remark{margin-top:3%;font-size:1.15vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row{margin-top:50px;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box{vertical-align:top;display:inline-block;text-align:center;margin-left:13vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box:first-child{margin-left:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box .file-box-container .file-icon{display:block;margin:0 auto;width:4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box .file-box-container .file-desc{font-size:1.15vw;padding-top:15px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box:hover .file-box-container{opacity:0.7}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area{position:relative;max-width:1600px;width:80%;margin:0 auto}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form{position:relative;width:100%;padding-top:60px;padding-bottom:70px;display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .error-msg{color:#bb0a30;font-size:14px;line-height:1.35;font-weight:300;min-height:18px;overflow:hidden;width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc{font-weight:700;line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.15vw;margin-bottom:50px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:1.15vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-title{font-weight:700;line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:24px;margin-bottom:30px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail{line-height:1.35;font-size:16px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail .style-text{font-family:ETronAudiTypeBold;font-weight:bold;text-decoration:underline}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail .click-link{color:#000000;text-decoration:underline}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row{margin-bottom:50px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container{margin-bottom:3%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container:last-child{margin-bottom:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .label{display:block;font-size:14px;margin-bottom:2px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .element{border-bottom:1px solid #000000;padding:10px 0px;width:100%;max-width:520px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .element.no-border{border-bottom:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .error-msg{margin-top:5px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-rows{display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-rows.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .required-text{width:100%;font-weight:400;color:#999;line-height:1.35;font-size:20px;margin:20px auto 35px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .required-text span{margin-right:-4px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul{list-style-type:none;padding:0;margin:0 -10px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li{padding:0 10px;margin-bottom:10px;vertical-align:top}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li.break-row{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label{font-size:18px;line-height:1.35;color:rgba(0,0,0,0.6);display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label span{color:#bb0a30;font-size:12px;display:inline-block;vertical-align:top;margin-left:-4px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label .text{float:left;height:55px;line-height:64px;padding-right:3%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label .input{overflow:hidden}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .file{position:relative;max-width:200px;margin-top:10px;border:1px solid #D9DDE6;border-radius:5px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .file label{color:#3885DF;width:100%;text-align:center;font-size:14px;line-height:26px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .file label:hover{background-color:#f4f6f9}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .file label input{text-indent:-9999px;width:100%;opacity:0;position:absolute;left:0}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .file.active .icon{position:absolute;left:0;width:14px;height:7px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg);top:8px;left:20px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .file.active label{background-color:#2E844A;color:#ffffff}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li select,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li input{width:100%;height:55px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;padding-top:20px;margin-bottom:5px;outline:none;padding-left:0;color:rgba(0,0,0,0.6);transition:all .5s ease-out}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li select[type="text"],.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li select[type="tel"],.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li input[type="text"],.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li input[type="tel"]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border-radius:0}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li select:hover,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li input:hover{border-bottom:1px solid #000000}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li select{appearance:none;background-color:transparent}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .select-box{position:relative}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .select-box:before{position:absolute;display:block;content:"";bottom:18px;top:50%;right:0;width:13px;height:8px;margin-top:4px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJyZ2JhKDAsIDAsIDAsIDAuNikiIGQ9Ik02LjUxMSA3LjM3MUwwIC43MTUuNzMxIDAgNi41MSA1LjkwNyAxMi4yNjcgMCAxMyAuNzE0IDYuNTExIDcuMzcxeiIvPjwvc3ZnPg==) 50% no-repeat;background-size:cover;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:rotate(0deg);transform:rotate(0deg);pointer-events:auto;z-index:-1}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side{margin-top:27px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio{display:inline-block;vertical-align:top;padding-right:30px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio input,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio .value-text{display:inline-block;vertical-align:top;width:auto;height:auto}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio input{width:28px;height:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio .value-text{padding-left:6px;vertical-align:middle}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row p{font-size:13px;color:#333}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row a{color:#333;text-decoration:none;outline:0}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side{padding-top:12px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row{padding-bottom:10px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text{padding-top:5px;padding-left:40px;font-size:13px;color:#333}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-tnc,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pps,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pics{cursor:pointer;text-decoration:underline;color:#000000;font-weight:bold}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-tnc:hover,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pps:hover,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pics:hover{opacity:0.8}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .error-msg{margin-top:10px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .remark{display:block;margin-top:10px;color:#A8A8A9;font-style:italic}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row{margin-top:2.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row p{font-size:13px;color:#333}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row a{color:#333;text-decoration:none;outline:0}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side{padding-top:12px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row{padding-bottom:20px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .text{padding-top:3px;padding-left:40px;font-size:13px;color:#333}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side{padding-top:20px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .submit-btn,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-submit-btn,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn{border:0px;color:#fff;background:#000;line-height:1.35;display:inline-block;padding:14px 36px 13px;min-width:150px;text-align:center;transition:all .35s ease-in-out;cursor:pointer;font-family:ETronAudiTypeBold;font-weight:bold}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .submit-btn:hover,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-submit-btn:hover,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn:hover{opacity:0.7}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn{border:1px solid #000000 !important;background-color:transparent;color:#000000}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .button{margin-right:20px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .button:last-child{margin-right:0px}@media only screen and (max-width: 1650px){.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{font-size:19px}}@media only screen and (max-width: 1500px){.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark{font-size:1.15vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .style-br-1,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .style-br-1,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .style-br-1{display:none}}@media only screen and (max-width: 1125px){.flowing-icon-side{top:12%}.tnc-content{padding:3%}.tnc-content .wrapper{max-width:none;width:100%;padding:1% 0px;padding-left:4%;padding-right:4%}.section-line{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container{background-color:#000000}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark-highlight{display:block;position:absolute;top:9%;left:0%;color:#ffffff;padding:0% 8%;font-weight:bold}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark-highlight.tc{font-weight:bold;font-size:4.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark-highlight.tc .style{font-weight:bold;font-size:5vw;display:block;font-family:ETronAudiTypeExtendedBold}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark-highlight.en{font-weight:bold;font-family:ETronAudiTypeExtendedBold;font-size:4.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark-highlight span{font-weight:bold;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark-highlight span.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark{left:8%;top:2.75%;font-size:2.5vw !important;padding-left:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark .icon-col{width:8.5%;margin-right:3.2%}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn{width:auto;left:auto;bottom:8%;right:4.2%;font-size:1.9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn.en{bottom:1.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button{padding-top:7vw}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span{width:4.4vw;height:4.4vw;margin-left:-4.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(2){top:2vw}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(3){top:4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .banner.desktop{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .banner.mobile{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons.floating{bottom:1.6%;padding:0px 6.22%;width:100%;right:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .space-col{width:1.6%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button{padding:2.1% 2.6%;font-size:2.95vw;width:47vw;overflow:hidden}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .icon{width:25.8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .icon img{width:75.2%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .text{width:68.2%;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .text br.float-br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button .button-row .text br.float-br-1{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button:last-child{background-color:#a6a6a6}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .e-tron-logo{top:2%;left:3%;width:44.85%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .e-tron-logo.style{top:2%;left:3%;width:44.85%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .btn-callout-toggle{top:3.8%;right:6.4%;width:10.55%;z-index:3;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .btn-callout-toggle.style{top:3.8%;right:6.4%;width:10.55%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1{width:100%;display:block;vertical-align:top}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2{width:100%;display:block;vertical-align:top}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.left .area-1{display:none;width:100%;vertical-align:top;padding:4.5% 8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.left .area-2{width:100%;vertical-align:top}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.left .area-3{display:block;width:100%;vertical-align:top;padding:4.5% 8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.right .area-1{width:100%;vertical-align:top}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.right .area-2{width:100%;vertical-align:top;padding:4.5% 8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.right .area-3{width:100%;vertical-align:top;padding:4.5% 8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.full .highlight-img.desktop{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.full .highlight-img.mobile{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.desktop{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.mobile{display:block;position:relative;padding:4.5% 11.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.mobile .row-title{font-size:3.55vw;padding-bottom:6%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.mobile .row-desc .row-area-1{font-size:3.55vw;padding:2.6vw 1vw;width:52%;text-align:center;margin-bottom:6%;color:#000000;background-color:transparent;padding:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.mobile .row-desc .row-area-2{padding:0px 15%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.mobile .row-desc .row-area-2 ul li{font-size:2.25vw;margin-bottom:6%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.mobile .row-desc .row-area-2 ul li .symbol{display:inline-block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row.mobile .row-desc .row-area-2 ul li:last-child{margin-bottom:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3{background-color:#ffffff}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .audi-logo,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .audi-logo,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .audi-logo{display:block;width:27.4%;margin-bottom:0%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title{font-size:3.55vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title span,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title span,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title span{display:block;text-align:left}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title ol li,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title ol li,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title ol li{padding-left:0px;text-align:center;display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title ol li .symbol,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title ol li .symbol,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title ol li .symbol{display:inline-block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .style-br-2,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .style-br-2,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .style-br-2{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .style-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .style-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .style-title{font-size:2.95vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .style-text,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .style-text,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .style-text{font-size:2.95vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .mobile-hide,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .mobile-hide,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .mobile-hide{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .desc,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .desc,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .desc{font-size:2.25vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title-remark,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title-remark,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title-remark{position:relative;bottom:auto;margin-top:5.2%;font-size:2.25vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .highlight-img.desktop,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .highlight-img.desktop,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .highlight-img.desktop{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .highlight-img.mobile,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .highlight-img.mobile,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .highlight-img.mobile{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .remark-1,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .remark-1,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .remark-1{font-size:1.6vw;left:5%;bottom:20%;width:37%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .remark-1.en br,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .remark-1.en br,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .remark-1.en br{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1{margin-top:-51%;background:transparent}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1.left .area-1{display:block;background-color:transparent;padding:5% 8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1.left .area-1 .audi-logo{margin-bottom:3.2%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1.left .area-1 .desc-title{font-size:4.65vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1.left .area-1 .desc-title.tc{display:inline-block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1.left .area-1 .desc-title-br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1.left .area-1 .desc{font-size:2.95vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-1.left .area-1 .title.tc .title-br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-4 .area-3{display:block;padding:5% 6.8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-4 .area-3 .title{font-size:3.9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-4 .area-3 .desc{font-size:2.95vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-4 .area-2{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6{background-color:#ffffff}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .detail-row{position:relative;background-color:transparent;display:block;padding:5% 6.8%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .detail-row .row-title{display:block;color:#000000;font-size:3.9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .detail-row .row-title br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .detail-row .row-title span{display:block;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .detail-row .row-desc{display:block;color:#000000;font-size:2.95vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .detail-row .row-desc br{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1{display:block;background-color:#000000;color:#ffffff;padding:5% 6.8% !important}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .title{font-size:3.9vw;padding-bottom:5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item{font-size:2.95vw;margin-bottom:6.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item .img-box{vertical-align:middle;width:10.5%;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item .img-box .icon{vertical-align:middle}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item span{padding-left:4.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .app-box{position:absolute;right:8%;bottom:9%;width:21.7%;font-size:2.95vw;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .app-box .icon{width:90%;display:block;margin:0 auto;margin-bottom:10%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout:before{width:0.25vw;left:calc(0.45vw - 0.1vw)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout:after{width:0.9vw;height:0.9vw;border-radius:1.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical:before{top:calc(45% - 0.1vw);height:0.25vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical .right-bullet:after{width:0.9vw;height:0.9vw;border-radius:1.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left:before{height:0.25vw;top:calc(45% - 0.1vw)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right:before{height:0.25vw;top:0.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout .callout-text{font-size:2.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-1{top:24%;left:33.5%;height:22.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-1 .callout-text.en{top:-17%;left:-13vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-1 .callout-text.tc{top:-29%;left:-1.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-2{height:18.5%;top:29%;left:73.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-2 .callout-text{top:-35%;left:-13vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3{top:53.5%;left:75.5%;height:18.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3.tc{height:34.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3 .callout-text.en{bottom:-115%;left:-5.5vw;width:27.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3 .callout-text.tc{bottom:-27%;left:-14.5vw;width:34.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4{top:60%;left:60.6%;height:9%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4.tc{height:12%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4 .callout-text.en{width:19vw;bottom:-135%;left:-11vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4 .callout-text.tc{width:19vw;bottom:-55%;left:-9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-5{top:69%;left:45.6%;height:19%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-5 .callout-text.en{width:23.5vw;bottom:-33%;left:-10vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-5 .callout-text.tc{width:16vw;bottom:-34%;left:-12.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6{top:63.5%;left:24%;height:7%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6.tc{height:8.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6 .callout-text.en{width:41.5vw;bottom:-215%;left:-21vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6 .callout-text.tc{width:29.5vw;bottom:-80%;left:-16vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1{top:33%;left:16%;height:18.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1 .callout-text{font-size:2.45vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1 .callout-text.en{width:28.5vw;top:-32%;left:-0.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1 .callout-text.en br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1 .callout-text.tc{width:28.5vw;top:-19%;left:-0.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-2{top:65%;left:86.5%;height:10.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-2 .callout-text.en{font-size:2.45vw;width:40.5vw;bottom:-155%;left:-27.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-2 .callout-text.tc{font-size:2.45vw;width:31vw;bottom:-128%;left:-27.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3{top:60%;left:48.5%;width:4%;height:15.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3.tc{top:60%;left:48.5%;width:4%;height:15.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3:before{top:calc(2% - 0.1vw);height:0.25vw;width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .extra-line-1{height:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .extra-line-1:before{top:calc(2% - 0.1vw);width:0.25vw;left:-0.1vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .extra-line-1.visible:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .callout-text-1.en{width:45.5vw;font-size:2.45vw;bottom:-136%;top:auto;left:-42vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .callout-text-1.tc{width:33.5vw;font-size:2.45vw;bottom:-88%;top:auto;left:-31vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .callout-text-1.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1{top:26%;left:12%;height:27.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.en{width:max-content;top:-27%;left:-8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.en br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.tc{width:max-content;top:-27%;left:-8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.tc br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-2{top:36%;left:33%;height:10.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-2 .callout-text.en{width:max-content;top:-70%;left:-9.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-2 .callout-text.tc{width:max-content;top:-36%;left:-7.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-3{top:29.5%;left:42.5%;height:25%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-3 .callout-text{width:max-content;top:-44%;left:-3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-4{top:36.5%;left:49.8%;height:14.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-4 .callout-text{top:-26%;left:0vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5{top:62%;left:22.5%;width:57.2%;height:16%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-1{height:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-1:before{top:calc(2% - 0.1vw);width:0.25vw;left:0.35vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-1.visible:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-2{height:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-2:before{top:calc(2% - 0.1vw);width:0.25vw;left:auto;right:0.35vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-2.visible:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5:before{top:auto;height:0.25vw;left:0.35vw;width:calc(100% - 0.7vw);bottom:-0.25vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .callout-text.en{top:112%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .callout-text.tc{top:112%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-1{top:23%;left:13%;height:34.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-1 .callout-text{font-size:2.45vw;top:-26%;left:-1vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-2.en{top:31.5%;left:23%;height:15.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-2.tc{top:31.5%;left:23%;height:15.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-2 .callout-text.en{font-size:2.45vw;top:-35%;left:0vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-2 .callout-text.tc{font-size:2.45vw;top:-50%;left:0vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-3{top:45.5%;left:55%;height:3%;width:10%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-3 .callout-text{font-size:2.45vw;top:-100%;left:11vw;width:30vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-4{top:54.5%;left:55%;height:2%;width:10%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-4 .callout-text{font-size:2.45vw;top:-100%;left:11vw;width:30vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-5{top:82.5%;left:24%;height:12.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-5 .callout-text.en{font-size:2.45vw;top:-60%;left:-5vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-5 .callout-text.tc{font-size:2.45vw;top:-60%;left:-1vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-1{top:82.5%;left:28%;height:12.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-1.en{height:12.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-1 .callout-text{font-size:2.45vw;top:-3%;left:-11vw;width:10vw;text-align:right}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-2{top:46.5%;left:56%;height:10%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-2 .callout-text.en{font-size:2.45vw;top:105%;left:-27vw;width:30vw;text-align:right}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-2 .callout-text.tc{font-size:2.45vw;top:105%;left:-28.5vw;width:30vw;text-align:right}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-3{top:42%;left:66%;height:31.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-3 .callout-text.en{font-size:2.45vw;top:102%;left:-6.5vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-3 .callout-text.tc{font-size:2.45vw;top:102%;left:-3.5vw;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-4{top:6.5%;left:72%;height:11%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-4 .callout-text.en{font-size:2.45vw;top:105%;left:-10.7vw;width:30vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-4 .callout-text.tc{font-size:2.45vw;top:105%;left:-13vw;width:30vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5{top:55.5%;left:83%;height:12.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.en{font-size:2.45vw;top:-70%;left:-3.5vw;width:19.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.en br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.tc{font-size:2.45vw;top:-70%;left:-4vw;width:19.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.tc br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-6{top:84%;left:83%;height:8.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-6 .callout-text.en{font-size:2.45vw;top:-98%;left:-5.5vw;width:20.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-6 .callout-text.tc{font-size:2.45vw;top:-98%;left:-4.5vw;width:21vw}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area{background-color:#ffffff;width:100%;padding:0px 10%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .title{font-size:3.9vw;margin-bottom:3.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .desc{font-size:2.95vw;font-weight:normal}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .desc .style-br{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area{position:relative;margin-top:0%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .spec{max-width:none;right:0px;width:57%;text-align:center;bottom:4%;font-size:2.45vw}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .remark{position:absolute;top:32%;left:60%;font-size:2.45vw;width:41%;text-align:center;z-index:2}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout{top:33.5%;left:26%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout:before{width:0.25vw;left:calc(0.45vw - 0.1vw)}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout:after{width:0.9vw;height:0.9vw;border-radius:1.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout .callout-text{right:auto;font-size:2.45vw;width:31vw;margin-left:-21vw;top:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout .callout-text.tc .mobile-tc-br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-1{width:3.4%;top:48.5%;left:20%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-2{width:4.5%;top:45.5%;left:25%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-3{width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-3 .item-img{margin-top:40%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .item.item-4{position:absolute;top:-7%;right:0px;width:41%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out{display:block;text-align:center;color:#ffffff;font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:2.45vw;width:50%;margin:0 auto;margin-top:6%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row{position:relative;display:table;width:100%;padding:1.8vw 2.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .icon{display:table-cell;vertical-align:middle;text-align:left;width:25.8%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .icon img{width:75.2%;display:block;margin-bottom:-1.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .text{display:table-cell;vertical-align:middle;width:78%;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .text br.float-br{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .text br.float-br-1{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out.en{width:56%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out.en .button-row .icon{width:22%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out.en .button-row .icon img{width:70%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out.en .button-row .text{width:78%}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out.desktop{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out.mobile{display:block}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container{padding:9% 0px;width:85.77%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-title{font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:3.9vw;margin-bottom:3.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options{width:100%;display:table}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options .model-highlight-option{display:table-cell;width:33.3%;padding:1.5vw 1vw;vertical-align:middle;border:1px solid #000000;border-left:0px solid #000000;text-align:center;font-size:2vw;font-family:ETronAudiTypeExtendedBold;font-weight:bold}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options .model-highlight-option.active{background-color:#000000;color:#ffffff}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options .model-highlight-option:first-child{border-left:1px solid #000000}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail.comparison{display:none}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .nav-detail{width:100%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options{position:relative;padding-top:0px;padding-bottom:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .btn-prev{display:block;position:absolute;z-index:2;top:56%;left:0px;height:24%;margin-top:-12%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .btn-prev:hover{opacity:0.8}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .btn-next{display:block;position:absolute;z-index:2;top:56%;right:0px;height:24%;margin-top:-12%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .btn-next:hover{opacity:0.8}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .model-option{display:none;border-bottom:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .model-option.active{width:100%;display:block;border-bottom:0px;cursor:default}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .model-option .option-img{display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-options .model-option .option-img.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-indexes{display:block;width:100%;margin-bottom:5%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-indexes .model-index{display:inline-block;width:33.3%;height:0.45vw;background-color:#dadada}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-indexes .model-index.active{background-color:#4f4f4f}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .title{font-size:4.65vw;padding-bottom:1.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .price{font-size:3.55vw;padding-bottom:5.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .price span{font-size:3.55vw;font-family:ETronAudiTypeExtendedBold;font-weight:bold}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields{padding-bottom:5.5%;border-bottom:2px solid #dadada}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field{width:50%;border-left:0.25vw solid #707070;border-right:0px;margin-bottom:6.5% !important;vertical-align:middle}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-title{font-size:2.95vw;padding-bottom:5.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-text{font-size:2.95vw;padding-bottom:2%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-text span{font-size:4.65vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(3n+1){border-left:0.25vw solid #707070;border-right:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(2n+1){border-left:0px;border-right:0px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(4){margin-bottom:6.5% !important}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(5){margin-bottom:0% !important}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field:nth-child(6){margin-bottom:0% !important}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points ul{padding:0px 3.6%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points ul li{display:block;width:100%;font-size:2.95vw;margin-top:5%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points-remark{margin-top:10%;font-size:2.95vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row{margin-top:9%}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box{margin-left:13vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box .file-box-container .file-icon{width:6.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box .file-box-container .file-desc{font-size:2.95vw;padding-top:6%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area{background-color:#ffffff;width:100%;padding:0px 10%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc{font-size:3.65vw;margin-bottom:5.8%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{font-size:3.65vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .required-text{margin:2.4% auto 4%;font-size:1.9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .required-text span{margin-left:-0.35vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul{margin:0 -0.9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li{padding:0 1.2%;margin-bottom:1.2%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label{font-size:1.7vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label span{font-size:1.7vw;margin-left:-0.35vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label .text{height:4.9vw;line-height:5.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .select-box:before{bottom:1.5vw;width:1.15vw;height:0.75vw;margin-top:0.3vw;font-size:1.7vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li select,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li input{height:4.9vw;padding-bottom:1vw;padding-top:1.8vw;margin-bottom:0.5vw;font-size:1.7vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio{padding-right:2.8vw;font-size:1.7vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio input{width:2.5vw;height:2.5vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio .value-text{padding-left:0.55vw;vertical-align:middle}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .error-msg{font-size:1.25vw;min-height:1.7vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row{margin-bottom:5.8%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .label{font-size:2.9vw;width:100%;margin:0 auto;margin-bottom:0.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .element{width:100%;max-width:none;margin:0 auto;font-size:2.9vw;padding:3% 0px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .payment-row p{font-size:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row ul li{font-size:1.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row p{font-size:1.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row{padding-bottom:1.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .checkbox{background-size:cover;width:2.3vw;height:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text{padding-top:0.3vw;padding-left:3.55vw;font-size:1.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row ul li{font-size:1.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row p{font-size:1.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row{padding-bottom:1.8vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .checkbox{background-size:cover;width:2.3vw;height:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .text{padding-top:0.3vw;padding-left:3.55vw;font-size:1.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side{padding-top:2.2%;text-align:center}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .submit-btn,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-submit-btn,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn{border:0px;padding:2vw 2vw;font-size:2.45vw;font-family:ETronAudiTypeExtendedBold;font-weight:bold;width:52.5%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .button{margin-right:0px;margin-bottom:5%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .button:last-child{margin-right:0px;margin-bottom:0%}}@media only screen and (max-width: 850px){.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc{font-size:3.2vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .required-text{font-size:3.2vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .required-text span{margin-left:-0.35vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul{margin:0 -0.9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label{font-size:2.6vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label span{font-size:2.6vw;margin-left:-0.35vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li label .text{height:7.9vw;line-height:7.8vw;font-size:2.6vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .select-box:before{bottom:0vw;width:4.5vw;height:2.5vw;margin-top:-2vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li select,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li input{height:7.9vw;font-size:2.6vw;padding-bottom:1.2%;padding-top:1.5%;margin-bottom:2%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio{padding-right:4%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio input{width:4.9vw;height:4.9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio .value-text{line-height:4.9vw;padding-left:1.9vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .error-msg{font-size:2.3vw;min-height:3.2vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row ul li{font-size:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row p{font-size:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row{padding-bottom:4%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .checkbox{background-size:cover;width:3.4vw;height:3.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text{padding-top:0%;padding-left:5.5vw;font-size:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row ul li{font-size:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row p{font-size:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row{padding-bottom:4%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .checkbox{background-size:cover;width:3.4vw;height:3.4vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .text{padding-top:0%;padding-left:5.5vw;font-size:2.3vw}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side{padding-top:5%}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .submit-btn,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-submit-btn,.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn{min-width:auto;font-size:2.6vw;padding:3vw 5.2vw}}@media only screen and (min-width: 1920px){.section-line .line .text{font-size:16px;left:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button{padding-top:82.5px}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span{width:24px;height:24px;margin-left:-24px}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(2){top:23px}.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(3){top:46px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons{right:30.7px;bottom:15.3px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .space-col{width:21px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area #floating-buttons .floating-button-container .button{padding:9.6px 30.7px;font-size:21px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3{font-size:18px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .title{font-size:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .style-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .style-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .style-title{font-size:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .desc .desc-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .desc .desc-title,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .desc .desc-title{font-size:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-1 .style-text,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-2 .style-text,.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .area-3 .style-text{font-size:21px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-6 .row-desc{font-size:18px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1{padding:0px 167px !important}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .title{font-size:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .items .item{font-size:18px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.highlight-area-7 .area-1 .app-box{font-size:18px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .img-remark{font-size:22px;left:57.6px;bottom:48px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout .callout-text{font-size:22px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout .callout-text-1{font-size:22px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout:after{border-radius:20px;width:10px;height:10px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical:before{top:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical .right-bullet:after{border-radius:20px;width:10px;height:10px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical .extra-line-1:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical .extra-line-2:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left:before{top:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left .extra-line-1:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-left .extra-line-2:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right .extra-line-1:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.vertical-right .extra-line-2:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-1 .callout-text.en{left:12.7px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-1 .callout-text.tc{left:12.7px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-2 .callout-text{left:-57.6px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3 .callout-text.en{left:12.7px;width:268.8px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-3 .callout-text.tc{left:12.7px;width:211.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4 .callout-text.en{left:12.7px;width:172.8px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-4 .callout-text.tc{left:12.7px;width:172.8px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-5 .callout-text.en{left:12.7px;width:172.8px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-5 .callout-text.tc{left:12.7px;width:172.8px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6 .callout-text.en{width:451.2px;left:-240px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-1-6 .callout-text.tc{left:-115.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1 .callout-text.en{left:-9.6px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-1 .callout-text.tc{left:-9.6px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-2 .callout-text.en{width:460.8px;left:12.7px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-2 .callout-text.tc{width:460.8px;left:12.7px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3:before{top:3.46px;height:2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .extra-line-1:before{top:3.46px;width:2px;left:-2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .callout-text-1.en{width:605px;left:-547.6px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-2-3 .callout-text-1.tc{width:298px;left:-298px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.en{left:-67.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-1 .callout-text.tc{left:-67.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-2 .callout-text.en{left:-48px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-2 .callout-text.tc{left:-48px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-1:before{top:3.46px;width:2px;left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5 .extra-line-2:before{top:3.46px;width:2px;right:4px;left:auto}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-3-5:before{top:auto;height:2px;left:4px;width:calc(100% - 8px);bottom:-4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-1 .callout-text{left:-19.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-3 .callout-text{left:124.8px;width:307.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-4 .callout-text{left:124.8px;width:307.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-5 .callout-text.en{left:-96px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-5-5 .callout-text.tc{left:-19.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-1 .callout-text{left:-28.8px;width:76.8px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-2 .callout-text.en{left:-96px;width:278.5px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-2 .callout-text.tc{left:-19.2px;width:220.1px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-3 .callout-text.en{left:-10.5px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-3 .callout-text.tc{left:-28.8px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-4 .callout-text.en{left:-87.2px;width:182.4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-4 .callout-text.tc{left:-87.2px;width:182.4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.en{left:-67.2px;width:201.6px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-5 .callout-text.tc{left:-67.2px;width:max-content}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-6 .callout-text.en{left:-67.2px;width:202px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area .callout.callout-6-6 .callout-text.tc{left:-28.8px;width:201.5px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.left .area-1{padding:0px 86.4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.right .area-2{padding:0px 86.4px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row{padding:61.4px 163.2px}.page-e-tron-suv-preorder .content-wrapper .content-container .highlight-area.video .detail-row .row-title{font-size:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .title{font-size:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .desc{font-size:18px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .spec{bottom:134px;right:581.15px;font-size:18px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .remark{font-size:18px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout .callout-text{font-size:18px;right:0;width:288px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout:before{left:4px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .show-area .callout:after{border-radius:20px;width:10px;height:10px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out{font-size:18px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row{padding:12.5px 22.5px}.page-e-tron-suv-preorder .content-wrapper .content-container .charging-detail-area .detail-area-container .btn-find-out .button-row .icon img{margin-bottom:-11.52px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-title{font-size:28px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .model-highlight-options .model-highlight-option{font-size:25px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .title{font-size:25px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .price{font-size:25px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .price span{font-size:25px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-title{font-size:25px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-text{font-size:30px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .info-fields .info-field .field-text span{font-size:30px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points ul li{font-size:22px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .points-remark{font-size:22px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box{margin-left:249.6px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box .file-box-container .file-icon{width:77px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box .file-box-container .file-desc{font-size:22px}.page-e-tron-suv-preorder .content-wrapper .content-container .comparison-detail-area .detail-area-container .option-nav-detail .model-details .model-detail .button-row .file-box{margin-left:249.6px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc{font-size:22px}.page-e-tron-suv-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{font-size:22px}}@-webkit-keyframes arrowMove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes arrowMove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@-webkit-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.03, 1.03, 1.03)}to{transform:scale3d(1, 1, 1)}}.clear-both{clear:both}.no-scroll{overflow:hidden}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-o-user-drag:none;user-drag:none}.button{cursor:pointer}#mask-wrapper{font-family:ETronAudiTypeNormal, sans-serif;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.9);z-index:10000;padding:70px 0}#mask-wrapper.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}#mask-wrapper .mask-container{justify-content:center;align-items:center;display:flex;position:absolute;z-index:2000;pointer-events:none;top:0;left:0;height:100%;width:100%}#mask-wrapper .mask-container .overlay-pane{pointer-events:auto;position:static;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}#mask-wrapper .mask-container .overlay-pane .spinner{display:block;width:100%;stroke:rgba(255,255,255,0.6)}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container{width:48px;height:48px;display:inline-block;position:relative}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg{width:100%;height:100%}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path{stroke-miterlimit:10;stroke-linecap:square;stroke-width:1.1px;fill:none}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path.spinner__path--progress{-webkit-animation:1.5s linear infinite spinner--continous;animation:1.5s linear infinite spinner--continous;stroke-width:3px;transform:rotate(-90deg);stroke:#bb0a30}header.desktop-menu{z-index:100 !important}header.mobile-menu{z-index:100 !important}.page-e-tron-suv-preorder-confirm{font-family:ETronAudiTypeNormal, sans-serif}.page-e-tron-suv-preorder-confirm.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.page-e-tron-suv-preorder-confirm .content-wrapper{position:relative;width:100%}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container{position:relative;margin:0 auto;padding-top:61px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area{position:relative;width:100%}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .remark{width:100%;position:absolute;left:0px;top:3.5%;z-index:3;color:#ffffff;font-family:ETronAudiTypeExtendedNormal;padding-left:4.68%;font-size:22px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .remark .icon-col{display:inline-block;vertical-align:middle;margin-right:1.3%;width:2.86%}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .remark .icon-col .icon{width:100%}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .remark.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .banner{width:100%;display:block}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .banner.mobile{display:none}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn{width:100%;position:absolute;z-index:2;bottom:3.5%;left:0px;text-align:center;color:#ffffff;font-family:ETronAudiTypeExtendedNormal;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button{position:relative;z-index:3;margin:0 auto;padding-top:4.3vw;display:inline-block}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button:hover{opacity:0.8}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span{position:absolute;top:0;left:50%;width:1.3vw;height:1.3vw;margin-left:-1.3vw;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:arrowMove 2s infinite;animation:arrowMove 2s infinite;opacity:0;box-sizing:border-box}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(2){top:1.2vw;-webkit-animation-delay:.15s;animation-delay:.15s}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(3){top:2.4vw;-webkit-animation-delay:.3s;animation-delay:.3s}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area{position:relative;max-width:1400px;width:80%;margin:0 auto}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form{position:relative;width:100%;padding-top:50px;padding-bottom:50px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm{text-align:center;background-color:#000000;color:#ffffff;font-family:ETronAudiTypeBold;font-weight:bold;padding:12px 24px;font-size:18px;border:0px;margin-top:30px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm:hover{opacity:0.7}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-title{font-weight:700;line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:28px;margin-bottom:30px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail{line-height:1.35;font-size:18px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail .style-text{font-family:ETronAudiTypeExtendedBold;font-weight:bold;text-decoration:underline}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail .click-link{color:#000000;text-decoration:underline}@media only screen and (max-width: 1500px){.page-e-tron-suv-preorder .content-wrapper .content-container .banner-area .remark{font-size:1.15vw}}@media only screen and (max-width: 1125px){.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .remark{left:8%;top:2.75%;font-size:2.5vw;padding-left:0px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .remark .icon-col{width:8.5%;margin-right:3.2%}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn{width:auto;left:auto;bottom:4%;right:4.2%;font-size:1.9vw}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button{padding-top:7vw}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span{width:4.4vw;height:4.4vw;margin-left:-4.4vw}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(2){top:2vw}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(3){top:4vw}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .banner.desktop{display:none}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .banner.mobile{display:block}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form .form-desc{font-size:18px;margin-bottom:5.8%}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm{margin:0 auto;margin-top:30px;display:block;padding:18px 36px}}@media only screen and (min-width: 1920px){.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button{padding-top:82.5px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span{width:24px;height:24px;margin-left:-24px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(2){top:23px}.page-e-tron-suv-preorder-confirm .content-wrapper .content-container .banner-area .scroll-btn .button span:nth-of-type(3){top:46px}}@-moz-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@-webkit-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.03, 1.03, 1.03)}to{transform:scale3d(1, 1, 1)}}.clear-both{clear:both}.no-scroll{overflow:hidden}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-o-user-drag:none;user-drag:none}.button{cursor:pointer}#mask-wrapper{font-family:ETronAudiTypeNormal, sans-serif;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.9);z-index:10000;padding:70px 0}#mask-wrapper.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}#mask-wrapper .mask-container{justify-content:center;align-items:center;display:flex;position:absolute;z-index:2000;pointer-events:none;top:0;left:0;height:100%;width:100%}#mask-wrapper .mask-container .overlay-pane{pointer-events:auto;position:static;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}#mask-wrapper .mask-container .overlay-pane .spinner{display:block;width:100%;stroke:rgba(255,255,255,0.6)}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container{width:48px;height:48px;display:inline-block;position:relative}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg{width:100%;height:100%}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path{stroke-miterlimit:10;stroke-linecap:square;stroke-width:1.1px;fill:none}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path.spinner__path--progress{-webkit-animation:1.5s linear infinite spinner--continous;animation:1.5s linear infinite spinner--continous;stroke-width:3px;transform:rotate(-90deg);stroke:#bb0a30}header{font-family:ETronAudiTypeNormal, sans-serif}header.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}header.desktop-menu{z-index:100 !important}header.mobile-menu{z-index:100 !important}.vehicle-specification-content{font-weight:300;outline:none;display:none;width:100%;height:100%;padding:2.5% 0px;position:fixed;z-index:500;top:0;left:0;background:rgba(0,0,0,0.7);font-family:AudiTypeBold}.vehicle-specification-content .wrapper{padding:15px 20px;padding-bottom:30px;background-color:#ffffff;width:95%;max-width:1024px;margin:0 auto;overflow-x:hidden;max-height:100%;position:relative;padding-left:4%;padding-right:4%}.vehicle-specification-content .wrapper .close-btn{width:32px;height:32px;background-image:url("../../images/frontend/close_btn.png");background-size:32px 32px;position:absolute;right:12px;padding:12px;cursor:pointer}.vehicle-specification-content .wrapper .outer{position:relative;font-family:AudiTypeWide, sans-serif}.vehicle-specification-content .wrapper .outer .vehicle-title{margin:18px 0;font-size:28px;font-weight:700;letter-spacing:.44px;line-height:30px;font-family:AudiTypeExtendedBold;font-weight:bold}.vehicle-specification-content .wrapper .outer .vehicle-sub-title{margin:18px 0;font-size:21px;font-weight:700;letter-spacing:.44px;line-height:30px;font-family:AudiTypeWide, sans-serif;font-weight:bold}.vehicle-specification-content .wrapper .outer .vehicle-sub-title.sub-title{margin-bottom:0px;text-decoration:underline}.vehicle-specification-content .wrapper .outer .items-section{position:relative;display:table;width:100%;margin-top:30px}.vehicle-specification-content .wrapper .outer .items-section .column{width:50%;vertical-align:top;display:table-cell;padding-right:3%;padding-left:0px;font-size:16px}.vehicle-specification-content .wrapper .outer .items-section .column:nth-child(even){padding-right:0px;padding-left:3%}.vehicle-specification-content .wrapper .outer .items-section .column .items-list{position:relative;width:100%}.vehicle-specification-content .wrapper .outer .items-section .column .items-list tr td{vertical-align:top;padding-bottom:20px;color:#5c5e62}.vehicle-specification-content .wrapper .outer .items-section .column .items-list tr td.field{white-space:nowrap;padding-right:20px;width:1%;font-weight:bold;color:#000000}.vehicle-specification-content .wrapper .outer .remark{position:relative;display:table;width:100%;margin-bottom:20px;font-size:14px;color:#5c5e62}.vehicle-specification-content .wrapper .outer .group-items{position:relative;display:grid;width:100%;grid-template-columns:50% 50%}.vehicle-specification-content .wrapper .outer .group-items .item-box{margin-top:30px;font-size:16px;padding-right:3%;padding-left:0px}.vehicle-specification-content .wrapper .outer .group-items .item-box:nth-child(even){padding-right:0px;padding-left:3%}.vehicle-specification-content .wrapper .outer .group-items .item-box .box-title{font-weight:bold;margin-bottom:15px}.vehicle-specification-content .wrapper .outer .group-items .item-box .box-items .box-item{margin-bottom:10px;color:#5c5e62}.tnc-content,.pics-content{font-weight:300;outline:none;display:none;width:100%;height:100%;padding:2.5% 0px;position:fixed;z-index:500;top:0;left:0;background:rgba(0,0,0,0.7);font-family:AudiTypeBold}.tnc-content h2,.pics-content h2{margin:18px 0;font-size:21px;font-weight:700;letter-spacing:.44px;line-height:30px;font-family:AudiTypeExtendedBold;font-weight:bold}.tnc-content h2.sub-title,.pics-content h2.sub-title{margin-bottom:0px;text-decoration:underline}.tnc-content .wrapper,.pics-content .wrapper{padding:15px 20px;background-color:#ffffff;width:95%;max-width:808px;margin:0 auto;overflow-x:hidden;max-height:100%;position:relative;padding-left:4%;padding-right:4%}.tnc-content .wrapper .close-btn,.pics-content .wrapper .close-btn{width:32px;height:32px;background-image:url("../../images/frontend/close_btn.png");background-size:32px 32px;position:absolute;right:12px;padding:12px;cursor:pointer}.tnc-content .wrapper p.no-top,.pics-content .wrapper p.no-top{margin-top:0px}.tnc-content .wrapper p.no-bottom,.pics-content .wrapper p.no-bottom{margin-bottom:0px}.tnc-content .wrapper p.no-top-bottom,.pics-content .wrapper p.no-top-bottom{margin-top:0px;margin-bottom:0px}.tnc-content .wrapper a,.pics-content .wrapper a{color:#000000;text-decoration:underline}.tnc-content .wrapper .section-title,.pics-content .wrapper .section-title{margin-bottom:1em;font-weight:bold;text-decoration:underline}.tnc-content .wrapper ul,.pics-content .wrapper ul{list-style-type:none;font-weight:normal;margin-bottom:60px}.tnc-content .wrapper ul li,.pics-content .wrapper ul li{margin:10px 0}.tnc-content .wrapper ul li:before,.pics-content .wrapper ul li:before{content:'>';font-size:18px;padding-right:12px}.tnc-content .wrapper ol,.pics-content .wrapper ol{margin-top:0px;margin-bottom:0px;counter-reset:list;list-style-type:none}.tnc-content .wrapper ol li,.pics-content .wrapper ol li{list-style:none;margin-bottom:10px;position:relative;padding-left:2em}.tnc-content .wrapper ol li:before,.pics-content .wrapper ol li:before{content:counter(list,lower-alpha) ") ";counter-increment:list;margin-right:1.8em;position:absolute;left:0px}.tnc-content .wrapper ol.pics-ol,.pics-content .wrapper ol.pics-ol{padding-left:0px}.tnc-content .wrapper ol.pics-ol li:before,.pics-content .wrapper ol.pics-ol li:before{content:counters(list,".",decimal) ". ";counter-increment:list}.tnc-content .wrapper ol.pics-ol li.section-li,.pics-content .wrapper ol.pics-ol li.section-li{margin-top:30px}.tnc-content .wrapper ol.pics-ol li.section-li:before,.pics-content .wrapper ol.pics-ol li.section-li:before{font-weight:bold}.tnc-content .wrapper ol.pics-ol li.no-leftp,.pics-content .wrapper ol.pics-ol li.no-leftp{padding-left:0px}.tnc-content .wrapper ol.pics-ol li.no-point,.pics-content .wrapper ol.pics-ol li.no-point{padding-left:0px}.tnc-content .wrapper ol.pics-ol li.no-point:before,.pics-content .wrapper ol.pics-ol li.no-point:before{content:'';display:none}.tnc-content .wrapper ol.pics-ol li.no-point-left,.pics-content .wrapper ol.pics-ol li.no-point-left{padding-left:2em}.tnc-content .wrapper ol.pics-ol li.no-point-left:before,.pics-content .wrapper ol.pics-ol li.no-point-left:before{content:'';display:none}.tnc-content .wrapper ol.pics-ol ol.sub-ol,.pics-content .wrapper ol.pics-ol ol.sub-ol{padding-left:0px;margin-left:-2em}.tnc-content .wrapper ol.alpha-ol,.pics-content .wrapper ol.alpha-ol{counter-reset:item}.tnc-content .wrapper ol.alpha-ol li:before,.pics-content .wrapper ol.alpha-ol li:before{content:counter(item,lower-alpha) ") ";counter-increment:item}.tnc-content.tc .wrapper ol li:before,.pics-content.tc .wrapper ol li:before{top:0.1em}.page-q8-e-tron-preorder{font-family:ETronAudiTypeNormal, sans-serif}.page-q8-e-tron-preorder.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.page-q8-e-tron-preorder .content-wrapper{position:relative;width:100%}.page-q8-e-tron-preorder .content-wrapper .content-container{position:relative;margin:0 auto}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons{position:absolute;right:1.6vw;bottom:0.8vw;z-index:2;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons.floating{position:fixed;z-index:8}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container{position:relative;display:table}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .space-col{display:table-cell;vertical-align:top;height:100%;width:1.1vw}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button{text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;height:100%;background-color:#000000;color:#ffffff;font-family:ETronAudiTypeBold;font-weight:bold;padding:0.5vw 1.6vw;font-size:1.2vw}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button:hover{opacity:0.7}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button.hide{opacity:0.2;cursor:default}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button.hide:hover{opacity:0.7}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row{position:relative;display:table;width:100%}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .icon{text-align:left;display:table-cell;vertical-align:middle;width:25.8%}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .icon img{vertical-align:middle;width:75.2%}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text{width:68.2%;text-align:left;display:table-cell;vertical-align:middle;text-align:center}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text br{display:none}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text br.float-br-2{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button:first-child{background-color:#a6a6a6}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button:last-child{background-color:#a6a6a6}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area{position:relative;width:100%;margin:0 auto}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids{position:relative;display:grid;width:100%;grid-template-columns:65% 35%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid{position:relative;height:100%;vertical-align:top}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots{position:relative;background-color:#ffffff;display:grid;padding:0px 5%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content{width:100%;position:sticky;top:0px;align-self:start}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title{font-size:3.5vw;font-family:AudiTypeExtendedBold,Verdana,Geneva,sans-serif;text-align:center;padding-top:1%;padding-bottom:1%;line-height:1;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector{position:relative;margin-bottom:10px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row{display:table;position:relative;width:100%;height:100%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box{padding-left:0.5vw;padding-right:0.5vw;width:33%;vertical-align:top;display:table-cell;text-align:center;height:100%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box:first-child{padding-left:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box:last-child{padding-right:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model{display:table;position:relative;width:100%;opacity:0.4;background-color:#000000;color:#ffffff;padding:5px;vertical-align:top;height:100%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model span{font-size:15px;display:table-cell;vertical-align:middle;text-align:center}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model.active{opacity:1}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model.lock{cursor:default}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .vehicle-image{position:relative;display:block;width:100%;margin:0 auto;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .vehicle-image .display{position:absolute;display:block;width:100%;z-index:2}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .vehicle-image .cover{display:block;width:100%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .vehicle-image.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav{position:relative;text-align:center;margin-top:10px;margin-bottom:20px;line-height:1;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav .nav-info{font-size:21px;display:inline-block;padding:0px 10px;vertical-align:middle}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav .button{display:inline-block;vertical-align:middle;width:18px;height:18px;border-left:2px solid #000000;border-bottom:2px solid #000000;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav .button.next{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-btn-nav{position:relative;text-align:center;line-height:1;margin-bottom:15px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-btn-nav .button{display:inline-block;vertical-align:middle;font-size:16px;color:#ffffff;background-color:#000000;padding:10px;margin:0px 5px;min-width:100px;margin-bottom:15px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-btn-nav.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-remark{position:relative;margin-bottom:20px;line-height:1.2;font-size:16px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-remark span{color:#ff0000}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-remark.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info{background-color:#F7F7F7;padding:5% 10%;padding-top:14%;font-family:ETronAudiTypeNormal, sans-serif}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row{position:relative;margin-bottom:20px;font-size:16px;line-height:1.25;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.price-field{margin-bottom:8px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.price-value{font-size:32px;line-height:1;margin-bottom:8px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.pre-sale-amount{color:#ff0000}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs{position:relative;width:100%;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option{display:block;margin-bottom:10px;opacity:0.4}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option{width:90%;padding:10px;background-color:#000000;color:#ffffff;font-size:16px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option .sub-price{font-size:14px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option.lock{cursor:default}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container{visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.5s linear}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list{display:none;margin:0px;margin-top:10px;padding:0 0 0 30px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list.extra{list-style-type:'+'}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list li{padding-left:12px;padding-bottom:5px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list li.ask-select-wheel{color:#ff0000}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list li:last-child{padding-bottom:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options{position:relative;display:none;padding:10px;width:90%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev{position:absolute;top:0px;left:0px;z-index:3;width:20%;text-align:center;vertical-align:top;padding-top:29%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev .arrow{display:inline-block;vertical-align:top;width:18px;height:18px;border-left:2px solid #000000;border-bottom:2px solid #000000;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev.lock{cursor:default}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev.lock .arrow{cursor:default;display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next{position:absolute;top:0px;right:0px;z-index:3;width:20%;text-align:center;vertical-align:top;padding-top:29%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next .arrow{display:inline-block;vertical-align:top;width:18px;height:18px;border-left:2px solid #000000;border-bottom:2px solid #000000;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);box-sizing:border-box}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next.lock{cursor:default}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next.lock .arrow{cursor:default;display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel{width:100%;vertical-align:middle}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option{display:none;width:100%;visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.5s linear;text-align:center}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-name{padding:0px 10%;margin-top:5px;line-height:1.2}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-price{padding:0px 10%;margin-top:5px;line-height:1.2}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-img-box{position:relative;width:60%;margin:0px 20%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-img-box .wheel-option-img{position:absolute;width:100%;display:block;z-index:2}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-img-box .wheel-option-img-cover{width:100%;display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option.active{display:block;visibility:visible;opacity:1}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .or-line{width:90%;display:block;margin:20px 0px;text-align:center;font-size:16px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option.active{opacity:1}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option.active .container{visibility:visible;opacity:1;transition:visibility 0s, opacity 0.5s linear}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option.active .container .points-list{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option.active .container .wheel-options{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table{width:100%;position:relative;font-size:16px;line-height:1;margin-top:25px;margin-bottom:40px;display:table;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td{vertical-align:bottom;padding-bottom:25px;line-height:1}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td:first-child{white-space:nowrap;padding-right:10px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td:first-child span{font-size:34px;font-weight:bold;font-family:ETronAudiTypeBold}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr:last-child td{padding-bottom:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div{display:none;width:100%;position:relative;font-size:16px;line-height:1;margin-top:25px;margin-bottom:40px;justify-content:space-around}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box{display:inline-block;vertical-align:top;text-align:center}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1{padding-bottom:25px;line-height:1}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1 span{font-size:42px;font-family:ETronAudiTypeBold}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box{position:relative;width:100%;margin-top:20px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .field-text{font-size:16px;line-height:1.25;padding-bottom:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .field-text.style{padding-bottom:10px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-color-text{font-size:16px;line-height:1.25;padding-bottom:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-color-text.hide{display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-extra-color-text{font-size:16px;line-height:1.25;padding-bottom:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-extra-color-text.hide{display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list{width:100%;list-style:none;margin:0;padding:0}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li{display:inline-block}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option{padding:5px;border:1px solid transparent}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option img{display:block;width:50px;height:50px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option.active{border:1px solid #000000}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option.lock{cursor:default}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .remarks-detail{font-size:13px;color:#333;margin-top:20px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .remarks-detail.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .buttons-row{margin-top:50px;width:100%;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .buttons-row .button{width:100%;padding:3%;text-align:center;font-weight:bold;font-size:16px;color:#ffffff;background-color:#000000;margin-top:10px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .buttons-row.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area{display:none;position:relative;max-width:1600px;width:80%;margin:0 auto}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form{position:relative;width:100%;padding-top:60px;padding-bottom:70px;display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .error-msg{color:#bb0a30;font-size:14px;line-height:1.35;font-weight:300;min-height:18px;overflow:hidden;width:100%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc{line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-size:22px;margin-bottom:50px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{line-height:1.5;font-family:ETronAudiTypeExtendedBold;font-size:22px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title br.style{display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title.tc{font-weight:bold}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-title{line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-size:24px;margin-bottom:30px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail{line-height:1.35;font-size:16px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail .style-text{font-family:ETronAudiTypeBold;text-decoration:underline}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail .click-link{color:#000000;text-decoration:underline}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row{margin-bottom:50px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container{margin-bottom:3%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container:last-child{margin-bottom:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .label{display:block;font-size:14px;margin-bottom:2px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .element{border-bottom:1px solid #000000;padding:10px 0px;width:100%;max-width:520px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .element.no-border{border-bottom:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .error-msg{margin-top:5px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-rows{display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-rows.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-vehicle-summary{display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-vehicle-summary.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-vehicle-summary .summary-title{display:block;font-size:22px;margin-bottom:20px;font-weight:bold}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .required-text{width:100%;font-weight:400;color:#999;line-height:1.35;font-size:20px;margin:20px auto 35px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .required-text span{margin-right:-4px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list{margin-bottom:40px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td{font-size:18px;padding-bottom:20px;vertical-align:top}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .name,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .remark{color:#000000;display:inline-block;margin-left:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .name span,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .remark span{color:#000000;display:inline-block;vertical-align:top;margin-left:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .remark{color:#ff0000}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .remark span{color:#ff0000}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child{padding-right:40px;white-space:nowrap}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child br{display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr:first-child td{font-weight:bold}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul{list-style-type:none;padding:0;margin:0 -10px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li{padding:0 10px;margin-bottom:10px;vertical-align:top}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li.break-row{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li label{font-size:18px;line-height:1.35;color:rgba(0,0,0,0.6);display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li label span{color:#bb0a30;font-size:12px;display:inline-block;vertical-align:top;margin-left:-4px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li label .text{float:left;height:55px;line-height:64px;padding-right:3%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li label .input{overflow:hidden}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file{position:relative;max-width:200px;margin-top:10px;border:1px solid #D9DDE6;border-radius:5px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file label{color:#3885DF;width:100%;text-align:center;font-size:14px;line-height:26px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file label:hover{background-color:#f4f6f9}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file label input{text-indent:-9999px;width:100%;opacity:0;position:absolute;left:0}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file.active .icon{position:absolute;left:0;width:14px;height:7px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg);top:8px;left:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file.active label{background-color:#2E844A;color:#ffffff}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li input{width:100%;height:55px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;padding-top:20px;margin-bottom:5px;outline:none;padding-left:0;color:rgba(0,0,0,0.6);transition:all .5s ease-out}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select[type="text"],.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select[type="tel"],.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li input[type="text"],.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li input[type="tel"]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border-radius:0}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select:hover,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li input:hover{border-bottom:1px solid #000000}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select{appearance:none;background-color:transparent}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .select-box{position:relative}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .select-box:before{position:absolute;display:block;content:"";bottom:18px;top:50%;right:0;width:13px;height:8px;margin-top:4px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJyZ2JhKDAsIDAsIDAsIDAuNikiIGQ9Ik02LjUxMSA3LjM3MUwwIC43MTUuNzMxIDAgNi41MSA1LjkwNyAxMi4yNjcgMCAxMyAuNzE0IDYuNTExIDcuMzcxeiIvPjwvc3ZnPg==) 50% no-repeat;background-size:cover;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:rotate(0deg);transform:rotate(0deg);pointer-events:auto;z-index:-1}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side{margin-top:27px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio{display:inline-block;vertical-align:top;padding-right:30px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio input,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio .value-text{display:inline-block;vertical-align:top;width:auto;height:auto}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio input{width:28px;height:28px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio .value-text{padding-left:6px;vertical-align:middle}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .remarks-detail{font-size:13px;color:#333;margin-bottom:30px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .remarks-detail.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row p{font-size:13px;color:#333}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row a{color:#333;text-decoration:none;outline:0}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side{padding-top:12px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row{padding-bottom:10px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text{padding-top:5px;padding-left:40px;font-size:13px;color:#333}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-tnc,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pps,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pics{cursor:pointer;text-decoration:underline;color:#000000;font-weight:bold}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-tnc:hover,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pps:hover,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pics:hover{opacity:0.8}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .error-msg{margin-top:10px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .remark{display:block;margin-top:10px;color:#A8A8A9;font-style:italic}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row{margin-top:2.5%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row p{font-size:13px;color:#333}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row a{color:#333;text-decoration:none;outline:0}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side{padding-top:12px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row{padding-bottom:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .text{padding-top:3px;padding-left:40px;font-size:13px;color:#333}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side{padding-top:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .submit-btn,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-submit-btn,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn{border:0px;color:#fff;background:#000;line-height:1.35;display:inline-block;padding:14px 36px 13px;min-width:150px;text-align:center;transition:all .35s ease-in-out;cursor:pointer;font-family:ETronAudiTypeBold;font-weight:bold}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .submit-btn:hover,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-submit-btn:hover,.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn:hover{opacity:0.7}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn{border:1px solid #000000 !important;background-color:transparent;color:#000000}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .button{margin-right:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .button:last-child{margin-right:0px}@media only screen and (max-width: 1125px){.tnc-content,.pics-content{padding:3%}.tnc-content .wrapper,.pics-content .wrapper{width:100%;padding:1% 0px;padding-left:4%;padding-right:4%}.page-q8-e-tron-preorder .content-wrapper .content-container{background-color:#ffffff}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button{font-size:14px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area{background-color:#ffffff;width:100%;padding:0px 10%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc{margin-bottom:5.8%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{font-size:25px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title br{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title br.style{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row{margin-bottom:5.8%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .remarks-detail{margin-bottom:30px}}@media only screen and (max-width: 1024px){.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons.floating{bottom:1.6%;padding:0px 6.22%;width:100%;right:0px}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .space-col{width:1.6%}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button{padding:2.1% 2.6%;font-size:2.95vw;width:47vw;overflow:hidden}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .icon{width:25.8%;text-align:center}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .icon img{width:75.2%}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text{width:68.2%;text-align:center}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text br.float-br{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text br.float-br-1{display:none}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button br{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button:last-child{background-color:#a6a6a6}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids{display:block;grid-template-columns:100%;grid-row:2}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid{height:auto}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots{position:relative;background-color:#ffffff;display:block;padding:0px 5%;padding-bottom:5%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content{position:relative;top:auto}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title{font-size:5.5vw;padding-bottom:3%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model{padding:10px;line-height:1}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model span{font-size:16px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-remark{margin-bottom:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info{display:block;padding:5% 6%;padding-top:5%;background-color:#ffffff}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row{font-size:18px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.price-value{font-size:42px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table{display:none;font-size:18px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td:first-child span{font-size:36px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div{font-size:18px;margin-top:40px;margin-bottom:40px;display:flex;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1{padding-bottom:15px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1 span{font-size:58px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2{font-size:16px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2 br{display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .field-text{font-size:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-color-text{font-size:18px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-extra-color-text{font-size:18px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option img{width:55px;height:55px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option{width:100%;font-size:18px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option .sub-price{font-size:16px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options{max-width:580px;width:100%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev{padding-top:18.5%;width:35%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev .arrow{width:20px;height:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next{padding-top:18.5%;width:35%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next .arrow{width:20px;height:20px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .or-line{width:100%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-img-box{width:38%;margin:0px 31%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:last-child{font-weight:bold}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr:first-child td:first-child{font-weight:normal}}@media only screen and (max-width: 850px){.vehicle-specification-content{padding:3%}.vehicle-specification-content .wrapper{width:100%;padding:3% 0px;padding-bottom:5%;padding-left:4%;padding-right:4%}.vehicle-specification-content .wrapper .outer .vehicle-title{margin-top:40px}.vehicle-specification-content .wrapper .outer .items-section{display:block}.vehicle-specification-content .wrapper .outer .items-section .column{width:100%;display:block;padding-right:0px;padding-left:0px}.vehicle-specification-content .wrapper .outer .items-section .column:nth-child(even){padding-right:0px;padding-left:0px}.vehicle-specification-content .wrapper .outer .group-items{display:block;width:100%;grid-template-columns:100%}.vehicle-specification-content .wrapper .outer .group-items .item-box{padding-right:0px;padding-left:0px}.vehicle-specification-content .wrapper .outer .group-items .item-box:nth-child(even){padding-right:0px;padding-left:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title{font-size:10vw}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1{font-size:15px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1 span{font-size:32px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2{font-size:15px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2 br{display:block}}@media only screen and (max-width: 850px){.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info{padding:5% 5%}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td:first-child{padding-right:15px;white-space:nowrap}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area{padding:0px 6%}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{font-size:21px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td{font-size:18px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child{padding-right:25px}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .required-text{font-size:20px}}@media only screen and (max-width: 650px){.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child br{display:block}}@media only screen and (max-width: 425px){.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div{justify-content:space-between}}@media only screen and (max-width: 370px){.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box{display:block;width:100%;margin-bottom:5px;padding-left:0px;padding-right:0px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.price-value{font-size:35px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div{display:block}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box{display:block;margin-bottom:30px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1{font-size:16px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1 span{font-size:52px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2 br{display:none}.page-q8-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child{white-space:normal;padding-right:10px}}@media only screen and (min-width: 1920px){.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons{right:30.7px;bottom:15.3px}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .space-col{width:21px}.page-q8-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button{padding:9.6px 30.7px;font-size:21px}.page-q8-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title{font-size:65px}}@-webkit-keyframes arrowMove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes arrowMove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@-webkit-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.03, 1.03, 1.03)}to{transform:scale3d(1, 1, 1)}}.clear-both{clear:both}.no-scroll{overflow:hidden}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-o-user-drag:none;user-drag:none}.button{cursor:pointer}#mask-wrapper{font-family:ETronAudiTypeNormal, sans-serif;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.9);z-index:10000;padding:70px 0}#mask-wrapper.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}#mask-wrapper .mask-container{justify-content:center;align-items:center;display:flex;position:absolute;z-index:2000;pointer-events:none;top:0;left:0;height:100%;width:100%}#mask-wrapper .mask-container .overlay-pane{pointer-events:auto;position:static;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}#mask-wrapper .mask-container .overlay-pane .spinner{display:block;width:100%;stroke:rgba(255,255,255,0.6)}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container{width:48px;height:48px;display:inline-block;position:relative}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg{width:100%;height:100%}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path{stroke-miterlimit:10;stroke-linecap:square;stroke-width:1.1px;fill:none}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path.spinner__path--progress{-webkit-animation:1.5s linear infinite spinner--continous;animation:1.5s linear infinite spinner--continous;stroke-width:3px;transform:rotate(-90deg);stroke:#bb0a30}header.desktop-menu{z-index:100 !important}header.mobile-menu{z-index:100 !important}.page-q8-e-tron-preorder-confirm{font-family:ETronAudiTypeNormal, sans-serif}.page-q8-e-tron-preorder-confirm.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.page-q8-e-tron-preorder-confirm .content-wrapper{position:relative;width:100%}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container{position:relative;margin:0 auto;padding-top:61px}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .banner-area{position:relative;width:100%}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .banner{width:100%;display:block}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .banner.mobile{display:none}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area{position:relative;max-width:1400px;width:80%;margin:0 auto}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form{position:relative;width:100%;padding-top:50px;padding-bottom:50px}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm{text-align:center;background-color:#000000;color:#ffffff;font-family:ETronAudiTypeBold;font-weight:bold;padding:12px 24px;font-size:18px;border:0px;margin-top:30px}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm:hover{opacity:0.7}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-title{font-weight:700;line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:28px;margin-bottom:30px}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail{line-height:1.35;font-size:18px}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail .style-text{font-family:ETronAudiTypeExtendedBold;font-weight:bold;text-decoration:underline}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail .click-link{color:#000000;text-decoration:underline}@media only screen and (max-width: 1500px){.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .remark{font-size:1.15vw}}@media only screen and (max-width: 1125px){.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .banner.desktop{display:none}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .banner.mobile{display:block}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .form-desc{font-size:18px;margin-bottom:5.8%}.page-q8-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm{margin:0 auto;margin-top:30px;display:block;padding:18px 36px}}@-moz-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@-webkit-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.03, 1.03, 1.03)}to{transform:scale3d(1, 1, 1)}}.clear-both{clear:both}.no-scroll{overflow:hidden}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-o-user-drag:none;user-drag:none}.button{cursor:pointer}#mask-wrapper{font-family:ETronAudiTypeNormal, sans-serif;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.9);z-index:10000;padding:70px 0}#mask-wrapper.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}#mask-wrapper .mask-container{justify-content:center;align-items:center;display:flex;position:absolute;z-index:2000;pointer-events:none;top:0;left:0;height:100%;width:100%}#mask-wrapper .mask-container .overlay-pane{pointer-events:auto;position:static;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}#mask-wrapper .mask-container .overlay-pane .spinner{display:block;width:100%;stroke:rgba(255,255,255,0.6)}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container{width:48px;height:48px;display:inline-block;position:relative}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg{width:100%;height:100%}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path{stroke-miterlimit:10;stroke-linecap:square;stroke-width:1.1px;fill:none}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path.spinner__path--progress{-webkit-animation:1.5s linear infinite spinner--continous;animation:1.5s linear infinite spinner--continous;stroke-width:3px;transform:rotate(-90deg);stroke:#bb0a30}header{font-family:ETronAudiTypeNormal, sans-serif}header.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}header.desktop-menu{z-index:100 !important}header.mobile-menu{z-index:100 !important}.vehicle-specification-content{font-weight:300;outline:none;display:none;width:100%;height:100%;padding:2.5% 0px;position:fixed;z-index:500;top:0;left:0;background:rgba(0,0,0,0.7);font-family:AudiTypeBold}.vehicle-specification-content .wrapper{padding:15px 20px;padding-bottom:30px;background-color:#ffffff;width:95%;max-width:1024px;margin:0 auto;overflow-x:hidden;max-height:100%;position:relative;padding-left:4%;padding-right:4%}.vehicle-specification-content .wrapper .close-btn{width:32px;height:32px;background-image:url("../../images/frontend/close_btn.png");background-size:32px 32px;position:absolute;right:12px;padding:12px;cursor:pointer}.vehicle-specification-content .wrapper .outer{position:relative;font-family:AudiTypeWide, sans-serif}.vehicle-specification-content .wrapper .outer .vehicle-title{margin:18px 0;font-size:28px;font-weight:700;letter-spacing:.44px;line-height:30px;font-family:AudiTypeExtendedBold;font-weight:bold}.vehicle-specification-content .wrapper .outer .vehicle-sub-title{margin:18px 0;font-size:21px;font-weight:700;letter-spacing:.44px;line-height:30px;font-family:AudiTypeWide, sans-serif;font-weight:bold}.vehicle-specification-content .wrapper .outer .vehicle-sub-title.sub-title{margin-bottom:0px;text-decoration:underline}.vehicle-specification-content .wrapper .outer .items-section{position:relative;display:table;width:100%;margin-top:30px}.vehicle-specification-content .wrapper .outer .items-section .column{width:50%;vertical-align:top;display:table-cell;padding-right:3%;padding-left:0px;font-size:16px}.vehicle-specification-content .wrapper .outer .items-section .column:nth-child(even){padding-right:0px;padding-left:3%}.vehicle-specification-content .wrapper .outer .items-section .column .items-list{position:relative;width:100%}.vehicle-specification-content .wrapper .outer .items-section .column .items-list tr td{vertical-align:top;padding-bottom:20px;color:#5c5e62}.vehicle-specification-content .wrapper .outer .items-section .column .items-list tr td.field{white-space:nowrap;padding-right:20px;width:1%;font-weight:bold;color:#000000}.vehicle-specification-content .wrapper .outer .remark{position:relative;display:table;width:100%;margin-bottom:20px;font-size:14px;color:#5c5e62}.vehicle-specification-content .wrapper .outer .group-items{position:relative;display:grid;width:100%;grid-template-columns:50% 50%}.vehicle-specification-content .wrapper .outer .group-items .item-box{margin-top:30px;font-size:16px;padding-right:3%;padding-left:0px}.vehicle-specification-content .wrapper .outer .group-items .item-box:nth-child(even){padding-right:0px;padding-left:3%}.vehicle-specification-content .wrapper .outer .group-items .item-box .box-title{font-weight:bold;margin-bottom:15px}.vehicle-specification-content .wrapper .outer .group-items .item-box .box-items .box-item{margin-bottom:10px;color:#5c5e62}.tnc-content,.pics-content{font-weight:300;outline:none;display:none;width:100%;height:100%;padding:2.5% 0px;position:fixed;z-index:500;top:0;left:0;background:rgba(0,0,0,0.7);font-family:AudiTypeBold}.tnc-content h2,.pics-content h2{margin:18px 0;font-size:21px;font-weight:700;letter-spacing:.44px;line-height:30px;font-family:AudiTypeExtendedBold;font-weight:bold}.tnc-content h2.sub-title,.pics-content h2.sub-title{margin-bottom:0px;text-decoration:underline}.tnc-content .wrapper,.pics-content .wrapper{padding:15px 20px;background-color:#ffffff;width:95%;max-width:808px;margin:0 auto;overflow-x:hidden;max-height:100%;position:relative;padding-left:4%;padding-right:4%}.tnc-content .wrapper .close-btn,.pics-content .wrapper .close-btn{width:32px;height:32px;background-image:url("../../images/frontend/close_btn.png");background-size:32px 32px;position:absolute;right:12px;padding:12px;cursor:pointer}.tnc-content .wrapper p.no-top,.pics-content .wrapper p.no-top{margin-top:0px}.tnc-content .wrapper p.no-bottom,.pics-content .wrapper p.no-bottom{margin-bottom:0px}.tnc-content .wrapper p.no-top-bottom,.pics-content .wrapper p.no-top-bottom{margin-top:0px;margin-bottom:0px}.tnc-content .wrapper a,.pics-content .wrapper a{color:#000000;text-decoration:underline}.tnc-content .wrapper .section-title,.pics-content .wrapper .section-title{margin-bottom:1em;font-weight:bold;text-decoration:underline}.tnc-content .wrapper ul,.pics-content .wrapper ul{list-style-type:none;font-weight:normal;margin-bottom:60px}.tnc-content .wrapper ul li,.pics-content .wrapper ul li{margin:10px 0}.tnc-content .wrapper ul li:before,.pics-content .wrapper ul li:before{content:'>';font-size:18px;padding-right:12px}.tnc-content .wrapper ol,.pics-content .wrapper ol{margin-top:0px;margin-bottom:0px;counter-reset:list;list-style-type:none}.tnc-content .wrapper ol li,.pics-content .wrapper ol li{list-style:none;margin-bottom:10px;position:relative;padding-left:2em}.tnc-content .wrapper ol li:before,.pics-content .wrapper ol li:before{content:counter(list,lower-alpha) ") ";counter-increment:list;margin-right:1.8em;position:absolute;left:0px}.tnc-content .wrapper ol.pics-ol,.pics-content .wrapper ol.pics-ol{padding-left:0px}.tnc-content .wrapper ol.pics-ol li:before,.pics-content .wrapper ol.pics-ol li:before{content:counters(list,".",decimal) ". ";counter-increment:list}.tnc-content .wrapper ol.pics-ol li.section-li,.pics-content .wrapper ol.pics-ol li.section-li{margin-top:30px}.tnc-content .wrapper ol.pics-ol li.section-li:before,.pics-content .wrapper ol.pics-ol li.section-li:before{font-weight:bold}.tnc-content .wrapper ol.pics-ol li.no-leftp,.pics-content .wrapper ol.pics-ol li.no-leftp{padding-left:0px}.tnc-content .wrapper ol.pics-ol li.no-point,.pics-content .wrapper ol.pics-ol li.no-point{padding-left:0px}.tnc-content .wrapper ol.pics-ol li.no-point:before,.pics-content .wrapper ol.pics-ol li.no-point:before{content:'';display:none}.tnc-content .wrapper ol.pics-ol li.no-point-left,.pics-content .wrapper ol.pics-ol li.no-point-left{padding-left:2em}.tnc-content .wrapper ol.pics-ol li.no-point-left:before,.pics-content .wrapper ol.pics-ol li.no-point-left:before{content:'';display:none}.tnc-content .wrapper ol.pics-ol ol.sub-ol,.pics-content .wrapper ol.pics-ol ol.sub-ol{padding-left:0px;margin-left:-2em}.tnc-content .wrapper ol.alpha-ol,.pics-content .wrapper ol.alpha-ol{counter-reset:item}.tnc-content .wrapper ol.alpha-ol li:before,.pics-content .wrapper ol.alpha-ol li:before{content:counter(item,lower-alpha) ") ";counter-increment:item}.tnc-content.tc .wrapper ol li:before,.pics-content.tc .wrapper ol li:before{top:0.1em}.page-q4-e-tron-preorder{font-family:ETronAudiTypeNormal, sans-serif}.page-q4-e-tron-preorder.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.page-q4-e-tron-preorder .content-wrapper{position:relative;width:100%}.page-q4-e-tron-preorder .content-wrapper .content-container{position:relative;margin:0 auto}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons{position:absolute;right:1.6vw;bottom:0.8vw;z-index:2;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons.floating{position:fixed;z-index:8}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container{position:relative;display:table}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .space-col{display:table-cell;vertical-align:top;height:100%;width:1.1vw}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button{text-decoration:none;display:table-cell;vertical-align:middle;text-align:center;height:100%;background-color:#000000;color:#ffffff;font-family:ETronAudiTypeBold;font-weight:bold;padding:0.5vw 1.6vw;font-size:1.2vw}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button:hover{opacity:0.7}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button.hide{opacity:0.2;cursor:default}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button.hide:hover{opacity:0.7}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row{position:relative;display:table;width:100%}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .icon{text-align:left;display:table-cell;vertical-align:middle;width:25.8%}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .icon img{vertical-align:middle;width:75.2%}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text{width:68.2%;text-align:left;display:table-cell;vertical-align:middle;text-align:center}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text br{display:none}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text br.float-br-2{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button:first-child{background-color:#ff0000}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button:last-child{background-color:#a6a6a6}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area{position:relative;width:100%;margin:0 auto}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids{position:relative;display:grid;width:100%;grid-template-columns:65% 35%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid{position:relative;height:100%;vertical-align:top}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots{position:relative;background-color:#ffffff;display:grid;padding:0px 5%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content{width:100%;position:sticky;top:0px;align-self:start}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title{font-size:3.5vw;font-family:AudiTypeExtendedBold,Verdana,Geneva,sans-serif;text-align:center;padding-top:1%;padding-bottom:1%;line-height:1;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector{position:relative;margin-bottom:10px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row{display:table;position:relative;width:100%;height:100%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box{padding-left:0.5vw;padding-right:0.5vw;width:33%;vertical-align:top;display:table-cell;text-align:center;height:100%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box:first-child{padding-left:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box:last-child{padding-right:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model{display:table;position:relative;width:100%;opacity:0.4;background-color:#000000;color:#ffffff;padding:5px;vertical-align:top;height:100%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model span{font-size:15px;display:table-cell;vertical-align:middle;text-align:center}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model.active{opacity:1}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model.lock{cursor:default}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .vehicle-image{position:relative;display:block;width:100%;margin:0 auto;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .vehicle-image .display{position:absolute;display:block;width:100%;z-index:2}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .vehicle-image .cover{display:block;width:100%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .vehicle-image.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav{position:relative;text-align:center;margin-top:10px;margin-bottom:20px;line-height:1;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav .nav-info{font-size:21px;display:inline-block;padding:0px 10px;vertical-align:middle}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav .button{display:inline-block;vertical-align:middle;width:18px;height:18px;border-left:2px solid #000000;border-bottom:2px solid #000000;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav .button.next{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .slide-nav.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-btn-nav{position:relative;text-align:center;line-height:1;margin-bottom:15px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-btn-nav .button{display:inline-block;vertical-align:middle;font-size:16px;color:#ffffff;background-color:#000000;padding:10px;margin:0px 5px;min-width:100px;margin-bottom:15px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-btn-nav.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-remark{position:relative;margin-bottom:20px;line-height:1.2;font-size:16px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-remark span{color:#ff0000}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-remark.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info{background-color:#F7F7F7;padding:5% 10%;padding-top:14%;font-family:ETronAudiTypeNormal, sans-serif}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row{position:relative;margin-bottom:20px;font-size:16px;line-height:1.25;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.price-field{margin-bottom:8px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.price-value{font-size:32px;line-height:1;margin-bottom:8px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.pre-sale-amount{color:#ff0000}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs{position:relative;width:100%;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option{display:block;margin-bottom:10px;opacity:0.4}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option{width:90%;padding:10px;background-color:#000000;color:#ffffff;font-size:16px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option .sub-price{font-size:14px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option.lock{cursor:default}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container{visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.5s linear}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list{display:none;margin:0px;margin-top:10px;padding:0 0 0 30px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list.extra{list-style-type:'+'}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list li{padding-left:12px;padding-bottom:5px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list li.ask-select-wheel{color:#ff0000}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .points-list li:last-child{padding-bottom:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options{position:relative;display:none;padding:10px;width:90%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev{position:absolute;top:0px;left:0px;z-index:3;width:20%;text-align:center;vertical-align:top;padding-top:29%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev .arrow{display:inline-block;vertical-align:top;width:18px;height:18px;border-left:2px solid #000000;border-bottom:2px solid #000000;-webkit-transform:rotate(45deg);transform:rotate(45deg);box-sizing:border-box}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev.lock{cursor:default}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev.lock .arrow{cursor:default;display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next{position:absolute;top:0px;right:0px;z-index:3;width:20%;text-align:center;vertical-align:top;padding-top:29%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next .arrow{display:inline-block;vertical-align:top;width:18px;height:18px;border-left:2px solid #000000;border-bottom:2px solid #000000;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);box-sizing:border-box}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next.lock{cursor:default}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next.lock .arrow{cursor:default;display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel{width:100%;vertical-align:middle}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option{display:none;width:100%;visibility:hidden;opacity:0;transition:visibility 0s, opacity 0.5s linear;text-align:center}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-name{padding:0px 10%;margin-top:5px;line-height:1.2}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-price{padding:0px 10%;margin-top:5px;line-height:1.2}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-img-box{position:relative;width:60%;margin:0px 20%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-img-box .wheel-option-img{position:absolute;width:100%;display:block;z-index:2}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-img-box .wheel-option-img-cover{width:100%;display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option.active{display:block;visibility:visible;opacity:1}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .or-line{width:90%;display:block;margin:20px 0px;text-align:center;font-size:16px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option.active{opacity:1}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option.active .container{visibility:visible;opacity:1;transition:visibility 0s, opacity 0.5s linear}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option.active .container .points-list{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option.active .container .wheel-options{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table{width:100%;position:relative;font-size:16px;line-height:1;margin-top:25px;margin-bottom:40px;display:table;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td{vertical-align:bottom;padding-bottom:25px;line-height:1}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td:first-child{white-space:nowrap;padding-right:10px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td:first-child span{font-size:34px;font-weight:bold;font-family:ETronAudiTypeBold}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr:last-child td{padding-bottom:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div{display:none;width:100%;position:relative;font-size:16px;line-height:1;margin-top:25px;margin-bottom:40px;justify-content:space-around}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box{display:inline-block;vertical-align:top;text-align:center}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1{padding-bottom:25px;line-height:1}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1 span{font-size:42px;font-family:ETronAudiTypeBold}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box{position:relative;width:100%;margin-top:20px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .field-text{font-size:16px;line-height:1.25;padding-bottom:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .field-text.style{padding-bottom:10px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-color-text{font-size:16px;line-height:1.25;padding-bottom:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-color-text.hide{display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-extra-color-text{font-size:16px;line-height:1.25;padding-bottom:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-extra-color-text.hide{display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list{width:100%;list-style:none;margin:0;padding:0}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li{display:inline-block}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option{padding:5px;border:1px solid transparent}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option img{display:block;width:50px;height:50px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option.active{border:1px solid #000000}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option.lock{cursor:default}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .remarks-detail{font-size:13px;color:#333;margin-top:20px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .remarks-detail.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .buttons-row{margin-top:50px;width:100%;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .buttons-row .button{width:100%;padding:3%;text-align:center;font-weight:bold;font-size:16px;color:#ffffff;background-color:#000000;margin-top:10px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .buttons-row.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area{display:none;position:relative;max-width:1600px;width:80%;margin:0 auto}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form{position:relative;width:100%;padding-top:60px;padding-bottom:70px;display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .error-msg{color:#bb0a30;font-size:14px;line-height:1.35;font-weight:300;min-height:18px;overflow:hidden;width:100%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc{line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-size:22px;margin-bottom:50px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{line-height:1.5;font-family:ETronAudiTypeExtendedBold;font-size:22px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title br.style{display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title.tc{font-weight:bold}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-title{line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-size:24px;margin-bottom:30px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail{line-height:1.35;font-size:16px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail .style-text{font-family:ETronAudiTypeBold;text-decoration:underline}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .confirm-form-detail .click-link{color:#000000;text-decoration:underline}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row{margin-bottom:50px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container{margin-bottom:3%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container:last-child{margin-bottom:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .label{display:block;font-size:14px;margin-bottom:2px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .element{border-bottom:1px solid #000000;padding:10px 0px;width:100%;max-width:520px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .element.no-border{border-bottom:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row .row-container .error-msg{margin-top:5px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-rows{display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-rows.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-vehicle-summary{display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-vehicle-summary.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-vehicle-summary .summary-title{display:block;font-size:22px;margin-bottom:20px;font-weight:bold}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-vehicle-summary .summary-list-reminder{margin-bottom:40px;color:#ff0000}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .required-text{width:100%;font-weight:400;color:#999;line-height:1.35;font-size:20px;margin:20px auto 35px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .required-text span{margin-right:-4px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list{margin-bottom:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td{font-size:18px;padding-bottom:20px;vertical-align:top}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .name,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .remark{color:#000000;display:inline-block;margin-left:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .name span,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .remark span{color:#000000;display:inline-block;vertical-align:top;margin-left:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .remark{color:#ff0000}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td .remark span{color:#ff0000}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child{padding-right:40px;white-space:nowrap}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child br{display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr:first-child td{font-weight:bold}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul{list-style-type:none;padding:0;margin:0 -10px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li{padding:0 10px;margin-bottom:10px;vertical-align:top}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li.break-row{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li label{font-size:18px;line-height:1.35;color:rgba(0,0,0,0.6);display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li label span{color:#bb0a30;font-size:12px;display:inline-block;vertical-align:top;margin-left:-4px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li label .text{float:left;height:55px;line-height:64px;padding-right:3%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li label .input{overflow:hidden}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file{position:relative;max-width:200px;margin-top:10px;border:1px solid #D9DDE6;border-radius:5px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file label{color:#3885DF;width:100%;text-align:center;font-size:14px;line-height:26px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file label:hover{background-color:#f4f6f9}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file label input{text-indent:-9999px;width:100%;opacity:0;position:absolute;left:0}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file.active .icon{position:absolute;left:0;width:14px;height:7px;border-left:2px solid #ffffff;border-bottom:2px solid #ffffff;transform:rotate(-45deg);top:8px;left:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .file.active label{background-color:#2E844A;color:#ffffff}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li input{width:100%;height:55px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;padding-top:20px;margin-bottom:5px;outline:none;padding-left:0;color:rgba(0,0,0,0.6);transition:all .5s ease-out}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select[type="text"],.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select[type="tel"],.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li input[type="text"],.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li input[type="tel"]{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border-radius:0}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select:hover,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li input:hover{border-bottom:1px solid #000000}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li select{appearance:none;background-color:transparent}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .select-box{position:relative}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .select-box:before{position:absolute;display:block;content:"";bottom:18px;top:50%;right:0;width:13px;height:8px;margin-top:4px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJyZ2JhKDAsIDAsIDAsIDAuNikiIGQ9Ik02LjUxMSA3LjM3MUwwIC43MTUuNzMxIDAgNi41MSA1LjkwNyAxMi4yNjcgMCAxMyAuNzE0IDYuNTExIDcuMzcxeiIvPjwvc3ZnPg==) 50% no-repeat;background-size:cover;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:rotate(0deg);transform:rotate(0deg);pointer-events:auto;z-index:-1}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side{margin-top:27px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio{display:inline-block;vertical-align:top;padding-right:30px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio input,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio .value-text{display:inline-block;vertical-align:top;width:auto;height:auto}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio input{width:28px;height:28px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form ul li .radio-side .radio .value-text{padding-left:6px;vertical-align:middle}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .remarks-detail{font-size:13px;color:#333;margin-bottom:30px;display:block;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .remarks-detail.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row p{font-size:13px;color:#333}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row a{color:#333;text-decoration:none;outline:0}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side{padding-top:12px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row{padding-bottom:10px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text{padding-top:5px;padding-left:40px;font-size:13px;color:#333}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-tnc,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pps,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pics{cursor:pointer;text-decoration:underline;color:#000000;font-weight:bold}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-tnc:hover,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pps:hover,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .text .popup-pics:hover{opacity:0.8}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .error-msg{margin-top:10px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row .remark{display:block;margin-top:10px;color:#A8A8A9;font-style:italic}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .agree-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row{margin-top:2.5%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row p{font-size:13px;color:#333}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row a{color:#333;text-decoration:none;outline:0}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side{padding-top:12px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row{padding-bottom:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row .text{padding-top:3px;padding-left:40px;font-size:13px;color:#333}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .preorder-tnc-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side{padding-top:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .submit-btn,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-submit-btn,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn{border:0px;color:#fff;background:#000;line-height:1.35;display:inline-block;padding:14px 36px 13px;min-width:150px;text-align:center;transition:all .35s ease-in-out;cursor:pointer;font-family:ETronAudiTypeBold;font-weight:bold}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .submit-btn:hover,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-submit-btn:hover,.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn:hover{opacity:0.7}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .payment-back-btn{border:1px solid #000000 !important;background-color:transparent;color:#000000}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .button{margin-right:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .button-side .button:last-child{margin-right:0px}@media only screen and (max-width: 1125px){.tnc-content,.pics-content{padding:3%}.tnc-content .wrapper,.pics-content .wrapper{width:100%;padding:1% 0px;padding-left:4%;padding-right:4%}.page-q4-e-tron-preorder .content-wrapper .content-container{background-color:#ffffff}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button{font-size:14px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area{background-color:#ffffff;width:100%;padding:0px 10%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc{margin-bottom:5.8%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{font-size:25px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title br{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title br.style{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .payment-row{margin-bottom:5.8%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .remarks-detail{margin-bottom:30px}}@media only screen and (max-width: 1024px){.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons.floating{bottom:1.6%;padding:0px 6.22%;width:100%;right:0px}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .space-col{width:1.6%}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button{padding:2.1% 2.6%;font-size:2.95vw;width:47vw;overflow:hidden}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .icon{width:25.8%;text-align:center}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .icon img{width:75.2%}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text{width:68.2%;text-align:center}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text br.float-br{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button .button-row .text br.float-br-1{display:none}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button br{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button:last-child{background-color:#a6a6a6}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids{display:block;grid-template-columns:100%;grid-row:2}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid{height:auto}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots{position:relative;background-color:#ffffff;display:block;padding:0px 5%;padding-bottom:5%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content{position:relative;top:auto}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title{font-size:5.5vw;padding-bottom:3%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model{padding:10px;line-height:1}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box .btn-vehicle-model span{font-size:16px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .detail-remark{margin-bottom:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info{display:block;padding:5% 6%;padding-top:5%;background-color:#ffffff}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row{font-size:18px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.price-value{font-size:42px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table{display:none;font-size:18px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td:first-child span{font-size:36px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div{font-size:18px;margin-top:40px;margin-bottom:40px;display:flex;-moz-transition:-moz-transform 800ms ease-in-out, -moz-opacity 800ms ease-in-out;-o-transition:-o-transform 800ms ease-in-out, -o-opacity 800ms ease-in-out;-webkit-transition:-webkit-transform 800ms ease-in-out, -webkit-opacity 800ms ease-in-out;transition:transform 800ms ease-in-out, opacity 800ms ease-in-out;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1{padding-bottom:15px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1 span{font-size:58px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2{font-size:16px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2 br{display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div.visible{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .field-text{font-size:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-color-text{font-size:18px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .current-extra-color-text{font-size:18px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .options-box .options-list li .option img{width:55px;height:55px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option{width:100%;font-size:18px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .btn-package-option .sub-price{font-size:16px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options{max-width:580px;width:100%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev{padding-top:18.5%;width:35%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-prev .arrow{width:20px;height:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next{padding-top:18.5%;width:35%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .btn-wheel-selector-next .arrow{width:20px;height:20px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .or-line{width:100%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .package-option-boxs .package-option .container .wheel-options .selector-wheel .wheel-option .wheel-option-img-box{width:38%;margin:0px 31%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:last-child{font-weight:bold}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr:first-child td:first-child{font-weight:normal}}@media only screen and (max-width: 850px){.vehicle-specification-content{padding:3%}.vehicle-specification-content .wrapper{width:100%;padding:3% 0px;padding-bottom:5%;padding-left:4%;padding-right:4%}.vehicle-specification-content .wrapper .outer .vehicle-title{margin-top:40px}.vehicle-specification-content .wrapper .outer .items-section{display:block}.vehicle-specification-content .wrapper .outer .items-section .column{width:100%;display:block;padding-right:0px;padding-left:0px}.vehicle-specification-content .wrapper .outer .items-section .column:nth-child(even){padding-right:0px;padding-left:0px}.vehicle-specification-content .wrapper .outer .group-items{display:block;width:100%;grid-template-columns:100%}.vehicle-specification-content .wrapper .outer .group-items .item-box{padding-right:0px;padding-left:0px}.vehicle-specification-content .wrapper .outer .group-items .item-box:nth-child(even){padding-right:0px;padding-left:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title{font-size:10vw}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1{font-size:15px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1 span{font-size:32px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2{font-size:15px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2 br{display:block}}@media only screen and (max-width: 850px){.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info{padding:5% 5%}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table tr td:first-child{padding-right:15px;white-space:nowrap}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area{padding:0px 6%}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .form-desc .desc-title{font-size:21px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td{font-size:18px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child{padding-right:25px}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .required-text{font-size:20px}}@media only screen and (max-width: 650px){.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child br{display:block}}@media only screen and (max-width: 425px){.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div{justify-content:space-between}}@media only screen and (max-width: 370px){.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .model-selector .model-selector-row .btn-box{display:block;width:100%;margin-bottom:5px;padding-left:0px;padding-right:0px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .info-row.price-value{font-size:35px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div{display:block}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box{display:block;margin-bottom:30px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1{font-size:16px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field1 span{font-size:52px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-info .spec-table-div .box .field2 br{display:none}.page-q4-e-tron-preorder .content-wrapper .content-container .form-area .area-form .summary-list tr td:first-child{white-space:normal;padding-right:10px}}@media only screen and (min-width: 1920px){.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons{right:30.7px;bottom:15.3px}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .space-col{width:21px}.page-q4-e-tron-preorder .content-wrapper .content-container #floating-buttons .floating-button-container .button{padding:9.6px 30.7px;font-size:21px}.page-q4-e-tron-preorder .content-wrapper .content-container .vehicle-configurator-area .model-grids .grid.model-shots .grid-content .main-title{font-size:65px}}@-webkit-keyframes arrowMove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes arrowMove{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@-moz-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@-webkit-keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes spinner--continous{from{stroke-dasharray:0, 141.3716694115407;stroke-dashoffset:0;transform:rotate(-90deg)}5%{stroke-dasharray:.5572942133836641, 141.3716694115407;stroke-dashoffset:-.4048083686375908;transform:rotate(-88.96916deg)}10%{stroke-dasharray:2.6883478196888375, 141.3716694115407;stroke-dashoffset:-1.2854255123130065;transform:rotate(-86.72669deg)}15%{stroke-dasharray:7.702954536414772, 141.3716694115407;stroke-dashoffset:-2.718839990000112;transform:rotate(-83.07653deg)}20%{stroke-dasharray:18.75962438322025, 141.3716694115407;stroke-dashoffset:-4.80302850145671;transform:rotate(-77.76919deg)}25%{stroke-dasharray:37.43051250732743, 141.3716694115407;stroke-dashoffset:-7.6651499934531;transform:rotate(-70.48086deg)}30%{stroke-dasharray:52.808557648120804, 141.3716694115407;stroke-dashoffset:-11.473859113000177;transform:rotate(-60.78206deg)}35%{stroke-dasharray:62.88129458534769, 141.3716694115407;stroke-dashoffset:-16.458046315561;transform:rotate(-48.08993deg)}40%{stroke-dasharray:69.92731249793879, 141.3716694115407;stroke-dashoffset:-22.93507465213651;transform:rotate(-31.59631deg)}45%{stroke-dasharray:75.15260183905238, 141.3716694115407;stroke-dashoffset:-31.349856620690932;transform:rotate(-10.16825deg)}50%{stroke-dasharray:79.16662093278927, 141.3716694115407;stroke-dashoffset:-42.30886824500164;transform:rotate(17.73865deg)}55%{stroke-dasharray:82.3125627274394, 141.3716694115407;stroke-dashoffset:-56.502150986945196;transform:rotate(53.88155deg)}60%{stroke-dasharray:84.80226025344889, 141.3716694115407;stroke-dashoffset:-74.09444988485814;transform:rotate(98.67997deg)}65%{stroke-dasharray:86.77590250744271, 141.3716694115407;stroke-dashoffset:-93.1650768766524;transform:rotate(147.24292deg)}70%{stroke-dasharray:88.33134069039959, 141.3716694115407;stroke-dashoffset:-109.86557121643753;transform:rotate(189.77038deg)}75%{stroke-dasharray:89.5397775047066, 141.3716694115407;stroke-dashoffset:-122.17241773924721;transform:rotate(221.10951deg)}80%{stroke-dasharray:90.45477761578802, 141.3716694115407;stroke-dashoffset:-130.51696026099324;transform:rotate(242.35871deg)}85%{stroke-dasharray:91.11774555904756, 141.3716694115407;stroke-dashoffset:-135.9132830808953;transform:rotate(256.10033deg)}90%{stroke-dasharray:91.56141545637381, 141.3716694115407;stroke-dashoffset:-139.17751488694697;transform:rotate(264.41263deg)}95%{stroke-dasharray:91.81216248206188, 141.3716694115407;stroke-dashoffset:-140.87049733215832;transform:rotate(268.72378deg)}to{stroke-dasharray:91.89158511750145, 141.3716694115407;stroke-dashoffset:-141.3716694115407;transform:rotate(270deg)}}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.03, 1.03, 1.03)}to{transform:scale3d(1, 1, 1)}}.clear-both{clear:both}.no-scroll{overflow:hidden}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-o-user-drag:none;user-drag:none}.button{cursor:pointer}#mask-wrapper{font-family:ETronAudiTypeNormal, sans-serif;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.9);z-index:10000;padding:70px 0}#mask-wrapper.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}#mask-wrapper .mask-container{justify-content:center;align-items:center;display:flex;position:absolute;z-index:2000;pointer-events:none;top:0;left:0;height:100%;width:100%}#mask-wrapper .mask-container .overlay-pane{pointer-events:auto;position:static;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}#mask-wrapper .mask-container .overlay-pane .spinner{display:block;width:100%;stroke:rgba(255,255,255,0.6)}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container{width:48px;height:48px;display:inline-block;position:relative}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg{width:100%;height:100%}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path{stroke-miterlimit:10;stroke-linecap:square;stroke-width:1.1px;fill:none}#mask-wrapper .mask-container .overlay-pane .spinner .spinner-container svg .spinner__path.spinner__path--progress{-webkit-animation:1.5s linear infinite spinner--continous;animation:1.5s linear infinite spinner--continous;stroke-width:3px;transform:rotate(-90deg);stroke:#bb0a30}header.desktop-menu{z-index:100 !important}header.mobile-menu{z-index:100 !important}.page-q4-e-tron-preorder-confirm{font-family:ETronAudiTypeNormal, sans-serif}.page-q4-e-tron-preorder-confirm.tc{font-family:ETronAudiTypeNormal, "\5FAE\8EDF\6B63\9ED1\9AD4", "\65B0\7D30\660E\9AD4", sans-serif}.page-q4-e-tron-preorder-confirm .content-wrapper{position:relative;width:100%}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container{position:relative;margin:0 auto;padding-top:61px}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .banner-area{position:relative;width:100%}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .banner{width:100%;display:block}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .banner.mobile{display:none}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area{position:relative;max-width:1400px;width:80%;margin:0 auto}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form{position:relative;width:100%;padding-top:50px;padding-bottom:50px}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm{text-align:center;background-color:#000000;color:#ffffff;font-family:ETronAudiTypeBold;font-weight:bold;padding:12px 24px;font-size:18px;border:0px;margin-top:30px}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm:hover{opacity:0.7}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-title{font-weight:700;line-height:1.25;font-family:ETronAudiTypeExtendedBold;font-weight:bold;font-size:28px;margin-bottom:30px}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail{line-height:1.35;font-size:18px}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail .reminder-paragraph{color:#ff0000}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail .style-text{font-family:ETronAudiTypeExtendedBold;font-weight:bold;text-decoration:underline}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .confirm-form-detail .click-link{color:#000000;text-decoration:underline}@media only screen and (max-width: 1500px){.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .remark{font-size:1.15vw}}@media only screen and (max-width: 1125px){.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .banner.desktop{display:none}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .banner-area .banner.mobile{display:block}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .form-desc{font-size:18px;margin-bottom:5.8%}.page-q4-e-tron-preorder-confirm .content-wrapper .content-container .form-area .area-form .btn-confirm{margin:0 auto;margin-top:30px;display:block;padding:18px 36px}}.admin-header{padding:20px 16px;text-align:center}.admin-header .wrapper ul{list-style-type:none;margin:0;padding:0}.admin-header .wrapper ul li{display:inline-block;vertical-align:top;margin:0 12px;margin-bottom:10px}.admin-header .wrapper ul li a{box-shadow:inset 0px 1px 0px 0px #000000;background-color:#333333;border-radius:6px;border:1px solid #333333;display:inline-block;vertical-align:top;cursor:pointer;color:#ffffff;font-family:Arial;font-size:14px;font-weight:bold;padding:10px 0;text-decoration:none;text-shadow:0px 1px 0px #333333;text-decoration:none;width:176px;height:40px;text-align:center}.admin-content{padding:10px 16px}.page-admin-questionnaire-template .admin-content .template .list{max-width:250px;background-color:#b3b3b3;float:left}.page-admin-questionnaire-template .admin-content .template .list ul{padding:0;margin:0;list-style-type:none}.page-admin-questionnaire-template .admin-content .template .list ul li a{color:#000000;display:block;padding:6px 12px}.page-admin-questionnaire-template .admin-content .template .list ul li a.active,.page-admin-questionnaire-template .admin-content .template .list ul li a:hover{background-color:black;color:#ffffff}.page-admin-questionnaire-template .admin-content .template .list .add-btn{width:100%;background-color:black;color:#ffffff;text-align:center;cursor:pointer;margin-top:10px}.page-admin-questionnaire-template .admin-content .template .detail{padding:0 12px;overflow:hidden}.page-admin-questionnaire-template .admin-content .template .detail .type-selection{padding-bottom:12px}.page-admin-questionnaire-template .admin-content .template .detail .option-lists-side{display:inline-block;vertical-align:top}.page-admin-questionnaire-template .admin-content .template .form{display:none}.page-admin-questionnaire-template .admin-content .template .form.active{display:block}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side{width:50%;display:inline-block;vertical-align:top;padding:16px 22px}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side input{width:calc(100% - 35px)}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .add-group-button,.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .add-row-button,.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .delete-group-button,.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .delete-row-button{text-align:center;background-color:#333333;border-radius:6px;display:inline-block;vertical-align:middle;cursor:pointer;color:#ffffff;font-size:15px;font-weight:bold;text-decoration:none;text-align:center;border:0}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .add-group-button,.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .add-row-button{width:120px;height:30px;margin-top:4px}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .delete-group-button,.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .delete-row-button{width:30px;height:30px}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .group{text-align:right}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .group li{padding:12px 0}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .group li:nth-of-type(1) input,.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .group li:nth-of-type(2) input{width:100%}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .group li:nth-of-type(1) .delete-group-button,.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .group li:nth-of-type(2) .delete-group-button{display:none}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .row-list{margin-bottom:0}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .row-list li{padding:6px 0}.page-admin-questionnaire-template .admin-content .template .form .option-lists-side .row-list li input{width:calc(100% - 35px) !important}.page-admin-questionnaires-form .questionnaires-form-detail{max-width:1400px}.page-admin-questionnaires-form ul{list-style-type:none;padding:0;margin:0 -10px}.page-admin-questionnaires-form ul li{padding:0 10px;margin-bottom:10px;display:inline-block;vertical-align:top;position:relative}.page-admin-questionnaires-form ul li.break-row{display:block}.page-admin-questionnaires-form ul li .button-side{display:none;position:absolute;top:0;right:0}.page-admin-questionnaires-form ul li .button-side .small{font-size:12px}.page-admin-questionnaires-form ul li:hover .button-side{display:block}.page-admin-questionnaires-form ul li label{font-size:18px;line-height:1.35;color:rgba(0,0,0,0.6);display:block}.page-admin-questionnaires-form ul li label span{color:#bb0a30;font-size:12px;display:inline-block;vertical-align:top;margin-left:-4px}.page-admin-questionnaires-form ul li label .text{float:left;height:55px;line-height:64px;padding-right:3%}.page-admin-questionnaires-form ul li label .input{overflow:hidden}.page-admin-questionnaires-form ul li select,.page-admin-questionnaires-form ul li input{width:100%;height:55px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;padding-top:20px;margin-bottom:5px;outline:none;padding-left:0;font-family:AudiTypeNormal,"\5FAE\8EDF\6B63\9ED1\9AD4","\65B0\7D30\660E\9AD4",Verdana,Geneva,sans-serif;color:rgba(0,0,0,0.6);transition:all .5s ease-out}.page-admin-questionnaires-form ul li select:hover,.page-admin-questionnaires-form ul li input:hover{border-bottom:1px solid #000000}.page-admin-questionnaires-form ul li select{appearance:none;background-color:transparent}.page-admin-questionnaires-form ul li .select-box{position:relative}.page-admin-questionnaires-form ul li .select-box:before{position:absolute;display:block;content:"";bottom:18px;top:50%;right:0;width:13px;height:8px;margin-top:4px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJyZ2JhKDAsIDAsIDAsIDAuNikiIGQ9Ik02LjUxMSA3LjM3MUwwIC43MTUuNzMxIDAgNi41MSA1LjkwNyAxMi4yNjcgMCAxMyAuNzE0IDYuNTExIDcuMzcxeiIvPjwvc3ZnPg==) 50% no-repeat;background-size:cover;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:rotate(0deg);transform:rotate(0deg);pointer-events:auto;z-index:-1}.page-admin-questionnaires-form ul li .radio-side{margin-top:27px}.page-admin-questionnaires-form ul li .radio-side .radio{display:inline-block;vertical-align:top;padding-right:30px}.page-admin-questionnaires-form ul li .radio-side .radio input,.page-admin-questionnaires-form ul li .radio-side .radio .value-text{display:inline-block;vertical-align:top;width:auto;height:auto}.page-admin-questionnaires-form ul li .radio-side .radio input{width:28px;height:28px}.page-admin-questionnaires-form ul li .radio-side .radio .value-text{padding-left:6px}.page-admin-questionnaires-form .argee-row{padding-bottom:70px}.page-admin-questionnaires-form .argee-row ul li{font-size:13px;margin-bottom:0;color:#333;display:block}.page-admin-questionnaires-form .argee-row p{font-size:13px;color:#333}.page-admin-questionnaires-form .argee-row a{color:#333;text-decoration:none;outline:0}.page-admin-questionnaires-form .argee-row .tnc-side{padding-top:12px}.page-admin-questionnaires-form .argee-row .tnc-side .row{padding-bottom:20px}.page-admin-questionnaires-form .argee-row .tnc-side .row .checkbox{width:26px;height:26px;background-image:url("../../images/frontend/tick-3.png");float:left}.page-admin-questionnaires-form .argee-row .tnc-side .row .checkbox.active{background-position:0 bottom}.page-admin-questionnaires-form .argee-row .tnc-side .row .text{padding-top:3px;padding-left:40px;font-size:13px;color:#333}.page-admin-questionnaires-form .argee-row .tnc-side .row .text .popup-tnc{cursor:pointer;padding-left:6px;text-decoration:underline;color:#666}.page-admin-questionnaires-form .argee-row .tnc-side .row input{opacity:0;position:absolute;top:-9999px}.page-admin-questionnaires-form .argee-row .button-side{padding-top:20px}.page-admin-questionnaires-form .argee-row .button-side .submit-btn{color:#fff;background:#000;line-height:1.35;display:inline-block;padding:14px 36px 13px;min-width:150px;text-align:center;transition:all .35s ease-in-out;cursor:pointer}.page-admin-questionnaires-form .argee-row .button-side .submit-btn:hover{opacity:0.7}.page-admin-questionnaires-form .questionnaires-form-detail li{cursor:pointer}.page-admin-questionnaires-form .questionnaires-form-detail li input{background-color:transparent}.page-admin-questionnaires-form .questionnaires-form-detail li:hover{background-color:#f2f2f2}.page-admin-questionnaire-form-create .admin-content .template .list{max-width:250px;background-color:#b3b3b3;float:left}.page-admin-questionnaire-form-create .admin-content .template .list ul{padding:0;margin:0;list-style-type:none}.page-admin-questionnaire-form-create .admin-content .template .list ul li a{color:#000000;display:block;padding:6px 12px}.page-admin-questionnaire-form-create .admin-content .template .list ul li a.active,.page-admin-questionnaire-form-create .admin-content .template .list ul li a:hover{background-color:black;color:#ffffff}.page-admin-questionnaire-form-create .admin-content .template .list .add-btn{width:100%;background-color:black;color:#ffffff;text-align:center;cursor:pointer;margin-top:10px}.page-admin-questionnaire-form-create .admin-content .template .detail{padding:0 12px;overflow:hidden}.page-admin-questionnaire-form-create .admin-content .template .detail .type-selection{padding-bottom:12px}.page-admin-questionnaire-form-create .admin-content .template .detail .option-lists-side{display:inline-block;vertical-align:top}.page-admin-questionnaire-form-create .admin-content .template .form{display:none}.page-admin-questionnaire-form-create .admin-content .template .form.active{display:block}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side{width:50%;display:inline-block;vertical-align:top;padding:16px 22px}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side input{width:calc(100% - 35px)}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .add-group-button,.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .add-row-button,.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .delete-group-button,.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .delete-row-button{text-align:center;background-color:#333333;border-radius:6px;display:inline-block;vertical-align:middle;cursor:pointer;color:#ffffff;font-size:15px;font-weight:bold;text-decoration:none;text-align:center;border:0}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .add-group-button,.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .add-row-button{width:120px;height:30px;margin-top:4px}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .delete-group-button,.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .delete-row-button{width:30px;height:30px}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .group{text-align:right}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .group li{padding:12px 0}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .group li:nth-of-type(1) input,.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .group li:nth-of-type(2) input{width:100%}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .group li:nth-of-type(1) .delete-group-button,.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .group li:nth-of-type(2) .delete-group-button{display:none}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .row-list{margin-bottom:0}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .row-list li{padding:6px 0}.page-admin-questionnaire-form-create .admin-content .template .form .option-lists-side .row-list li input{width:calc(100% - 35px) !important}.page-admin-questionnaire-form-edit .admin-content .list{max-width:250px;background-color:#b3b3b3;float:left}.page-admin-questionnaire-form-edit .admin-content .list ul{padding:0;margin:0;list-style-type:none}.page-admin-questionnaire-form-edit .admin-content .list ul li a{color:#000000;display:block;padding:6px 12px}.page-admin-questionnaire-form-edit .admin-content .list ul li a.active,.page-admin-questionnaire-form-edit .admin-content .list ul li a:hover{background-color:black;color:#ffffff}.page-admin-questionnaire-form-edit .admin-content .list .add-btn{width:100%;background-color:black;color:#ffffff;text-align:center;cursor:pointer;margin-top:10px}.page-admin-questionnaire-form-edit .admin-content .detail{padding:0 12px;overflow:hidden}.page-admin-questionnaire-form-edit .admin-content .detail .type-selection{padding-bottom:12px}.page-admin-questionnaire-form-edit .admin-content .detail .option-lists-side{display:inline-block;vertical-align:top}.page-admin-questionnaire-form-edit .admin-content .form{display:none}.page-admin-questionnaire-form-edit .admin-content .form.active{display:block}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side{width:50%;display:inline-block;vertical-align:top;padding:16px 22px}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side input{width:calc(100% - 35px)}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .add-group-button,.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .add-row-button,.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .delete-group-button,.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .delete-row-button{text-align:center;background-color:#333333;border-radius:6px;display:inline-block;vertical-align:middle;cursor:pointer;color:#ffffff;font-size:15px;font-weight:bold;text-decoration:none;text-align:center;border:0}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .add-group-button,.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .add-row-button{width:120px;height:30px;margin-top:4px}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .delete-group-button,.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .delete-row-button{width:30px;height:30px}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .group{text-align:right}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .group li{padding:12px 0}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .group li:nth-of-type(1) input,.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .group li:nth-of-type(2) input{width:100%}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .group li:nth-of-type(1) .delete-group-button,.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .group li:nth-of-type(2) .delete-group-button{display:none}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .row-list{margin-bottom:0}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .row-list li{padding:6px 0}.page-admin-questionnaire-form-edit .admin-content .form .option-lists-side .row-list li input{width:calc(100% - 35px) !important}.page-admin-article-grid-create .form{display:none}.page-admin-article-grid-create .form.active{display:block}.page-admin-article-grid-create .delete-image-button{display:none}.page-admin-profile .profile-side{max-width:600px;margin:60px auto}.page-admin-profile .profile-side .email{margin:20px 0}.page-admin-profile .profile-side .text{font-size:12px;color:#9c9c9c}.page-admin-profile .profile-side .error{font-size:14px;color:red}.page-admin-profile .profile-side .button{margin-top:20px}.page-admin-profile input{width:100%;height:55px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;padding-top:20px;margin-bottom:5px;outline:none;padding-left:0;font-family:AudiTypeNormal,"\5FAE\8EDF\6B63\9ED1\9AD4","\65B0\7D30\660E\9AD4",Verdana,Geneva,sans-serif;color:rgba(0,0,0,0.6);transition:all .5s ease-out}.page-admin-profile input:hover{border-bottom:1px solid #000000}.page-admin-login .login-side{max-width:600px;margin:60px auto}.page-admin-login .login-side .error{font-size:14px;color:red}.page-admin-login .login-side .button{margin-top:20px}.page-admin-login input{width:100%;height:55px;padding-bottom:10px;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);transition:all .5s ease-out;padding-top:20px;margin-bottom:5px;outline:none;padding-left:0;font-family:AudiTypeNormal,"\5FAE\8EDF\6B63\9ED1\9AD4","\65B0\7D30\660E\9AD4",Verdana,Geneva,sans-serif;color:rgba(0,0,0,0.6);transition:all .5s ease-out}.page-admin-login input:hover{border-bottom:1px solid #000000}.page-admin-user-form .row{padding:10px 0}.page-admin-user-form .row a{color:blue}.page-admin-user-form nav{width:100%;text-align:center}.page-admin-user-form nav li{display:inline-block;vertical-align:top}.page-admin-user-form nav li a{color:blue}.page-admin-gallery .preview{max-width:300px}.page-admin-gallery .templete-gallery{max-width:500px}.page-admin-gallery .templete-gallery .item{border:1px solid #000000;float:left;text-align:center;cursor:pointer}.page-admin-gallery .templete-gallery .item.active{background:#000000;color:#ffffff}.page-admin-gallery .templete-gallery .item .table{display:table;width:100%;height:100%}.page-admin-gallery .templete-gallery .item .table .table-cell{width:100%;height:100%;display:table-cell;vertical-align:middle}.page-admin-gallery .templete-gallery .item1{width:200px;height:200px}.page-admin-gallery .templete-gallery .item2{width:200px;height:100px}.page-admin-gallery .templete-gallery .item3{width:100px;height:100px}.page-admin-gallery .templete-gallery .item4{width:100px;height:100px}.page-admin-gallery .templete-gallery .item5{width:200px;height:100px}.page-admin-gallery .items{margin-top:20px}.page-admin-gallery .items .item-index{display:none}.page-admin-gallery .items .item-index.active{display:block}.page-admin-gallery .items .box.image-side,.page-admin-gallery .items .box.video-side,.page-admin-gallery .items .box.url-side{display:none}.page-admin-gallery .items .box.image-side.active,.page-admin-gallery .items .box.video-side.active,.page-admin-gallery .items .box.url-side.active{display:block}@media only screen and (min-width: 500px){.page-article .banner .description{padding-top:60px}.page-article .banner .description .title h2{margin-bottom:26px;font-size:27px}.page-article .banner .description .content h3{margin-bottom:16px;font-size:18px}.page-article .article-detail .template-image-content-button{display:inline-block;vertical-align:top;width:50%}.page-article .article-detail .template-image-content-button.odd{padding-right:2%}.page-article .article-detail .template-image-content-button.even{padding-left:2%}.page-article .article-detail .template-image-content-button h2{font-size:22px}.page-article .article-detail .template-image-content-button ul li{font-size:16px}.page-article .article-detail .template-image-content-button p{font-size:16px}.page-article .article-detail .template-content{padding-top:40px}.page-article .article-detail .template-content h2{font-size:24px}.page-article .article-detail .template-content p{font-size:16px}.page-home .banner .description{padding-top:60px}.page-home .banner .description .title h2{margin-bottom:26px;font-size:27px}.page-home .banner .description .content h3{margin-bottom:16px;font-size:18px}.page-home .article-detail .template-image-content-button{width:50%}.page-home .article-detail .template-image-content-button.odd{padding-right:2%}.page-home .article-detail .template-image-content-button.even{padding-left:2%}.page-home .article-detail .template-image-content-button h2{font-size:22px}.page-home .article-detail .template-image-content-button ul li{font-size:16px}.page-home .article-detail .template-image-content-button p{font-size:16px}.page-home .article-detail .template-content{padding-top:40px}.page-home .article-detail .template-content h2{font-size:24px}.page-home .article-detail .template-content p{font-size:16px}}@media only screen and (min-width: 768px){footer .wrapper .items{max-width:1400px}footer .wrapper .items ul li{width:25%}footer .wrapper .items ul li:nth-child(even) .item{border-right:1px solid #d0d3d4}footer .wrapper .items ul li:last-of-type .item{border-right:0}.page-article .tnc-content .wrapper{padding-left:4%;padding-right:4%}.page-article .banner .description .title h2{font-size:34px}.page-article .article-detail .form h2{font-size:36px}.page-article .article-detail .form ul li{display:inline-block;vertical-align:top}.page-article .article-detail .form ul li.break-row{display:block}.page-home .banner .description .title h2{font-size:34px}.page-home .article-detail .form{padding-top:40px}.page-home .article-detail .form h2{font-size:36px}.page-home .article-detail .form ul li{display:inline-block;vertical-align:top}.page-home .article-detail .form ul li.break-row{display:block}}@media only screen and (min-width: 1000px){.search-side{padding-left:12px}.search-side .cross-button{width:30px;height:30px;position:relative;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);float:right;margin-right:30px;margin-top:-26px;cursor:pointer}.search-side .cross-button:before,.search-side .cross-button:after{content:'';position:absolute;background-color:#000000;left:0}.search-side .cross-button:before{width:100%;height:1px;top:50%;margin-top:-0.5px}.search-side .cross-button:after{width:1px;height:100%;left:50%;margin-left:-0.5px}.menu-nav-side{display:none}.menu-nav-side.active{display:block}.menu-nav-side .cross-button{width:30px;height:30px;position:relative;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);float:right;margin-right:30px;margin-top:-26px;cursor:pointer}.menu-nav-side .cross-button:before,.menu-nav-side .cross-button:after{content:'';position:absolute;background-color:#000000;left:0}.menu-nav-side .cross-button:before{width:100%;height:1px;top:50%;margin-top:-0.5px}.menu-nav-side .cross-button:after{width:1px;height:100%;left:50%;margin-left:-0.5px}header.mobile-menu{display:none}header.desktop-menu{display:block;margin:0 auto;position:fixed;z-index:1;width:100%;background:#ffffff}header.desktop-menu .logo{position:absolute;top:0;right:0}header.desktop-menu .lang{-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0;float:left;padding:20px 16px}header.desktop-menu .menu-list{position:static;overflow:hidden;text-align:center;width:auto;display:block;padding-right:118px;max-height:60px;overflow:hidden}header.desktop-menu .menu-list ul li{display:inline-block;vertical-align:top;border-bottom:0;padding:20px 26px}header.desktop-menu .menu-list ul li a{font-size:16px;font-family:AudiTypeExtendedBold,Verdana,Geneva,sans-serif;padding:0}header.desktop-menu .menu-list ul li .btn-nav{cursor:default;font-size:16px;font-family:AudiTypeExtendedBold,Verdana,Geneva,sans-serif;padding:0}header.desktop-menu .menu-list ul li .btn-nav-mobile{font-size:16px;font-family:AudiTypeExtendedBold,Verdana,Geneva,sans-serif;padding:0}header.desktop-menu .menu-list ul li .search-button-side{display:inline-block;vertical-align:middle;cursor:pointer}header.desktop-menu .menu-list ul li .search-button-side img,header.desktop-menu .menu-list ul li .search-button-side .text{display:inline-block;vertical-align:middle}header.desktop-menu .menu-list ul li .search-button-side .text{font-size:14px;display:none}}@media only screen and (min-width: 1000px) and (min-width: 1200px){header.desktop-menu .menu-list ul li .search-button-side{margin-top:-1px}header.desktop-menu .menu-list ul li .search-button-side .text{display:inline-block;vertical-align:middle;font-size:16px}}@media only screen and (min-width: 1200px){.page-article h2{color:#1d1d1b}.page-article .banner{overflow:hidden}.page-article .banner .table{display:table;width:100%;height:100%;position:absolute;top:0;left:0}.page-article .banner .table .table-cell{display:table-cell;vertical-align:middle;padding:0 5%}.page-article .banner .mobile-banner{display:none}.page-article .banner .desktop-banner{display:block}.page-article .banner .description{height:100%;padding:0 3%;position:absolute;left:0;top:0;color:#ffffff;width:50%}.page-article .banner .description .title{text-align:left}.page-article .banner .description .title h2{font-size:28px;margin-bottom:22px;color:#ffffff}.page-article .banner .description .content{text-align:left;max-width:100%}.page-article .banner .description .content h3{font-size:20px;color:#ffffff}.page-article .banner .description .content h3 br{display:block}.page-article .banner .description .white-audi-logo,.page-article .banner .description .black-audi-logo{display:block;margin-bottom:40px}.page-article .banner .description .button-side{text-align:left;margin-top:26px}.page-article .banner .description .button-side button{font-size:12px;color:#333;background:#fff}.page-article .banner .description .button-side button a{color:#000000;padding:18px}.page-article .article-detail .fb-page-button{margin:60px auto 0}.page-article .article-detail .template-image-content-button.grid-padding-top{padding-top:60px}.page-article .article-detail .template-image-content-button .button-side{margin-top:18px}.page-article .article-detail .template-image-content-button .button-side a{font-size:16px}.page-article .article-detail .template-content{padding-top:60px}.page-article .article-detail .template-content p{font-size:18px}.page-article .article-detail .form h2{font-size:42px}}@media only screen and (min-width: 1200px) and (min-width: 1500px){.page-article .banner .description .title h2{font-size:34px}.page-article .banner .description .content h3{font-size:22px}.page-article .banner .description .white-audi-logo{width:160px;margin-bottom:50px}.page-article .banner .description .button-side button{height:60px}.page-article .banner .description .button-side button a{font-size:15px;padding:0 30px}.page-article .article-detail .template-content h2{font-size:30px}.page-article .article-detail .template-content p{font-size:18px}.page-article .article-detail .template-image-content-button h2{font-size:26px}}@media only screen and (min-width: 1200px) and (min-width: 1780px){.page-article .banner .description .title h2{font-size:42px}.page-article .banner .description .content h3{font-size:24px}.page-article .banner .description .white-audi-logo{width:180px}.page-article .banner .description .button-side{margin-top:32px}.page-article .banner .description .button-side button a{padding:18px 0;font-size:16px}.page-article .article-detail .template-content h2{font-size:36px}.page-article.en .banner .description .title h2{font-size:38px}.page-article.en .banner .description .content h3{font-size:22px}}@media only screen and (min-width: 1200px){.page-home h2{color:#1d1d1b}.page-home .banners{margin-top:61px}.page-home .banners .slick-dots{top:auto !important;padding-top:0;bottom:20px}.page-home .banners .banner-box{display:none}.page-home .banner{overflow:hidden}.page-home .banner .table{display:table;width:100%;height:100%;position:absolute;top:0;left:0}.page-home .banner .table .table-cell{display:table-cell;vertical-align:middle;padding:0 5%}.page-home .banner .mobile-banner{display:none}.page-home .banner .desktop-banner{display:block}.page-home .banner .description{height:100%;padding:0 3%;position:absolute;left:0;top:0;color:#ffffff;width:50%}.page-home .banner .description.hasLink{cursor:pointer}.page-home .banner .description .title{text-align:left}.page-home .banner .description .title h2{font-size:28px;margin-bottom:22px;color:#ffffff}.page-home .banner .description .content{text-align:left;max-width:100%}.page-home .banner .description .content h3{font-size:20px;color:#ffffff}.page-home .banner .description .content h3 br{display:block}.page-home .banner .description .white-audi-logo,.page-home .banner .description .black-audi-logo{display:block;margin-bottom:40px}.page-home .banner .description .button-side{text-align:left;margin-top:26px}.page-home .banner .description .button-side button{font-size:12px;color:#333;background:#fff}.page-home .banner .description .button-side button a{color:#000000;padding:18px}.page-home .article-detail .section{margin-top:30px}.page-home .article-detail .section .title{font-size:40px;margin-bottom:30px}.page-home .article-detail .fb-page-button{margin:60px auto 0}.page-home .article-detail .template-image-content-button .button-side{margin-top:18px}.page-home .article-detail .template-image-content-button .button-side a{font-size:16px}.page-home .article-detail .template-content{padding-top:60px}.page-home .article-detail .template-content p{font-size:18px}.page-home .article-detail .form h2{font-size:42px}}@media only screen and (min-width: 1200px) and (min-width: 1500px){.page-home .banner .description .title h2{font-size:34px}.page-home .banner .description .content h3{font-size:22px}.page-home .banner .description .white-audi-logo{width:160px;margin-bottom:50px}.page-home .banner .description .button-side button{height:60px}.page-home .banner .description .button-side button a{font-size:15px;padding:0 30px}.page-home .article-detail .template-content h2{font-size:30px}.page-home .article-detail .template-content p{font-size:18px}.page-home .article-detail .template-image-content-button h2{font-size:26px}}@media only screen and (min-width: 1200px) and (min-width: 1780px){.page-home .banner .description .title h2{font-size:42px}.page-home .banner .description .content h3{font-size:24px}.page-home .banner .description .white-audi-logo{width:180px}.page-home .banner .description .button-side{margin-top:32px}.page-home .banner .description .button-side button a{padding:18px 0;font-size:16px}.page-home .article-detail .template-content h2{font-size:36px}.page-home.en .banner .description .title h2{font-size:38px}.page-home.en .banner .description .content h3{font-size:22px}}@media only screen and (min-width: 1440px){footer{padding-top:1px}footer .wrapper .items ul li{width:20%}footer .wrapper .items ul li:nth-child(3) .item{border-right:1px solid #d0d3d4}footer .wrapper .list-item ul li{margin-bottom:0}footer .wrapper .social-media{padding-top:0;padding-bottom:30px;text-align:right}footer .wrapper .social-media ul li{padding-top:0;padding-bottom:0}}