@import"./nav_bar.css";
    @import"./footer.css";
    @import"./rwd.css";
    @font-face {
        font-family: "F1_bold";
        src: url("../font/Formula1-Bold.otf");
        /* src: url("https://alldata.sgp1.digitaloceanspaces.com/fonts/NotoSerifTC/NotoSerifTC-Light.otf"); */
    }
    
    @font-face {
        font-family: "F1_regular";
        src: url("../font/Formula1-Regular.otf");
        /* src: url("https://alldata.sgp1.digitaloceanspaces.com/fonts/NotoSerifTC/NotoSerifTC-Light.otf"); */
    }
    
    html {
        scroll-behavior: smooth;
    }
    
    .restart_btn {
        background-color: rgba(255, 255, 255, 0.60);
        border: 2px solid rgb(216, 40, 28);
        border-radius: 50%;
        color: white;
        /* padding: 20px; */
        text-align: center;
        text-decoration: none;
        /* display: inline-block; */
        position: fixed;
        z-index: 50;
        bottom: 2%;
        transition: ease 0.4s;
        width: 5vw;
        height: 5vw;
        right: 50%;
        left: 50%;
        font-family: 'f1_regular';
        color: rgb(216, 40, 28);
        white-space: wrap;
        font-size: 0.5rem;
        transition: ease 0.4s;
        cursor: pointer;
        outline: none;
    }
    
    .restart_btn>p.top {
        display: none;
    }
    
    .restart_btnx {
        display: none;
    }
    
    .restart_btn:hover {
        color: white;
        background-color: rgb(216, 40, 28);
    }
    
    @media (max-width: 1475px) {
        .restart_btn>p.re {
            display: none;
        }
        .restart_btn>p.top {
            display: block;
        }
    }
    
    @media (max-width: 857px) {
        .restart_btn {
            display: none;
        }
    }
    
    .main-tool-bar .main-tool-bar:hover {
        color: white;
        border: none;
    }
    
    .owl-theme .item {
        width: 100%;
        height: auto;
        padding-top: 8.0vw;
        z-index: 10 !important;
    }
    
    .owl-theme {
        position: relative;
    }
    
    .owl-theme .item>h1 {
        font-size: 5vw;
        color: white;
        text-shadow: black 0.1em 0.1em 0.2em;
        position: absolute;
        width: 20%;
        bottom: 0;
        left: 2%;
        font-family: 'f1_regular';
        z-index: 10;
    }
    
    .owl-theme .owl-nav [class*='owl-'] {
        transition: all 0.3s ease-out;
        outline: none !important;
    }
    
    .owl-theme .owl-nav [class*='owl-']:hover {
        background-color: hsla(0, 0%, 0%, 0.9)! important;
    }
    
    .owl-theme .owl-next,
    .owl-theme .owl-prev {
        width: 22px;
        height: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        z-index: 11 !important;
    }
    
    .owl-theme .owl-prev {
        left: 10px;
        color: green !important;
    }
    
    .owl-theme .owl-next {
        right: 10px;
    }
    
    @media (max-width: 726px) {
        .owl-theme .owl-next,
        .owl-theme .owl-prev {
            top: 40%;
        }
    }
    
    @media (max-width: 500px) {
        .owl-theme .owl-next,
        .owl-theme .owl-prev {
            display: none !important;
        }
    }
    
    #slider img {
        /* border: 1px solid brown; */
        /* min-height: 100%; */
        width: 100% !important;
        /* font-size: 0px; */
        /* position: relative; */
        /* border: 2px solid red; */
    }
    
    div.gt2 {
        position: relative;
        /* border: 1px solid red; */
        /* display: inline-block; */
        max-width: 100%;
        height: 49.5vw;
    }
    
    div.gt2 img.bg {
        position: absolute;
        width: 63.5%;
        z-index: 2;
        top: 1%;
    }
    
    div.gt2 img.ct {
        position: absolute;
        /* border: 1px solid yellow; */
        width: 25%;
        z-index: 3;
        top: 28%;
        left: 2%;
    }
    
    div.gt2 img.si {
        position: absolute;
        /* border: 1px solid green; */
        max-width: 35%;
        z-index: 1;
        right: 0;
        bottom: 8.5%;
        clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
    }
    
    div.gt2>video {
        /* border: 2px solid red; */
        /* background: red; */
        width: 30%;
        position: absolute;
        height: 25vw;
        right: 0;
        top: 3%;
        z-index: 2;
        clip-path: polygon(18% 17%, 100% 1%, 100% 90%, 1% 90%);
    }
    
    div.gt2 img.hidden {
        visibility: hidden;
    }
    
    div.gt2>p {
        font-size: 1.2vw;
        position: absolute;
        /* border: 2px solid red; */
        z-index: 4;
        bottom: 22%;
        left: 3%;
        bottom: 20%;
        width: 50vw;
        line-height: 2;
        font-family: 'Arimo', sans-serif;
        display: inline-block;
    }
    
    div.gt2 a.book {
        /* border: 1px solid black; */
        font-size: 2vw;
        font-family: "F1_bold";
        text-decoration: none;
        color: black;
        left: 5%;
        bottom: 10%;
        position: absolute;
        color: rgb(111, 177, 12);
    }
    
    div.gt2 a.book div.arrow {
        display: inline;
        color: rgb(216, 40, 28);
    }
    
    div.gt2 div.price {
        font-size: 1vw;
        width: 10vw;
        font-family: f1_bold;
        position: absolute;
        bottom: 90%;
        left: 0%;
        white-space: nowrap;
        color: rgb(216, 40, 28);
    }
    
    div.gt2 img.arrow {
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 2%;
        max-width: 40%;
        /* border: 1px solid green; */
    }
    
    div.performante {
        position: relative;
        /* border: 1px solid green; */
        /* display: inline-block; */
        max-width: 100%;
        height: 49.5vw;
    }
    
    div.performante img.side_1 {
        position: absolute;
        width: 30vw;
        left: 0;
        top: 6%;
        z-index: 1;
        /* clip-path: polygon(25% 18%, 75% 18%, 100% 50%, 79% 80%, 25% 80%, 0% 50%); */
    }
    
    div.performante img.side_2 {
        position: absolute;
        width: 30vw;
        left: 0;
        bottom: 5%;
        z-index: 1;
    }
    
    div.p_video {
        /* border: 1px solid red; */
        width: 35vw;
        left: 6%;
        top: 36%;
        clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 79% 100%, 25% 100%, 0% 50%);
        overflow: hidden;
        position: absolute;
    }
    
    div.performante img.tl {
        position: absolute;
        width: 70vw;
        right: 1%;
        top: 5%;
    }
    
    div.performante img.bg {
        position: absolute;
        width: 70vw;
        right: 1%;
        bottom: 2.5%;
    }
    
    div.performante img.ct {
        position: absolute;
        width: 28vw;
        right: 5%;
        bottom: 15%;
    }
    
    div.performante>p {
        font-size: 1.2vw;
        position: absolute;
        /* border: 2px solid red; */
        z-index: 4;
        bottom: 22%;
        right: 3%;
        top: 25%;
        width: 50vw;
        line-height: 2;
        font-family: 'Arimo', sans-serif;
        display: inline-block;
    }
    
    div.performante a.book {
        /* border: 1px solid black; */
        font-size: 2vw;
        font-family: "F1_bold";
        text-decoration: none;
        color: black;
        right: 41%;
        bottom: 28%;
        position: absolute;
        color: rgb(111, 177, 12);
        z-index: 5;
    }
    
    div.performante a.book div.arrow {
        display: inline;
        color: rgb(216, 40, 28);
    }
    
    div.performante div.price {
        font-size: 1vw;
        width: 10vw;
        font-family: f1_bold;
        position: absolute;
        bottom: 90%;
        left: 0%;
        white-space: nowrap;
        color: rgb(216, 40, 28);
    }
    
    div.performante img.hex {
        width: 50%;
        position: absolute;
        left: 0;
        bottom: 5%;
        z-index: -1;
        clip-path: polygon(50% 0%, 85% 18%, 100% 64%, 35% 100%, 0 100%, 0% 60%, 0 0);
    }
    
    @media (max-width: 500px) {
        div.performante {
            height: 280px;
        }
        div.performante img.side_1 {
            display: none;
        }
        div.performante img.tl {
            display: none;
        }
        div.p_video {
            top: 20%;
        }
        div.performante img.side_2 {
            left: 9%;
            bottom: 20% !important;
        }
        div.performante>p {
            width: 45vw !important;
            top: 20%;
            right: 6%!important;
        }
    }
    
    @media (max-width: 400px) {
        div.p_video {
            top: 30%;
        }
    }
    
    div.pista {
        position: relative;
        /* border: 1px solid red; */
        /* display: inline-block; */
        max-width: 100%;
        height: 49vw;
        margin-top: 35px;
    }
    
    div.f_video {
        position: absolute;
        width: 50vw;
        right: 0;
        top: 6%;
        clip-path: polygon(19% 0%, 100% 0%, 100% 99%, 0% 99%);
    }
    
    div.pista img.l_side {
        position: absolute;
        width: 50vw;
        left: 0;
        bottom: 1%;
        clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);
    }
    
    div.pista img.l_bg {
        position: absolute;
        width: 51.5vw;
        left: 1%;
        top: 10%;
    }
    
    div.pista img.p_logo {
        position: absolute;
        width: 28vw;
        right: 12%;
        bottom: 32%;
    }
    
    div.pista img.p_ct {
        position: absolute;
        width: 30vw;
        left: 3%;
        top: 18%;
        z-index: 1;
    }
    
    div.pista img.boomer {
        position: absolute;
        width: 60vw;
        right: 0;
        bottom: 1%;
        z-index: -1;
    }
    
    div.pista>p {
        font-size: 1.2vw;
        position: absolute;
        z-index: 3;
        bottom: 8%;
        right: 1%;
        width: 50vw;
        line-height: 2;
        font-family: 'Arimo', sans-serif;
    }
    
    div.pista a.book {
        /* border: 1px solid black; */
        font-size: 2vw;
        font-family: "F1_bold";
        text-decoration: none;
        color: black;
        right: 52%;
        bottom: 55%;
        position: absolute;
        color: rgb(111, 177, 12);
        z-index: 5;
    }
    
    div.pista a.book div.arrow {
        display: inline;
        color: rgb(216, 40, 28);
    }
    
    div.pista div.price {
        font-size: 1vw;
        width: 10vw;
        font-family: f1_bold;
        position: absolute;
        bottom: 90%;
        left: 0%;
        white-space: nowrap;
        color: rgb(216, 40, 28);
    }
    
    @media (max-width: 726px) {
        .owl-theme .item {
            padding-top: 0vw;
        }
        #main_header {
            position: static;
        }
        #main_header nav.main_nav ul.link_list>li {
            display: none;
        }
        a.showmenu {
            display: block;
            position: absolute;
            top: 1.5%;
            right: 2%;
            width: 10%;
        }
        #main_header nav.main_nav ul.hiden_list {
            display: block;
        }
        img.logo {
            margin-top: 2%;
        }
        #main_header {
            overflow: hidden;
        }
        marquee.alert {
            display: none;
        }
        div.pic_container {
            padding: 0!important;
        }
    }