.gov_ban{
    border-bottom-left-radius: 120px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    max-width: 1200px;
}

@media screen and (max-width:667px) {
    .gov_ban{
        width: 95%;
    }
}


/* 董事會治理 */
.major_bg{
    position: relative;
    background: url(../images/gov_bg1.jpg) center bottom no-repeat;
}

.major_bg::before{
    content: "";
    width: 100%;
    height: 100%;
    background: var(--grayColor);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
}

.org_bg{
    background: url(../images/gov_boa_left.svg)6% bottom no-repeat, url(../images/gov_boa_right.svg) 94% bottom no-repeat, linear-gradient(135deg, #ffffff 50%, #EEF9FE 100%);
}

.ope_bg{
    position: relative;
    background: url(../images/gov_bg2.jpg)center no-repeat;
    background-size: cover;
}

.ope_bg::before{
    content: "";
    width: 100%;
    height: 100%;
    background: var(--blueColor);
    position: absolute;
    left: 0;
    top: 0;
    opacity: .8;
}

.box2_item{
    position: relative;
    background: var(--whiteColor);
    padding: 2rem 2rem 2rem 5.5rem;
    border-radius: 20px 0 20px 0;
    width: calc(100% / 3 - 2rem);
    margin: 0.5rem 1rem;
}

.box2_item .num{
    width: 45px;
    height: 45px;
    line-height: 48px;
    background: var(--blueColor);
    border-radius: 50%;
    color: var(--whiteColor);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    text-align: center;
    position: absolute;
    left: 2rem;
    top: 2rem;   
}

@media screen and (max-width: 991px) {
    .box2_item{
        width: 100%;
    }
}

/* 氣候及營運風險管理 */
.cg_major_bg{
    position: relative;
    background: url(../images/gov_bg3.jpg) center bottom no-repeat;
    background-size: cover;
}

.cg_major_bg::before{
    content: "";
    width: 100%;
    height: 100%;
    background: var(--blueColor);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
}

.risk_bg{
    background: url(../images/gov_bg4.png) center bottom no-repeat;
}

.climate_risk_bg{
    position: relative;
    background: url(../images/gov_bg5.png) center bottom no-repeat;
}

.climate_risk_bg::before{
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #EEF9FE 50%, rgba(219,243,254,0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}


/* 法規遵循與內控 */
.Int_major_bg{
    position: relative;
    background: url(../images/gov_bg6.jpg) center bottom no-repeat;
    background-size: cover;
}

.Int_major_bg::before{
    content: "";
    width: 100%;
    height: 100%;
    background: var(--grayColor);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
}

.control_bg{
    position: relative;
    background: url(../images/gov_bg7.jpg)center no-repeat;
    background-size: cover;
}

.control_bg::before{
    content: "";
    width: 100%;
    height: 100%;
    background: var(--blueColor);
    position: absolute;
    left: 0;
    top: 0;
    opacity: .8;
}

.control_bg .card{
    border: 1px solid var(--mainColor);
}


/* 永續供應鏈 */
.supply_major_bg{
    position: relative;
    background: #EEF9FE;
    margin-bottom: 100px;
}

.supply_major_bg .triangle{
    background: #EEF9FE;
}

.box_item2 ul.list_icon3 li{
    padding-left: 2rem;
    margin-bottom: 0;
}

#ech-cir, #ech-cir2{
    width: 95%;
    height: 480px;
    margin: 0 auto;
}

.mea_aud{
    position: relative;
}

.mea_aud::before{
    content: "";
    width: 330px;
    height: 320px;
    background: url(../images/gov_img4.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 1rem;
    top: -180px;
}

.sup_box{
    position: relative;
    background: var(--grayColor);
}

.sup_box::before{
    content: "";
    width: 145px;
    height: 185px;
    background: url(../images/gov_img6.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 3rem;
    bottom: -120px;
}

@media screen and (max-width:991px) {
    .mea_aud::before{
        content: "";
        width: 250px;
        height: 243px;
    }
}

@media screen and (max-width:767px) {
    .mea_aud::before{
        content: "";
        width: 200px;
        height: 195px;
        top: -100px;
    }

    .sup_box::before{
        content: "";
        width: 100px;
        height: 130px;
        position: absolute;
        bottom: -80px;
    }
}