.MultiFunctionControl
{
    background-color:  !important;
}
.MultiFunctionControl .BannerMenu {
    background: #66a9e8;
    #border-radius: 0 0 10px 10px;
    color: #fff;
    font: bold 9pt arial;
    padding: 4px 10px;
    text-align: right;
    text-transform: uppercase;
    #width: 1050px;
}
.MultiFunctionControl .BannerMenu1 {
    background: #1567b3;
    height:10px;
}
.MultiFunctionControl .titleanh {
    width: 100%;
    background: #1567b3;
    padding: 10px 0px 10px 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    #height:30px
}
/*-----------------du lich-----------------------*/
.MultiFunctionControl .child {
    width: 280px;
    #margin-right: 30px;
    background: #1567b3;
    float:left;
    #margin-bottom:10px;
    height:100px;
}
.MultiFunctionControl .child a img{
    width: 83px;
    height: 83px;
    float: left;
    padding:10px 10px;
}
.MultiFunctionControl .child .text {padding-left: 100px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 30px;
}
/*-----------------kenh tuong tac-----------------------*/
.MultiFunctionControl .kt{
    #background: rgba(0, 0, 0, 0) url("images/bg_kenh.png") repeat scroll 0 0;
    height:200px;
  border: 1px solid #ededed;
  margin-bottom:10px;
}
.MultiFunctionControl .kt .border1 {
    text-align: center;
    padding: 10px;
    border: 1px solid #8ab3d9;
    #position: absolute;
    left: 0px;
    right: 0px;
    bottom: 20px;
    color: #1567b3;
    font-size: 14px;
    font-weight: 700;
    margin: auto;
    width: 195px;
}
.MultiFunctionControl .kt .border3 {
    text-align: center;
    padding: 10px;
    border: 1px solid #36823a;
    #position: absolute;
    left: 0px;
    right: 0px;
    bottom: 20px;
    color: #36823a;
    font-size: 14px;
    font-weight: 700;
    margin: auto;
    width: 170px;
}
.MultiFunctionControl .kt .border4{
    text-align: center;
    padding: 10px;
    border: 1px solid #eaae86;
    #position: absolute;
    left: 0px;
    right: 0px;
    bottom: 20px;
    color: #d55d0d;
    font-size: 14px;
    font-weight: 700;
    margin: auto;
    width: 170px;
}
}
.MultiFunctionControl .right {
    float: right;
    padding-right: 20px;
}
.MultiFunctionControl ul.social_list {
    list-style: none outside none;
}
.MultiFunctionControl ul.social_list li {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
}
.MultiFunctionControl ul.social_list li.first {
    margin-left: 0;
}
.MultiFunctionControl ul.social_list li img {
    margin: 0 5px 0 3px;
    vertical-align: middle;
}
.MultiFunctionControl .table{
    #border: 1px solid gray;
    #border-top: #4da9e8 solid 5px !important;
    #border-bottom: #4da9e8 solid 5px !important;
    #border-radius: 5px 5px;
    box-shadow: 0 4px 10px #c8c8c8;
    -moz-box-shadow: rgba(200,200,200,1) 0 4px 10px;
    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 10px;
    -khtml-box-shadow: rgba(200,200,200,1) 0 4px 10px;
    background-color:#f5f5f5;
}
.MultiFunctionControl .table .title-table {
    width: 100%;
    background: #216fb7;
}
.MultiFunctionControl .table .title-table span {
    color: #fff;
    text-transform: uppercase;
    font: bold 12pt/32px arial;
}
.MultiFunctionControl .table .title-table img {
    padding-right:10px;
     
}
.MultiFunctionControl .table td {
    #border-bottom: 1px solid #dfdfdf;
    
}
.MultiFunctionControl .table1{
    border: 1px solid gray;
    border-top: #4da9e8 solid 5px !important;
    border-bottom: #4da9e8 solid 5px !important;
    border-radius: 5px 5px;
    box-shadow: 0 4px 10px #c8c8c8;
    -moz-box-shadow: rgba(200,200,200,1) 0 4px 10px;
    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 10px;
    -khtml-box-shadow: rgba(200,200,200,1) 0 4px 10px;
}
.MultiFunctionControl .table1 td {
    border-bottom: 1px solid #dfdfdf;

}
.MultiFunctionControl .table1 tr td strong span{
    color:#b80002;
}
.MultiFunctionControl .table1 td strong a {
    font:  bold 11pt/28px arial;
}
.MultiFunctionControl .table td a{
    font: bold 10pt/25px arial;
    color:#0071c6;
}
/*-----------------Khách hàng-----------------------*/
.MultiFunctionControl .KhachHang {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    display: block;
    margin: 10px 0 0px 0;
    /* padding: 10px 0; */
    text-align: center;
    vertical-align: top;
}
.MultiFunctionControl .Col {
    background: #f0f0f0 none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 4px 5px #c8c8c8;
    display: inline-block;
    margin: 0 9px 15px 9px;
    padding: 15px 0;
    text-align: center;
    vertical-align: top;
    width: 31%;
    transition: 0.8s ease;
    border:1px solid #fff;
}
.MultiFunctionControl .Col:hover {
    box-shadow:none;
  border:2px solid #e00505;
}
.MultiFunctionControl .Col img {
    border: medium none;
    border-radius: 0 !important;
    box-shadow: none !important;
    clear: both;
    #display: block;
    margin-bottom: 10px;
    max-width: 100%;
    text-align: center;
    transition: all 0.2s ease 0.5s;
    vertical-align: top;
}
.MultiFunctionControl .Col:hover img {
    filter : grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
}
.MultiFunctionControl .Col img:hover {
    filter : grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
}
.MultiFunctionControl .Col:hover span {
    color: #e00505;
}
.MultiFunctionControl .Col span {
    color: #00458A;
    display: inline-block;
    font: bold 10pt arial;
    text-transform: uppercase;
        transition: all 0.2s ease 0.5s;
}
.MultiFunctionControl .Col a {
    display: inline-block;
    text-align: center;
}
/*-----------------list danh sách-----------------------*/
.MultiFunctionControl .list-navbar {
    width: 100%;
    display: block;
    margin-top: 15px;
    height:110px;
    margin-bottom:25px
}
.MultiFunctionControl .list-navbar .nav-item1 {
    background:rgba(0, 0, 0, 0) url("images/bg-item-1.png") repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:left;
    width:25%;
    height:120px;
}
.MultiFunctionControl .list-navbar .nav-item2 {
    background:rgba(0, 0, 0, 0) url("images/bg-item-2.png") repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:left;
    width:25%;
    height:120px;
}
.MultiFunctionControl .list-navbar .nav-item3 {
    background:rgba(0, 0, 0, 0) url("images/bg-item-3.png") repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:left;
    width:25%;
    height:120px;
}
.MultiFunctionControl .list-navbar .nav-item4 {
    background:rgba(0, 0, 0, 0) url("images/bg-item-4.png") repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:left;
    width:25%;
    height:120px;
}
.MultiFunctionControl .list-navbar .nav-item5 {
    background:rgba(0, 0, 0, 0) url("images/bg-item-5.png") repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:left;
    width:25%;
    height:120px;
}
.MultiFunctionControl .list-navbar .nav-item6 {
    background:rgba(0, 0, 0, 0) url("images/bg-item-7.png") repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:left;
    width:25%;
    height:120px;
}
.MultiFunctionControl .list-navbar .nav-item7 {
    background:rgba(0, 0, 0, 0) url("images/bg-item-8.png") repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:left;
    width:25%;
    height:120px;
}
.MultiFunctionControl .list-navbar .nav-item8 {
    background:rgba(0, 0, 0, 0) url("images/bg-item-9.png") repeat scroll 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float:left;
    width:25%;
    height:120px;
}
@media screen and (min-width: 768px)
.MultiFunctionContro .list-navbar {
    margin-top: 70px;
}
.MultiFunctionControl .list-navbar .nav-item1 .title-item,.nav-item7 .title-item,.nav-item8 .title-item,.nav-item6 .title-item,.nav-item5 .title-item ,.nav-item2 .title-item,.nav-item3 .title-item,.nav-item4 .title-item {
    width: 100%;
    float: left;
    display: block;
    font-family: robotocondensedbold;
    font-size: 16px;
    text-transform: uppercase;
    color: #f7ef07;
    border-bottom: 1px solid rgba(255, 255, 0, 0);
    padding-left:10px;
    padding-top:5px
}
.MultiFunctionControl .list-navbar .nav-item1 .content-item,.nav-item6 .content-item,.nav-item7 .content-item,.nav-item8 .content-item,.nav-item5 .content-item,.nav-item2 .content-item,.nav-item3 .content-item,.nav-item4 .content-item {
    width: 95%;
    float: left;
    display: block;
    text-align: right;
    font-family: Time new roman;
    font-size: 15px;
    color: #fff;
}
.MultiFunctionControl .list-navbar .nav-item1:hover .title-item,.nav-item6:hover .title-item,.nav-item8:hover .title-item,.nav-item7:hover .title-item,.nav-item5:hover .title-item,.nav-item2:hover .title-item,.nav-item3:hover .title-item,.nav-item4:hover .title-item {
	white-space: nowrap;
	padding: 10px 0 10px 10px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.62);
	border-bottom: 1px solid rgba(255, 255, 0, 0.29);
}
.MultiFunctionControl .list-navbar .nav-item1:hover .content-item {
    padding-right: 10px;
}