#Csr .Top {
    background-image: url(../../_Image/csr/126.jpg);
}

.Top:not(#ProductDetail .Top) .Container {
    background: -moz-linear-gradient(left, rgb(255 255 255 / 60%) 33%, transparent 100%);
    background: -webkit-linear-gradient(left, rgb(255 255 255 / 60%) 33%, transparent 100%);
    background: linear-gradient(to right, rgb(255 255 255 / 60%) 33%, transparent 100%);
}

.Body #Building {
    background-color: #e9eaef;
}

.Body #Building .Wapper {
    padding: 150px 0;
}

.Body #Building .Wapper h2 {
    text-align: center;
}

.Body #Building .Wapper .TagList {
    margin: 55px auto;
    text-align: center;
}

.Body #Building .Wapper .TagList .TagItem {
    margin: 20px;
    padding: 5px 0;
    color: #777;
    font-weight: 400;
    cursor: pointer;
    transition: all .2s;
    border-bottom: 1px solid transparent;
}

.Body #Building .Wapper .TagList .TagItem.Selected,
.Body #Building .Wapper .TagList .TagItem:hover {
    color: #3c89cc;
}

.Body #Building .Wapper .TagList .TagItem.Selected {
    border-bottom: 1px solid #3c89cc;
}

.Body #Building .Wapper .ImgList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.Body #Building .Wapper .ImgList .ImgItem {
    display: none;
    width: calc(50% - 10px);
    border-radius: 15px;
}

.Body #Building .Wapper .ImgList .ImgItem:nth-child(1),
.Body #Building .Wapper .ImgList .ImgItem:nth-child(2) {
    display: block;
}

.Body #Building .Wapper .ImgList .ImgItem:nth-child(7),
.Body #Building .Wapper .ImgList .ImgItem:nth-child(8),
.Body #Building .Wapper .ImgList .ImgItem:nth-child(9) {
    width: calc(33% - 10px);
}

.Body #Competition .Wapper {
    padding: 150px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.Body #Competition h2 {
    width: 100%;
    margin: 0 0 50px 0;
}

.Body #Competition h3 {
    margin: 0 0 1em 0;
    text-align: left;
}

.Body #Competition .Container {
    padding: 100px 0 150px 0;
}

.Body #Competition .Container .More {
    margin: 50px auto auto auto;
}

.Body #Competition p {
    padding: 2em;
    width: calc(50% - 10px);
}

.Body #Competition img {
    width: calc(47% - 10px);
    border-radius: 15px;
}

.Body #Competition img.Sub {
    width: calc(25% - 15px);
}

.Body #Email {
    margin: 50px auto auto auto;
    text-align: center;
}

.Body #Email .MainButton {
    margin: 20px auto auto auto;
    padding: 15px 40px 15px 30px;
    width: 280px;
    height: 50px;
    display: block;
    font-size: 16px;
}

.Body #Email .MainButton span {
    left: 40px;
}

.Body #Email .MainButton::before {
    height: 50px;
}

.Body #Email .MainButton::after {
    float: right;
    transform: translateY(1px);
    background-image: url(../../_Image/email.png);
    padding: 0 0 0 105px;
}

.Body #Email .MainButton:hover:after {
    transform: translateY(1px) translateX(10px);
}

.Body #Comprehensive {
    margin: 0 0 120px 0;
}

.Body #Comprehensive .Wapper .List {
    margin: 50px 0 0 0;
    gap: 30px;
}

.Body #Comprehensive .Wapper .List .Item {
    width: calc(33% - 16px);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(1):before {
    background-image: url(../../_Image/csr/115.jpg);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(2):before {
    background-image: url(../../_Image/csr/116.jpg);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(3):before {
    background-image: url(../../_Image/csr/118.jpg);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(4):before {
    background-image: url(../../_Image/csr/107-3.jpg);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(5):before {
    background-image: url(../../_Image/csr/114.jpg);
}

.Body #Comprehensive .Wapper .List .Item:nth-child(6):before {
    background-image: url(../../_Image/csr/106.jpg);
}

@media screen and (max-width:1439px) {
    .Body #Competition .Wapper {
        padding: 100px 100px 0 100px;
    }

    .Body #Comprehensive .Wapper {
        padding: 100px;
        width: 100%;
    }

    .Body #Comprehensive .Wapper .List .Item {
        width: calc(33% - 17px);
    }
}

@media screen and (max-width: 1249px) {
    .Body #Building .Wapper {
        padding: 100px;
        width: 100%;
    }

    .Body #Building .Wapper .ImgList .ImgItem:nth-child(7),
    .Body #Building .Wapper .ImgList .ImgItem:nth-child(8),
    .Body #Building .Wapper .ImgList .ImgItem:nth-child(9) {
        width: calc(33% - 11px);
    }

    .Body #Competition .Wapper {
        width: 100%;
    }

    .Body #Competition .Wapper h2 {
        width: 50%;
    }

    .Body #Competition .Wapper h2 span {
        white-space: nowrap;
    }

    .Body #Competition .Wapper p {
        padding: 0;
        width: 100%;
    }

    .Body #Comprehensive .Wapper .List {
        gap: 20px
    }

    .Body #Comprehensive .Wapper .List .Item {
        width: calc(50% - 10px);
    }
}

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

    .Body #Building .Wapper .ImgList .ImgItem:nth-child(7),
    .Body #Building .Wapper .ImgList .ImgItem:nth-child(8),
    .Body #Building .Wapper .ImgList .ImgItem:nth-child(9) {
        width: calc(50% - 10px);
    }

    .Body #Competition .Wapper h2 {
        margin: 0;
        width: 100%;
    }

    .Body #Competition img {
        width: 100%;
    }

    .Body #Competition img.Sub {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width:767px) {
    .Top:not(#ProductDetail .Top) {
        background-color: #ebecee;
    }

    .Top:not(#ProductDetail .Top)::before {
        background-position: 81% -105%;
        background-size: 206%;
        background-image: url(../../_Image/csr/126.jpg);
        mask: linear-gradient(to bottom, transparent 30%, #000 60%);
    }

    .Top:not(#ProductDetail .Top) .Container {
        background: none;
    }

    .Body #Building .Wapper {
        padding: 9.3vw;
    }

    .Body #Building .Wapper .TagList {
        margin: 10px 0 20px 0;
        display: flex;
        justify-content: space-between;
    }

    .Body #Building .Wapper .TagList .TagItem {
        margin: 0;
    }

    .Body #Building .Wapper .ImgList .ImgItem,
    .Body #Building .Wapper .ImgList .ImgItem:nth-child(7),
    .Body #Building .Wapper .ImgList .ImgItem:nth-child(8),
    .Body #Building .Wapper .ImgList .ImgItem:nth-child(9) {
        width: 100%;
    }

    .Body #Competition .Wapper {
        padding: 9.3vw;
    }

    .Body #Competition .Wapper h2 {
        text-align: center;
    }

    .Body #Competition h3 {
        margin: 0 0 .5em 0;
    }

    .Body #Competition img.Sub {
        width: 100%;
    }

    .Body #Competition .Container {
        padding: 9.3vw;
    }

    .Body #Competition .Container h3 span {
        white-space: nowrap;
    }

    .Body #Comprehensive .Wapper {
        padding: 9.3vw;
    }

    .Body #Comprehensive .Wapper .List {
        margin: 9vw 0 0 0;
    }

    .Body #Comprehensive .Wapper .List .Item {
        width: 100%;
    }
}