﻿
/*liên kết*/
#lien-ket{
	
	margin-bottom:30px;
	padding-bottom:30px;
	position:relative;
}
#lien-ket .width-common a{
	display:block;
}
#lien-ket .block-link{
	position:absolute;
	right:0;
	top:40px;
	color: #337AB7;
	text-align:right;
}
#lien-ket .block-link li{
	display:inline-block;
}

#lien-ket .block-link li a{	
	color: #337AB7;
	font-size: 15px;	
	padding-right:15px;
	font-family: 'HungHauRegular', sans-serif;
	text-transform:uppercase;
}
#lien-ket .block-link li.active a{	
	color: #2e894f;	
}
h1.topic{	
	color: #6c6c6c;
	font-family: 'HungHauRegular', serif;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom:25px;
	margin-top:40px;
}
.thumb{
	margin-bottom:10px;
	width:100%;
}
.thumb img{
	width:100%;
}
.title{	
	color: #636363;
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align:center;
}

#lien-ket .thumb{
height:160px!important;
width:88%!important;
}
#lien-ket .topic{
margin-bottom:40px!important;
}
.backgroud-lienket{
background: #fff;
float: left;
    width: 100%;
position:relative;
}
.backgroud-lienket .hover-item .thumb {
    float: right;
}
.backgroud-lienket .hover-item .title {
    float: left;
	width:100%;
}
.owl-carousel{
	display:block!important;
}
.owl-pagination{
display:none!important;
}
.owl-theme .owl-controls .owl-buttons div{
    color: transparent!important;
	margin:0!important;
	padding:0!important;
}
.owl-prev{
display:none!important;
width:36px;
background:transparent!important;
background-image:url('/Components/CarouselSlider/Scripts/pre-slide.png') !important;
    background-repeat:no-repeat;
	border-radius:0!important;
position: absolute;
    left: 0;
    float: left;
	 top: 0;
    height: 100%;
}
.owl-next{
width:36px;
background:transparent!important;
 background-image:url('/Components/CarouselSlider/Scripts/next-slide.png') !important;
    background-repeat:no-repeat;
	border-radius:0!important;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    float: right;
}
#owl-khoa:hover .owl-prev
{
display:block!important;
}
#owl-phong:hover .owl-prev
{
display:block!important;
}
#owl-vien:hover .owl-prev
{
display:block!important;
top: 0!important;
}

/*liên kết
-------------------------------------------------------------*/

#nivo-slider-status{
    visibility:hidden;
    display:none!important;

}
.nivo-controlNav{
    visibility:hidden;
    display:none!important;
}
#related-links .nav-tabs{
    z-index:9999;
    margin-top:-70px!important;
}
.nivoSlider a.nivo-imageLink{
    z-index:0!important;
}
.nivo-slice,.nivo-box{
    z-index:0!important;
}

/*.slick-slider .slick-track, .slick-slider .slick-list{
    width:100%!important;
}
.slick-initialized .slick-slide{
    width:100%!important;
}*/

/*Slider slick */
.list-slick-hoat-dong .slick-prev, .list-slick-hoat-dong .slick-next {
   top: 80px!important;
    z-index: 999999;
    width: 25px!important;
    height: 40px!important;
    opacity: 0.9;
}
.list-slick-hoat-dong .slick-prev {
   
    left: 10px!important;
    background-image: url('/Resources/ImagesPortal/HomePage/imgs/pre-button.png') !important;
    background-repeat: no-repeat!important;
}
.list-slick-hoat-dong .slick-next{
   
      background-image: url('/Resources/ImagesPortal/HomePage/imgs/next-button.png') !important;
    background-repeat: no-repeat!important;
 
    right: 0px!important;

}
.list-slick-hoat-dong .slick-prev {

    left: 0px!important;   
    z-index: 10!important;
    position: absolute!important;
    color: transparent!important;
    border: none!important;
   
}
.list-slick-hoat-dong .slick-prev:hover {

    background-image:url('/Resources/ImagesPortal/HomePage/imgs/pre-button.png') !important;
    background-repeat:no-repeat;
}
.list-slick-hoat-dong .slick-next:hover {
  
    background-image:url('/Resources/ImagesPortal/HomePage/imgs/next-button.png') !important;
    background-repeat:no-repeat;
}


.slick-dots{
    display:none!important;
    visibility:visible !important;
}


/* fix lại căn giữa mục chương trình học*/

.items-3 .item a{
    padding-left:0px!important;
    text-transform:capitalize!important;
}
.items-3 .item a span
{
     text-transform:capitalize!important;
}

.thumb{
	max-height:140px!important;
}
/* .hover-item img{ */

	/* height:100%!important; */
/* } */

.tin-lien-quan .box-list article:nth-child(1)
{
    display:none;
    visibility:hidden;
}
.box-list span.fa {
    float: left;
    width: 20px;
    padding-top: 5px;
}
.navbar-bootsnipp .bootsnipp-search{
    z-index:999!important;
}
.topic{
    background-color: transparent;
    margin-bottom:0!important;
}
.list-news{
 margin-bottom:0!important;
 min-height:800px;
}



.topic-left{
margin-left:-15px;

}
.topic-right {
   margin-right:-15px;
}

.topic-left .owl-next{
     background-image:url('/Resources/ImagesPortal/HomePage/imgs/next-button.png') !important;
    background-repeat:no-repeat;
        top: 70px!important;
    z-index: 999999;
    width: 25px!important;
    height: 40px!important;
    opacity: 0.9;
}
.topic-left .owl-prev{
     background-image:url('/Resources/ImagesPortal/HomePage/imgs/pre-button.png') !important;
    background-repeat:no-repeat;
        top: 70px!important;
    z-index: 999999;
    width: 25px!important;
    height: 40px!important;
    opacity: 0.9;
}
.topic-left  .owl-prev{
    display:inline-block!important;
}


/*fix mobile*/
.items-3 .item{
        height: 100px!important;
    overflow: hidden!important;
}
.items-3 .item img{
    height:auto!important; 
}

/*================remove padding-left =================*/
.khoa-left{
    padding:0;
}

/* fix giới thiệu khoa màn hình 600. rớt hình*/
@media (max-width:600px){
    .topic-wrapper .thumb{
        width:100%!important;
        height:auto!important;
    }
    .topic-wrapper .mota{
        width:100%;
    }
     .see-all span{
        display:none!important;
    }
     	#lien-ket .topic {
    width: 100%;
    float: left;
    margin-bottom: 20px!important;
}
#lien-ket .block-link {
    width: 100%;
    text-align: left;
    position: initial;
}
#lien-ket .block-link li a {
    padding-right: 0px;
}
}
.truy-cap{
    width:60%!important;
}
.truy-cap img{
   padding-right:20px;
}
.box-list article a span{
    float: left;
    width:40%;
    text-align:right;
}

.imagelager .thumb{
    width:100%!important;
    float:left!important;
    height:auto!important;
}
.imagelager .mota{
width:100%!important;
}



/*=========================search =======================*/

/*Tim kiem
 -------------------------------------------------------------------------------------------*/
.blog_news {
    padding: 50px 0px 0px 0px;
    float: left;
    min-height: 750px;
}

.s-tintuc {
    width: 95%;
    margin: auto;
    padding: 0px;
}

.result_lucene a {
    color: #454545;
    font-size: 15px;
}

.nd_news {
    float: left;
}

a.title_topicdisplay {
    color: #0D2461;
    font-size: 17px;
    font-weight: 600;
}

h3.h3_content {
    font-size: 15px;
    color: #454545;
}
ul.topic-columns {
    -moz-column-width: 550px;
    -webkit-column-width: 550px;
    column-width: 550px;
}
.list-thong-bao {
    clear: both;
    margin-top:50px;
}
    .list-thong-bao h1 {
        padding: 60px 0px 31px 0px;
    }
    .list-thong-bao ul li {
        width: 98%;
        padding: 10px 0px;
        /*border-bottom: 1px dashed #b5b5b5;*/
        min-height: 140px; /**/
    }
    .list-thong-bao span {
        display: block;
        line-height: 20px;
        padding: 6px 0px 0px 20px;
        color: #0D2461;
        font-size: 12px;
        font-style: italic;
    }

.blog_news {
    background: white;
}
.Highlight
{
    color:  blue;
    text-decoration: underline;
}
#khoa-top-header{
    background:#EDEDED;
}
.leader .leaderPhoto{
    display:block;
}
/*Hoi dap gop y Ngay 2/3/2017*/
.answer-questions{
    width: 100%;
    float: left;
}
.answer-questions a{text-decoration: none;}
.answer-questions .title a{
    color: #6c6c6c;
    font-family: 'HungHauRegular',sans-serif;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
}
.answer-questions .answers a{
    color: #337ab7;
    text-transform: uppercase;
    font-family: 'HungHauRegular',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.answer-questions .date
{
    margin-top: 10px;
}
.answer-questions .date p
{
    color: #999;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
}
.answer-questions .img{
    overflow: hidden;
    border: 1px solid #ddd;
}
.answer-questions .img img{
    width: 100%;
}
.answer-questions ul{
    padding-left: 0;
    border-top: 1px solid #636363;
    width:  100%;
    float: left;
    margin-bottom: 30px;
}
.answer-questions ul li{
    float: left;
    list-style: none;
}
.answer-questions ul li:nth-child(1)
{
    margin-top: 10px;
}
.answer-questions ul li a
{
    color: #636363;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.answer-questions ul li span
{
    font-style: italic;
    color: #999;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
}
.answer-questions ul li:before
{
    content: "\f101";
    font-family: FontAwesome; 
    padding-right: 10px; 
}
.answer-questions .all{
    width:  100%;
    float: left;
}
.answer-questions .all a{
    float: right;
    background: #337ab7;
    color: #fff;
}
.answer-questions .all a:hover
{
    background:#59a9ef;
}
.answer-questions .img img {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.answer-questions .img:hover img {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

/*End- Hoi dap gop y*/

/*Hoat dong ban */
#hoatdongban{
    width: 230px;
    height: 145px;
    overflow: hidden;
    float: left;
    margin: 10px 15px 25px 0;
}
#mt-hoatdongban{
        color: #636363;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
    padding-top: 10px;
    float:none;
    width:100%;
}
#dt-hoatdongban.doc-them .an-custom:hover {
    color: #4caa47!important;
    background-color:#fff!important;
    border-color: #fff!important;
}
/*End-Hoat dong ban*/
/*Top-Link-Hoat dong ban*/
.top-language{
    position:absolute;
    right:0;
    margin-right:150px;
}
@media(max-width:810px){
    .top-language{
        margin-top:-35px;
        margin-right:10px;
    }
}
/*End top-link*/
@media only screen and (max-width: 767px) {

.khoa-slider .nivoSlider{     
    width:100%!important; 
    height: auto!important;    
    }
.khoa-slider .nivoSlider img {     
    width:100%!important; 
    height: auto!important;    
    }

}




