﻿body {
    font-family: 'Noto Sans TC', 'Roboto', sans-serif,'Microsoft JhengHei', serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    position: relative;
    background-color: #92cee3; /* 淺藍色 */

}

picture img {
    width: 100%;
}

.divBanner {
    text-align: center;
}

.divBanner img {
    width: 100%;
}

.logo {
    height: 38px;
}

.main .indexImg {
    width: 100%;
}

.pointer {
    color: #ffff;
    cursor: pointer;
    text-decoration: none;
}

.footer-copyright {
    color: #f4f4f4;
    background-color: #0087d7;
    /*    position: fixed;*/
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 5px 0;
}

@media(max-width: 1920px) {
    .footer-copyright .footerBlock {
        display: inline-block;
    }
}

@media(max-width: 992px) {
    .footer-copyright .footerBlock {
        display: block;
    }
}

@media(max-width: 576px) {
    .footer-copyright .footerBlock {
        display: block;
    }
}

.dropdown-toggle[aria-expanded=true]:after {
    transform: rotate(180deg);
}

.dropdown-toggle:after {
    float: right;
    margin-top: .55rem;
    transition: .3s;
}

.btn-group{
    position: relative;
}

.btn-group .dropdownColor{
    display: inline-block;
}

.btn-group .textSet{
    font-size: 26px;
}

.btn-group .prompt{
    width: 100%;
}

.btn-group .dropdown-menu{
    overflow-y: hidden;
    background-clip: border-box;
}

.btn-group .dropdown-menu li:hover {
    background: #e9ecef;
}

.color{
    background-color: #fff;
}

.color2{
    background-color: #000;
}

.color3{
    background-color: silver;
}

.color4{
    background-color: gray;
}

.color5{
    background-color: blue;
}

.color6{
    background-color: red;
}

.color7{
    background-color: gold;
}

.color8{
    background-color: #fff0f5;
}

.color9{
    background-color: green;
}

.dropDownIcon{
    float: right;
    margin-top: .2rem;
}

.contentTitle{
    margin-top: -.5rem;
}

.require{
    opacity: .8;
    color: red;
    float: right;
    position: absolute;
    right: 0;
    top: -15px;
}

.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: table;
    transition: opacity .3s ease;
}

.modal-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.modal-container {
    width: 40%;
    margin: 0 auto;
    padding: 16px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,.33);
    transition: all .3s ease;
}

@media(max-width: 1596px) {
    .modal-container {
        width: 50%;
    }
}

@media(max-width: 992px) {
    .modal-container {
        width: 80%;
    }
}

@media(max-width: 576px) {
    .modal-container {
        width: 100%;
        transform: scale(.9);
    }
}

.modal-container .modal-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    position: relative;
    justify-content: flex-end;
    font-size: 25px;
}

.modal-container .hover {
    transition: all .3s ease;
}

.modal-container .hover:hover {
    background-color: #e4f3fb;
    cursor: pointer;
}

.modal-container .modal-body {
    margin: 0 0;
}

@media(max-width: 576px) {
    .modal-container .modal-body {
        margin: 0 0;
    }
}

.modal-container .modal-body .btn {
    background-color: #0087d7;
}

.car-evalute{
    min-height: 50vh;
}

.car-evalute .dropDownMargin{
/*    margin-right: 5%;
    margin-left: 5%;*/
}

.car-evalute .dropDownMargin .homeBackgroundOne {
    background: url(data:image/png;base64,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) 0 100% no-repeat,url(data:image/png;base64,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) no-repeat; 
    background-size: 140px,cover;
    position: relative;
    height: 30vh;
}

.dropdown-lab {
    color: #0d6efd;
}

.dropdown-sel {
    margin-bottom: 10px;
    border-color: #15b7bc;
    color: #0d6efd;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundOne {
        background-size:100px,cover;
        height: 22vh;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundOne {
        background-size:100px,cover;
        height: 22vh;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundOne {
        background-size:100px,cover;
        height: 22vh;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundOne {
        background-size:100px,cover;
        height: 13vh;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundOne {
        background-size:90px,cover;
        height: 15vh;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundOne {
        background-size:90px,cover;
        height: 16vh;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundOne {
        background-size:80px,cover;
        height: 13vh;
        width: 100%;
    }
}

@media(max-width: 385px) {
    .car-evalute .dropDownMargin .homeBackgroundOne {
        background-size:65px,cover;
        height: 13vh;
    }
}

.car-evalute .dropDownMargin .homeBackgroundOne .seoText {
    position: absolute;
    left: 30%;
    top: 10%;
}

    .car-evalute .dropDownMargin .homeBackgroundOne .seoText .textSet {
        font-size: 1.5vw;
    }

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundOne .seoText .textSet {
        font-size:1.2vw;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundOne .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundOne .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundOne .seoText .textSet {
        font-size:2vw;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundOne .seoText .textSet {
        font-size:2.5vw;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundOne .seoText .textSet {
        font-size:3vw;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundOne .seoText .textSet {
        font-size:3vw;
    }
}

.car-evalute .dropDownMargin .homeBackgroundTwo {
    width: 100%;
    height: 30vh;
    background: linear-gradient(217deg, rgba(255, 0, 0, .8), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
    background-color: #425df3;
    position: relative;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
        background-size: 100%;
        height: 22vh;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
        background-size: 100%;
        height: 22vh;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
        background-size: 100%;
        height: 22vh;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
        background-size: 100%;
        height: 13vh;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
        background-size: 100%;
        height: 15vh;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
        background-size: 100%;
        height: 16vh;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
        background-size: 100%;
        height: 13vh;
        width: 100%;
    }
}

@media(max-width: 385px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#47e16f 0);
        background-size: 100%;
        height: 13vh;
    }
}

.car-evalute .dropDownMargin .homeBackgroundTwo .seoText .textSet {
    font-size: 1.5vw;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .seoText .textSet {
        font-size:2vw;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .seoText .textSet {
        font-size:2.5vw;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .seoText .textSet {
        font-size:3vw;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .seoText .textSet {
        font-size:3vw;
    }
}

.car-evalute .dropDownMargin .homeBackgroundTwo .pos {
    position: absolute;
    top: 40%;
    left: 75%;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .pos {
        top: 40%;
        left: 75%;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .pos {
        top: 20%;
        left: 71%;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .pos {
        top: 20%;
        left: 71%;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .pos {
        top: 19%;
        left: 75%;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .pos {
        top: 19%;
        left: 72%;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .pos {
        top: 19%;
        left: 65%;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo .pos {
        top: 19%;
        left: 59%;
    }
}

.car-evalute .dropDownMargin .homeBackgroundTwo img {
    width: 100px;
    height: 100px;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo img {
        width: 88px;
        height: 88px;
    }
}

@media(max-width: 385px) {
    .car-evalute .dropDownMargin .homeBackgroundTwo img {
        width: 77px;
        height: 77px;
    }
}

.car-evalute .dropDownMargin .homeBackgroundThree {
    background: url(data:image/png;base64,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) 0 100% no-repeat,url(data:image/png;base64,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) no-repeat;
    background-size: 140px,cover;
    position: relative;
    height: 30vh;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundThree {
        background-size:100px,cover;
        height: 22vh;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundThree {
        background-size:100px,cover;
        height: 22vh;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundThree {
        background-size:100px,cover;
        height: 22vh;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundThree {
        background-size:100px,cover;
        height: 13vh;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundThree {
        background-size:90px,cover;
        height: 15vh;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundThree {
        background-size:90px,cover;
        height: 16vh;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundThree {
        background-size:80px,cover;
        height: 13vh;
        width: 100%;
    }
}

@media(max-width: 385px) {
    .car-evalute .dropDownMargin .homeBackgroundThree {
        background-size:65px,cover;
        height: 13vh;
    }
}

.car-evalute .dropDownMargin .homeBackgroundThree .seoText {
    position: absolute;
    left: 30%;
    top: 10%;
}

.car-evalute .dropDownMargin .homeBackgroundThree .seoText .textSet {
    font-size: 1.5vw;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundThree .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundThree .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundThree .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundThree .seoText .textSet {
        font-size:2vw;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundThree .seoText .textSet {
        font-size:2.5vw;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundThree .seoText .textSet {
        font-size:3vw;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundThree .seoText .textSet {
        font-size:3vw;
    }
}

.car-evalute .dropDownMargin .homeBackgroundFour {
    width: 100%;
    height: 30vh;
    background: linear-gradient(217deg, rgba(255, 0, 0, .8), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
    background-color: #8ea1fe;
    position: relative;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundFour {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
        background-size: 100%;
        height: 22vh;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundFour {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
        background-size: 100%;
        height: 22vh;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundFour {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
        background-size: 100%;
        height: 22vh;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundFour {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
        background-size: 100%;
        height: 13vh;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundFour {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
        background-size: 100%;
        height: 15vh;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundFour {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
        background-size: 100%;
        height: 16vh;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundFour {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
        background-size: 100%;
        height: 13vh;
        width: 100%;
    }
}

@media(max-width: 385px) {
    .car-evalute .dropDownMargin .homeBackgroundFour {
        background: linear-gradient(90deg, hsla(0, 0%, 100%, .9), rgba(255, 0, 0, 0) 70.71%),linear-gradient(-108deg, transparent 50px,#8ea1fe 0);
        background-size: 100%;
        height: 13vh;
    }
}

.car-evalute .dropDownMargin .homeBackgroundFour .seoText .textSet {
    font-size: 1.5vw;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .seoText .textSet {
        font-size:1.3vw;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .seoText .textSet {
        font-size:2vw;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .seoText .textSet {
        font-size:2.5vw;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .seoText .textSet {
        font-size:3vw;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .seoText .textSet {
        font-size:3vw;
    }
}

.car-evalute .dropDownMargin .homeBackgroundFour .pos {
    position: absolute;
    top: 40%;
    left: 75%;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .pos {
        top: 40%;
        left: 75%;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .pos {
        top: 20%;
        left: 71%;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .pos {
        top: 20%;
        left: 71%;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .pos {
        top: 13%;
        left: 75%;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .pos {
        top: 13%;
        left: 72%;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .pos {
        top: 13%;
        left: 65%;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundFour .pos {
        top: 13%;
        left: 59%;
    }
}

.car-evalute .dropDownMargin .homeBackgroundFour img {
    width: 100px;
    height: 100px;
}

@media(max-width: 1920px) {
    .car-evalute .dropDownMargin .homeBackgroundFour img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 1596px) {
    .car-evalute .dropDownMargin .homeBackgroundFour img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 1347px) {
    .car-evalute .dropDownMargin .homeBackgroundFour img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 992px) {
    .car-evalute .dropDownMargin .homeBackgroundFour img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 835px) {
    .car-evalute .dropDownMargin .homeBackgroundFour img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 576px) {
    .car-evalute .dropDownMargin .homeBackgroundFour img {
        width: 90px;
        height: 90px;
    }
}

@media(max-width: 472px) {
    .car-evalute .dropDownMargin .homeBackgroundFour img {
        width: 88px;
        height: 88px;
    }
}

@media(max-width: 385px) {
    .car-evalute .dropDownMargin .homeBackgroundFour img {
        width: 77px;
        height: 77px;
    }
}


/*car financing*/
.save-info .formDiv {
    width: 60%;
    padding: 10px 20px 10px 20px;
}

@media (max-width: 1920px) {
    .save-info .formDiv {
        width: 70%;
    }
}

@media (max-width: 992px) {
    .save-info .formDiv {
        width: 90%;
    }
}

@media (max-width: 576px) {
    .save-info .formDiv {
        width: 98%;
    }
}

.save-info .formDiv {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.save-info .formDiv .inputSetup {
    width: 100%;
    height: 50px;
}

.save-info .formDiv .TextColor {
    color: red;
}

.save-info .formDiv .pModify {
    margin-bottom: 0.2rem;
}

.save-info .formDiv .bgColor {
    background-color: #0087d7;
}

.save-info .formDiv .g-recaptcha {
    transform: scale(1);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

@media (max-width: 992px) {
    .save-info .formDiv .g-recaptcha {
        transform: scale(0.85);
    }
}

@media (max-width: 576px) {
    .save-info .formDiv .g-recaptcha {
        transform: scale(0.77);
    }
}

/*  TESTIMONIALS
----------------------*/

.owl-carousel .owl-item img.client-img {
    width: 110px;
    margin: 30px auto;
    border-radius: 50%;
.testimonials-single {
    text-align: center;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
}

    max-width: 80%;
    margin: 0 auto;
}

.blockquote {
    color: #7a767a;
    font-weight: 300;
}

.owl-next.disabled,
.owl-prev.disabled {
    opacity: 0.5;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 60px;
}

.owl-theme .owl-dots .owl-dot span {
    background: #e7d9eb;
    width: 35px;
    height: 8px;
    border-radius: 10px;
    transition: all 0.3s ease-in;
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff487e;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #ff487e;
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
}


/*  IMAGE GALLERY
----------------------*/
.img-gallery .owl-dots {
    display:none;
}
.img-gallery .owl-stage {
    z-index:10;
}
.img-gallery.owl-carousel.owl-drag .owl-item {
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.07);
    transform: scale(0.8);
    transition: all 0.3s ease-in;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
    background-size: cover;
}

.img-gallery.owl-carousel.owl-drag  .owl-item.center {
    transform: scale(1);
}

.box-color-1 {
    --list: #afe3fc, #10c1ff;
    --grad: linear-gradient(45deg, var(--list));
    position: relative;
    border: solid 4px #0000;
    aspect-ratio: 7/ 10;
    border-radius: 1em;
    background: conic-gradient(rgb(0 0 0/ .75) 0 0) padding-box, var(--grad) border-box;
}
.box-color-1:nth-child(1)::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--grad);
    filter: blur(.75em);
    content: ''
}

.box-color-2 {
    --list: #f4a703, #ff0058;
    --grad: linear-gradient(45deg, var(--list));
    position: relative;
    border: solid 4px #0000;
    aspect-ratio: 7/ 10;
    border-radius: 1em;
    background: conic-gradient(rgb(0 0 0/ .75) 0 0) padding-box, var(--grad) border-box;
}
.box-color-2:nth-child(1)::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--grad);
    filter: blur(.75em);
    content: ''
}

.box-color-3 {
    --list: #4dff03, #00d0ff;
    --grad: linear-gradient(45deg, var(--list));
    position: relative;
    border: solid 4px #0000;
    aspect-ratio: 7/ 10;
    border-radius: 1em;
    background: conic-gradient(rgb(0 0 0/ .75) 0 0) padding-box, var(--grad) border-box;
}
.box-color-3:nth-child(1)::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--grad);
    filter: blur(.75em);
    content: ''
}
/*
.box-color {
    --list: #ffbc00, #ff0058;
    --grad: linear-gradient(45deg, var(--list));
    position: relative;
    border: solid 4px #0000;
    aspect-ratio: 7/ 10;
    border-radius: 1em;
    background: conic-gradient(rgb(0 0 0/ .75) 0 0) padding-box, var(--grad) border-box;
    &:nth-child(2)

{
    --list: #03a9f4, #ff0058
}

&:nth-child(3) {
    --list: #4dff03, #00d0ff
}

&::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--grad);
    filter: blur(.75em);
    content: ''
}
}*/


.section.light-bg {
    background-color: orange;
    padding: 20px; /* 你可以根據需要調整這個值 */
    justify-content: center;
}

    .section.light-bg .container {
        background-color: #f9f9f9; /* 保持原來的背景色 */
        padding: 0px; /* 你可以根據需要調整這個值 */
        border-radius: 10px; /* 這個是可選的，用來增加圓角效果 */
        justify-content: center;
        align-items: center;
    }

.container {
    background-color: #d1f3ff;
    padding: 15px; /* 根據需要調整內邊距 */
    border-radius: 20px; /* 可選，增加圓角效果 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加陰影效果 */
}










main {
    background-color: #92cee3; /* 設置背景色 */
    padding: 0px; /* 根據需要調整內邊距 */
    min-height: 90vh;
}

.btn-primary {
    border-radius: 3px;
    background-image: -moz-linear-gradient( 122deg, ##74bbbf 0%, #0a58ca 100%);
    background-image: -webkit-linear-gradient( 122deg, ##74bbbf 0%, #0a58ca 100%);
    background-image: -ms-linear-gradient( 122deg, ##74bbbf 0%, #0a58ca 100%);
    background-image: linear-gradient( 122deg, ##74bbbf 0%, #0a58ca 100%);
    box-shadow: 0px 9px 32px 0px rgba(0, 0, 0, 0.2);
    font-weight: 500;
    padding: 0.6rem 2rem;
    border: 0;
    background-color: #15b7bc;
}

.section <style >
/* AI Css */
.chat-container {
    height: 600px;
    overflow-y: auto;
    padding: 15px;
    background-color: #e6f3ff;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.message-container {
    display: flex;
    margin-bottom: 15px;
    align-items: flex-start;
}

.bot-message {
    flex-direction: row;
}

.user-message {
    flex-direction: row-reverse;
}

.avatar img {
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.message-bubble {
    max-width: 70%;
    padding: 12px 15px;
    border-radius: 15px;
    margin: 0 10px;
}

.user-message .message-bubble {
    background-color: #007bff;
    color: white;
}

.bot-message .message-bubble {
    background-color: white;
    color: #333;
}

.selection-area {
    margin-top: 10px;
}

    .selection-area select {
        background-color: white;
        border: 1px solid #ddd;
    }



.container-item {
/*        width: 700px;*/
/*    height: 452px;*/
    width: 80%;
    background-color: #177099;
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
    box-shadow: -3px -3px 3px 0 rgba(38, 230, 247, 0.6), 3px 3px 3px 0 rgba(247, 89, 228, 0.6), 0 0 6px 2px rgba(255, 231, 89, 0.6), 0 35px 25px -15px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin: 50px 10px;
}

    .container-item > span {
        position: relative;
        top: 45%;
    }

    .container-item:before,
    .container-item:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-image: linear-gradient(115deg, transparent 0%, #00e7ff 30%, #ff00e7 70%, transparent 100%);
        background-position: 0% 0%;
        background-repeat: no-repeat;
        background-size: 300% 300%;
        mix-blend-mode: color-dodge;
        opacity: 0.2;
        z-index: 1;
    }

    .container-item:after {
        background-image: none;
        background-position: center;
        background-size: 180%;
        mix-blend-mode: color-dodge;
        opacity: 1;
        z-index: 2;
    }

    .container-item.active:before {
        opacity: 1;
        animation: none;
        transition: none;
        background-image: linear-gradient(115deg, transparent 0%, transparent 25%, rgba(0, 231, 255, 0.7) 45%, rgba(255, 0, 231, 0.7) 55%, transparent 70%, transparent 100%);
    }

    

.operator {
    display: inline-block;
    vertical-align: middle;
    font-size: 45px;
}

@keyframes holoSparkle {
    0% {
        opacity: 0;
    }

    12% {
        opacity: 1;
    }

    70% {
        opacity: 0.5;
    }

    95% {
        opacity: 0.2;
    }
}

@keyframes holoGradient {
    3% {
        opacity: 0;
    }

    5% {
        background-position: 0% 0%;
    }

    7% {
        opacity: 0.5;
    }

    9% {
        background-position: 100% 100%;
    }

    11% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        background-position: 100% 100%;
    }

    55% {
        opacity: 0.3;
    }

    70% {
        opacity: 0;
        background-position: 0% 0%;
    }
}