/**
 * PgwSlider - Version 2.3
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
.pgwSlider_tab2 {
    width: 100%;
    color: #333;
}

    .pgwSlider_tab2 a {
        text-decoration: none;
        color: #333;
    }

    .pgwSlider_tab2 ps-list a {
        display: table;
        position: relative;
    }

    .pgwSlider_tab2 .ps-current {
        float: left;
        width: 100%;
        overflow: hidden;
        height: 100% !important;
        position: relative;
        font-size: 1rem;
    }

    .pgwSlider_tab2.listOnTheLeft .ps-current {
        float: right;
    }

    .pgwSlider_tab2 .ps-current ul {
        width: 100%;
    }

    .pgwSlider_tab2 .ps-current li {
        width: 100%;
        z-index: 1;
        opacity: 0;
        display: none;
    }

    .pgwSlider_tab2 .ps-current img {
        max-width: 100%;
        min-width: 100%;
        
        height: 440px;
        display: block;
        transition: margin-top 250ms linear;
    }

    .pgwSlider_tab2 .ps-caption {
        position: absolute;
        width: 100%;
        padding: 12px;
        /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);*/
        left: 0;
        top: 440px;
        display: none;
        z-index: 1000;
        font-size: 14px;
        background: transparent;
    }

        .pgwSlider_tab2 .ps-caption b {
            font-size: 15px;
            color: #fff;
        }

    ul.pgwSlider_tab2,
    .pgwSlider_tab2 ul {
        float: right;
        width: 40%;
        padding: 0;
        list-style: none;
        margin: 0;
    }

        .pgwSlider_tab2 ul,
        .pgwSlider_tab2 ul li {
            list-style: none;
        }

        ul.pgwSlider_tab2.listOnTheLeft,
        .pgwSlider_tab2.listOnTheLeft > ul {
            float: left;
        }

        ul.pgwSlider_tab2 > li,
        .pgwSlider_tab2 > .ps-list > li {
            overflow: hidden;
            position: relative;
            opacity: 0.6;
            filter: alpha(opacity=60);
            font-size: 0.8rem;
            transition: opacity 200ms linear;
            border-top: 1px solid #eee;
            padding: 5px;
            max-height: 165px !important;
        }

            ul.pgwSlider_tab2 > li:last-child,
            .pgwSlider_tab2 > ul > li:last-child {
                margin-bottom: 0;
            }

            ul.pgwSlider_tab2 > li span,
            .pgwSlider_tab2 > .ps-list > li span {
                display: block;
                /*  width: 68%;*/
                width: 100%;
                bottom: 0;
                padding: 5px;
                background: rgba(255, 255, 255, 0.8);
                /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);*/
                overflow: hidden;
                /*text-overflow: ellipsis;
    white-space: nowrap;*/
                color: #000;
                font-size: 13px;
                float: right;
            }

            ul.pgwSlider_tab2 > li:hover,
            .pgwSlider_tab2 > ul > li:hover {
                opacity: 1 !important;
            }

            ul.pgwSlider_tab2 > li img,
            .pgwSlider_tab2 > ul > li img {
                min-height: 100%;
                width: 100%;
                position: relative;
                transition: margin-top 250ms linear;
                top: 10px;
                left: 11px;
            }

    .pgwSlider_tab2 .ps-prevIcon {
        border-color: transparent #fff transparent;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        display: block;
    }

    .pgwSlider_tab2 .ps-nextIcon {
        border-color: transparent #fff transparent;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        display: block;
    }

    .pgwSlider_tab2 .ps-current .ps-prev {
        background: rgba(0, 0, 0, 0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
        border: 1px solid #777;
        border-left: 0;
        border-radius: 0 4px 4px 0;
        position: absolute;
        padding: 20px 20px 20px 17px;
        left: 0;
        top: 45%;
        cursor: pointer;
    }

    .pgwSlider_tab2 .ps-current .ps-next {
        background: rgba(0, 0, 0, 0.5);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
        border: 1px solid #777;
        border-right: 0;
        border-radius: 4px 0 0 4px;
        position: absolute;
        padding: 20px 17px 20px 20px;
        right: 0;
        top: 45%;
        cursor: pointer;
    }

    /*
 * The media-queries are not used because IE8 doesn't support them.
 */
    ul.pgwSlider_tab2.wide > li,
    .pgwSlider_tab2.wide > ul > li {
        width: 100% !important;
    }

    .pgwSlider_tab2.narrow .ps-current {
        /*margin-bottom: 6px;*/
        font-size: 0.8rem;
    }

        .pgwSlider_tab2.narrow .ps-current img {
            width: 100%;
            min-height: inherit;
        }

    .pgwSlider_tab2.narrow .ps-current,
    ul.pgwSlider_tab2.narrow,
    {
        width: 100%;
    }

        ul.pgwSlider_tab2.narrow > li,
        .pgwSlider_tab2.narrow > .ps-list > li {
            float: left;
            min-height: 50px;
            max-height: 100px;
            min-width: 15%;
            font-size: 0.7rem;
            margin-bottom: 7px !important;
        }

        ul.pgwSlider_tab2.narrow.listOnTheLeft > li,
        .pgwSlider_tab2.narrow.listOnTheLeft > ul > li {
            float: right;
        }

    .pgwSlider_tab2.narrow .ps-caption {
        padding: 8px;
    }

    .pgwSlider_tab2.narrow .ps-current .ps-prev {
        padding: 15px 15px 15px 12px;
        top: 40%;
    }

    .pgwSlider_tab2.narrow .ps-current .ps-next {
        padding: 15px 12px 15px 15px;
        top: 40%;
    }

    .pgwSlider_tab2 > .ps-list {
        /*  width: 33%;*/
        width: 41%;
        background: white;
        padding: 5px !important;
        height: 350px;
        overflow-y: scroll;
        padding-bottom: 10px !important;
        display: block;
        background-color: #ffffff;
        border: 0px solid transparent;
        border-radius: 4px;
    }

    .pgwSlider_tab2 .ps-list li {
        width: 100% !important;
        background: white;
        padding: 5px !important;
        /* min-height: 83px !important;*/
        min-height: 50px !important;
        padding-bottom: 10px !important;
        left: 0px;
    }

    .pgwSlider_tab2 .ps-list {
        background: white;
        padding: 0px 5px !important;
        /* min-height: 475px;*/
        min-height: 609px;
        padding-bottom: 10px !important;
        padding-left: 10px;
       /* width: 258px;*/
    }

    .pgwSlider_tab2 .ps-current {
        float: left;
        width: 100% !important;
        overflow: hidden;
        /* height: 502px !important;*/
        height: 100% !important;
        position: relative;
        font-size: 1rem;
    }

.ps-list li a img {
    display: none;
    /* width: 0%;*/
}


.tencm-tnb {
    color: #333;
    display: inline;
    line-height: 22px;
    font-size: 14px;
}

.date-tnb {
    color: #edb512;
    display: inline;
    font-size: 11px;
}

.ps-list .elt_1 {
}

.tirtlen .noidung {
    display: none;
}

@media(max-width:992px) {
    .ps-list{

    }
    .pgwSlider_tab2 .ps-current img {
        display: unset;
        width: 18%;
        height:18%;
    }
    .ps-list li a img {
        display: unset;
        width: 18%;
        height: 25%;
        transition: margin-top 250ms linear;
        top: 0px;
        left: 25px;
        /*  height: -webkit-fill-available;*/
        /* width: 100%;*/
    }
    pgwSlider_tab2 .ps-list {
        overflow: hidden
    }


    ul.pgwSlider_tab2 > li span,
    .pgwSlider_tab2 > .ps-list > li span {
        width: 27%;
    }
    ul.pgwSlider_tab2 > li span, .pgwSlider_tab2 > .ps-list > li span {
        width: 75%;
        top: 0px;
        /*#siteWrapper .tab-content .handeptrai_li {
        border-left: solid !important;
        border-color: #fff !important;
        border-top: 0px !important;
        background-color: #fff !important;
           }

        #siteWrapper .tab-content .handeptrai_li a span {
            background-color: #fff !important;
        }*/
    }

    .box_btg_group .btn-group.btn-group-tt {
        display: none;
    }
}
@media (max-width: 780px){
    .ps-list {
    }

        .ps-list li a img {
            display: unset;
            width: 25%;
            height: 25%;
            transition: margin-top 250ms linear;
            top: 10px;
            left: 10px;
            /*  height: -webkit-fill-available;*/
            /* width: 100%;*/
        }

    pgwSlider_tab2 .ps-list {
        overflow: hidden
    }


    ul.pgwSlider_tab2 > li span,
    .pgwSlider_tab2 > .ps-list > li span {
        width: 27%;
    }

    ul.pgwSlider_tab2 > li span, .pgwSlider_tab2 > .ps-list > li span {
        width: 70%;
        top: 0px;
        /*#siteWrapper .tab-content .handeptrai_li {
        border-left: solid !important;
        border-color: #fff !important;
        border-top: 0px !important;
        background-color: #fff !important;
           }

        #siteWrapper .tab-content .handeptrai_li a span {
            background-color: #fff !important;
        }*/
    }

    .box_btg_group .btn-group.btn-group-tt {
        display: none;
    }
}
