* {
            box-sizing: border-box;
        }
        
        html,
        body {
            font-family: 'Noto Sans TC', Helvetica, Arial, '黑體-繁', 'Heiti TC', '儷黑', 'LiHei', '微軟正黑體', 'Microsoft JhengHei', sans-serif;
            font-size: 16px;
            margin: 0;
            padding: 0;
            margin: 0 auto;
        }
        /*-------------------------
           a   
-------------------------*/
        
        a,
        button {
            text-decoration: none;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
            -ms-transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            transition: all ease-in-out 0.2s;
        }
        
        a:focus,
        a:hover,
        a:active,
        button:focus {
            outline: none;
            text-decoration: none;
        }
        /*-------------------------
           kv   
-------------------------*/
        
        .container-fluid {
            overflow: hidden;
            padding: 0;
        }
        
        .kv {
            width: 100%;
            height: 100vh;
            background: url(../images/m-kv-bg.jpg)no-repeat center center;
            background-size: cover;
            position: relative;
        }
        
        .logo-luxgen {
            width: 40%;
            height: 10%;
            position: absolute;
            top: 4%;
            left: 4%;
            background: url(../images/m-logo-l.png)no-repeat top left;
            background-size: contain;
        }
.logo-luxgen a{width: 100%;height: 100%;display: block;}
        
        .kv h1 {
            text-align: center;
            padding-top: 23%;
            font-size: 2.7rem;
            font-weight: bolder;
            letter-spacing: .25rem;
            line-height: 1rem;
        }
        
        .kv p {
            text-align: center;
            font-size: 1.4rem;
            font-weight: bold;
            letter-spacing: .03rem;
        }
        
        .kv a.btn-book {
            width: 70%;
            height: 45px;
            line-height: 45px;
            display: block;
            margin: 0 auto;
            font-size: 1rem;
            letter-spacing: 0.05rem;
            text-align: center;
            font-weight: 300;
            background-color: black;
            color: #fff;
            border-radius: 0;
        }
        
        .kv a.btn-book i {
            color: #3da3da;
            font-size: 1.3rem;
            margin-left: 4px;
            font-weight: bolder;
        }
        
        .icon-u5 {
            width: 52vw;
            vertical-align: middle;
            height: 23vh;
            display: flex;
            margin: 0 auto;
            background: url(../images/m-icon-u5.png)no-repeat center center;
            background-size: contain;
        }
        
        .car {
            width: 100vw;
            height: 30vh;
            position: absolute;
            z-index: 1;
            left: 0;
            background: url(../images/m-car.png)no-repeat bottom center;
            background-size: contain;
        }
        
        .desktop {
            display: none
        }
footer .logo.icon-elle-logo{margin:0 auto;}
        /*-------------------------
           form
-------------------------*/
        
        .section2 {
            width: 100%;
            height: auto;
            background: url(../images/m-form-bg.jpg)no-repeat top center;
            background-size: cover;
            position: relative;
            color: #fff;
        }
        
        .section2 h1 {
            width: 70vw;
            padding: 24% 0 0 5%;
            font-weight: 300;
            font-size: 1.2rem;
            letter-spacing: 0.08rem;
            line-height: 2.2rem;
        }
        
        .section2 h1 span {
            font-size: 2rem;
            font-weight: 500;
            letter-spacing: 0.06rem;
        }
        
        .section2 p {
            width: 90%;
            margin-left: 4%;
            padding-left: 4%;
            font-size: 1rem;
            font-weight: 100;
            letter-spacing: 0.03rem;
            border-left: 2px solid #fff;
            line-height: 1.7rem;
            padding-bottom: 22px;
        }
        
        .section2 p span {
            font-weight: 500;
            color: #3da3da;
        }
        
        .section2 form {
            width: 100%;
            margin: 0 auto;
            margin-top: -6%;
            margin-bottom: 10%;
            padding: 10% 4%;
            background-color: rgba(256, 256, 256, 1);
            color: #000;
            font-weight: 300;
            font-size: 1rem;
        }
        
        .section2 .col-form-label {
            font-size: 1.2rem;
            text-align: left;
            line-height: 2rem;
        }
        
        .section2 .form-group {
            margin-bottom: 6px;
        }
        
        .section2 .form-control {
            font-size: 1rem;
            border: 1px solid #aaa;
            border-radius: 0;
            font-weight: 300;
            padding: 0 5px;
        }
        
        .section2 .check-input,
        .radio-input {
            font-size: 1.2rem;
            margin-right: 10px;
            line-height: 2.4rem;
        }
        /*radio樣式*/
        
        input[type="radio"] {
            width: 15px;
            height: 15px;
            top: 0;
        }
        
        input[type="radio"]:before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            border: 1px solid #aaa;
            background-color: transparent;
            border-radius: 50%;
        }
        
        input[type="radio"]:after {
            content: "";
            display: block;
            position: absolute;
            width: 55%;
            height: 55%;
            margin-top: 24%;
            margin-left: 28%;
            background-color: #3da3da;
            border-radius: 50%;
            opacity: 0;
            transition: all .3s linear;
        }
        /*checkbox樣式*/
        
        input[type="checkbox"] {
            width: 15px;
            height: 15px;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            cursor: pointer;
            -webkit-appearance: none;
            appearance: none;
            background: transparent;
            border-radius: 0;
            box-sizing: border-box;
            position: relative;
            border-width: 0;
            margin-right: 2%;
            top: 0;
        }
        
        input[type="checkbox"]:before {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            border: 1px solid #aaa;
            background-color: transparent;
            border-radius: 0;
        }
        
        input[type="checkbox"]:after {
            content: "";
            display: block;
            position: absolute;
            width: 60%;
            height: 60%;
            margin-top: 25%;
            margin-left: 25%;
            background-color: #3da3da;
            opacity: 0;
            transition: all .3s linear;
            border-radius: 0;
        }
        
        .section2 .select {
            font-size: 1rem;
            font-weight: 100;
            color: #333;
            font-weight: 300;
            border: 1px solid #aaa;
            padding: 0 6px;
        }
        
        .radio-input {
            line-height: 2rem;
            color: #000;
            justify-content: left;
        }
        /*btn樣式*/
        
        button.btn--send {
            height: 50px;
            display: block;
            margin: 0 auto;
            margin-top: 5%;
            border-radius: 0;
            font-weight: 500;
            font-size: 1em;
            line-height: 50px;
            letter-spacing: 0.07em;
            text-align: center;
            background-color: black;
            color: #fff;
        }
        
        button.btn--send i {
            color: #3da3da;
            margin-left: 4px;
        }
        
        .check-input {
            line-height: 2;
            display: block;
            color: #000;
            line-height: 1.4rem;
        }
        
        .float-left {
            float: left;
            margin-right: 10px;
        }
        /*    iphone plus   */
        
        @media only screen and (device-width: 414px) {
            .kv h1 {
                padding-top: 23%;
                font-size: 3.4rem;
            }
            .kv p {
                font-size: 1.6rem;
            }
            .kv a.btn-book {
                height: 50px;
                line-height: 50px;
                font-size: 1.1rem;
                letter-spacing: 0.1rem;
            }
            .kv a.btn-book i {
                font-size: 1.4rem;
            }
            .icon-u5 {
                width: 50vw;
                height: 22vh;
            }
            .car {
                width: 100vw;
                height: 33vh;
                top: -2vh;
                left: 0;
            }
            .section2 h1 {
                width: 70vw;
                padding: 20% 0 0 5%;
                letter-spacing: 0.08rem;
                line-height: 2.2rem;
            }
            .section2 h1 span {
                font-size: 2.4rem;
            }
            .section2 form {
                margin-top: -4%;
                margin-bottom: 10%;
                padding: 8% 4%;
            }
        }
        /* iphoneX*/
        
        @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
            .logo-luxgen {
                width: 50%;
                height: 10%;
            }
            .kv h1 {
                padding-top: 26%;
                font-size: 3.4rem;
                letter-spacing: .3rem;
            }
            .kv p {
                font-size: 1.6rem;
            }
            .icon-u5 {
                width: 60vw;
                height: 23vh;
            }
            .car {
                width: 100vw;
                height: 40vh;
                top: -15vh;
            }
            button.btn--send {
                font-size: 1.2rem;
            }
            button.btn--send i {
                font-size: 1.4rem;
            }
            .section2 .check-input {
                font-size: 1rem;
                line-height: 1.7rem;
            }
        }
        /*    ipad mini  */
        
        @media only screen and (device-width: 768px) and (device-height: 1024px) {
            .logo-luxgen {
                width: 30vw;
                top: 4%;
                background: url(../images/logo-l.png)no-repeat top left;
                background-size: contain;
            }
            .kv h1 {
                padding-top: 23%;
                font-size: 5rem;
                letter-spacing: .3rem;
            }
            .kv p {
                font-size: 2.1rem;
                letter-spacing: .1rem;
            }
            .kv a.btn-book {
                height: 60px;
                line-height: 60px;
                font-size: 1.3rem;
                letter-spacing: 0.06rem;
                font-weight: 400;
            }
            .kv a.btn-book i {
                font-size: 1.5rem;
                font-weight: 400;
            }
            .car {
                width: 100vw;
                height: 34vh;
            }
            .icon-u5 {
                width: 36vw;
                height: 22vh;
            }
            .section2 h1 {
                padding: 10% 0 0 5%;
                font-weight: 300;
                font-size: 1.4rem;
                letter-spacing: 0.1rem;
                line-height: 2.6rem;
            }
            .section2 h1 span {
                font-size: 2.4rem
            }
            .section2 p {
                margin-left: 7%;
                padding-left: 3%;
            }
            .section2 form {
                margin-top: -2%;
                margin-bottom: 8%;
                padding: 6% 4%;
                font-size: 1.2rem;
            }
            .section2 .form-control {
                font-size: 1rem;
                padding: 0 6px;
                height: 60px;
            }
            .section2 .select {
                font-size: 1rem;
                padding: 0 6px;
                height: 60px;
            }
            /*radio*/
            input[type="radio"] {
                width: 20px;
                height: 20px;
                top: 0;
            }
            input[type="radio"]:after {
                margin-top: 26%;
                margin-left: 28%;
            }
            /*checkbox*/
            input[type="checkbox"] {
                width: 20px;
                height: 20px;
            }
            input[type="checkbox"]:after {
                width: 60%;
                height: 60%;
                margin-top: 25%;
                margin-left: 25%;
            }
            .section2 .check-input {
                font-size: 1rem;
                line-height: 3rem;
            }
            button.btn--send {
                margin-top: 2%;
            }
            footer .logo.icon-elle-logo{margin:0 auto;}
             footer .copyright{display: none}
        }
        /*ipad pro*/
        
        @media only screen and (device-width: 1024px) and (device-height: 1366px) {
            .kv {
                background: url(../images/kv-bg.jpg)no-repeat center center;
            }
            .kv h1 {
                padding-top: 22%;
                font-size: 6rem;
            }
            .kv p {
                font-size: 3rem;
                line-height: 3rem;
            }
            .kv a.btn-book {
                height: 80px;
                line-height: 80px;
                font-size: 2rem;
                margin-top: -10px;
            }
            .desktop {
                display: none;
            }
            .kv a.btn-book i {
                color: #3da3da;
                font-size: 2.2rem;
            }
            .car {
                width: 100vw;
                height: 36vh;
                background: url(../images/big-car.png)no-repeat bottom center;
                background-size: contain;
            }
            .icon-u5 {
                width: 40vw;
                height: 22vh;
            }
            .section2 form {
                margin-top: -2%;
                margin-bottom: 6%;
                padding: 4% 8%;
            }
            .section2 h1 {
                width: 70vw;
                padding: 4% 0 0 5%;
                font-size: 1.4rem;
                line-height: 3rem;
            }
            .section2 h1 span {
                font-size: 3rem;
            }
            .section2 p {
                width: 90%;
                margin-left: 7%;
                padding-left: 2%;
                font-size: 1.2rem;
                line-height: 2.2rem;
                padding-bottom: 20px;
            }
            .section2 .col-form-label {
                font-size: 1.2rem;
                text-align: left;
            }
            .section2 .form-group {
                margin-bottom: 16px;
            }
            .section2 .form-control {
                font-size: 1.2rem;
                border: 1px solid #aaa;
                border-radius: 0;
                font-weight: 300;
            }
            .section2 .check-input {
                font-size: 1rem;
                margin-right: 10px;
            }
            .space-left {
                display: block;
                margin-left: 20px;
            }
            .space-left2 {
                display: block;
                margin-left: 10px;
            }
        }
        /*notebook 1280x800*/
        
        @media (min-width: 1200px) {
            .kv {
                background: url(../images/kv-bg.jpg)no-repeat center center;
                background-size: cover;
                position: relative;
            }
            .logo-luxgen {
                width: 50%;
                height: 10vh;
/*                border: 1px red solid;*/
            }
            .kv h1 {
                padding-top: 22%;
                font-size: 4.6rem;
                height: 10vh;
/*                border: 1px red solid;*/
            }
            .kv p {
                margin-top: 0px;
                font-size: 2.2rem;
                height: 8vh;
            }
            .desktop {
                width: 100%;
                display: block;
                text-align: center;
                font-size: 1rem;
                line-height: 1.6rem;
                padding: 7px 0;
                border: 1px;
                border-bottom-style: solid;
                border-top-style: solid;
                margin: 0 auto;
                margin-top: -10px;
                margin-bottom: 20px;
                height: 10vh;
            }
            .kv a.btn-book {
                width: 80%;
/*                height:vh;*/
/*                line-height: 66px;*/
                font-size: 1.1rem;
                margin-bottom: 20px;
            }
            .kv a.btn-book i {
                font-size: 1.2rem;
            }
            .icon-u5 {
                width: 20vw;
/*                padding-top: 20px;*/
                height: 28vh;
            }
            .car {
                width: 62vw;
                height: 60vh;
                position: absolute;
                top: 32vh;
                left: -20%;
            }
             .section2 {
            width: 100%;
            height: auto;
            background: url(../images/form-bg.jpg)no-repeat top center;
            background-size: cover;
            position: relative;
            color: #fff;
        }
        
            .section2 h1 {
                padding: 4% 0 0 5%;
                font-size: 1.4rem;
                line-height: 3rem;
            }
            .section2 h1 span {
                font-size: 3rem;
            }
            .section2 p {
                width: 90%;
                margin-left: 7%;
                padding-left: 2%;
                font-size: 1.2rem;
                line-height: 2rem;
                padding-bottom: 25px;
            }
            .section2 form {
                
                margin-top: -2%;
                margin-bottom: 8%;
                padding: 4% 9%
            }
            .section2 .col-form-label {
                font-size: 1.2rem;
            }
            .section2 .form-group {
                margin-bottom: 16px;
            }
            .section2 .form-control {
                font-size: 1.2rem;
                height: 60px;
            }
            .section2 .check-input {
                font-size: 1rem;
                margin-right: 10px;
            }
            .space-left {
                display: block;
                margin-left: 20px;
            }
            .space-left2 {
                display: block;
                margin-left: 10px;
            }
            .check-input span {
                margin-left: -8px;
            }
            .section2 .select {
                font-size: 1.2rem;
                height: 60px;
            }
            .section2 form .box-move {
                margin-left: -20px;
            }
            .section2 form .location-move {
                margin-left: -20px;
            }
            .section2 form .timebox-move {
                margin-left: -20px;
            }
            footer .logo.icon-elle-logo{margin: 0; margin-right:23px;}
/*             footer .copyright{display: none}*/
        }
        /*desktop 1920x1080*/
        
        @media (min-width: 1920px) {
            .logo-luxgen {
                width: 46%;
                height: 10%;
            }
            .kv h1 {
                padding-top: 20%;
                font-size: 6.2rem;
            }
            .kv p {
                margin-top: 0px;
                font-size: 2.8rem;
            }
            .desktop {
                width: 72%;
                font-size: 1.2rem;
                line-height: 2rem;
                padding: 7px 0;
                margin-top: -20px;
                margin-bottom: 20px;
            }
            .kv a.btn-book {
                height: 70px;
                line-height: 70px;
                font-size: 1.4rem;
                letter-spacing: 0.08rem;
            }
            .kv a.btn-book i {
                font-size: 1.5rem;
            }
            .icon-u5 {
                width: 20vw;
                height: 30vh;
            }
            .car {
                width: 62vw;
                height: 60vh;
                top: 32vh;
                left: -20%;
            }
            .section2 form {
                margin-top: -1%;
                margin-bottom: 13%;
                padding: 4% 8%;
            }
            .section2 h1 {
                width: 70vw;
                padding: 2% 0 0 5%;
                font-size: 2rem;
                line-height: 4rem;
            }
            .section2 h1 span {
                font-size: 3.6rem;
            }
            .section2 p {
                width: 90%;
                margin-left: 6%;
                padding-left: 2%;
                font-size: 1.4rem;
                line-height: 2.4rem;
                padding-bottom: 30px;
            }
            .section2 .col-form-label {
                font-size: 1.4rem;
            }
            .section2 .form-group {
                margin-bottom: 16px;
            }
            .section2 .form-control {
                font-size: 1.2rem;
                height: 60px;
            }
            .radio-input {
                font-size: 1.4rem;
                margin-right: 10px;
            }
            .space-left {
                margin-left: 20px;
            }
            .space-left2 {
                margin-left: 10px;
            }
            /*radio*/
            input[type="radio"] {
                width: 26px;
                height: 26px;
            }
            input[type="radio"]:after {
                margin-top: 24%;
                margin-left: 28%;
            }
            /*checkbox*/
            input[type="checkbox"] {
                width: 26px;
                height: 26px;
            }
            input[type="checkbox"]:after {
                margin-top: 25%;
                margin-left: 25%;
            }
            .section2 .select {
                font-size: 1.2rem;
                padding: 0 6px;
                height: 60px;
            }
            /*btn*/
            button.btn--send {
                height: 70px;
                margin-top: 2%;
                font-size: 1.6rem;
                line-height: 70px;
            }
            button.btn--send i {
                font-size: 1.8rem;
            }
            .col-form-label {
                line-height: 2rem;
            }
            .radio-input {
                line-height: 2rem;
                color: #000;
                justify-content: left;
            }
            .section2 .check-input {
                line-height: 2rem;
                font-size: 1.2rem;
            }
            .check-input span {
                margin-left: -20px;
            }
            .float-left {
                float: left;
                margin-right: 20px;
            }
            .section2 form .box-move {
                margin-left: -70px;
            }
            .section2 form .location-move {
                margin-left: -90px;
            }
            .section2 form .timebox-move {
                margin-left: -160px;
            }
        }
        /*MAC 27 desktop*/
        
        @media (min-width: 2560px) {
            .logo-luxgen {
                width: 46%;
                height: 10%;
            }
            .kv h1 {
                padding-top: 20%;
                font-size: 158px;
            }
            .kv p {
                font-size: 66px;
            }
            .desktop {
                width: 66%;
                font-size: 32px;
                line-height: 70px;
                padding: 7px 0;
                margin-top: -20px;
                margin-bottom: 24px;
            }
            .kv a.btn-book {
                height: 70px;
                line-height:70px;
                font-size: 34px;
                font-weight: 400;
                margin-top: 60px;
                margin-bottom: 60px;
                letter-spacing: 0.1rem;
            }
            .kv a.btn-book i {
                font-size: 36px;
            }
            .icon-u5 {
                width: 21vw;
                height: 36vh;
            }
            .car {
                width: 64vw;
                height: 60vh;
                top: 33vh;
                left: -20%;
            }
            .section2 h1 {
                padding: 2% 0 0 17%;
                font-size:3rem;
                line-height: 4rem;
            }
            .section2 h1 span {
                font-size: 6rem;
            }
            .section2 p {
                width: 90%;
                margin-left: 18%;
                padding-left: 1%;
                font-size: 2rem;
                line-height: 2.6rem;
                padding-bottom: 56px;
            }
            .section2 form {
                margin-top: -1%;
                margin-bottom: 8%;
                padding: 2% 14%;
            }
            .section2 .col-form-label {
                font-size: 2rem;
            }
            .section2 .form-group {
                margin-bottom: 16px;
            }
            .section2 .form-control {
                font-size: 2rem;
                border: 1px solid #aaa;
                border-radius: 0;
                font-weight: 300;
                height: 60px;
            }
            .radio-input {
                font-size: 2rem;
                margin-right: 10px;
            }
            .section2 .check-input,
            {
                font-size: 2rem;
                margin-right: 10px;
            }
            .space-left {
                margin-left: 20px;
            }
            .space-left2 {
                margin-left: 10px;
            }
            /*radio*/
            input[type="radio"] {
                width: 26px;
                height: 26px;
                top: 0;
            }
            input[type="radio"]:after {
                margin-top: 24%;
                margin-left: 28%;
            }
            /*checkbox*/
            input[type="checkbox"] {
                width: 26px;
                height: 26px;
            }
            input[type="checkbox"]:after {
                margin-top: 25%;
                margin-left: 25%;
            }
            .section2 .select {
                font-size: 2rem;
                padding: 0 6px;
                height: 60px;
            }
            /*btn*/
            button.btn--send {
                height: 100px;
                margin-top: 2%;
                font-size: 2rem;
                line-height: 100px;
                letter-spacing: 0.1em;
            }
            button.btn--send i {
                font-size: 2.1rem;
            }
            .col-form-label {
                line-height: 3rem;
            }
            .radio-input {
                line-height: 3rem;
                justify-content: left;
            }
            .check-input {
                line-height: 2;
                display: block;
                color: #000;
                line-height: 1.4rem;
            }
            .check-input span {
                margin-left: -25px;
            }
            .float-left {
                float: left;
                margin-right: 20px;
            }
        }
.notice-grey{text-align: left;width: 100%;display: block;letter-spacing: 0;font-size: 28px; color: #888;line-height: 30px;}
.notice-grey a{padding: 4px 8px;background: #888;color: #fff;border-radius: 5px;}
/*notebook 1280x800*/
        
@media (min-width: 1200px) {
    .notice-grey{text-align: center;width: 100%;display: block;letter-spacing: 0;font-size: 28px; color: #888;line-height: 30px;}
.notice-grey a{padding: 4px 8px;background: #888;color: #fff;border-radius: 5px;}
}