﻿/* Respons*/
@media (min-width:768px) and (max-width:1280px) {

    .chi-tiet,.cate_video{
        margin:0px!important;
    }
    .col-free-pad
    {
        padding-left:10px!important;
        padding-right:10px!important;
    }
}

@media (max-width:767px) {
   
    .chi-tiet,.cate_video,.first{
        margin:0px!important;
    }
    .list_cate_video{
        width:100%!important;
        margin-left:0px;
    }
    .title_video
    {
        padding:0px;
        margin:0px;
    }
}

/*.psc-wapper-khoa
{
    width:90%!important;
}*/

.videoMain {
        margin-top: 10px;
        margin-left: 10px;
    }

    .paging {
        font-family: Verdana;
        font-size: 11px;
        cursor: pointer;
        color: #3f4041;
        text-decoration: none;
    }

        .paging:hover {
            text-decoration: none;
            font-family: Verdana;
            font-size: 11px;
            cursor: pointer;
            color: #fd9b00;
        }

    a.SPKT_hotnews {
        font-family: Arial, tahoma, verdana;
        font-size: 11px;
        font-weight: bold;
        color: #737373;
        text-decoration: none;
    }

        a.SPKT_hotnews:visited {
            font-family: Arial, tahoma, verdana;
            font-size: 11px;
            font-weight: bold;
            color: #737373;
            text-decoration: none;
        }

        a.SPKT_hotnews:active {
            font-family: Arial, tahoma, verdana;
            font-size: 11px;
            font-weight: bold;
            color: #737373;
            text-decoration: none;
        }

        a.SPKT_hotnews:hover {
            font-family: Arial, tahoma, verdana;
            font-size: 11px;
            font-weight: bold;
            color: #028cc0;
            text-decoration: none;
        }

    .SPKT_titleleft {
        padding-left: 5px;
        padding-right: 5px;
        font-family: tahoma;
        font-weight: bold;
        font-size: 8.5pt;
        color: #737373;
    }

    .StypeNews {
        padding-left: 5px;
        padding-right: 10px;
        font-family: tahoma, verdana;
        font-weight: bold;
        font-size: 11px;
        color: #f30;
        text-decoration: none;
        height: 24px;
    }

        .StypeNews :hover {
            padding-left: 50px;
            padding-right: 10px;
            font-family: tahoma, verdana;
            font-weight: bold;
            font-size: 11px;
            color: #fd9b00;
            text-decoration: none;
            height: 24px;
        }

    ul.folderList {
        margin-top: -10px;
        list-style: square;
    }

        ul.folderList li {
            border-bottom: 1px #CCCCCC dotted;
            margin: 0px 15px 0px 25px;
            padding: 3px 0px 3px 0px;
            list-style: none;
        }

            ul.folderList li:last-child {
                border: none;
            }

/* 23/3/2016*/
.block_cate_video
{
    width: 100%;
    float: left;
}
.title_cate_video {
    
    width: 100%;
    margin-bottom:10px;
    float: left;
}
.title_cate_video h2{
    margin:0px;
}
.title_cate_video .txt_title_cate {
    font: 700 16px arial;
    padding: 0 10px;
    background: #e5e5e5;
    color: #0065CA;
    border-left: 7px solid #0065CA;
    float: left;
    height: 30px;
    padding-top: 6px;
    border-radius: 15px
}
.title_cate_video .txt_title_cate a {
    color: #0065CA;
}
.hidden_list_cate_video
{
    width: 100%;
    float: left;
}
.item_video
{
        /*width: 25%;
    padding: 0 20px 0 0;
    float: left;*/
}

.container1 {
    padding-left: 5px !important;
    padding-right: 0px;
    width: 100%;
}
.thumb_video
{
    width: 100%;
}
.thumb_video a
{
    width: 100%;
    background-color: #c2c2c2;
    /*background-image: url('/Resources/ImagesPortal/HomePage/imgs/video-icon.png');*/
    background-image: attr('data-image-src' 'url');
    height: 130px;
    background-size: 100%;
    background-position: center;
    color: #333;
    text-decoration: none;
    outline: none;
    background-repeat: no-repeat;
    float: left;
    position: relative;
}
.thumb_video img
{
    /*width: 100%;*/
    width:170px;
    height:107px;
    float: left;
}
.head_video{
    margin:20px 0px;
}
.title_video
{
        line-height: 16px;
    margin-bottom:5px;
    float: left;
    border-right:1px solid #CCCCCC;
}
.title_video a{
    font: 400 14px/18px arial;
    color:#000;
}
.title_video a:hover{
    text-decoration:none;
    font: 400 14px/18px arial;
}
.title_item_video{
    float:left;
}
.title_item_video a{
    font: 400 14px/18px arial;
    color:#000;
}
.detail_video
{
    padding:0px;
    padding-left:5px;
    line-height: 16px;
    margin-bottom:5px;
    float: left;
}
.detail_video h1{
    margin-top: 0px;
    font: 600 17px/22px arial;
    margin-left: 10px;
    padding-top: 5px;
}
.lead_timeview_video
{
    margin-left: 10px;
    padding-bottom: 5px;
}
.lead_date_video
{
    margin-left: 10px;
}
.detail_video a{
    text-decoration:none;
    color:#666;
    font-size:13px;
}
.detail_video span{
    color: #0065CA;
    font-size: 12px;
}

/*item video */
.videobody
	{
		background-color:#07396e;
	}
        ul.videoclip
        {
            font: normal 11px Arial, Helvetica, sans-serif;
            text-align: justify;
            clear: both;
            margin: 0 auto;
            padding: 5px 0px 5px 0px;
            margin-bottom: 5px;
            line-height: 18px;
        }
        ul.videoclip li
        {
            margin: 0 auto;
            padding: 0;
            list-style-image:url(/Resources/ImagesPortal/arrow_top.png);
            margin: 0px 15px 0px 25px;
            padding: 3px 0px 3px 0px;
            
        }
        
        ul.videoclip li:last-child
        {
            border: none;
        }
        
        ul.videoclip li a
        {
            text-decoration: none;
		color:#fff;
        }
        ul.videoclip li a:hover
        {
		text-decoration:underline;
		
        }
.running_video {
   background: #0065CA;
    opacity: .8;
    display: inline-block;
    padding: 2px 5px;
    font: 400 11px arial;
    color: #fff;
    position: absolute;
    z-index: 2;
    left:0;
}
.timer_video {
   background: #333;
    opacity: .8;
    display: inline-block;
    padding: 2px 5px;
    font: 400 11px arial;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
}


/* slider slick*/

.wrapper_video .slick-prev {
    left: 10px!important;
}
    .wrapper_video .slick-next {
    right: 9px!important;
}
.wrapper_video .slick-prev,.wrapper_video .slick-next {
    display:block!important;
    top: 50px!important;
    z-index: 999999;
        width: 30px!important;
    height: 30px!important;
    background-image:url('/Components/CarouselSlider/Scripts/pre-slick.png') !important;
    background-repeat:no-repeat;
    opacity:0.9;
}
.wrapper_video .slick-next {
   
    top: 50px!important;
    z-index: 999999;   
    background-image:url('/Components/CarouselSlider/Scripts/nex-slick.png') !important;
    background-repeat:no-repeat;
    opacity:0.9;
}
.wrapper_video .slick-prev:hover {

    background-image:url('/Components/CarouselSlider/Scripts/pre-slick-hover.png') !important;
    background-repeat:no-repeat;
}
.wrapper_video .slick-next:hover {
  
    background-image:url('/Components/CarouselSlider/Scripts/nex-slick-hover.png') !important;
    background-repeat:no-repeat;
}

@media(max-width: 479px) {
    .slick-slide {
        /*width: 50%!important;*/
        float: left;
    }
}