.chartTW:lang(tw) {
    display: block;
}

.chartEN:lang(en) {
    display: block;
}

.chart1 {
    width: 1000px;
    margin: auto;
    display: none;
}

.gallery1 {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gallery1 li {
    width: 23%;
    height: 200px;
    margin: 10px 1%;
    box-sizing: border-box;
    float: left;
}

.gallery1 li:nth-child(1) {
    background: url(../img/governance_09.jpg) center no-repeat;
    background-size: cover;
}

.gallery1 li:nth-child(2) {
    background: url(../img/governance_10.jpg) center no-repeat;
    background-size: cover;
}

.gallery1 li:nth-child(3) {
    background: url(../img/governance_11.jpg) center no-repeat;
    background-size: cover;
}

.gallery1 li:nth-child(4) {
    background: url(../img/governance_12.jpg) center no-repeat;
    background-size: cover;
}

.gallery2 {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gallery2 li {
    width: 23%;
    height: 200px;
    margin: 10px 1%;
    box-sizing: border-box;
    float: left;
}

.gallery2 li:nth-child(1) {
    background: url(../img/governance_13.jpg) center no-repeat;
    background-size: cover;
}

.gallery2 li:nth-child(2) {
    background: url(../img/governance_14.jpg) center no-repeat;
    background-size: cover;
}

.gallery2 li:nth-child(3) {
    background: url(../img/governance_15.jpg) center no-repeat;
    background-size: cover;
}

.gallery2 li:nth-child(4) {
    background: url(../img/governance_16.jpg) center no-repeat;
    background-size: cover;
}

.gallery3 {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gallery3 li {
    width: 31%;
    height: 200px;
    margin: 10px 1%;
    box-sizing: border-box;
    float: left;
}

.gallery3 li:nth-child(1) {
    background: url(../img/governance_19.jpg) center no-repeat;
    background-size: cover;
}

.gallery3 li:nth-child(2) {
    background: url(../img/governance_20.jpg) center no-repeat;
    background-size: cover;
}

.gallery3 li:nth-child(3) {
    background: url(../img/governance_21.jpg) center no-repeat;
    background-size: cover;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {
    .gallery1 li {
        width: 100%;
        height: 200px;
        margin: 10px 0;
        float: none;
    }
    
    .gallery2 li {
        width: 100%;
        height: 200px;
        margin: 10px 0;
        float: none;
    }
    
    .gallery3 li {
        width: 100%;
        height: 200px;
        margin: 10px 0;
        float: none;
    }
}