/* .vntCongress .paddingAll{
    padding-top: 80px;
} */
.gripTtForm{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    background-color: #1789c6;
    color: #ffffff;
}
.gripTtForm > div{
    width: 50%;
}
.gripTtForm .gripFrm{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    align-items: center;
    align-content: center;
}

.gripTtForm .gripFrm > div{
    padding: 0 5px;
    width: calc(100% - 110px);
}
.gripTtForm .gripFrm .colFrm:last-child{
    width: 110px;
}
.gripTtForm .searchIn{
    position: relative;
}
.gripTtForm .searchIn input{
    width: 100%;
    background-color: transparent;
    padding: 0 5px 0 40px;
    border: none;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}

.searchIn input::-webkit-input-placeholder { /* Edge */
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}
  
.searchIn input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}
  
.searchIn input::placeholder {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    font-style: italic;
}
.gripTtForm .searchIn button{
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.gripTtForm .gripFrm select { width: 100%; text-align: right; padding: 0 30px 0 10px; color: #ffffff; font-size: 16px; line-height: 24px; font-style: italic; border: none; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(../../../images/icon-down-hover.svg); background-position: 93%; background-size: 12px; background-repeat: no-repeat; }
    .gripTtForm .gripFrm select::-ms-expand { display: none; }


.gripTtForm .titleInfo{
    padding: 15px 30px;
    background-color: #004b89;
}
.gripTtForm .titleInfo h3{
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: bold;
}
.gripCongress { background: #f1f1f1; padding:20px 0px;}
.gripCongress > div{
    
}
.gripCongress .colL{
    width: calc(100% - 710px);
}
.gripCongress .colR{
    width: 710px;
}
    .gripCongress .decsConFom { height: 100%; background: #f1f1f1; padding-bottom: 0px; }
    .gripCongress .thumbCon img { width: 100%; }

/*  */
.decsConFom .gripTtForm{
    
}
.decsConFom .lstsInfoCon { background-color: #f1f1f1; margin-bottom: 20px; font-size: 16px; line-height: 24px; }
.box-list-dowload{position:relative; }
    .box-list-dowload h4 { width: 215px; height: 50px; font-size: 33px; color: #fff; background: #064d92; text-align: center; line-height: 50px; margin-bottom: 10px; }
        .box-list-dowload h4:after {content:''; position: absolute; right: -7px; top: 50%; margin-top: -8.5px; width: 0; height: 0; border-style: solid; border-width: 8.5px 0 8.5px 14px; border-color: transparent transparent transparent #064c92; display:none;}
    .box-list-dowload ul { margin-bottom: 40px; border-top: dashed 1px #333333; }
.lstsInfoCon .itemCon { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; padding: 16px 10px 17px 10px; border-bottom: 1px dashed #333333 }
    .lstsInfoCon .itemCon .nnname { width: calc(100% - 190px); }
.lstsInfoCon .itemCon .nndate{
    width: 130px;
    text-align: center;
}
    .lstsInfoCon .itemCon .nndown { width: 22px; text-align: center; }
.decsConFom .pagination ul{
    justify-content: flex-start;
}

/* infoShareTop */
.infoShareTop{
    margin-bottom: 60px;
}
.infoShareTop .gripShareT{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.infoShareTop .gripShareT > div{
    padding: 0 20px;
}
.infoShareTop .gripShareT .colL{
    width: 53%;
}
.infoShareTop .gripShareT .colR{
    width: 47%;
    padding-top: 0px;
}

.infoShareTop .gripShareT .thumb img{
    width: 100%;
}
.infoShareTop .contentShare .gripMM{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-bottom: 30px;
}
.infoShareTop .contentShare .gripMM > div{
    padding: 0 10px;
    width: 50%;
}
.contentShare .nameSha{
    color: #f5821f;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.contentShare .priShare{
    color: #015ba6;
    font-size: 30px;
    line-height: 45px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.contentShare .gripNumShare{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;

}
.contentShare .gripNumShare .colSm{
    padding: 0 5px;
    width: 50%;
    margin-bottom: 15px;
}
.contentShare .itemShare .txt{
    color: #505150;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
}  
.contentShare .itemShare .numSl{
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
}  
.contentShare .noteShare{
    color: #000000;
    font-size: 16px;
    line-height: 24px;
}

/* gripShareMain */
.gripShareMain{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-bottom: 50px;
}
.gripShareMain .colGr{
    width: 25%;
    padding: 0 15px;
}

.itemAction .thumb a{
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 77%;
}
.itemAction .thumb a img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.itemAction .decs{
    background-color: #ebebeb;
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
}
.itemAction .decs h3{
    height: 72px;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 24px;
}
.itemAction .decs .date{
    margin-bottom: 10px;
    color: #00aeef;
}
.itemAction .decs .tend{
    height: 72px;
    overflow: hidden;
    margin-bottom: 15px;
}
.itemActionRes{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.itemActionRes:last-child{
    margin-bottom: 0px;
}
.itemActionRes > div{
    width: 50%;
}
.itemActionRes .thumb{
    order: 2;
}
.itemActionBig .thumb a{
    padding-top: 370px;
}
.itemActionBig .decs h3{
    height: 54px;
}
.vntCongress .paddingAll{padding-bottom:0px;}
@media all and (min-width: 1600px) { .decsConFom .lstsInfoCon{
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 27px;
    }
    .itemAction .decs{
        font-size: 18px;
        line-height: 27px;
        padding: 25px;
    }
    .itemAction .decs h3{
        height: 81px;
        line-height: 27px;
    }
    .itemAction .decs .tend{
        height: 81px;
    }
}
@media all and (max-width: 1300px){
    .gripCongress .colL{
        width: calc(100% - 500px);
    }
    .gripCongress .colR{
        width: 500px;
    }
    .gripTtForm .titleInfo h3{
        font-size: 16px;
        line-height: 24px;
    }
    .lstsInfoCon .itemCon{
        padding: 15px 15px 15px 20px;
    }
    .gripCongress{
        margin: 0 -10px;
    }
    .gripCongress > div{
        padding: 0 10px;
    }
    .contentShare .priShare{
        font-size: 25px;
        line-height: 37px;
    }
    .infoShareTop .contentShare .gripMM > div{
        width: 100%;
        margin-bottom: 20px;
    }
}
@media all and (max-width: 1200px){
    .gripTtForm > div{
        width: 100%;
    }
    .gripTtForm .gripFrm{
        height: 45px;
    }
    .gripCongress .colL, .gripCongress .colR{
        width: 50%;
    }

    /*  */
    .itemAction .decs h3, .itemAction .decs .tend{
        height: 48px;
        line-height: 24px;
    }
    .itemAction .thumb a{

    }
    .gripShareMain{
        margin: 0 -10px;
        margin-bottom: 40px;
    }
    .gripShareMain .colGr{
        padding: 0 10px;
    }

    .box-list-dowload { position: relative; padding-left: 195px; }
        .box-list-dowload h4 { width: 165px; height: 50px; font-size: 27px; line-height: 50px; }
}
@media all and (max-width: 991px){
    .gripCongress .colL, .gripCongress .colR{
        width: 100%;
    }
    .gripCongress{
        flex-direction: column-reverse;
    }
    .decsConFom .pagination ul{
        justify-content: center;
    }
    .gripCongress .colR{
        margin-bottom: 20px;
    }
    .box-list-dowload { position: relative; padding-left: 155px; }
        .box-list-dowload h4 { width: 125px; height: 40px; font-size: 22px; line-height: 40px; }
}
@media all and (max-width: 991px){


    .decsConFom .lstsInfoCon{
        font-size: 14px;
        line-height: 22px;
    }
    .lstsInfoCon .itemCon{
        padding: 10px;
    }
    .lstsInfoCon .itemCon .nndate{
        width: 100px;
    }
    .lstsInfoCon .itemCon .nnname{
        width: calc(100% - 145px);
    }
    .vntCongress .paddingAll{
        padding-top: 40px;
    }
    .infoShareTop .gripShareT .colR, .infoShareTop .gripShareT .colL{
        width: 100%;
    }
    .infoShareTop .contentShare .gripMM > div{
        width: 50%;
    }
    .infoShareTop .contentShare .gripMM{
        margin-bottom: 0px;
    }
    .infoShareTop .contentShare{
        margin-bottom: 20px;  
    }
    .infoShareTop{
        margin-bottom: 40px;
    }
    .gripShareMain{
        margin-bottom: 20px;
    }
    .gripShareMain .colGr{
        width: 50%;
        margin-bottom: 20px;
    }
}
@media all and (max-width: 767px){
    .infoShareTop .contentShare .gripMM > div{
        width: 100%;
    }
    .contentShare .itemShare .numSl{
        font-size: 16px;
        line-height: 24px;
    }
    .contentShare .noteShare{
        font-size: 14px;
        line-height: 22px;
    }
    .gripTtForm .gripFrm{
        height: auto;
    }
    .gripTtForm .gripFrm > div{
        width: 100%;
    }
    .gripTtForm .gripFrm .colFrm:last-child{
        width: 100%;
    }
    .gripTtForm .searchIn input, .gripTtForm .gripFrm select{
        height: 40px;
    }
    .gripTtForm .gripFrm select{
        padding: 0 30px 0 18px;
    }
    .gripShareMain .colGr { width: 100%;  }
    
    .box-list-dowload { position: relative; padding-left: 0px; }
        .box-list-dowload ul{margin-bottom:32px;}
        .box-list-dowload h4 { position: relative; left: auto; top: auto; margin-bottom: 15px; }
        .box-list-dowload h4:after { right: auto; top: auto; left: 50%; bottom: -8px;  margin-top: 0px; margin-left: -4px; border-width: 8px 4px 0px 4px; border-color: #064c92 transparent transparent transparent; }
}