.rightBar{
    top: 38vh !important;
}

@media screen and (max-width: 450px) and (orientation:portrait) {
    html,
    body {
        height: 100% !important;
        width: 100%;
        margin: 0;
        padding: 0;
        animation: mymove 5s infinite;
        animation-delay: 2s;
        /*Safari and Chrome*/
        -webkit-animation: Delay 2s infinite;
        -webkit-animation-delay: 2s;
    }
    .top_header {
        background-color: #f1f1f1;
        width: 100%;
        height: 220% !important;
        margin-top: 7vh !important;
        /* padding-bottom: 5vh; */
    }
    iframe {
        width: 100% !important;
        height: 100% !important;
    }
    [v-cloak] {
        display: none !important;
    }
    .content .innerWrap {
        padding: 0 2vh !important;
    }
    .content .innerWrap .car {
        padding: 2vh 0 1vh !important;
    }
    .content .innerWrap .car .left {
        height: 15vh !important;
    }
    .content .innerWrap .car .text-box .title {
        font-size: 4.5vw !important;
    }
    .content .innerWrap .car .text-box .text {
        font-size: 3.5vw !important;
        margin-top: 0.5vh !important;
    }
    .content .innerWrap .form-box {
        height: 100% !important;
        padding: 1vh 0 !important;
    }
    .content .innerWrap .form-box .hint {
        padding-left: 1.1vw;
        font-size: 4.7vw !important;
    }
    .content .innerWrap .form-box .tips {
        margin-top: 0.5vh !important;
        padding-left: 1.1vw;
        font-size: 3.7vw;
    }
    .content .innerWrap .form-box .box .title {
        padding-left: 0.9vw;
        font-size: 3.7vw;
    }
    .content .innerWrap .form-box .line {
        margin-top: 0 !important;
        margin: 0 auto;
    }
    .content .innerWrap .form-box .line .two-columns {
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .box {
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .box .title {
        height: auto !important;
        line-height: 100% !important;
        margin-bottom: 0.5vh;
    }
    .content .innerWrap .form-box .line .three-columns {
        margin: 5px 0 0 !important;
        font-size: 4vw !important;
        padding: 0 !important;
    }
    .content .innerWrap .form-box .selectBox {
        padding: 0 3vw !important;
    }
    .content .innerWrap .form-box .optional-box .text {
        margin-top: 1vh !important;
        font-size: 3vw !important;
        margin-bottom: 0 !important;
    }
    .content .innerWrap .form-box .line .two-columns .title {
        padding-left: 1.5vw;
        font-size: 3.7vw;
    }
    .content .innerWrap .form-box .submit-box {
        height: auto;
        margin-top: 0 !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .title {
        height: auto !important;
        line-height: 100% !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose {
        font-size: 3vw !important;
        padding: 0 3vw !important;
    }
    .content .innerWrap .form-box .submit-box .submit {
        width: 27vw;
        height: 2.9vh !important;
        line-height: 100% !important;
        font-size: 3.5vw !important;
        padding: 0.5vh 0 0.5vh 0 !important;
    }
    .content .innerWrap .form-box .line .two-columns {
        margin-top: 0.1rem;
    }
    .content .innerWrap .form-box input {
        margin: 0 !important;
        padding: 0 2vw !important;
        font-size: 3vw !important;
    }
    form div:nth-of-type(3) {
        margin-top: 0px !important;
    }
    .content .innerWrap .form-box .optional-box .text {
        margin-top: 0.3rem;
        padding-left: 1.1vw;
    }
    .content .innerWrap .form-box .line p:nth-of-type(1) {
        padding-left: 1vw !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .title {
        padding-left: 1vw;
        font-size: 3.7vw;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose {
        margin-top: 0.1vh;
    }
    .content .innerWrap .form-box .optional-box .time-box .otheres {
        margin-top: 0.5vh !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .otheres .textarea {
        margin-top: 0.1vh;
        height: 16vh;
    }
    .content .innerWrap .form-box .selectBox {
        max-height: 20vh;
    }
    .content .innerWrap .form-box .selectBox li {
        font-size: 3.5vw;
        height: 4.5vh;
        line-height: 4.5vh;
    }
}

@media screen and (max-width: 760px) and (min-width: 450px) {
    html,
    body {
        height: 100% !important;
        width: 100%;
        margin: 0;
        padding: 0;
        animation: mymove 5s infinite;
        animation-delay: 2s;
        /*Safari and Chrome*/
        -webkit-animation: Delay 2s infinite;
        -webkit-animation-delay: 2s;
    }
    #app {
        margin-top: 3vh;
    }
    .top_header {
        background-color: #f1f1f1;
        width: 100%;
        height: 500% !important;
        margin-top: 6vh !important;
        padding-bottom: 1vh !important;
    }
    iframe {
        width: 100% !important;
        height: 100% !important;
    }
    [v-cloak] {
        display: none !important;
    }
    .content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .content .innerWrap {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 2vh !important;
    }
    .content .innerWrap .car {
        padding: 2vh 0 1vh !important;
        flex-direction: row !important;
        justify-content: center !important;
    }
    .content .innerWrap .car .left {
        width: 40vw !important;
        height: 30vw !important;
    }
    .content .innerWrap .car .left .img {
        width: 100% !important;
        height: 100% !important;
    }
    .content .innerWrap .car .text-box .title {
        font-size: 2.5vw !important;
    }
    .content .innerWrap .car .text-box .text {
        font-size: 2vw !important;
        margin-top: 0.5vh !important;
    }
    .content .innerWrap .form-box {
        height: 100% !important;
        padding: 1vh 0 !important;
    }
    .content .innerWrap .form-box .hint {
        padding-left: 1.1vw;
        font-size: 2.5vw !important;
    }
    .content .innerWrap .form-box .tips {
        margin-top: 0.5vh !important;
        padding-left: 1.1vw;
        font-size: 2vw;
    }
    .content .innerWrap .form-box .box .title {
        padding-left: 0.9vw;
        font-size: 2vw;
    }
    .content .innerWrap .form-box .line {
        margin-top: 0 !important;
        margin: 0 auto;
    }
    .content .innerWrap .form-box .line .two-columns {
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .box {
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .box .title {
        height: auto !important;
        line-height: 100% !important;
        margin-bottom: 0.5vh;
    }
    .content .innerWrap .form-box .line .three-columns {
        height: 50px !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
    }
    .content .innerWrap .form-box .line .three-columns span {
        font-size: 20px !important;
    }
    .content .innerWrap .form-box .selectBox {
        padding: 0 3vw !important;
    }
    .content .innerWrap .form-box .optional-box .text {
        margin-top: 1vh !important;
        font-size: 1.6vw !important;
        margin-bottom: 0 !important;
    }
    .content .innerWrap .form-box .line .two-columns .title {
        padding-left: 1.5vw;
        font-size: 2vw;
    }
    .content .innerWrap .form-box .submit-box {
        height: auto;
        margin-top: 0 !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .title {
        height: auto !important;
        line-height: 100% !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose {
        padding: 0 3vw !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose span {
        font-size: 20px !important;
    }
    .content .innerWrap .form-box .submit-box .submit {
        width: 15vw;
        height: 3vh !important;
        line-height: 100% !important;
        font-size: 2vw !important;
        padding: 0.5vh 0 0.5vh 0 !important;
        margin-top: 1.5vh;
    }
    .content .innerWrap .form-box .line .two-columns {
        margin-top: 0.1rem;
    }
    .content .innerWrap .form-box input {
        margin: 1vw !important;
        padding: 0 2vw !important;
        font-size: 1.8vw !important;
        height: 50px;
    }
    form div:nth-of-type(3) {
        margin-top: 0px !important;
    }
    .content .innerWrap .form-box .optional-box .text {
        margin-top: 0.3rem;
        padding-left: 1.1vw;
    }
    .content .innerWrap .form-box .line p:nth-of-type(1) {
        padding-left: 1vw !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .title {
        padding-left: 1vw;
        font-size: 2vw;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose {
        margin-left: 1vw;
        margin-top: 20px;
        height: 50px !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .otheres {
        margin-top: 0.5vh !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .otheres .textarea {
        margin-top: 1vh;
        margin-left: 1vw;
        height: 16vh;
    }
    .content .innerWrap .form-box .selectBox {
        max-height: 17vh;
    }
    .content .innerWrap .form-box .selectBox li {
        font-size: 20px !important;
        height: 4.5vh;
        line-height: 4.5vh;
    }
    .banner .innerWrap {
        width: 100% !important;
    }
    .banner .innerWrap .box {
        width: 33.3% !important;
    }
    .banner .innerWrap .box .text {
        position: relative;
        right: 7vw;
    }
    .banner .innerWrap .box .icon {
        position: relative;
        left: 3vw;
    }
    .content .innerWrap .car .text-box {
        margin-left: 2vw !important;
    }
    .banner,
    .footer {
        display: none !important;
    }
}

@media screen and (max-width: 920px) and (min-width: 760px) {
    html,
    body {
        height: 100% !important;
        width: 100%;
        margin: 0;
        padding: 0;
        animation: mymove 5s infinite;
        animation-delay: 2s;
        /*Safari and Chrome*/
        -webkit-animation: Delay 2s infinite;
        -webkit-animation-delay: 2s;
    }
    #app {
        margin-top: -1.5vh !important;
    }
    .top_header {
        background-color: #f1f1f1;
        width: 100%;
        height: 200% !important;
        margin-top: 7vh !important;
        /* padding-bottom: 5vh; */
    }
    iframe {
        width: 100% !important;
        height: 100% !important;
    }
    [v-cloak] {
        display: none !important;
    }
    .content {
        padding-top: 1vh !important;
        margin-top: 0vh !important;
    }
    .content .innerWrap {
        width: 100% !important;
        padding: 0 2vh !important;
    }
    .content .innerWrap .car {
        padding: 2vh 0 1vh !important;
    }
    .content .innerWrap .car .left {
        width: 60vw;
        height: 15vh !important;
    }
    .content .innerWrap .car .text-box .title {
        font-size: 3.2vw !important;
    }
    .content .innerWrap .car .text-box .text {
        font-size: 3.5vw !important;
        margin-top: 0.5vh !important;
    }
    .content .innerWrap .car .text-box .text .left-text div,
    .content .innerWrap .car .text-box .text .right-text div {
        font-size: 3.2vw !important;
    }
    .content .innerWrap .form-box {
        height: 100% !important;
        padding: 1vh 0 !important;
    }
    .content .innerWrap .form-box .hint {
        padding-left: 1.1vw;
        font-size: 3.5vw !important;
    }
    .content .innerWrap .form-box .tips {
        margin-top: 0.5vh !important;
        padding-left: 1.1vw;
        font-size: 2.5vw;
    }
    .content .innerWrap .form-box .box .title {
        padding-left: 0.9vw;
        font-size: 3vw;
    }
    .content .innerWrap .form-box input {
        height: 55px !important;
    }
    .content .innerWrap .form-box .line .three-columns {
        height: 55px !important;
    }
    .content .innerWrap .form-box .line span {
        font-size: 21px !important;
    }
    .content .innerWrap .form-box .line {
        margin-top: 0 !important;
        margin: 0 auto;
    }
    .content .innerWrap .form-box .line .two-columns {
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .box {
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .box .title {
        height: auto !important;
        line-height: 100% !important;
        margin-bottom: 0.5vh;
    }
    .content .innerWrap .form-box .line .three-columns {
        margin: 5px 0 0 !important;
        font-size: 4vw !important;
        padding: 0 !important;
    }
    .content .innerWrap .form-box .selectBox {
        padding: 0 3vw !important;
    }
    .content .innerWrap .form-box .optional-box .text {
        margin-top: 1vh !important;
        font-size: 2.5vw !important;
        margin-bottom: 0 !important;
    }
    .content .innerWrap .form-box .line .two-columns .title {
        padding-left: 1.5vw;
        font-size: 3vw;
    }
    .content .innerWrap .form-box .submit-box {
        height: auto;
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .title {
        height: auto !important;
        line-height: 100% !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose {
        font-size: 3vw !important;
        padding: 0 3vw !important;
    }
    .content .innerWrap .form-box .submit-box .submit {
        width: 27vw;
        height: 2.9vh !important;
        line-height: 100% !important;
        font-size: 3.5vw !important;
        padding: 0.5vh 0 0.5vh 0 !important;
    }
    .content .innerWrap .form-box .line .two-columns {
        margin-top: 0.1rem;
    }
    .content .innerWrap .form-box input {
        margin: 0 !important;
        padding: 0 2vw !important;
        font-size: 3vw !important;
    }
    form div:nth-of-type(3) {
        margin-top: 0px !important;
    }
    .content .innerWrap .form-box .optional-box .text {
        margin-top: 0.3rem;
        padding-left: 1.1vw;
    }
    .content .innerWrap .form-box .line p:nth-of-type(1) {
        padding-left: 1vw !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .title {
        padding-left: 1vw;
        font-size: 3vw;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose {
        margin: 1vh 0;
        height: 55px !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose span {
        font-size: 21px !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .otheres {
        margin-top: 0.5vh !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .otheres .textarea {
        margin-top: 1vh;
        height: 16vh;
    }
    .content .innerWrap .form-box .selectBox {
        max-height: 18.2vh;
    }
    .content .innerWrap .form-box .selectBox li {
        font-size: 21px;
        height: 3.5vh;
        line-height: 3.5vh;
    }
    .footer {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 920px) {
    html,
    body {
        height: 100% !important;
        width: 100%;
        margin: 0;
        padding: 0;
        animation: mymove 5s infinite;
        animation-delay: 2s;
        /*Safari and Chrome*/
        -webkit-animation: Delay 2s infinite;
        -webkit-animation-delay: 2s;
    }
    .top_header {
        background-color: #f1f1f1;
        width: 100%;
        height: 190% !important;
        margin-top: 10vh !important;
        padding-bottom: 1vh !important;
    }
    iframe {
        width: 100% !important;
        height: 100% !important;
    }
    [v-cloak] {
        display: none !important;
    }
    .content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .content .innerWrap {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 2vh !important;
    }
    .content .innerWrap .car {
        padding: 2vh 0 1vh !important;
    }
    .content .innerWrap .car .left {
        width: 40vw;
        height: 25vw !important;
    }
    .content .innerWrap .car .text-box .title {
        font-size: 2.5vw !important;
    }
    .content .innerWrap .car .text-box .text {
        font-size: 2vw !important;
        margin-top: 0.5vh !important;
    }
    .content .innerWrap .form-box {
        height: 100% !important;
        padding: 1vh 0 !important;
    }
    .content .innerWrap .form-box .hint {
        padding-left: 1.1vw;
        font-size: 2.5vw !important;
    }
    .content .innerWrap .form-box .tips {
        margin-top: 0.5vh !important;
        padding-left: 1.1vw;
        font-size: 1.6vw;
    }
    .content .innerWrap .form-box .box .title {
        padding-left: 0.9vw;
        font-size: 2vw;
    }
    .content .innerWrap .form-box .line {
        margin-top: 0 !important;
        margin: 0 auto;
    }
    .content .innerWrap .form-box .line .two-columns {
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .box {
        margin-top: 1vh !important;
    }
    .content .innerWrap .form-box .box .title {
        height: auto !important;
        line-height: 100% !important;
        margin-bottom: 0.5vh;
    }
    .content .innerWrap .form-box .line .three-columns {
        height: 50px !important;
        margin: 10px 0 0 !important;
        padding: 0 !important;
    }
    .content .innerWrap .form-box .line .three-columns span {
        font-size: 20px !important;
    }
    .content .innerWrap .form-box .selectBox {
        padding: 0 3vw !important;
    }
    .content .innerWrap .form-box .optional-box .text {
        margin-top: 1vh !important;
        font-size: 1.6vw !important;
        margin-bottom: 0 !important;
    }
    .content .innerWrap .form-box .line .two-columns .title {
        padding-left: 1.5vw;
        font-size: 2vw;
    }
    .content .innerWrap .form-box .submit-box {
        height: auto;
        margin-top: 0 !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .title {
        height: auto !important;
        line-height: 100% !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose {
        padding: 0 3vw !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose span {
        font-size: 20px !important;
    }
    .content .innerWrap .form-box .submit-box .submit {
        width: 15vw;
        height: 4vh !important;
        line-height: 100% !important;
        font-size: 2vw !important;
        padding: 0.5vh 0 0.5vh 0 !important;
        margin-top: 1.5vh;
    }
    .content .innerWrap .form-box .line .two-columns {
        margin-top: 0.1rem;
    }
    .content .innerWrap .form-box input {
        margin: 1vw !important;
        padding: 0 2vw !important;
        font-size: 1.8vw !important;
        height: 50px;
    }
    form div:nth-of-type(3) {
        margin-top: 0px !important;
    }
    .content .innerWrap .form-box .optional-box .text {
        margin-top: 0.3rem;
        padding-left: 1.1vw;
    }
    .content .innerWrap .form-box .line p:nth-of-type(1) {
        padding-left: 1vw !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .title {
        padding-left: 1vw;
        font-size: 2vw;
    }
    .content .innerWrap .form-box .optional-box .time-box .period .chose {
        margin-left: 1vw;
        margin-top: 20px;
        height: 50px !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .otheres {
        margin-top: 0.5vh !important;
    }
    .content .innerWrap .form-box .optional-box .time-box .otheres .textarea {
        margin-top: 1vh;
        margin-left: 1vw;
        height: 16vh;
    }
    .content .innerWrap .form-box .selectBox {
        max-height: 17vh;
    }
    .content .innerWrap .form-box .selectBox li {
        font-size: 20px !important;
        height: 4.5vh;
        line-height: 4.5vh;
    }
    .banner .innerWrap {
        width: 100% !important;
    }
    .banner .innerWrap .box {
        width: 33.3% !important;
    }
    .banner .innerWrap .box .text {
        position: relative;
        right: 7vw;
    }
    .banner .innerWrap .box .icon {
        position: relative;
        left: 3vw;
    }
    .content .innerWrap .car .text-box {
        margin-left: 2vw !important;
    }
    .banner,
    .footer {
        display: none !important;
    }
}