@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
}

a {
    font: 12px Arial, Helvetica, sans-serif;
}

img {
    border: 0px;
}

#menu ul, #menu li {
    text-align: left;
    font-size: 12px;
}
/* menu starts here */

#menu {
    float: left;
    list-style: none;
    width: 770px;
    margin: 0 auto;
    height: 40px;
    background: url(/Resources/ImagesPortal/HomePage/bg_mn.png) repeat-x;
    z-index: 99999;
}
    /* tab starts here */

    #menu li {
        display: inline;
        float: left;
        padding-top: 5px;
    }

.line {
    margin-top: 3px;
}

.line_top {
    margin-top: -1px;
    color: white;
}

#menu li a {
    float: left;
    display: block;
    position: relative;
    border: none;
}

    #menu li a:hover {
        display: block;
    }

#menu .bghover:hover {
    background: #454545;
}

.in {
    text-transform: uppercase;
    height: 23px;
}

#menu li a {
    font-size: 12px;
    color: #fff;
    display: block;
    outline: 0;
    padding: 6px 20px;
    text-decoration: none;
}

#menu li:hover a {
    color: #fff;
    padding: 6px 20px;
    font: 12px Arial, Helvetica, sans-serif;
}
/* menu containers here  */

#menu .menu-container-4 {
    float: left;
    width: 518px;
    height: 243px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mngioithieu.png) no-repeat;
}

#menu .menu-container-4 {
    width: 560px;
}

#menu li:hover .menu-container-4 {
    top: 193px;
    left: 253px;
    z-index: 9999999999;
}

#menu .menu-container-4_EN {
    float: left;
    width: 518px;
    height: 260px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mngioithieu260.png) no-repeat;
}

#menu .menu-container-4_EN {
    width: 560px;

}

#menu li:hover .menu-container-4_EN{
    top: 193px;
    left: 253px;
    z-index: 9999999999;
}
/* columns ici */


#menu .column-1 {
    width: 237px;
    height: 225px;
}

    #menu .column-1 ul li a {
        width: 237px;
        color: #6bcfff;
        font: 12px Arial, Helvetica, sans-serif;
    }

#menu .column-1, #menu .column-2 {
    display: inline;
    float: left;
    position: relative;
    margin: 0 5px;
}

    #menu .column-2 h3 {
        width: 275px;
        color: #6bcfff;
        padding-top: 5px;
        padding-bottom: 5px;
        font: 12px Arial, Helvetica, sans-serif;
    }

.column-2 ul li a img {
    margin-right: 5px;
    border: 0px;
}

.column-2 ul li a {
    width: 250px;
    color: #fff;
    margin-left: 10px;
    font: 12px Arial, Helvetica, sans-serif;
}

.dot {
    border-right: 1px dotted #8f8f8f;
}

#menu .column-2 {
    width: 275px;
}

#menu .column-3, #menu .column-2 {
    display: inline;
    float: left;
    position: relative;
    margin: 0 5px;
}

#menu ul li {
    line-height: 21px;
    font-size: 12px;
    text-align: left;
}

/*#menu li:hover div a:hover {
	color: #cacaca;
}*/
#menu li ul {
    list-style: none;
    padding: 0;
    margin-bottom: 12px;
}

    #menu li ul li {
        float: none;
        font-size: 12px;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: left;
        width: 130px;
    }

        #menu li ul li:hover {
            background: none;
            border: medium none;
            margin: 0;
            padding: 0;
        }
/*3*/
#menu .menu-container-3 {
    float: left;
    width: 419px;
    height: 243px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mndaotao.png) no-repeat;
}


#menu li:hover .menu-container-3 {
    top: 193px;
    left: 360px;
    z-index: 9999999999;
}

#menu .menu-container-3_EN {
    float: left;
    width: 618px;
    height: 260px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mndaotao260.png) no-repeat;
}


#menu li:hover .menu-container-3_EN {
    top: 193px;
    left: 360px;
    z-index: 9999999999;
}

#menu .column-3 {
    width: 200px;
    height: 225px;
}

    #menu .column-3 h3 {
        width: 200px;
        color: #6bcfff;
        padding-top: 5px;
        padding-bottom: 5px;
        font: 12px Arial, Helvetica, sans-serif;
    }

.column-3 ul li a img {
    margin-right: 5px;
    border: 0px;
}

.column-3 ul li a {
    width: 200px;
    color: #fff;
    margin-left: 5px;
    font: 12px Arial, Helvetica, sans-serif;
}



#menu .column-3 {
    width: 200px;
}

#menu .column-3 {
    display: inline;
    float: left;
    position: relative;
    margin: 0 5px;
}
.dot {
    border-right: 1px dotted #8f8f8f;
}
#menu .column-3-glo {
    width: 200px;
    height: 240px;
}

    #menu .column-3-glo h3 {
        width: 200px;
        color: #6bcfff;
        padding-top: 5px;
        padding-bottom: 5px;
        font: 12px Arial, Helvetica, sans-serif;
    }

.column-3-glo ul li a img {
    margin-right: 5px;
    border: 0px;
}

.column-3-glo ul li a {
    width: 200px;
    color: #fff;
    margin-left: 5px;
    font: 12px Arial, Helvetica, sans-serif;
}



#menu .column-3-glo{
    width: 160px;
}

#menu .column-3-glo{
    display: inline;
    float: left;
    position: relative;
    margin: 0 5px;
}



#menu .column-3-org {
    width: 200px;
    height: 240px;
}

    #menu .column-3-org h3 {
        width: 200px;
        color: #6bcfff;
        padding-top: 5px;
        padding-bottom: 5px;
        font: 12px Arial, Helvetica, sans-serif;
    }

.column-3-org ul li a img {
    margin-right: 5px;
    border: 0px;
}

.column-3-org ul li a {
    width: 200px;
    color: #fff;
    margin-left: 5px;
    font: 12px Arial, Helvetica, sans-serif;
}



#menu .column-3-org{
    width: 220px;
}

#menu .column-3-org{
    display: inline;
    float: left;
    position: relative;
    margin: 0 5px;
}
.column-4 {
    float: left;
    width: 200px;
    padding-left: 5px;
}

    .column-4 ul li {
        width: 200px;
        float: left;
    }

        .column-4 ul li a {
            width: 200px;
            float: left;
        }

#menu .column-4 h3 {
    width: 200px;
    color: #6bcfff;
    padding-top: 5px;
    padding-bottom: 5px;
    font: 12px Arial, Helvetica, sans-serif;
}
/*sub_EN*/
.sub_EN a {
margin-left:30px;
margin-top:-5px;


}

/*2*/
.menu-container-2 {
    float: left;
    width: 476px;
    height: 243px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mnnghiencuu.png) no-repeat;
}

#menu li:hover .menu-container-2 {
    top: 193px;
    left: 264px;
    z-index: 9999999999;
}
.menu-container-2_res {
    float: left;
    width: 476px;
    height: 260px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mnnghiencuu260.png) no-repeat;
}

#menu li:hover .menu-container-2_res {
    top: 193px;
    left: 264px;
    z-index: 9999999999;
}

.column-5 {
    float: left;
    width: 230px;
    border-right: 1px dotted #8f8f8f;
    height: 220px;
	
}
.column-5 a{
width:200px;
}


    .column-5 ul li ul {
        margin-left: 10px;
    }

        .column-5 ul li ul li a img {
            margin-right: 5px;
            border: 0px;
        }

.column-6 {
    float: left;
    width: 228px;
    margin-left: 10px;
}

#menu .column-6 h3 {
    width: 200px;
    color: #6bcfff;
    padding-top: 5px;
    /*padding-bottom: 5px;*/
    font: 12px Arial, Helvetica, sans-serif;
}

.column-6 ul li a img {
    margin-right: 5px;
    border: 0px;
}

.column-6_EN {
    float: left;
    width: 228px;
    margin-left: 10px;
	margin-top:-10px;
	
}

#menu .column-6_EN h3 {
    width: 200px;
    color: #6bcfff;
    padding-top: 5px;
    /*padding-bottom: 5px;*/
    font: 12px Arial, Helvetica, sans-serif;
}

.column-6_EN ul li a img {
    margin-right: 5px;
    border: 0px;
}
/*1*/

.menu-container-1 {
    float: left;
    width: 677px;
    height: 243px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mnmoitruong.png) no-repeat;
}

#menu li:hover .menu-container-1 {
    top: 193px;
    left: 210px;
    z-index: 9999999999;
}
/**/
.menu-container-1_EN {
    float: left;
    width: 677px;
    height: 260px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mnmoitruong260.png) no-repeat;
}

#menu li:hover .menu-container-1_EN {
    top: 193px;
    left: 210px;
    z-index: 9999999999;
}
/**/
.column-7 {
    float: left;
    height: 225px;
    width: 245px;
}

    .column-7 ul li a {
        width: 245px;
    }

        .column-7 ul li a img {
            padding-right: 5px;
        }

#menu .column-7 h3 {
    width: 200px;
    color: #6bcfff;
    padding-top: 5px;
    padding-bottom: 5px;
    font: 12px Arial, Helvetica, sans-serif;
}

/*0*/
.menu-container-0 {
    float: left;
    width: 421px;
    height: 243px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mntuyensinh.png) no-repeat;
}

#menu li:hover .menu-container-0 {
    top: 193px;
    left: 435px;
    z-index: 9999999999;
}
/**/
.menu-container-0_EN{
    float: left;
    width: 421px;
    height: 260px;
    position: absolute;
    left: -999em;
    text-align: left;
    padding: 10px 5px;
    border-top: none;
    background: url(/Resources/ImagesPortal/HomePage/bg_mntuyensinh260.png) no-repeat;
}

#menu li:hover .menu-container-0_EN {
    top: 193px;
    left: 435px;
    z-index: 9999999999;
}
/**/
.column-0 {
    float: left;
    height: 225px;
    width: 210px;
    margin-left: 10px;
}

.column-a1 {
    float: left;
    height: 230px;
    width: 168px;
    margin-left: 10px;
}

.organgeHeader
{
	color: orange !important;
}



/*Nut tuyen sinh*/
@-webkit-keyframes color_change {
0%   {  background-color: blue; }
25%  { background-color: orange; }
50%  { background-color: yellow; }
75%  { background-color: green; }
100% { background-color: red; }

}
@-moz-keyframes color_change {
0%   {  background-color: blue; }
25%  { background-color: orange; }
50%  { background-color: yellow; }
75%  { background-color: green; }
100% { background-color: red; }

}
@-ms-keyframes color_change {

0%   {  background-color: blue; }
25%  { background-color: orange; }
50%  { background-color: yellow; }
75%  { background-color: green; }
100% { background-color: red; }

}
@-o-keyframes color_change {


0%   {  background-color: blue; }
25%  { background-color: orange; }
50%  { background-color: yellow; }
75%  { background-color: green; }
100% { background-color: red; }

}
@keyframes color_change {


0%   {  background-color: blue; }
25%  { background-color: orange; }
50%  { background-color: yellow; }
75%  { background-color: green; }
100% { background-color: red; }

}
.tsbutton {
    text-shadow: 1.2px 0px 0px #000000;
}
.tsbackground {
   -webkit-animation: color_change 2s infinite alternate;
   -moz-animation: color_change 2s infinite alternate;
   -ms-animation: color_change 2s infinite alternate;
   -o-animation: color_change 2s infinite alternate;
   animation: color_change 2s infinite alternate;
}
.tsbackground: hover{
   background: #454545;
}