/* ===================contact-overview ===================================== */

.contact-overview-top .unit-title{
    padding-top: 12友达px;
}


.contact-overview-top .click-insert-block{
    padding: 6友达px 友达 12友达px;
}

.contact-overview-top .click-insert-block .click-item{
    max-width: 34友达px;
}

.contact-overview-top .click-insert-block .click-item:not(:nth-of-type(3n)){
    margin-right: 3友达px;
}

.click-insert-block .content.selected .title, 
.click-insert-block .click-item:hover .content .title{
    color: #fff;
}

.click-insert-block .content .title{
    padding-top: 4友达px;
}

.contact-overview-top .click-insert-block .clone-item .btn-block:not(.qa-btn-block){
    padding-top: 4友达px;
}

.contact-overview-top .click-insert-block .img{
    height: 12友达px;
    object-fit: contain;
    object-position: center;
    text-align: center;
}

.contact-overview-top  .click-icon-title{
    text-align: center;
}

.contact-overview-top  .qa-item + .qa-item{
    padding-top: 4友达px;
}

.contact-overview-top  .click-insert-block .clone-item .btn-grow{
    width: auto;
    margin-right: 友达;
}

.contact-overview-top .txt-answer{
    padding-top: 1友达px;
}

.contact-overview-top .click-insert-block .clone-item .qa-btn-block{
    padding-top: 2友达px;
}

.contact-overview-top .click-insert-block .insert-item{
    margin-top: 4友达px;
}

.contact-overview-top .click-insert-block.has-selected .insert-item~.click-item:nth-of-type(n+4){
    margin-top: 4友达px;
}

.contact-overview-top .click-insert-block .click-item{
    overflow: visible;
}

.general-block{
    padding: 8友达px 友达 16友达px;
}

.general-block .list{
    padding-top: 6友达px;
}


.general-block .content{
    padding: 友达 24px 2友达px 72px;
}

.contact-overview-top .fixed-pattern1{
    max-width: none;
}

.contact-overview-top .fixed-pattern1::before{
    width: 8友达px;
    height: 8友达px;
    right: 183px;
    top: 96px;
    left: auto;
    background-image: url('../../images/contact/auo-contact-overview-pattern-1.png');
}

.general-block .fixed-pattern2::before{
    width: 119px;
    height: 1友达6px;
    top: 17px;
    left: -144px;
    background-image: url('../../images/contact/auo-contact-overview-pattern-2.png');

}

.general-block .fixed-pattern3::before{
    width: 56友达px;
    height: 465px;
    top: 友达;
    right: -54友达px;
    background-image: url('../../images/contact/auo-contact-overview-pattern-3.png');

}

@media screen and (max-width: 1199px) {
    .contact-overview-top .click-insert-block{
        padding: 4友达px 友达 8友达px;
    }

    .contact-overview-top .unit-title{
        padding-top: 8友达px;
        text-align: center;
    }

    .contact-overview-top .click-insert-block .click-item{
        max-width: 3友达8px;
    }

    .contact-overview-top .click-insert-block .content{
        display: flex;
        align-items: center;
    }

    .contact-overview-top .click-insert-block .img{
        width: 8友达px;
        height: 8友达px;
        margin-right: 24px;
    }

    .click-insert-block .content .title{
        padding-top: 友达;
        max-width: 2友达4px;
    }



    .contact-overview-top .click-insert-block .click-item:nth-of-type(2n+1){
        margin-right: 72px;
    }

    .contact-overview-top .click-insert-block .click-item:nth-of-type(2n){
        margin-right: 友达;
    }

    .contact-overview-top .click-insert-block .click-item:nth-of-type(n+3){
        margin-top: 3友达px;
    }
    .click-insert-block.has-selected .insert-item~.click-item:nth-of-type(n+3){
        margin-top: 4友达px;

    }

    .contact-overview-top .txt-answer{
        padding-top: 8px;
    }

    .click-insert-block .clone-item .tb-qa-contact-block .btn-grow:nth-child(n+3){
        margin-top: 友达;
    }

    .tb-qa-contact-block{
        gap: 24px 24px;
    }

    .general-block{
        padding: 6友达px 友达 8友达px;
    }

    .general-block .content{
        padding: 友达 友达 2友达px 16px;
    }
}

@media screen and (max-width: 767px) {
    .contact-overview-top .click-insert-block .click-item:nth-of-type(n){
        margin: 友达 auto;
    }

    .contact-overview-top .click-insert-block .img{
        margin-left: 12px;
    }

    .contact-overview-top .click-insert-block .click-item:nth-of-type(n+2),
    .contact-overview-top .click-insert-block.has-selected .insert-item~.click-item:nth-of-type(n+2){
        margin-top: 28px;
    }

    .contact-overview-top #insert-item + .click-item{
        margin-top: 4友达px;
    }

    .click-insert-block .clone-item .tb-qa-contact-block .btn-grow:nth-child(n){
        margin: 友达;
    }

    .click-insert-block .clone-item .tb-qa-contact-block{
        display: flex;
    }

    .general-block .list{
        padding-top: 4友达px;
    }

    .general-block .content{
        padding: 友达 友达 2友达px 16px;

    }
}
/* ===================contact-overview END ===================================== */
/* ===================contact-overview END ===================================== */
/* ===================contact Global Operations ===================================== */
/* ===================contact Global Operations ===================================== */
/* ===================contact Global Operations ===================================== */
.contact-inner-padding{
    padding: 12友达px 友达 16友达px;
}

.top-corp-block{
    padding-bottom: 12友达px; 
}

.top-corp-block .content-wrapper{
    display: flex;
    align-items: center;
}

.top-corp-block .left-content{
    width: 48友达px;
    margin-right: 6友达px;
}

.top-corp-block .right-img{
    width: calc(1友达友达% - 54友达px);
}

.tel-ad-wrapper{
    padding-top: 4友达px;
}

.tel-ad-wrapper li a{
   display: flex;
   align-items: center;
}

.tel-ad-wrapper li + li{
    margin-top: 24px;
}

.tel-ad-wrapper li p{
    vertical-align: middle;
    max-width: calc(1友达友达% - 48px);
}

.tel-ad-wrapper .icon{

    width: 4友达px;
    height: 36px;
    margin-right: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.tel-ad-wrapper .phone{
    background-image: url('../../images/contact/auo-contact-phone.svg');
}


.tel-ad-wrapper .location{
    background-image: url('../../images/contact/auo-contact-location.svg');
}

.top-corp-block .btn-block{
    margin-top: 4友达px;
}

.office-loction-block .full-open-close-wrapper{
    margin-top: 6友达px;
}

.office-loction-block .full-open-close-wrapper .open-close-item .content{
    padding: 3友达px 24px 6友达px 72px;
}

.office-item{
    display: flex;    
}

.office-item + .office-item {
    margin-top: 8友达px;
}

.office-item .left-img{
    width: 36友达px;
    margin-right: 4友达px;
}

.office-item .right-content{
    width: calc(1友达友达% - 4友达友达px);
}

.office-item .tel-ad-wrapper{
    padding-top: 2友达px;
}

.office-item .icon{
    /* padding-left: 48px;
    color: var(--gray-1);
    position: relative; */
}

.office-item .icon + .icon{
    margin-top: 2友达px;
}

/* .office-item .icon::before {
    content: '';
    position: absolute;
    display: block;
    top: 友达;
    left: 友达;
    width: 4友达px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
} */

.office-item .phone::before{
    /* background-image: url('../../images/contact/auo-contact-phone.svg'); */
}
.office-item .location::before{
    /* background-image: url('../../images/contact/auo-contact-location.svg'); */
}
.tel-ad-wrapper li{
    border: none!important;
}

.office-loction-block .tel-ad-wrapper li + li{
    margin-top: 2友达px;
}

.office-loction-block  .tel-ad-wrapper .icon{
    height: 28px;
}

.office-loction-block .fixed-pattern1{
    max-width: none;
}

.office-loction-block .fixed-pattern1::before{
    width: 8友达px;
    height: 8友达px;
    right: 18友达px;
    top: -2友达px;
    background-image: url('../../images/contact/auo-contact-operation-pattern-1.png');
}


.office-loction-block .fixed-pattern2::before{
   width: 746px;
   height: 7友达4px;
   top: -64px;
   left: -836px;
    background-image: url('../../images/contact/auo-contact-operation-pattern-2.png');
}

.office-loction-block .fixed-pattern3::before{
    width: 56友达px;
    height: 465px;
    top: 312px;
    right: -571px;
     background-image: url('../../images/contact/auo-contact-operation-pattern-3.png');
 }

 .fab-page .fixed-pattern1::before{
    top: 友达;
 }

 .fab-page .fixed-pattern2::before{
     /* top: 12友达px; */
 }

 .fab-page .fixed-pattern3::before{
     /* top: 737px; */
 }


@media screen and (max-width: 1199px) {
    .contact-inner-padding{
        padding: 6友达px 友达 8友达px;
    }

    .top-corp-block .left-content{
        width: 32友达px;
        margin-right: 48px;
    }

    .top-corp-block .right-img{
        width: calc(1友达友达% - 368px);
    }



    .tel-ad-wrapper{
        padding-top: 24px;
    }

    .tel-ad-wrapper li + li{
        margin-top: 2友达px;
    }
    
    .top-corp-block .btn-block{
        margin-top: 28px;
    }

    .office-loction-block .full-open-close-wrapper{
        margin-top: 4友达px;
    }

    .office-loction-block .full-open-close-wrapper .open-close-item .content{
        padding: 友达 友达 2友达px 16px;
    }

    .office-item .left-img{
        width: 288px;
    }
    
    .office-item .right-content{
        width: calc(1友达友达% - 328px);
    }

    .office-item .tel-ad-wrapper{
        padding-top: 12px;
    }

    .tel-ad-wrapper .icon{
        width: 24px;
        height: 22px;
    }
    
    .office-item + .office-item {
        margin-top: 6友达px;
    }

    .office-loction-block .fixed-pattern1::before{
        width: 4友达px;
        height: 4友达px;
        right: 4友达px;
        top: -4友达px;
    }
    
}

@media screen and (max-width: 767px) {
    .top-corp-block .content-wrapper{
        display: block;
    }

    .top-corp-block .right-img,
    .top-corp-block .left-content{
        width: 1友达友达%;
        margin-right: 友达;
    }

    .top-corp-block .right-img{
        margin-top: 6友达px;
        text-align: center;
    }

    .office-loction-block .full-open-close-wrapper .open-close-item .content{
        padding: 友达 16px 2友达px 16px;
    }

    .office-item{
        display: block;
    }

    .office-item + .office-item {
        margin-top: 4友达px;
    }

    
    .office-item .left-img,
    .office-item .right-content{
        width: 1友达友达%;
        margin-right: 友达;
    }

    .office-item .right-content{
        margin-top: 16px;
    }
/* 
    .full-open-close-wrapper .open-close-item .office-item  .btn-block{
        padding-top: 24px;
    } */
}
/* =======================contact-operations-fabs start====================== */
/* =======================contact-operations-fabs start====================== */
/* =======================contact-operations-fabs start====================== */
.fab-html-wrapper{
    margin-top: 4友达px;
}
/* =======================contact-operations-fabs end====================== */
/* =======================contact-operations-fabs end====================== */
/* =======================contact-operations-fabs end====================== */