.main-content{width: 100%;  float: left; padding-top: 45px;}
.block-top, .wp-content{width: 100%; float: left; padding: 0 5%;}
.wp-content{padding: 60px 5% 0 5%;}
.no-edit .block-top .title-page{position: inherit; left: auto; bottom: auto!important; width: 100%; float: left; background-color: transparent; padding: 0 45px;}
.block-top .title-page h1{width: auto; float: left; background-color: #000;}
.contianer-content{padding: 0 45px;}

.block-table{display: table; width: 100%; height: 100%;}
.block-table-cell{display: table-cell; float: none; width: 100%;}
.block-table-cell.vertical-middle{vertical-align: middle;}

.block-list{width: auto; float: none; margin-left: -20px;    display: flex;flex-wrap: wrap;}
.block-list .block-item{width: 50%; float: left; padding-left: 20px; margin-bottom: 20px;}
.block-list .block-item div{width: 100%; float: left;}
.block-list .block-item .item{position: relative;}
.block-list .block-item .item-cover img{width: 100%; height: auto;}
.block-list .block-item .item-content{position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0;}
.block-list .block-item .item-content>div{width: 50%; height: 100%; float: right;}
.block-list .block-item .content-right{padding: 10% 30px 30px; background-color: rgba(0,0,0,.80); overflow-y: auto;}
.block-list .block-item .content-right p{color: #fff; font-size: 18px;}
.block-list .block-item .content-right p strong{color: #feed01;}
.block-list .block-item .content-left{ 
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    align-items: center;
    background-color: #FFF;
}
.block-list .block-item .content-left .block-table-cell{float: none; text-align: center;}
.block-list .block-item .content-left img{display: inline-block;}

.block-list .block-item .item:hover .item-content{opacity: 1;}
.block-list .block-item .item .item-content,
.block-list .block-item .item:hover .item-content{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.block-content{width: 100%; float: left;}
.block-content .background-color{width: 100%; float: left; padding: 40px;}
.block-content .background-color p{color: #000; font-size: 16px;}

.block-content .block-content-section{width: 100%; float: left; margin-bottom: 60px; overflow-x: auto;}
.block-content .block-content-section:last-child{margin-bottom: 0;}
.block-content .block-content-section table{color: #999999;}
.block-content .block-content-section table p{margin-bottom: 0;}
.block-content .block-content-section>table>tbody>tr>td{padding: 15px 30px;}
.block-content .block-content-section>table>tbody>tr:first-child>td:last-child{width: 150px;}
.block-content .block-content-section>table>tbody>tr{background-color: #f7f7f7;}
.block-content .block-content-section>table>tbody>tr:nth-child(even){background-color: #fff;}
.block-content .block-content-section>table>tbody>tr:first-child{
    background-color: #000;
    color: #FFF;
}
.block-content .block-content-section table>tbody>tr:first-child{
    color: #FFF;
}
.block-content .block-content-section table table tr>td{width: 25%;}
.block-content .block-content-section table tr>td:first-child{padding-left: 30px;}

@media(max-width: 1600px){
    .block-top{padding: 0 10%;}
    .wp-content{padding: 60px 10% 0;}
    .no-edit .block-top .title-page{padding: 0;}
    .contianer-content{padding: 0;}
}
@media(max-width: 1400px){
    .block-top{padding: 0 5%;}
    .wp-content{padding: 60px 5% 0;}
}
@media(max-width: 1180px){
    .block-content .block-content-section>table{width: 1280px!important;}
}
@media(max-width: 1023px){
    .block-list .block-item{width: 100%;}
}
@media(max-width: 479px){
    .block-list .block-item .item-content{position: inherit; top: auto; right: auto; bottom: auto; left: auto; opacity: 1;}
    .block-list .block-item .item-content>div{width: 100%; float: left;}
    .block-list .block-item .content-right{background-color: #000;}
}