#ExpertListing .caption{float:left;text-align:center;border-bottom: 1px dotted #bbc3c9;border-width: 2px;}
#ExpertListing .caption span{color:#009a2c;font-size:28px;font-family:Arial;font-weight:bold;text-transform:uppercase;margin-top:20px;display:block;padding-bottom: 7px;}
#ExpertListing .caption span:before{content:url('img/iconChuyenGia.png'); margin-right:10px;}
#ExpertListing .vungtimkiem{margin:30px 0;}
#ExpertListing .vungtimkiem .textTimkiem{text-align:center; font-size:16px; font-family:Arial; font-weight:bold; color:#5a5a5a;}
#ExpertListing .vungtimkiem .Otimkiem-Auto{width:552px; margin:0 auto; margin-top:30px;}
#ExpertListing .vungtimkiem #txtKeyWord{width:300px;padding: 0 5px;}
#ExpertListing .vungtimkiem #btnSearch{width: 40px;text-align: center;}
#ExpertListing .vungtimkiem  .cachTim {display:block; margin:15px 0;}
#ExpertListing .vungtimkiem  .cachTim .benphai{width:auto; float:left;}
#ExpertListing .vungtimkiem  .cachTim .bentrai{width:70px; float:left;}
#ExpertListing .vungtimkiem .phamVi select{width:300px;}
#ExpertListing .vungtimkiem .phamVi .timkiemhoten select{margin-left:25px;}
#ExpertListing .vungtimkiem .phamVi .timkiemhoten{margin:10px 0 5px 0;}

@media screen and (max-width:767px){
	#ExpertListing .vungtimkiem .Otimkiem-Auto{width:100%; float:left;}
    #ExpertListing .vungtimkiem #txtKeyWord,#ExpertListing .vungtimkiem .phamVi select{width:80%;}
    #ExpertListing .vungtimkiem .phamVi .timkiemhoten select {
       margin-left: 0 !important;
    }
}
@media screen and (max-width:320px) {
    #ExpertListing .vungtimkiem .Otimkiem-Auto{width:100%; float:left;}
    #ExpertListing .vungtimkiem #txtKeyWord,#ExpertListing .vungtimkiem .phamVi select{width:70%;}
    #ExpertListing .vungtimkiem .phamVi .timkiemhoten select {
       margin-left: 0 !important;
    }
}
#ExpertListing  table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:20px;
}
#ExpertListing  tr:nth-of-type(odd) { 
		background: #eee; 
	}
	#ExpertListing tr:nth-of-type(even){
		background: #fff; 
	}
#ExpertListing 	th { 
		background: #2ea55f; 
		color: white; 
		font-weight: bold; 
	}
#ExpertListing 	td,#ExpertListing  th {
		padding: 6px;
		border: 1px solid #ccc;
		text-align: left;
		font-size: 15px;
		font-family: Arial;
	}
#ExpertListing 	td{color: #5a5a5a;}
		

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
#ExpertListing     table,#ExpertListing  thead,#ExpertListing  tbody,#ExpertListing  th,#ExpertListing  td,#ExpertListing  tr {
        display: block;
    }

#ExpertListing  thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

#ExpertListing  tr {
        border: 1px solid #ccc;
    }

#ExpertListing  td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
#ExpertListing  td>span{display:block; width:100%; float:none;}
#ExpertListing  td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

 #ExpertListing   td:nth-of-type(1) {
            display: none;
        }
#ExpertListing  td:nth-of-type(2):before {
            content: "Họ & Tên";
        }

#ExpertListing  td:nth-of-type(3):before {
            content: "Chức danh";
        }

#ExpertListing  td:nth-of-type(4):before {
            content: "Chuyên môn";
        }

#ExpertListing  td:nth-of-type(5):before {
            content: "Đơn vị";
        }

#ExpertListing  td:nth-of-type(6):before {
            content: "Điện thoại";
        }

#ExpertListing td:nth-of-type(7):before {
            content: "Email";
        }
}

@media only screen and (max-width: 450px){
    #ExpertListing  td {padding-left:35%;}
}
.footerChuyenGia{margin:30px 0; border-top:1px dotted #c9c9c9;}
.footerChuyenGia .xemVideoHuongDan{padding:20px 0; text-align:center; color:#5a5a5a; font-size:16px; font-family:Arial;}
.footerChuyenGia  .lienhe{text-align:center; color:#5a5a5a; font-size:16px; font-family:Arial;}
.footerChuyenGia  .lienhe .hotline{background: url('img/phone.png') no-repeat left center;padding-left: 31px;margin-right: 30px;display:inline-block;height: 34px;line-height: 34px;}
.footerChuyenGia  .lienhe .email{background: url('img/email.png') no-repeat left center;padding-left: 28px;display:inline-block;height: 34px;line-height: 34px;}
.footerChuyenGia  .lienhe a,.footerChuyenGia .xemVideoHuongDan a,.footerChuyenGia  .lienhe .hotline, .footerChuyenGia  .lienhe .email{color:#0d9056; font-weight:bold;}
.footerChuyenGia  .lienhe a,.footerChuyenGia .xemVideoHuongDan a{cursor:pointer;}


/*Chi tiet chuyen gia*/

#ExpertDetail  table {
    width: 100%;
    border-collapse: collapse;
}

	#ExpertDetail tr{
		background: #fff; 
	}
#ExpertDetail 	th { 
		background: #2ea55f; 
		color: white; 
		font-weight: bold; 
	}
#ExpertDetail 	td,#ExpertDetail  th {
		padding: 6px;
		border: 1px solid #ccc;
		text-align: left;
		font-family: Arial;
		font-size: 14px;
		font-weight: normal;
	}
#ExpertDetail{margin:30px 0 40px 0; width:100%; float:left;}
#ExpertDetail 	td{color: #5a5a5a;}
#ExpertDetail .hoten{
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    text-decoration: none;
    text-align: center;
    margin-top: 10px;
}
#ExpertDetail .ImageChuyenGia {
    margin: 20px 0;
}
#ExpertDetail table{margin:20px 0; float:left;}
#ExpertDetail table tr td:nth-child(1){background:#eee;}
#ExpertDetail table tr.head,#ExpertDetail table tr.head td{background:#fff;}


.ExpertLoading{position:fixed;top:0;left:0;right:0;bottom:0;display:none; z-index:1000;}
.ExpertLoading .overlay{    
    background: #000;
    top:0;left:0;right:0;bottom:0;
    z-index: 9999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    position:fixed;
    z-index:1001;

}
.ExpertLoading .GalleryLoadingW100H100{
    position:relative; height:100%; width:100%;
}
.ExpertLoading .GalleryLoadingW100H100 img {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto auto;
        position: absolute;
        width:250px;
        height:250px;
        z-index: 99999;
}
.bottomBar{text-align:right; display:block; margin:20px 0;}
.bottomBar a{color: #5a5a5a;font-size: 14px;font-family:Arial; cursor:pointer;}
@media screen and (min-width: 767px) {
    #ExpertListing td:nth-of-type(2), #ExpertListing th:nth-of-type(2) {
        width: 200px;
    }
}