/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : Jan 10, 2020, 10:15:35 AM
    Author     : hoang minh
* {margin: 0px; padding: 0px;}


/* css cho font chu */

@font-face {
    font-family: 'andro';
    src: url('../font/UTM Androgyne.ttf');
}

@font-face {
    font-family: 'alpine';
    src: url('../font/utm-alpine-kt.ttf');
}

@font-face {
    font-family: 'alex';
    src: url('../font/UTM _Alexander.ttf');
}

@font-face {
    font-family: 'fla';
    src: url('../font/UTM_Flavour.ttf');
}

.aff-link-bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: white;
    z-index: 1000000
}


/*.img-sec1 { display: block; margin: auto; max-width: 100%; }

.img-sec1-mb { display: block; margin: auto; max-width: 100%; }
*/

.section-2 {
    padding: 30px 0px;
}

.section-3 {
    padding: 30px 0px 80px 0px;
    background-image: url('/landing_page/images/bg3.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.khoi1-sec3 {
    padding: 20px 0px;
}

.khoi2-sec3 {
    padding: 0px 0px 20px 0px;
}

.img-khoi2 {
    display: block;
    margin: 20px auto 0px auto;
    max-width: 100%;
}

.bao-item-k2-sec3 {
    background-color: #000;
    padding: 15px 0px;
}

.img-b {
    display: block;
    margin: auto;
    width: 100%;
}

@media (min-width: 1201px) {
    .img-sec1 {
        display: block;
        margin: auto;
        max-width: 100%;
    }
    .img-sec1-mb {
        display: none;
    }
    .bao-3-anh {
        display: none;
    }
    .img-cuoi {
        display: block;
        margin: 22px auto 5px auto;
        max-width: 100%;
    }
    .img-cuoi-mb {
        display: none;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .img-sec1 {
        display: none;
    }
    .img-sec1-mb {
        display: block;
        margin: auto;
        max-width: 100%;
    }
    .bao-3-anh {
        display: none;
    }
    .img-cuoi {
        display: block;
        margin: 22px auto 5px auto;
        max-width: 100%;
    }
    .img-cuoi-mb {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .section-3 {
        background-image: url('/images/bg3-mb.jpg');
        background-size: cover
    }
    .img-sec1 {
        display: none;
    }
    .img-sec1-mb {
        display: block;
        margin: auto;
        max-width: 100%;
    }
    .bao-3-anh {
        display: none;
    }
    .img-cuoi {
        display: none;
    }
    .img-cuoi-mb {
        display: block;
        margin: 22px auto 5px auto;
        max-width: 100%;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .section-3 {
        background-image: url('/images/bg3-mb.jpg');
        background-size: cover
    }
    .img-sec1 {
        display: none;
    }
    .img-sec1-mb {
        display: block;
        margin: auto;
        max-width: 100%;
    }
    .bao-3-anh {
        display: none;
    }
    .img-cuoi {
        display: none;
    }
    .img-cuoi-mb {
        display: block;
        margin: 22px auto 5px auto;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .section-3 {
        background-image: url('/images/bg3-mb.jpg');
        background-size: cover
    }
    .img-sec1 {
        display: none;
    }
    .img-sec1-mb {
        display: block;
        margin: auto;
        max-width: 100%;
    }
    .section-2 {
        padding: 10px 0px;
    }
    .img-khoi2 {
        display: block;
        margin: 10px auto 0px auto;
        max-width: 100%;
    }
    .khoi1-sec3 {
        padding: 0px 0px;
    }
    .img-b {
        display: none;
    }
    .bao-3-anh {
        padding-top: 15px
    }
    .img-1_1a {
        display: block;
        margin: 0px auto 15px auto;
        width: 86%;
    }
    .img-1a {
        display: block;
        margin: 15px auto;
        width: 86%;
    }
    .img-cuoi {
        display: none;
    }
    .img-cuoi-mb {
        display: block;
        margin: 22px auto 5px auto;
        max-width: 100%;
    }
}