﻿/*Slide partner*/
#slide_partner_wr {
    width: 100%;
    float: left;
    height: 120px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

#slide_partner_content {
    width: 658px;
    height: 118px;
    float: left;
    margin-left: 30px;
    border: 1px solid #000;
    background: #101010;
}

.slider-logo {
    width: 100%;
    height: 100%;
}

.slider-logo .item {
    float: left;
    width: 165px;
    height: 118px;
}
    .slider-logo .item .image,.slider-logo .item .image a {
        width: 165px;
        height: 118px;
        display: table-cell;
        vertical-align: middle;
    }
      .slider-logo .item .image img,.slider-logo .item .image a img{
          display: block;
          margin: 0 auto;
            filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: url(filter.svg#greyscale); /* thêm đường dẫn của file filter.svg */
            filter: gray; /* code để hỗ trợ IE */
            transition: all 0.7s;
			max-width:160px;
			max-height:118px;
    }

       .slider-logo .item .image:hover img,.slider-logo .item .image a:hover img{
             filter: grayscale(0%);
                -moz-filter: grayscale(0%);
                -webkit-filter: grayscale(0%);
                -ms-filter: grayscale(0%);
                -o-filter: grayscale(0%);
                filter: url(filter.svg#greyscale); /* thêm đường dẫn của file filter.svg */
                filter: none; /* code để hỗ trợ IE */
    }

#slide_partner_wr #partner_prev {
    background: url(img/h_previous.png) no-repeat left top;
    cursor: pointer;
    height: 120px;
    width: 30px;
    position: absolute;
    left: 0px;
    top: 0;
}

#slide_partner_wr #partner_next {
    background: url(img/h_next.png) no-repeat left top;
    cursor: pointer;
    height: 120px;
    width: 30px;
    position: absolute;
    right: 0px;
    top: 0;
}

/*End slide Partner*/


.adv_left1 {
    float: left;
    margin-top: 10px;
    position: relative;
    z-index: 999;
}

    .adv_left1 .item img {
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin: 0 0 10px 0;
        position: relative;
        z-index: 999;
    }

.adv_left .item:last-child img {
    margin: 0;
    float: left;
}

.adv_left {
    float: left;
    margin-top: 20px;
    position: relative;
    z-index: 999;
    /**margin-top: 20px;*/
}

    .adv_left .item img {
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        margin: 0 0 20px 0 !important;
        position: relative;
        z-index: 9999;
    }
/*.adv_left2 .item:last-child img {
    margin: 0 !important;
    *margin: 0 !important;
}*/

/*Banner*/
#banner {
    /*max-width: 1366px;*/
    margin: 0 auto;
    height: 390px;
}

.nivoSlider {
    height: 390px;
    width: 100%;
    /*min-width: 1030px;*/
    z-index: 0;
    /*overflow: hidden;*/
}

    .nivoSlider a img {
        height: 390px !important;
        width: 100% !important;
    }


.advqc {
    margin-top: 30px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 10px;
}

    .advqc #close {
        display: none;
        position: absolute;
    }

    .advqc .item:hover #close {
        display: block;
    }

    .advqc.adv_right {
        right: 0;
    }

    .advqc.adv_left {
        left: 0;
    }

.adv_right .item {
    float: left;
    margin-left: 10px;
    position: relative;
}

.adv_left .item {
    float: right;
    margin-right: 10px;
    position: relative;
}

.adv_right .item #close {
    left: 0;
}

.adv_left1 .item #close {
    right: 0;
}
