*{margin: 0px;padding: 0px;font-family: arial;font-size: 14px;}
ul,li{list-style: none;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6,p{font-family: arial;font-size: 100%;margin: 0px;padding: 0px;}
body{font-family: arial;font-size: 14px;}

.clear{clear: both;}
/********************* #top ********************/
#top{float: left;width:100%;background: #3078f1;height:50px;}
#top .left-t{float:left;}
#top .left-t p{float: left;color: #fff;line-height: 50px;}
#top .left-t p.email{margin-right: 50px;}
#top .left-t p img{padding-right:10px;vertical-align: middle;}

#top .right-t{float:left;text-align: right;}
#top .right-t p{float: right;color: #fff;line-height: 50px;}
#top .right-t li{float: right;padding-top: 16px;}
#top .right-t li a{float: left;margin-left: 15px;}

#dl-menu{display: none;}

@media(max-width:768px){
    #top{height:auto;}
    #top .left-t p,#top .right-t p{line-height: 18px;}
    #top .left-t p.email{margin-right: 15px;}
    #top .right-t li{float: right;padding-top: 0px;}
    #top .right-t{padding-bottom: 10px;}
    
    #dl-menu{display: block;}
}

/***************************** #header *************************/
ul.sub1{float: left;width:100%;}

ul.sub1 li:hover{}
ul.sub1 li a{float: left;font-size: 15px;color: #fff;text-transform: uppercase;font-weight:normal;
            text-decoration: none;line-height: 30px;}
ul.sub1 li li a{
    color: #303030;
}
ul.sub1 li.active a{color: #4ac002;/*border-bottom: 2px solid #4ac002;*/}
ul.sub1 li a:hover{color: #f8dd7b;/*border-bottom: 2px solid #f8dd7b;*/} 

ul.sub1 li ul{
    display: none;
    position: absolute;
    z-index: 9;
    top: 53px;
    width: 230px;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    padding: 5px 0;
}
ul.sub1 li:hover ul{display: block;}
ul.sub1 li ul li{float:left;width:100%;margin: 0px;margin-top:5px; height:20px;}
ul.sub1 li ul li a{font-size: 14px;text-transform: uppercase;font-weight: normal;line-height: 20px;}
ul.sub1 li ul li a:hover{border: none;}


.search{
    float: right;
    text-align: right;
    position: absolute;
    top: 27px;
    left: 0;}
.search i{color: #303030; font-size: 20px;cursor: pointer;}
#nsearch{position: absolute;display:none; right: 0px; top: 40px;z-index: 999999999; float: left;width:250px;
            border:1px solid #303030; background: #fff;}
#nsearch input[type='text']{background: none;border: none;float: left;line-height: 30px;width:215px;
                padding: 0px 7px;}
#nsearch #searchbutton{float: left; width:30px;border: none; background: none;height:30px;}
#nsearch #searchbutton i{color: #303030; font-size: 18px;}

.search .addsearch{display: block!important;}

@media screen and (min-width:769px) and (max-width: 1200px){
    #header{height:100px;}
    .logo a img{max-width:180px;}
    .menu{padding-left: 180px;}
    .menu ul.sub1{padding-bottom: 10px;}
    ul.sub1 li a{font-size: 12px;color: #303030;text-transform: uppercase; font-weight:normal;
            text-decoration: none;line-height: 30px;}

}

@media(max-width:768px){
    #header{height: auto;}
    .menu{display:none;}
}


/*************************** #slide *************************/
#slide{float: left;width: 100%;overflow: hidden;}
#slide img{width: 100%;}

/*************************** #page1 *************************/
#page1{float: left;width: 100%;}

.title1{float: left;width:100%;margin-top:30px ;}
.title1 p.title{float: left;width:100%;text-align: center; font-size: 24px;
            font-family: time news roman; font-weight: bold; color: #3078f1;
            text-transform: uppercase; line-height: 26px;}
.title1 p.brief{float: left;width:100%;text-align: center;color: #303030;
            line-height: 20px; margin-top: 10px;}


.child-page1{float: left;margin-top:20px;}
.child-page1 .ten{float: left;width:100%;height: 28px;border-left: 7px solid #4ac002;}
.child-page1 .ten h3{float: left; font-size: 18px;color: #303030; font-family: time news roman;
            margin: 0px;text-transform: uppercase; font-weight: bold;
            line-height: 28px;padding-left: 14px;}

.child-page1 .anh{float: left;width:100%;margin-top: 15px;overflow: hidden;height: 365px;}
.child-page1 .anh img{float: left;width:100%;height: 100%;}
.child-page1 .anh a img:hover {
     -webkit-transform: scale(1.08); 
     transform: scale(1.08); 
     -webkit-transition: 0.4s ease; 
     transition: 0.4s ease; 
}

.child-page1 .brief{float: left;width: 100%;background: #4ac002;
                background-image: url(../img/angle.png);
                background-repeat: no-repeat;
                background-position: right 25px center;}
.child-page1 .brief .text1{float: left;width: calc(100% - 95px); padding: 20px;background: #fff;}
.child-page1 .brief .text1 p{font-size: 14px;line-height: 22px;}
.child-page1 .brief .angle{float: left;width:95px;height: 100%;
            }
.child-page1 .brief .angle a{float: left;width:100%;min-height: 100px;}

@media screen and (min-width:769px) and (max-width: 992px){
    .child-page1 .anh{height:220px}

}

@media(max-width:768px){
    .child-page1 .anh{height:auto}
}


/*********************************************** #page2 **************************/
#page2{float: left;width:100%;background: #3078f1;}
.title2{float: left;width:100%;margin-top:30px ;}
.title2 p.title{float: left;width:100%;text-align: center; font-size: 24px;
            font-family: time news roman; font-weight: bold; color: #fff;
            text-transform: uppercase; line-height: 26px;}
.title2 p.brief{float: left;width:100%;text-align: center;color: #fff;
            line-height: 20px; margin-top: 5px;}

#page2 .qtdv{float:left; width:100%;margin-top:30px;padding-bottom: 35px;}

.child-qtdv{float: left;width:20%;}
.child-qtdv:hover .text3 a h3{color: #303030;}
.child-qtdv .anh{width: 100%; height: 100px;
                         /* Dành cho Firefox */
                        display:-moz-box;
                        -moz-box-align:center;
                        -moz-box-pack:center;
                        /* Dành cho Safari and Chrome */
                        display:-webkit-box;
                        -webkit-box-align:center;
                        -webkit-box-pack:center;
                        /* W3C */
                        display:box;
                        box-align:center;
                        box-pack:center; 
                        
}

.child-qtdv .anh a img{display: block;margin: auto;max-height: 100%;}
.child-qtdv:hover .anh a img{
     -webkit-transform: scale(1.08); 
     transform: scale(1.08); 
     -webkit-transition: 0.4s ease; 
     transition: 0.4s ease; 
}

.child-qtdv .text3{float: left;width:100%;padding:0px 15px; margin-top: 20px;}
.child-qtdv .text3 a h3{float: left;width:100%;text-align: center;color: #fff;font-size: 18px;
                line-height: 24px;text-transform: uppercase;font-weight: bold;}
.child-qtdv .text3 a:hover h3{color: #303030;}

@media(max-width:768px){
    .child-qtdv{width:50%;margin-top:20px;}
}


/************************************* #page3 *************************/
#page3{float: left;width:100%;margin-top:40px; border-top: 16px solid #eeeeee;
                border-bottom: 16px solid #eeeeee; padding: 20px 0px;}
.child-page3{float: left;}
.child-page3-text{float: left;width:100%;background: #f4f4f5; padding: 20px;
            border-left: 5px solid #3078f1;border-radius: 3px;}
.child-page3-text p.title{float: left;width:100%;color: #303030; font-family: time news roman; font-size: 18px;
                    text-transform: uppercase; font-weight: bold;}

.child-page3-text p.brief{float: left;width:100%;color: #303030; font-size: 14px; line-height: 20px;}
.child-page3-text a{float: left;color: #fff; font-size: 14px; line-height: 20px;background: #3078f1;
            padding: 5px 10px; margin-right: 20px; border-radius: 3px;margin-top: 15px;}
.child-page3-text a i{font-size: 14px;margin-right: 5px; color: #fff;}

/************************************* #page4 *************************/
#page4{float: left;width:100%;}
.child-ttnb{float: left;margin-top: 20px;}
.child-ttnb .anh{float: left;width: 100%;overflow: hidden;height: 180px;}
.child-ttnb .anh img{float: left;width:100%;height: 100%;}
.child-ttnb .anh a img:hover {
     -webkit-transform: scale(1.08); 
     transform: scale(1.08); 
     -webkit-transition: 0.4s ease; 
     transition: 0.4s ease; 
}
.child-ttnb .date{float:left;width:100%; height: 18px; margin-top:15px;
            background: url(../img/ico-date.png)no-repeat left 0px center;}
.child-ttnb .date p{float:left;color: #868686;font-weight: bold;margin: 0px;padding-left: 30px;
                line-height: 18px;}
.child-ttnb .ten{float:left;width:100%; height: 20px; margin-top:15px;
            line-height: 20px;}
.child-ttnb .ten a h3{float:left;width:100%;font-weight: bold;color: #3078f1;}
.child-ttnb .ten a:hover h3{color: #4ac002;}

.child-ttnb .brief{float:left;width:100%;margin-top: 10px;}
.child-ttnb .brief p{float:left;width:100%;color: #303030; line-height: 20px;}
.child-ttnb a.link{float: left;width:100%;color: #4ac002;border-bottom: 3px solid #4ac002;
                 padding-bottom: 10px;margin-top:10px;}

@media screen and (min-width:769px) and (max-width: 992px){
    .child-ttnb .anh{height: 100px;}

}


@media screen and (min-width:501px) and (max-width: 768px){
    .child-ttnb .anh{height: auto;}

}

@media(max-width:500px){
    .child-ttnb{width:100%;}
    .child-ttnb .anh{height: auto;}
}

/**************************************** #page5 *****************************/
#page5{float: left;width: 100%; margin-top: 50px; padding-bottom:40px;
            background: url(../img/bg-page5.jpg)no-repeat; background-size: cover;}
            
/**************************************** #page6 *****************************/
#page6{float: left;width: 100%;}

.slide_chay{float:left; width: 100%;margin: auto;}
.default{float:left;width:100%!important;height:70px;
            position: relative; margin-top: 20px;margin-bottom: 20px;} 
           

.jCarouselLite{width:90%!important;margin: auto;height:70px; padding-left: 56px;padding-right: 56px;
           }
.jCarouselLite ul{float: left;}
.jCarouselLite ul li{float:left;
                        
    }	
 .jCarouselLite ul li a{float: none!important;position:relative; height: 70px;line-height: 70px;
	list-style: none; width:120px;margin-left:10px;margin-right:10px;
                        /* Dành cho Firefox */
                        display:-moz-box!important;
                        -moz-box-align:center!important;
                        -moz-box-pack:center!important;
                        /* Dành cho Safari and Chrome */
                        display:-webkit-box;
                        -webkit-box-align:center;
                        -webkit-box-pack:center;
                        /* W3C */
                        display:box;
                        box-align:center;
                        box-pack:center; }
.jCarouselLite ul li a img{height: auto; width: auto;z-index: 10;max-height:70px; max-width:100%;
        float: none; margin: auto;display: block;line-height: 70px;}



@media screen and (min-width:769px) and (max-width: 992px){
    .jCarouselLite{width:86%!important;margin: auto;}
}

@media screen and (min-width:501px) and (max-width: 768px){
    .jCarouselLite{width:80%!important;margin: auto;}
}

@media(max-width:500px){
    .jCarouselLite{width:74%!important;margin: auto;}
}

/******************** #footer ******************************/

.top-footer{float: left;width:100%; margin-top:20px;padding-bottom: 20px;border-bottom: 1px solid #fff;}
.diachi{float: left;margin-top:20px;}
.diachi h4{color: #fff;float: left;width:100%;text-transform: uppercase;font-weight: bold; 
            font-size:14px; margin-bottom: 10px;}
.diachi p{color: #fff;float: left;width:100%;padding-top: 5px; line-height: 18px;}

.dichvu{float: left;}
.dichvu h2{color: #fff;float: left;width:100%;text-transform: uppercase;font-weight: bold;font-size:14px; 
            margin-top:20px;margin-bottom: 5px;}
.dichvu a{color: #fff;float: left;width:100%;margin-top:5px;line-height: 18px;}

.facebook{float: left;margin-top:20px;}
.facebook img{float: left;max-width:100%;}


.bottom-footer{float: left;width:100%;padding-top:20px; padding-bottom: 20px;}
.bottom-footer p.copy{float: left;color: #fff;line-height: 20px;padding-top: 10px;}
.bottom-footer li.link-footer{float: right;}
.bottom-footer li.link-footer a img{float: left;width:36px;height:36px;margin-left:10px;}



/*********************** trang tin t?c *********************************/
#banner{float: left;width:100%;max-height:250px;overflow: hidden;}
#banner a img{float: left;width:100%;}


.main{float: left;width:100%;}

#link{float: left;width:100%;height: 36px;margin-top: 10px;}
#link a{float: left;font-size: 13px;padding-right: 3px;line-height: 36px; color: #303030;
            text-transform: capitalize; text-decoration: none;}
#link a:hover{font-weight: bold;color: #0071d1;}

.left-main{float: left;margin-top: 30px;}
.title3 p{float: left;width:100%; color: #fff; text-transform: uppercase; font-size: 14px;
        line-height: 20px;padding-top: 10px; padding-left: 30px;font-weight: bold;
        }

.box-left{float: left;width:100%;margin-top:20px;}
.box-left ul{float:left;width:100%;}
.box-left ul li{float:left;width:100%;margin-bottom: 20px;padding-bottom: 24px;
            background: url(../img/line2.png)no-repeat bottom center;}
.box-left ul li:last-child{background: none;padding-bottom: 0px;}
.box-left ul li a img{float: left;width: 260px; height: 175px;margin-right:15px;max-width:100%;}

.box-left ul li .text7 a{text-decoration: none;}
.box-left ul li .text7 a h3{font-size: 14px;font-weight: bold;color: #303030;line-height: 18px;}
.box-left ul li .text7 a:hover h3{color: #3078f1;}
.box-left ul li .text7 p{display: block;margin-top: 10px;width:100%;margin-bottom: 0px;}
.box-left ul li .text7 p span.date{float: left;padding-left:22px; margin-right: 40px;
                background: url(../img/date.png)no-repeat;}
.box-left ul li .text7 p span.mat{float: left;padding-left:22px;
                background: url(../img/mat.png)no-repeat left 0px top 3px;}
.box-left ul li .text7 p.ptext{color: #808080;float: left;width:100%;text-align: justify;}


@media(min-width:501px){
    .box-left ul li .text7{float: left;width: calc(100% - 275px);}
}

@media(max-width:500px){
    .box-left ul li a img{width: 100%; height: auto;margin-bottom:15px;max-width:100%;}
    .box-right ul li .text7{float: left;width: 100%;}
}


/***************** phan trang *****************/
.page1{float: right;margin-bottom: 20px;margin-top: 20px;}
.page1 ul{float: right;}
.page1 ul li{float: left;background: #cdcdcd;margin-right: 5px;}
.page1 ul li a{padding: 3px 8px;color: #303030;float: left;text-decoration: none;}
.page1 ul li a.current, .page1 ul li:hover a{
    color: #fff;background: #0071d1; border: 1px solid #303030;padding: 2px 7px;
}

/*****************  *****************/
#right-main{float: left;margin-top: 30px;}


.box55{float: left;width:100%;margin-top: 10px;}
.box55 ul{float: left;width:100%;}
.box55 ul li{float: left;width:100%;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #303030;}
.box55 ul li:last-child{border-bottom: none;margin-bottom: 0px;padding-bottom: 0px;}
.box55 ul li a img{float: left;width: 110px; height: 74px;margin-right: 10px;}
.box55 ul li .text5{float: left;width: calc(100% - 120px);}
.box55 ul li .text5 a{text-decoration: none;}
.box55 ul li .text5 a h3{font-size: 14px;font-weight: bold;color: #303030;line-height: 18px;}
.box55 ul li .text5 a:hover h3{color: #3078f1;}
.box55 ul li .text5 p{float: left;width:100%;display: block;margin-top: 3px;}



@media screen and (min-width:501px) and (max-width: 768px){
    .box55 ul li.n1 a img{float: left;width: 150px; height:90px;margin-right:10px;}
    .box55 ul li.n1 .text5{float: left;width: calc(100% - 160px);}
}
@media(max-width:500px){
    .box55 ul li.n1 a img{float: left;width: 100%; height:auto;}
}


/******************* form ***********************************/
.box1{float: left;width:100%;margin-bottom: 20px;}
.box1 p.contact1{float: left;width:100%;font-size: 20px;text-transform: uppercase;
            font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;}

.box1 p.questions{float: left;width:100%;font-size: 14px; margin: 10px 0px;}
.box1 form{float: left;width:100%;}
.box1 form input[type=text]{float: left;width:100%;border: 1px solid #cdcdcd; border-radius: 3px;
            margin-top: 15px; padding: 10px; background: #FCFCFC;}

.box1 form textarea{float: left;width:100%;border: 1px solid #cdcdcd; border-radius: 3px;
            margin-top: 15px; padding: 10px; background: #FCFCFC;height: 150px;}

.box1 form input[type=submit],.box1 form input[type=reset]{float: left;
            border: none; border-radius: 3px; color: #fff; margin-right: 8px;
            margin-top: 15px; padding: 5px 10px; background: #3078f1;}
.box1 form input[type=submit]:hover,.box1 form input[type=reset]:hover{background: #4ac002;}


/******************************* trang chi ti?t tin *****************************/
.detail-left{float: left;width: 100%;margin-top: 20px;padding-bottom: 30px;}
.detail-left .post-title {float: left;width:100%;font-size: 18px;color: #222;font-weight: 700;line-height: 30px;}
.entry-time {font-style: italic;font-size: 14px;color: #999;margin-top: 10px; padding-bottom: 14px;
        display: block; border-bottom: 1px solid #cdcdcd; margin-bottom: 20px;
        float: left;width:100%;
}
.post-content {float: left;width: 100%;margin-top: 10px;}



/*********************** trang liên h? ********************/
.frm_forms{float:left;width:100%;margin-top:30px;}
.frm_forms h3{float: left;width:100%;font-size: 20px;text-transform: uppercase;line-height: 30px;
            margin-bottom:20px;
            font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;}

.frm_forms .group-form{float:left;margin-bottom: 25px;}
.frm_forms .group-form label{float:left;width:100%;}
.frm_forms .group-form label sup{color: red;}
.frm_forms .group-form input[type=text]{float:left;width:100%;border: 1px solid #cdcdcd; border-radius: 3px;
                padding: 4px 10px;}
                
.frm_forms .group-form select{float:left;width:100%;border: 1px solid #cdcdcd; border-radius: 3px;
                padding: 4px 10px;}
                
.frm_forms .group-form input[name=phone]{float:left;width:100%;border: 1px solid #cdcdcd; border-radius: 3px;
                padding: 4px 10px;max-width:200px}

.frm_forms .group-form textarea{float:left;width:100%;border: 1px solid #cdcdcd; border-radius: 3px;
                padding: 4px 10px;height:150px;}

.frm_forms input[type=submit]{float:left;border: 1px solid #cdcdcd; border-radius: 3px;background: #fff;
                padding: 8px 15px;margin-left: 15px;}

.frm_forms .group-form span{float:left;width:100%;margin-top:5px;}
.frm_forms .group-form input[type=checkbox],.frm_forms .group-form input[type=radio]{
    float:left;margin-right:5px;margin-top:0px;
}