@media all and (min-width: 1400px) {
    @font-face {
        font-family: "VL";
        src: url(../font/VL_NewParis Headline Regular.otf);
    }
    @font-face {
        font-family: VL_NewParis;
        src: url("../font/VL_NewParis Headline Regular.otf")/* TTF file for CSS3 browsers */
    }
    body {
        font-family: "VL_NewParis" !important;
        margin: auto;
    }
    p {
        font-family: "VL_NewParis";
    }
    .header {
        width: 100%;
        height: 52px;
        line-height: 50px;
        background-color: black;
    }
    .left {
        float: left;
        margin-left: -15px;
        margin-top: 0px;
        top: 0px;
    }
    .right {
        float: right;
        margin-left: -15px;
        margin-top: 0px;
        top: 0px;
    }
    .left img {
        margin-left: 0px;
    }
    #section1 {
        padding-top: 50px;
        width: 1200;
        height: 800px;
        color: #fff;
        background-image: url('../img/title.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #section7 img {
        height: 200px;
    }
    #section10 img {
        height: 200px;
    }
    #section12 {
        padding-top: 50px;
        width: 1200;
        height: 800;
        color: #fff;
        background-image: url('../img/anh10.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .h {
        height: 40px;
        width: 50px;
        background-image: url('../img/H.jpg');
        background-repeat: no-repeat;
    }
    #section9 {
        padding-top: 50px;
        width: 1200px;
        height: 600px;
        background-image: url('../img/anh5.jpg');
        background-repeat: no-repeat;
    }
    #section3 {
        padding-top: 50px;
        width: 1300px;
        height: 500px;
        background-image: url('../img/anh1.jpg');
        background-repeat: no-repeat;
    }
    #section5 {
        padding-top: 50px;
        width: 1200px;
        height: 500px;
        background-image: url('../img/anh2.jpg');
        background-repeat: no-repeat;
    }
    #section13 {
        padding-top: 50px;
        width: 100%;
        height: 1035px;
        background-image: url('../img/anh11.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 50px;
    }
    #section14 {
        width: 100%;
        height: 600px;
        background-image: url('../img/anh15.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 50px;
    }
    #section16 {
        padding-top: 50px;
        padding-left: 10%;
    }
    #section16 ul {
        list-style: none;
    }
    #section16 ul li {
        display: inline;
    }
    #kkk {
        margin-top: 550px;
        margin-left: 30px;
    }
    footer {
        line-height: 40px;
        background-color: black;
        color: #fff;
        text-align: center;
    }
    footer ul {
        list-style: none;
        margin-bottom: -20px;
    }
    footer ul li {
        padding: 10px;
        display: inline;
        border-right: 1px solid #ffffff;
    }
    footer ul li:last-child {
        border-right: none;
    }
    .first {
        font-size: 28px;
        color: #33438c;
        letter-spacing: 1px;
        text-align: justify;
    }
    .tt,
    .tt1 {
        font-size: 24px;
        color: black;
        text-align: justify;
        padding-top: 20px;
        padding-left: 50px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .tt2 {
        font-size: 19px;
        color: black;
        text-align: justify;
    }
    .tt:first-letter {
        float: left;
        padding: 4px 8px 0 0;
        display: block;
        color: #336699;
        font: 90px/50px Georgia, Times, serif;
    }
    .img {
        width: 450px;
        height: 475px;
        color: #fff;
        background-image: url('../img/anh9.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .img3 {
        width: 1200px;
        height: 230px;
        color: #fff;
        background-image: url('../img/anh3.jpg');
        background-repeat: no-repeat;
    }
    .img6 {
        width: 1200px;
        height: 240px;
        color: #fff;
        background-image: url('../img/anh6.jpg');
        background-repeat: no-repeat;
    }
    .tit {}
    .tit2 {}
    .ttt {
        font-size: 16px;
    }
}

@media all and (max-width: 1400px) {
    @font-face {
        font-family: "VL";
        src: url(../font/VL_NewParis Headline Regular.otf);
    }
    @font-face {
        font-family: VL_NewParis;
        src: url("../font/VL_NewParis Headline Regular.otf")/* TTF file for CSS3 browsers */
    }
    body {
        font-family: "VL_NewParis" !important;
    }
    p {
        font-family: "VL_NewParis";
    }
    .header {
        width: 1350px;
        height: 52px;
        line-height: 50px;
        background-color: black;
    }
    .left {
        float: left;
        margin-left: -15px;
        margin-top: 0px;
        top: 0px;
    }
    .left img {
        margin-left: 0px;
    }
    #section1 {
        padding-top: 50px;
        width: 1350px;
        height: 700px;
        color: #fff;
        background-image: url('../img/title.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #section7 img {
        height: 200px;
    }
    #section10 img {
        height: 200px;
    }
    #section12 {
        padding-top: 50px;
        width: 100%;
        height: 558px;
        color: #fff;
        background-image: url('../img/anh10.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .h {
        height: 40px;
        width: 50px;
        background-image: url('../img/H.jpg');
        background-repeat: no-repeat;
    }
    #section9 {
        padding-top: 50px;
        width: 100%;
        height: 550px;
        background-image: url('../img/anh5.jpg');
        background-repeat: no-repeat;
    }
    #section3 {
        padding-top: 50px;
        width: 100%;
        height: 550px;
        background-image: url('../img/anh1.jpg');
        background-repeat: no-repeat;
    }
    #section5 {
        padding-top: 50px;
        width: 1350px;
        height: 500px;
        background-image: url('../img/anh2.jpg');
        background-repeat: no-repeat;
    }
    #section13 {
        padding-top: 50px;
        width: 100%;
        height: 950px;
        background-image: url('../img/anh11.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 50px;
    }
    #section14 {
        width: 100%;
        height: 600px;
        background-image: url('../img/anh15.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 50px;
    }
    #section16 {
        padding-top: 50px;
    }
    #section16 ul {
        list-style: none;
    }
    #section16 ul li {
        display: inline;
    }
    #kkk {
        margin-top: 550px;
        margin-left: 30px;
    }
    footer {
        line-height: 40px;
        background-color: black;
        color: #fff;
        text-align: center;
    }
    footer ul {
        list-style: none;
        margin-bottom: -20px;
    }
    footer ul li {
        padding: 10px;
        display: inline;
        border-right: 1px solid #ffffff;
    }
    footer ul li:last-child {
        border-right: none;
    }
    .first {
        font-size: 28px;
        color: #33438c;
        letter-spacing: 1px;
        text-align: justify;
    }
    .tt,
    .tt1 {
        font-size: 24px;
        color: black;
        text-align: justify;
        padding-top: 20px;
        padding-left: 50px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .tt2 {
        font-size: 19px;
        color: black;
        text-align: justify;
    }
    .tt:first-letter {
        float: left;
        padding: 4px 8px 0 0;
        display: block;
        color: #336699;
        font: 90px/50px Georgia, Times, serif;
    }
    .img {
        width: 450px;
        height: 300px;
        color: #fff;
        background-image: url('../img/anh9.jpg');
        background-repeat: no-repeat;
    }
    .img3 {
        width: 1000px;
        height: 230px;
        color: #fff;
        background-image: url('../img/anh3.jpg');
        background-repeat: no-repeat;
    }
    .img6 {
        width: 1000px;
        height: 240px;
        color: #fff;
        background-image: url('../img/anh6.jpg');
        background-repeat: no-repeat;
    }
    .tit {}
    .tit2 {}
    .ttt {
        font-size: 16px;
    }
}

@media all and (max-width: 1000px) {
    /* For mobile phones: */
    @font-face {
        font-family: "VL";
        src: url(../font/VL_NewParis Headline Regular.otf);
    }
    @font-face {
        font-family: VL_NewParis;
        src: url("../font/VL_NewParis Headline Regular.otf")/* TTF file for CSS3 browsers */
    }
    body {
        /*font-family: "VL_NewParis" !important;*/
    }
    p {
        /*font-family: "VL_NewParis";*/
    }
    .header {
        width: 1200px;
    }
    #section1 {
        padding-top: 50px;
        width: 1200px;
        height: 1000px;
        color: #fff;
        background-image: url('../img/titlemb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #section7 img {
        height: 200px;
    }
    #section10 img {
        height: 200px;
    }
    #section12 {
        padding-top: 50px;
        width: 1190px;
        height: 850px;
        color: #fff;
        background-image: url('../img/anh7mb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #section9 {
        padding-top: 50px;
        width: 1000px;
        height: 1800px;
        background-image: none;
        background-repeat: no-repeat;
    }
    #section {
        padding-top: 50px;
        width: 1190px;
        height: 1125px;
        background-image: url('../img/anh5mb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #section3 {
        padding-top: 50px;
        width: 1190px;
        height: 720px;
        background-image: url('../img/anh1mb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #section5 {
        padding-top: 50px;
        width: 1190px;
        height: 850px;
        background-image: url('../img/anh2mb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #section13 {
        padding-top: 50px;
        width: 1000px;
        height: 4500px;
        margin-bottom: 50px;
        background-image: none;
    }
    #section14 {
        width: 1190px;
        height: 850px;
        background-image: url('../img/anh15mb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 50px;
    }
    ._91 {
        margin-left: -50px;
        width: 1200px;
        height: 2750px;
        background-image: url('../img/anh11mb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 50px;
    }
    ._9116 {
        margin-left: -50px;
        width: 1200px;
        height: 675px;
        background-image: url('../img/anh6mb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 50px;
    }
    ._9113 {
        margin-left: -50px;
        width: 1200px;
        height: 685px;
        background-image: url('../img/anh3mb.jpg');
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        margin-bottom: 50px;
    }
    .img {
        width: 0;
        height: 0;
        color: #fff;
        background-image: none;
        background-repeat: no-repeat;
    }
    .img3 {
        width: 0;
        height: 0;
        color: #fff;
        background-image: none;
        background-repeat: no-repeat;
    }
    .img6 {
        width: 0;
        height: 0;
        color: #fff;
        background-image: none;
        background-repeat: no-repeat;
    }
    #section13 img {
        display: block;
    }
    #section16 {
        padding-top: 50px;
    }
    #section16 ul {
        list-style: none;
    }
    #section16 ul li {
        display: inline;
    }
    #kkk {
        margin-top: 550px;
        margin-left: 30px;
    }
    footer {
        width: 1200px;
        line-height: 40px;
        background-color: black;
        color: #fff;
        text-align: center;
    }
    footer ul {
        list-style: none;
        margin-bottom: -20px;
    }
    footer ul li {
        padding: 10px;
        display: inline;
        border-right: 1px solid #ffffff;
    }
    footer ul li:last-child {
        border-right: none;
    }
    .first {
        margin-left: 175px;
        font-size: 50px;
        color: #33438c;
        letter-spacing: 1px;
        text-align: justify;
    }
    .tt,
    .tt1 {
        margin-left: 151px;
        font-size: 48px;
        color: black;
        text-align: justify;
        padding-top: 10px;
        padding-left: 50px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .tt2 {
        margin-left: 151px;
        font-size: 48px;
        color: black;
        text-align: justify;
    }
    .tt:first-letter {
        float: left;
        padding: 4px 8px 0 0;
        display: block;
        color: #336699;
        font: 90px/50px Georgia, Times, serif;
    }
    .uh {
        width: 1075px;
    }
    .tit {}
    .tit2 {}
    .ttt {
        margin-left: 151px;
        font-size: 48px;
    }
}