.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 .BannerMenu_UBNAN {
    background: #fff;
    #border-radius: 0 0 10px 10px; #color: #fff; font: bold 9pt arial;
    padding: 5px 5px 0px 0px;
    text-align: right;
    text-transform: uppercase;
    width: 1600px; }

.MultiFunctionControl .BannerMenu_UBNAN a {
    color: #1466b3 !important;
    font: bold 9pt arial;
}

.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;
}

.MultiFunctionControl .child .text a {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

/*-----------------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;
    margin-bottom: 3px;
}

.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,.Col1,.Col2,.Col3 {
    border-radius: 10px;
    box-shadow: 0 4px 5px #c8c8c8;
    display: inline-block;
    margin: 0 0px 10px 0px;
    padding: 10px 0;
    text-align: center;
    vertical-align: top;
    width: 24%;
    transition: 0.8s ease;
    border: 1px solid #fff;
}

.MultiFunctionControl .Col {
    background-color: #f2ab02;
}

.MultiFunctionControl .Col1 {
    background-color: #056997;
}

.MultiFunctionControl .Col2 {
    background-color: #7bbd42;
}

.MultiFunctionControl .Col3 {
    background-color: #f05423;
}

.MultiFunctionControl .Col:hover {
    box-shadow: none;
    border: 3px solid #d36d00;
}

.MultiFunctionControl .Col1:hover {
    box-shadow: none;
    border: 3px solid #056997;
}

.MultiFunctionControl .Col2:hover {
    box-shadow: none;
    border: 3px solid #51a20a;
}

.MultiFunctionControl .Col3:hover {
    box-shadow: none;
    border: 3px solid #c93304;
}

.MultiFunctionControl .Col img,.Col1 img,.Col2 img,.Col3 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;
    float: left;
}

.MultiFunctionControl .Col:hover img,.Col1:hover img,.Col2:hover img,.Col3: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,.Col1 img:hover,.Col2 img:hover,.Col3 img:hover {
    filter : grayscale(100%);
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.MultiFunctionControl .Col .text,.Col1 .text,.Col2 .text,.Col3 .text {
    padding-left: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 10px;
}

#.MultiFunctionControl .Col:hover span {
    color: #e00505;
}

.MultiFunctionControl .Col span,.Col1 span,.Col2 span,.Col3 span {
    color: #fff;
    display: inline-block;
    font: bold 10pt arial;
    text-transform: uppercase;
    transition: all 0.2s ease 0.5s;
}

.MultiFunctionControl .Col a,.Col1 a,.Col2 a ,.Col3 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;
}

@media only screen and (max-width: 768px) {
    .TopBar .MultiFunctionControl {
        display: none;
    }

    .MultiFunctionControl iframe {
        min-height: 40vh !important;
    }
}