@charset "utf-8";

.main-intro-block .fixed-pattern1::before {
    width: 80px;
    height: 80px;
    background-image: url(../../images/solution/auo-solution-pattern1.png);
    top: 572px;
    right: -160px;
}

.main-video-block .fixed-pattern1::before {
    width: 114px;
    height: 99px;
    background-image: url(../../images/solution/auo-solution-pattern2.png);
    top: 8px;
    right: -140px;
}

.main-application-block {
    background-color: var(--auo-blue);
}

@media screen and (max-width: 1199px) {
    .main-intro-block .fixed-pattern1::before{
        width: 56px;
        height: 56px;
    }

    .main-video-block .fixed-pattern1::before{
        width: 78px;
        height: 68px;
    }
}

@media screen and (max-width: 768px){
    .main-video-block .title{
        text-align: left;
    }
}