/* core-content */
.core-content{
    padding: 120px 0;
}

/* quality-control */
.quality-block{
    background-color: var(--auo-blue);
    padding: 120px 0;
    position: relative;
}

.quality.fixed-pattern{
    position: relative;
        max-width: none;
        top: 0;
        left: 50%;
        width: 1920px;
}

.quality.fixed-pattern1{
    z-index: 2;
    
}

.quality.fixed-pattern1::before{
    width: 314px;
    height: 283px;
    background-image: url(/template/images/common/auo-core-pattern-1.png);
    top: -130px;
    right: 70px;
}

/* supply-chain */
.supply-block{
    padding: 120px 0;
}

.supply.fixed-pattern{
    max-width: none;
}

.supply.fixed-pattern2::before{
    width: 100px;
    height: 107px;
    background-image: url(/template/images/common/auo-core-pattern-2.png);
    top: -63px;
    left: 160px;
}



@media screen and (max-width: 1199px) {
/* core-content */
.core-content {
    padding: 80px 0;
}

/* quality-control */
.quality-block{
    padding: 80px 0;
}

.quality.fixed-pattern1::before {
    width: 181px;
    height: 163px;
    top: -70px;
    right: 510px;
}

/* supply-chain */
.supply-block {
    padding: 175px 0 80px 0;
}

.supply.fixed-pattern2::before{
    width: 68px;
    height: 75px;
    left: 40px;
    top: -130px;
}

}

@media screen and (max-width: 767px) {

/* quality-control */
.quality-block {
    background-color: var(--auo-blue);
    padding: 123px 0 80px 0;
}

.quality.fixed-pattern1::before{
    right: 720px;
}

/* supply-chain */
.supply.fixed-pattern2::before{
    left: 20px;
}

}