﻿html, document, body {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    font-family: Tahoma;
    background-color: #fff;
}

@media (min-width: 768px) {
    div.col-sm-7.five-three {
        width: 60% !important;
    }

    div.col-sm-5.five-two {
        width: 40% !important;
    }
}

form{
	margin-bottom:0px;
}

img{
	object-fit: cover;
}

a {
    font-weight: normal;
    text-decoration: none;
    color: #000;
}

    a:hover {
        text-decoration: none;
        color: #de1010;
    }

#ssIFrame_google{display: none;}

.header {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 29px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}

    .header .hotline {
        position: relative;
        display: inline-block;
        float: left;
        margin-top: 4px;
        font-weight: bold;
        color: #ae0000;
    }

        .header .hotline label {
            font-weight: normal;
            color: #505050;
        }
    
    .header .btnLang{
    	position:relative;
    	width:auto;
    	height:100%;
    	float:right;
    	white-space:nowrap;
    	padding-left:8px;
    }
    
    .header .btnLang button{
    	background:#f7f7f7;
    	border:1px solid #dddddd;
    	color:#000;
    	margin-top:3px;
    }
    
    .header .btnLang button.active{
    	background:#0056ab;
    	border:1px solid #dedcdd;
    	color:#fff;
    }

.no-padding {
    padding: 0px;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

.no-margin {
    margin: 0px;
}

.container-fluid {
    padding: 0px;
}

.banner {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background-size: contain;
    z-index: 2;
}

    .banner .imglogo {
        position: relative;
        width: 100%;
        height: auto;
    }
    
    .banner .uk-lang {
        position: absolute;
        top: 50%; left:auto; right: 15px;
        width: auto; height: 24px;
        /*background: url(../images/ukflag.svg) center no-repeat;*/
        background-size: cover;
        border: 0px;
        transform: translateY(-50%);
    }
    .banner .uk-lang:before{content: "English"; position :relative; top: 0px; left: 0px; font-size:15px; font-weight:bold; color: #0058aa;}

    .banner .logo {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 111px;
        background: url(../images/logo.png) no-repeat left center;
    }

.topmenu {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55%;
    height: 100%;
}

    .topmenu .topmenu-item {
        height: 111px;
        box-sizing: border-box;
        white-space: nowrap;
        cursor: pointer;
        /*font-family: 'Myriad Pro', Tahoma;*/
        font-size: 14px;
        /*font-stretch: condensed;*/
        text-align: center;
        background-image: url(../images/topmenu-icon.png);
        background-position: center 15px;
        background-repeat: no-repeat;
        color: #1d1d1d;
    }

        .topmenu .topmenu-item:hover {
            background-image: url(../images/topmenu-icon-hover.png);
        }

        .topmenu .topmenu-item span {
            position: absolute;
            left: 0px;
            bottom: 8px;
            width: 100%;
            height: auto;
            text-align: center;
        }

        .topmenu .topmenu-item .icon {
            position: relative;
            top: 15px;
            left: 0px;
            width: 67px;
            height: 67px;
            margin: auto;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .topmenu .topmenu-item i {
            position: absolute;
            top: 94px;
            left: 0px;
            color: #00a2ff;
            font-size: 16px;
            display: none;
        }

        .topmenu .topmenu-item .submenu {
            position: absolute;
            top: 105px;
            left: 0px;
            width: 420px;
            height: 150px;
            display: none;
            color: #fff;
            background-color: rgba(0,0,0,0.8);
            border-top: 3px solid #00a2ff;
        }

        .topmenu .topmenu-item:hover .submenu, .topmenu .topmenu-item:hover i {
            display: block;
        }

        .topmenu .topmenu-item .submenu ul {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: auto;
            list-style: none;
            padding: 10px;
            margin: 0px;
            white-space: normal;
            text-align: left;
        }

            .topmenu .topmenu-item .submenu ul li {
                position: relative;
                top: 0px;
                left: 0px;
                width: 200px;
                height: 28px;
                min-width: 150px;
                display: inline-block;
                text-decoration: none;
                text-align: left;
                padding: 6px 5px 0px 25px;
                box-sizing: border-box;
                background-position: 0px 0px;
                background-repeat: no-repeat;
                color: #fff;
            }

                .topmenu .topmenu-item .submenu ul li:hover span {
                    border-bottom-color: #f7d919;
                    color: #f7d919;
                }

                .topmenu .topmenu-item .submenu ul li i {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                }

                .topmenu .topmenu-item .submenu ul li span {
                    position: relative;
                    text-align: left;
                    width: 100%;
                    height: auto;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    text-transform: none;
                    border-bottom: 1px solid #fff;
                }

    .topmenu .congdoan .icon {
        background-image: url(../images/cong-doan.png);
    }

    .topmenu .congnhan .icon {
        background-image: url(../images/cong-nhan.png);
    }

    .topmenu .truyenhinh .icon {
        background-image: url(../images/truyen-hinh.png);
    }

    .topmenu .dichvu .icon {
        background-image: url(../images/dich-vu.png);
    }

    .topmenu .tintuc .icon {
        background-image: url(../images/icon-news.png);
    }


.topnav {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 64px;
    background-color: #006cb7;
    border-bottom: 1px solid #9c9c9c;
}

.topnav *{white-space: nowrap;}
.topnav .search{display:none;}
.topnav .col-sm-4, .topnav .col-sm-8{display:inline-block; float:none; width: max-content;}

.mobile-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 3;
    display: none;
}

    .mobile-menu .mobile-menu-item-container {
        position: relative;
        top: 0px;
        left: 0px;
        width: 90%;
        height: auto;
    }

        .mobile-menu .mobile-menu-item-container .mobile-menu-item {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 41px;
            box-sizing: border-box;
            background-color: #555555;
            border-bottom: 1px solid #484848;
            color: #fff;
            font-weight: bold;
            padding: 10px 5px 10px 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.mobile-nav {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color: #006cb7;
}

    .mobile-nav .btn-menu {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 50px;
        height: 100%;
        color: #f9f9f9;
        font-size: 25px;
        border-right: 1px solid #f9f9f9;
    }


        .mobile-nav .btn-menu i {
            position: relative;
            top: 13px;
            left: 13px;
        }

    .mobile-nav .mobile-search {
        position: absolute;
        top: 5px;
        left: 70px;
        right: 5px;
        bottom: 5px;
        background-color: #5996d9;
    }

        .mobile-nav .mobile-search .keyword-container {
            position: absolute;
            top: 5px;
            left: 5px;
            right: 70px;
            bottom: 5px;
            border: 0px;
            width: auto;
            height: auto;
        }

            .mobile-nav .mobile-search .keyword-container input {
                width: 100%;
                height: 100%;
                border: 0px;
                border-radius: 0px;
                outline: 0px;
                box-sizing: border-box;
                padding: 0px 10px;
                background:#fff;
                font-size:13px;
            }

        .mobile-nav .mobile-search button {
            position: absolute;
            top: 5px;
            right: 5px;
            bottom: 5px;
            width: 70px;
            color: #000;
            font-size: 13px;
            box-sizing: border-box;
            border: 0px;
            background-color: #f7d919;
            color: #17171f;
            padding-left: 10px;
            padding-right: 10px;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            outline: 0px;
        }

.topnav .search {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 10px 0px;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    background-color: #5996d9;
}

    .topnav .search .keyword-container {
        position: absolute;
        top: 5px;
        left: 5px;
        right: 75px;
        bottom: 5px;
        background: #fff;
    }

        .topnav .search .keyword-container input {
            width: 100%;
            height: 100%;
            border: 0px; outline: 0px;
            box-sizing: border-box;
            padding: 0px 5px;
            font-size:13px;
        }

    .topnav .search button {
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        width: 70px;
        height: auto;
        box-sizing: border-box;
        border: 0px;
        background-color: #f7d919;
        color: #17171f;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
    }

.topnav ul {
    position: relative;
    top: 0px;
    left: 0px;
    width: auto;
    height: auto;
    list-style: none;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    float: right;
    margin-top: 10px;
    background-color: #005995;
    padding: 12px 12px 12px 4px;
}

    .topnav ul li {
        position: relative;
        top: 0px;
        left: 0px;
        width: auto;
        height: auto;
        padding: 0px 8px;
        margin: 0px;
        display: inline-block;
        cursor: pointer;
        border-right: 1px solid #fff;
        font-size: 14px;
    }

        .topnav ul li:hover {
            color: #f7d919;
        }

        .topnav ul li:last-child {
            padding-right: 0px;
            border-right: 0px;
        }
        
.cover .top-adv .col-xs-12{padding-left:10px; padding-right: 10px}
.cover .top-adv a{position: relative; top: 0px; left: 0px; background: transparent; padding:0px; margin:0px 0px 20px 0px; width: 100%; height:auto; display:block;}

.addressbar {
    position: relative;
    height: 41px;
    background-color: #e9f3ff;
    box-shadow: 0 2px 2px 0px #b2b2b2;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding-top: 10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.addressbar > div{overflow:hidden; text-overflow: ellipsis}

    .addressbar a {
        color: #00478b;
    }

    .addressbar a, .addressbar span {
        font-weight: bold;
        padding: 0px 5px 0px 12px;
        background: url(../images/blue-square.png) no-repeat 0px 7px;
    }

        .addressbar a:first-child {
            background: url(../images/blue-home.png) no-repeat 0px 0px;
            padding-left: 20px;
        }

.main {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    margin-top: 5px;
    margin-bottom: 15px;
    overflow-x: hidden;
}

.hddes{
	display:none;
}

.cover{
	position:relative; width:100%; height: auto;
	background: #e9f3ff;
	box-shadow: 0 2px 2px 0px #b2b2b2;
	box-sizing: border-box;
	padding: 20px 0px;
	overflow:hidden;
}

.cover img{
	position:relative; width:100%;
	height:auto;
	object-fit:cover;
}

.cover a{
	position: absolute; top: auto; left:10px; right:10px; bottom:0px;
	width: auto; height:auto; padding: 10px;
	background:rgba(0,0,0,0.6);
	color:#fff; font-size:15px;
	line-height:22px; overflow:hidden;
	text-overflow:ellipsis;
	font-weight:bold;
}

.cover .col-sm-7, .cover .col-sm-5{
	padding-left:10px;
	padding-right:10px;
}

.cover .col-sm-6{
	padding-top: 20px;
}

.cover .col-sm-6:first-child{
	padding-right:10px;
}

.cover .col-sm-6 a{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.cover .col-sm-6:first-child a{
	left: 15px;
}

.cover .col-sm-6:last-child{
	padding-left: 10px;
}

.cover .col-sm-6:last-child a{
	right:15px;
}

.tieudiem {
    position: relative;
    height: 312px;
    width: 100%;
    overflow: hidden;
}

    .tieudiem .fa {
        position: absolute;
        top: 110px;
        font-size: 70px;
        font-weight: bold;
        color: rgba(255,255,255,0.4);
        cursor: pointer;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        text-align: center;
        background-color: rgba(255,255,255,0.2);
    }

        .tieudiem .fa:hover {
            color: rgba(255,255,255,1);
            background-color: rgba(255,255,255,0.6);
        }

    .tieudiem .fa-angle-left {
        left: 5px;
    }

    .tieudiem .fa-angle-right {
        right: 5px;
    }

    .tieudiem .curent-slide, .tieudiem .next-slide {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("../images/slides/1.jpg");
    }

        .tieudiem .curent-slide .text, .tieudiem .next-slide .text {
            position: absolute;
            top: auto;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: auto;
            background-color: rgba(0,0,0,0.6);
            color: #fff;
            padding: 5px 10px;
        }

            .tieudiem .curent-slide .text a, .tieudiem .next-slide .text a {
                position: relative; width:auto; height:auto;
                padding: 0px;
                font-size: 20px;
                color: #fff;
                font-weight: bold;
            }

            .tieudiem .curent-slide .text a:hover, .tieudiem .next-slide .text a:hover{
                text-decoration: underline;
            }
.session-1 {
    position: relative;
    padding-top: 10px;
    padding-bottom: 25px;
}

    .session-1 .title {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 55px;
        background: url(../images/title-border-bg.png) repeat-x bottom center;
        text-align: center;
        color: #000;
        /*font-family: Myriad Pro, Tahoma;*/
        font-size: 22px;
        font-stretch: condensed;
        margin-bottom: 25px;
        cursor:pointer;
    }

        .session-1 .title span {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: auto;
            padding-bottom: 10px;
            background: url(../images/title-center-bg.png) no-repeat bottom center;
            white-space:nowrap;
        }

    .session-1 .news-box {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        background-color: #f9f9f9;
        border: 1px solid #ebebeb;
        padding: 5px;
        overflow: hidden;
    }

        .session-1 .news-box .news-item-avarta {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 200px;
            background: url(../files/news/news-1.png) no-repeat;
            background-size: cover;
        }

        .session-1 .news-box a {
            color: #000;
            font-weight: bold;
            text-decoration: none;
        }
        	.session-1 .news-box a img{
        		width: 100%;
        		margin-bottom:10px;
        	}
            .session-1 .news-box a:hover {
                color: #df1a11;
            }

            .session-1 .news-box a span {
                font-size: 13px;
                color: #979797;
                font-weight: normal;
                display:block;
            }

        .session-1 .news-box .news-list {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 350px;
            border-top: 1px dotted #939393;
            margin-top: 10px;
            padding: 10px 0px 0px 0px;
            box-sizing: border-box;
            overflow:hidden;
        }

            .session-1 .news-box .news-list a {
                position: relative;
                display: block;
                color: #000;
                font-size: 13px;
                font-weight: normal;
                padding: 0px 0px 10px 12px;
                background: url(../images/dot-red.png) no-repeat 0px 7px;
                margin-bottom: 8px;
                border-bottom: 1px solid #e9e9e9;
            }

                .session-1 .news-box .news-list a:last-child {
                    border-bottom: 0px;
                    padding-bottom: 0px;
                }

                .session-1 .news-box .news-list a:hover {
                    color: #df1a11;
                }

    .session-1 .taitailieu {
        position: relative;
        width: 100%;
        height: 50px;
        background: url(../images/tai-tai-lieu.png) no-repeat bottom left;
        background-size: cover;
        cursor: pointer;
        overflow: hidden;
        margin-top:5px;
    }

        .session-1 .taitailieu img {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: auto;
        }

    .session-1 .hdnb {
        position: relative;
        width: 100%;
        height: 64px;
        background: url(../images/banner-hdnb.png) no-repeat center center;
        background-size: cover;
        margin-top: 20px;
        cursor: pointer;
    }

    .session-1 .adv1 {
        position: relative;
        width: 100%;
        height: 64px;
        box-sizing: border-box;
        background: #0253af url(../images/qc1.png) no-repeat center center;
        background-size: cover;
        cursor: pointer;
        margin-top: 20px;
    }

    .session-1 .adv {
        position: relative;
        width: 100%;
        height: 64px;
        box-sizing: border-box;
        background: #0253af url(../images/khaitruong.jpg) no-repeat center center;
        background-size: cover;
        cursor: pointer;
        margin-top: 20px;
    }

    .session-1 .download-doc {
        position: relative;
        width: 100%;
        height: 64px;
        box-sizing: border-box;
        background: #0253af url(../images/tai-tai-lieu.png) no-repeat center center;
        background-size: cover;
        cursor: pointer;
        margin-top: 3px;
        overflow: hidden;
    }

    .session-1 .tab {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
    }

        .session-1 .tab .tab-header {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 29px;
            background: #006cb7;
            box-sizing: border-box;
            padding: 3px 3px 0px 3px;
            white-space: nowrap;
            overflow: hidden;
        }

            .session-1 .tab .tab-header .tab-header-item {
                position: relative;
                top: 0px;
                left: 0px;
                width: auto;
                height: 26px;
                display: inline-block;
                cursor: pointer;
                padding: 2px 5px;
                font-weight: bold;
                border: 1px solid #006cb7;
                margin: 0px;
                color: #fff;
            }

                .session-1 .tab .tab-header .tab-header-item.active, .session-1 .tab .tab-header .tab-header-item:hover {
                    border: 1px solid #fff;
                    border-top-left-radius: 3px;
                    border-top-right-radius: 3px;
                    background-color: #fff;
                    top: 0px;
                    color: #015794;
                }

    .session-1 .tab-content {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        margin-top: 5px;
    }

        .session-1 .tab-content .tab-content-item {
            position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            height: auto;
            display: none;
        }

            .session-1 .tab-content .tab-content-item video {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                height: auto;
                background: #000;
                display: block;
                min-width: 100%;
                max-width:100%;
                object-fit: cover;
            }

            .session-1 .tab-content .tab-content-item .video-title {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 33px;
                background-color: #e0e0e0;
                box-sizing: border-box;
                padding: 6px 5px 5px 30px;
                color: #494949;
                font-size: 14px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                display:block;
            }

                .session-1 .tab-content .tab-content-item .video-title span {
                    width: auto;
                    height: auto;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }

                .session-1 .tab-content .tab-content-item .video-title i {
                    position: absolute;
                    top: 7px;
                    left: 8px;
                    font-size: 20px;
                    color: #494949;
                }

            .session-1 .tab-content .tab-content-item .video-list {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                height: auto;
                background: #fff;
                padding: 5px 0px 0px 0px;
            }
            
            	.session-1 .tab-content .tab-content-item .video-list .row:first-child{
            		margin-bottom:10px;
            	}
            	
            	.session-1 .tab-content .tab-content-item .video-list .row .col-xs-4{
            		padding-left:10px;
            		padding-right:10px;
            	}
            	
            	.session-1 .tab-content .tab-content-item .video-list .row .col-xs-4:first-child{
            		padding-left:15px;
            		padding-right:5px;
            	}
            	
            	.session-1 .tab-content .tab-content-item .video-list .row .col-xs-4:last-child{
            		padding-left:5px;
            		padding-right:15px;
            	}

                .session-1 .tab-content .tab-content-item .video-list .video-list-item {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    background-image: url(../files/noimage.jpg);
                    background-size: cover;
                    background-position: center center;
                    cursor: pointer;
                }

                    .session-1 .tab-content .tab-content-item .video-list .video-list-item:hover span {
                        color: #f7d60f;
                    }

                    .session-1 .tab-content .tab-content-item .video-list span {
                        position: relative;
                        width: 100%;
                        height: 54px;
                        text-align: left;
                        color: #000;
                        line-height: 18px;
                        overflow: hidden;
                        display:block;
                        background:#e0e0e0;
                        padding:0px 5px;
                    }

            .session-1 .tab-content .tab-content-item .audio-poster {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 252px;
                background: url(../images/audio.png) no-repeat center center;
                background-size: cover;
            }

                .session-1 .tab-content .tab-content-item .audio-poster audio {
                    position: absolute;
                    top: auto;
                    bottom: 0px;
                    left: 0px;
                    width: 100%;
                    height: auto;
                }

            .session-1 .tab-content .tab-content-item .abulm-item {
                position: relative;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 284px;
                background: url(../images/audio.png) no-repeat center center;
                background-size: cover;
                overflow: hidden;
            }

    .session-1 .chidao {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 280px;
        background: #fff;
        margin-bottom: 3px;
        overflow: hidden;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #d7d7d7;
        overflow: hidden;
    }

        .session-1 .chidao .chidao-content {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: auto;
            padding: 5px 10px;
            box-sizing: border-box;
        }

            .session-1 .chidao .chidao-content a {
                position: relative;
                top: 0px;
                left: 0px;
                padding: 10px 5px 10px 15px;
                display: block;
                color: #363636;
                width: auto;
                height: auto;
                line-height: 20px;
                font-size: 13px;
                text-decoration: none;
                text-align: justify;
                background: url(../images/red-arrow-right.png) no-repeat 0px 16px;
                border-bottom: 1px solid #e9e9e9;
            }

                .session-1 .chidao .chidao-content a:hover {
                    color: #de1010;
                }

    .session-1 .tkcoquan {
        position: relative;
        width: 100%;
        height: 60px;
        background: #804e02 url(../images/7coquan.png) no-repeat center center;
        background-size: cover;
        cursor: pointer;
        margin-top: 5px;
        border: 1px solid #ccc;
    }

    .session-1 .tkldld {
        position: relative;
        width: 100%;
        height: 60px;
        background: #803602 url(../images/83ldldtinh.png) no-repeat center center;
        background-size: cover;
        cursor: pointer;
        margin-top: 5px;
        border: 1px solid #ccc;
    }

    .session-1 .lienketbonganh {
        position: relative;
        margin-top: 5px;
        width: 100%;
        height: auto;
        padding: 5px 0px;
    }

    .session-1 .tkcdcs {
        position: relative;
        width: 100%;
        height: 64px;
        background: #024a80 url("../images/tkcdcs_.gif") no-repeat center center;
        background-size: cover;
        margin-top: 5px;
        border: 1px solid #ccc;
    }
    
    .session-1 .adv3 {
        position: relative;
        width: 100%;
        height: 64px;
        background: #024a80 url(../images/qc3.png) no-repeat center center;
        background-size: cover;
        margin-top: 20px;
        border: 1px solid #ccc;
        cursor:pointer;
    }


    .session-1 .qlvb {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 40px;
        background: #0058aa url(../images/qlvb.png) no-repeat center left;
        cursor: pointer;
    }

.session-2 {
    position: relative;
    background-color: #fff;
}

    .session-2 .col-sm-12 .title {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 22px;
        /*font-family: Myriad Pro, Tahoma;*/
        font-stretch: condensed;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        padding: 10px 0px;
        cursor:pointer;
    }

    .session-2 .col-sm-3 .title {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 15px;
        font-weight: bold;
        font-stretch: condensed;
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        padding: 10px 0px 10px 10px;
        background: url(../images/chuyende-title-bg.png) repeat-y left top;
        cursor:pointer;
        text-overflow: ellipsis;
    }

    .session-2 .col-sm-3 .content {
        position: relative;
        width: 100%;
        min-height: 245px;
        box-sizing: border-box;
        padding-bottom: 10px;
        color: #fff;
        text-align: justify;
        margin-top: 10px;
    }

        .session-2 .col-sm-3 .content a {
            font-weight: bold;
        }

            .session-2 .col-sm-3 .content a img {
                position: relative;
                width: 100%;
                height: auto;
                margin-bottom: 10px;
            }
            
            .session-2 .col-sm-3 .content a span{
            	line-height:22px;
            	height:44px;
            	overflow:hidden;
            	display:block;
            }


        .session-2 .col-sm-3 .content .chuyende-item-list {
            position: relative;
            margin-top: 10px;
            background-color: #f8f8f8;
            padding: 10px;
            min-height:60px;
        }

            .session-2 .col-sm-3 .content .chuyende-item-list a {
                display: block;
                font-weight: normal;
                text-align: justify;
                padding-left: 10px;
                background: url(../images/dot-red.png) no-repeat 0px 8px;
                margin-bottom: 10px;
            }

        .session-2 .col-sm-3 .content .chuyende-avarta {
            position:relative; width: 100%; height: 215px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
        }

    .session-2 .content .event-big-img {
        position: relative;
        width: 100%;
        height: 165px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        cursor: pointer;
    }

    .session-2 .content .event-small-img {
        position: relative;
        width: 100%;
        height: 80px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        cursor: pointer;
    }

    .session-2 .content select {
        position: relative;
        width: 100%;
        height: 25px;
        border: 1px solid #dddddd;
        color: #000;
    }

.session-3 {
    position: relative;
    background: #006cb7 url(../images/bg-3.png);
    padding: 10px;
}

    .session-3 .title {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 22px;
        /*font-family: Myriad Pro, Tahoma;*/
        font-stretch: condensed;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
        padding: 10px 0px;
        cursor:pointer;
    }

    .session-3 .content {
        position: relative;
        width: 100%;
        min-height: 245px;
        box-sizing: border-box;
        padding-bottom: 10px;
        color: #000;
        text-align: justify;
    }

        .session-3 .content .news-item-1 {
            position: relative;
            width: 100%;
            height: auto;
            background:#fff;
            padding:10px;
        }

            .session-3 .content .news-item-1 a {
                position: relative;
                width: auto;
                height: auto;
                color: #000;
                font-weight: bold;
                display: block;
                text-decoration: none;
            }

                .session-3 .content .news-item-1 a img {
                    position: relative;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: auto;
                    vertical-align: top;
                    margin: 0px 0px 10px 0px;
                    box-sizing:border-box;
                    border: 1px solid #fff;
                }

                .session-3 .content .news-item-1 a span {
                    display: block;
                    color: #828282;
                    font-weight: normal;
                    text-decoration: none;
                }

                .session-3 .content .news-item-1 a:hover {
                    color: #de1010;
                }

        .session-3 .content .news-list {
            position: relative;
            display: block;
            width: 100%;
            height:350px;
            border-top: 1px dotted #333333;
            background-color: #fff;
            padding: 10px 0px 10px 10px;
            overflow:hidden;
        }

            .session-3 .content .news-list a {
            	position:relative;
                display: block;
                color: #000;
                text-decoration: none;
                margin: 10px 10px 5px 0px;
                font-weight: normal;
                border-top: 1px solid #e9e9e9;
                padding: 10px 0px 0px 12px;
                background: url(../images/dot-red.png) no-repeat 0px 17px;
            }

                .session-3 .content .news-list a:first-child {
                    border-top: 0px;
                    padding-top: 0px;
                    margin-top: 0px;
                    background: url(../images/dot-red.png) no-repeat 0px 7px;
                }

                .session-3 .content .news-list a:hover {
                    color: #de1010;
                }

                .session-3 .content .news-list a img {
                    position: relative;
                    top: 0px;
                    float: left;
                    width: 70px;
                    height: auto;
                    margin: 5px 7px 3px 0px;
                }

        .session-3 .content .news-item-2 {
            position: relative;
            background:#fff;
            padding:10px;
            height: auto;
        }

            .session-3 .content .news-item-2 a {
                font-weight: bold;
                color: #000;
            }

                .session-3 .content .news-item-2 a:hover {
                    color: #de1010;
                }

                .session-3 .content .news-item-2 a img {
                    width: 100%;
                    display: block;
                    margin-bottom: 10px;
                }
                
                .session-3 .content .news-item-2 a span{
					display: block;
					color: #828282;
					font-weight: normal;
					text-decoration: none;				}
				}
            .session-3 .content .news-item-2 p {
                margin-top: 10px;
                color: #fff;
            }

        .session-3 .content .news-list-2 {
            position: relative;
		    display: block;
		    width: 100%;
		    background-color: #fff;
		    padding: 0px 10px 10px 10px;
        }
        
        	.session-3 .content .news-list-2 .row:first-child{
				padding-bottom:10px;
			}
			
			.session-3 .content .news-list-2 .row .col-xs-4{
				padding-right: 10px;
				padding-left: 10px;
			}

			
			.session-3 .content .news-list-2 .row .col-xs-4:first-child{
				padding-right: 5px;
				padding-left: 15px;
			}
			
			.session-3 .content .news-list-2 .row .col-xs-4:last-child{
				padding-left: 5px;
				padding-right: 15px;
			}


            .session-3 .content .news-list-2 a img {
                position: relative;
			    width: 100%;
			    height: auto;
             }

            .session-3 .content .news-list-2 a {
                display: block;
			    color: #000;
			    text-decoration: none;
			    font-weight: bold;         
    		}
    		
    		.session-3 .content .news-list-2 a:hover{
				color: #de1010;
			}
    		
    		.session-3 .content .news-list-2 a span{
    			position:relative;
				line-height:18px;
				width: 100%; height:54px;
				overflow:hidden;
				text-overflow:ellipsis;
				display:block;
				text-align:left;
			}
			

        .session-3 .content .news-item-3 a img {
            position: relative;
            width: 100%;
            height: auto;
        }

        .session-3 .content .news-item-3 a span {
            position: absolute;
            bottom: 0px;
            left: 15px;
            right: 15px;
            height: auto;
            background-color: rgba(0,0,0,0.6);
            color: #fff;
            padding: 5px;
        }

        .session-3 .content .news-item-3 a:hover span {
            color: #f7d919;
        }

    .session-3 .thamdo {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #f9f9f9;
        box-sizing: border-box;
        padding: 10px;
        overflow:auto;
    }

        .session-3 .thamdo img {
            width: 100%;
            height: auto;
        }

        .session-3 .thamdo .question {
            font-weight: bold;
            margin: 5px 0px;
        }

        .session-3 .thamdo label {
            position: relative;
            margin-left: 0px;
            margin-bottom: 0px;
            width: auto;
            height: auto;
            font-weight: normal;
            font-size: 13px;
        }

        .session-3 .thamdo table tr td {
            vertical-align: middle;
            padding: 5px; text-align:justify;
        }

        .session-3 .thamdo button {
            width: 100px;
            height: 29px;
            border: 0px;
            background-color: #005995;
            color: #fff;
            margin: 5px;
            padding: 5px 10px;
            border-radius: 5px;
        }

            .session-3 .thamdo button:last-of-type {
                background-color: #ababab;
            }
        .session-3 .thamdo a{
			display: block; margin:5px;
}
    .session-3 .lctt {
        position: relative;
        width: 100%;
        min-height: 58px;
        margin-top: 5px;
        background: #efeff1 url(../images/banner-lctt.png) no-repeat left top;
        background-size: cover;
        box-sizing: border-box;
        cursor: pointer;
        overflow: hidden;
    }


    .session-3 .tinnoibo {
        position: relative;
        width: 100%;
        min-height: 100px;
        margin-top: 5px;
        background: #efeff1 url(../images/banner-tnb.png) no-repeat left bottom;
        background-size: cover;
        box-sizing: border-box;
        cursor: pointer;
        overflow: hidden;
    }

        .session-3 .tinnoibo img {
            position: absolute;
            left: 0px;
            bottom: 0px;
            width: 100%;
            height: auto;
            cursor: pointer;
        }

    .session-3 .hot-line {
        position: relative;
        width: 100%;
        height: 58px;
        background: #fff url(../images/hot-line.png) no-repeat center center;
        background-size: cover;
        border: 1px solid #d9e2e7;
        margin-top: 10px;
    }

.session-4 {
    position: relative;
    background-color: #f1f1f1;
    padding: 10px;
}

    .session-4 .tcvb, .session-4 .gbc, .session-4 .llv, .session-4 .ttkh, .session-4 .nctd {
        text-align: center;
        padding-top: 0px;
        cursor: pointer;
    }

    .session-4 i {
        position: relative;
        display: block;
        top: 0px;
        width: 67px;
        height: 67px;
        border: 6px solid #e3e3e3;
        text-align: center;
        border-radius: 50%;
        margin: 10px auto;
        font-size: 30px;
        padding-top: 13px;
        color: #fff;
    }

    .session-4 span {
        /*font-family:'Myriad Pro', Tahoma;*/
        font-size: 16px;
        font-stretch: condensed;
    }

    .session-4 p {
        border-top: 1px solid #dddddd;
        padding-top: 7px;
        margin-top: 5px;
    }

    .session-4 .tcvb i {
        background-color: #0dc7b9;
    }

    .session-4 .gbc i {
        background-color: #0052f6;
    }

    .session-4 .llv i {
        background-color: #bd6bfe;
    }

    .session-4 .ttkh i {
        background-color: #a31a14;
    }

    .session-4 .nctd i {
        background-color: #0dc7b9;
    }

.session-5 {
    position: relative;
    background: #006cb7 url(../images/bg-3.png);
    padding-top: 10px;
    padding-bottom: 10px;
}

    .session-5 a {
    	position:relative;
        width: 100%;
        padding:5px;
        background:#fff;
        display:block;
    }

        .session-5 a img {
        	position:relative;
            width: 100%;
        }
        
        .session-5 .rssnews{
			position:relative; width:100%; height:140px;
			overflow:hidden;
			background:#fff;
			padding:0px 5px 5px 5px ;
		}
        
        .session-5 .rssnews a {
		    position: relative;
		    display: block;
		    color: #000;
		    font-size: 13px;
		    font-weight: normal;
		    padding: 0px 0px 0px 8px;
		    background: url(../images/dot-red.png) no-repeat 0px 7px;
		    line-height:20px;
		}
		.session-5 .rssnews a:hover{
			color: #ef1c25;
		}
		
.banner-hitelli{
	position:fixed; top:auto; left:auto; right: 15px; bottom:0px; width: 500px; height:133px; max-width:calc(100% - 30px); background:url('../images/banner-tvpl-online.jpg') no-repeat;
	background-size: cover; background-position: top left; cursor:pointer; box-shadow: #0000004d 0 -1px 4px 1px;
}
.banner-hitelli i{
	position:absolute; top: 0px; left:auto; right:2px; bottom: auto; font-size:20px; color:#ccc; cursor:pointer;
}
.banner-hitelli i:hover{
	color:#fff;
}
.bottom-menu {
    position: relative;
    background-color: #005995;
    height: 31px;
}

.bottom-menu .luot-truy-cap{
	position:relative;
	top:0px;
	left:0px;
	float:right;
	vertical-align:middle;
	padding:3px;
	color:#ccc;
}
.bottom-menu .luot-truy-cap span{
	display:inline-block; vertical-align:middle; margin-left:10px;
}

.bottom-menu .luot-truy-cap span:last-child{
	font-size:18px; letter-spacing:1.5px; color: #fff;}

    .bottom-menu ul {
        position: relative;
        width: auto;
        height: auto;
        white-space: nowrap;
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: inline-block;
        vertical-align:middle;
    }

        .bottom-menu ul li {
            display: inline-block;
            width: auto;
            height: auto;
            color: #fff;
            padding: 0px 8px;
            margin-top: 8px;
            cursor: pointer;
            box-sizing: border-box;
            border-left: 1px solid #303030;
        }

            .bottom-menu ul li:first-child {
                padding-left: 0px;
                border-left: 0px;
            }

            .bottom-menu ul li:hover {
                color: #f7d919;
            }

.footer {
    position: relative;
    background: #006cb7 url(../images/bg-3.png);
    padding: 10px 0px;
}

    .footer .footer-logo {
        position: relative;
        width: auto;
        height: auto;
        min-height: 43px;
        background: url(../images/footer-logo-bg.png) no-repeat 15px bottom;
        margin-bottom:10px;
    }

        .footer .footer-logo div {
            position: relative;
            background: url(../images/footer-logo.png) no-repeat center left;
            text-transform: uppercase;
            min-height: 43px;
        }

            .footer .footer-logo div span {
                position: absolute;
                bottom: 5px;
                left: 50px;
                color: #fff;
            }

    .footer div {
        color: #fff;
        font-weight: normal;
    }

    .footer span {
        color: #fff;
    }

    .footer a {
        color: #fff;
    }

        .footer a:hover {
            color: #23527c;
        }
