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

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

.chart1 {
    width: 1200px;
    display: none;
}

.vid1 {
    width: 560px;
    float: left;
}

.vid2 {
    width: 560px;
    float: right;
}

.vid1 iframe {
    width: 560px;
    height: 315px;
}

.vid2 iframe {
    width: 560px;
    height: 315px;
}

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

.chart5 {
    width: 1200px;
    margin: auto;
    display: none;
}

.list1 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list1 li {
    width: 25%;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

.list1 li .cover {
    height: 150px;
}

.list1 li .title {
    padding: 15px 20px;
    border: solid 1px #fff;
    color: #fff;
    background: #4472c4;
}

.list1 li .link {
    padding: 10px 0;
    display: none;
    border: solid 1px #fff;
    background: #eaeff7;
}

.list1 li .linkCH:lang(tw) {
    display: block;
}

.list1 li .linkEN:lang(en) {
    display: block;
}

.list1 li .link .deadline {
    margin: 5px 0 0;
    font-size: 14px;
    color: #808080;
}

.gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gallery li {
    width: 33.3%;
    margin: 0 auto 20px;
    padding: 0;
    float: left;
}

.gallery li .awardPic {
    height: 250px;
}

.gallery li:nth-child(1) .awardPic {
    background: url(../img/governance_25.png) center no-repeat;
    background-size: contain;
}

.gallery li:nth-child(2) .awardPic {
    background: url(../img/governance_26.png) center no-repeat;
    background-size: contain;
}

.gallery li:nth-child(3) .awardPic {
    background: url(../img/governance_27.png) center no-repeat;
    background-size: contain;
}

.gallery li:nth-child(4) .awardPic {
    background: url(../img/governance_32.png) center no-repeat;
    background-size: contain;
}

.gallery li:nth-child(5) .awardPic {
    background: url(../img/governance_33.png) center no-repeat;
    background-size: contain;
}

.gallery li:nth-child(6) .awardPic {
    background: url(../img/governance_34.png) center no-repeat;
    background-size: contain;
}

.gallery li .awardName {
    margin: 10px 0 0;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
}

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

.gallery2 li {
    width: 33.3%;
    padding: 0;
    float: left;
}

.gallery2 li .awardPic {
    height: 250px;
}

.gallery2 li:nth-child(1) .awardPic {
    background: url(../img/governance_28.png) center no-repeat;
    background-size: contain;
}

.gallery2 li:nth-child(2) .awardPic {
    background: url(../img/governance_29.png) center no-repeat;
    background-size: contain;
}

.gallery2 li:nth-child(3) .awardPic {
    background: url(../img/governance_30.png) center no-repeat;
    background-size: contain;
}

.gallery2 li .awardName {
    margin: 10px 0 0;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    font-size: 12px;
}

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

.gallery3 li {
    width: 50%;
    padding: 0;
    box-sizing: border-box;
    float: left;
}

.gallery3 li:nth-child(1) {
    padding: 0 40px 0 0;
}

.gallery3 li img {
    width: 100%;
}

@media screen and (min-width: 1px) and (max-width: 1200px) {    
    .vid1 {
        width: 100%;
        float: none;
    }
    
    .vid2 {
        width: 100%;
        float: none;
    }
    
    .vid1 iframe {
        width: 330px;
        height: 185px;
    }

    .vid2 iframe {
        width: 330px;
        height: 185px;
    }
    
    .list1 li {
        width: 100%;
        float: left;
        text-align: center;
    }
    
    .list1 li:first-child {
        width: 100%;
    }

    .list1 li:nth-child(2) {
        width: 100%;
    }
    
    .list1 li .title {
        margin: 30px 0 0;
    }

    .gallery li {
        width: 100%;
        margin: 0 0 50px;
    }

    .gallery2 li {
        margin: 0 0 50px;
    }

    .gallery2 li:nth-child(1) {
        width: 100%;
    }
    
    .gallery2 li:nth-child(2) {
        width: 100%;
    }
    
    .gallery2 li:nth-child(3) {
        width: 100%;
    }

    .gallery3 li {
        width: 100%;
    }

    .gallery3 li:nth-child(1) {
        margin: 10px;
        padding: 0;
    }
}