@charset "utf-8";
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
} 

body
{   
	font-family:Arial;
	font-size:11px;
	text-align:justify;
	margin:0px;
	padding:0px;
	color:#fff; 
	background: none repeat scroll 0 0 #000000;
	overflow-x:hidden;
	/*behavior:url(/js/csshover2.htc);*/ 
}

a img
{
	border:none;
}

img{
	border:medium none;
	margin:0px;
	padding:0px; 
}

a{
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
a:focus, a:hover{
	color:#0099ff;
}

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

.clear
{
	clear:both;
} 

.wrapper{
	margin:0px auto;
	padding:0px;
	width:100%;  
	min-height:900px; 
	background:url(../images/img.jpg) no-repeat center top;
} 

.wrap_content{
	width:1055px;
	min-height:800px;
	margin:0px auto;
	padding:0px;
	position:relative;
}  
 
/*************************header****************************/
#menuTop { 
    height: 30px;  
    width: 270px; 
	z-index:991;
	position:absolute;
	top:-5px;
	left:720px; 
}

#menuTop ul {
	float: left;
	list-style:none;
	position:absolute;
	z-index:99999;
}

#menuTop ul li#homeLink a {
	background:url(../images/menu.png) no-repeat 0px 0px;
	width:71px;
	height:18px;
	position:absolute;
	top:0px;
	left:13px;	
	z-index:990;
}

#menuTop ul li#homeLink a:hover {
	background:url(../images/menu.png) no-repeat 0px -19px;
	width:70px;
	height:18px;
	position:absolute;
	top:0px;
	left:13px;	
	z-index:990;
}

#menuTop ul li#forumLink a {
	background:url(../images/menu.png) no-repeat -70px 0px;
	width:65px;
	height:18px;
	position:absolute;
	top:0px;
	left:84px;	
	z-index:990;
}

#menuTop ul li#forumLink a:hover {
	background:url(../images/menu.png) no-repeat -70px -19px;
	width:65px;
	height:18px;
	position:absolute;
	top:0px;
	left:84px;	
	z-index:990;
}

#menuTop ul li#fanLink a {
	background:url(../images/menu.png) no-repeat -137px 0px;
	width:95px;
	height:18px;
	position:absolute;
	top:0px;
	left:153px;	
	z-index:990;
}

#menuTop ul li#fanLink a:hover {
	background:url(../images/menu.png) no-repeat -137px -19px;
	width:95px;
	height:18px;
	position:absolute;
	top:0px;
	left:153px;	
	z-index:990;
}

#logo a{
	width:188px;
	height:60px;
	position:absolute;
	top:0px;
	left:440px;  
	z-index:991; 
}

#tt-video{
	background:url(../images/tt-video.png) no-repeat center center;
	width:99px;
	height:20px;
	position:absolute;
	top:40px;
	left:50px;  
	z-index:990;
}

#basic-modal{
	width:188px;
	height:60px;
	position:absolute;
	top:80px;
	left:55px;  
	z-index:991;		
}

#vhtp a{
	background:url(../images/vhtp.png) no-repeat center center;
	width:538px;
	height:279px;
	position:absolute;
	top:-24px;
	left:275px;	
	z-index:990;
}

#vhtp a:hover{
	background:url(../images/vhtp-on.png) no-repeat center center;
	width:538px;
	height:279px;
	position:absolute;
	top:-24px;
	left:275px;	
	z-index:990;
}

#maychumoi a{
	background:url(../images/maychu.png) no-repeat center center;
	width:384px;
	height:389px;
	position:absolute;
	top:195px;
	left:430px;	
	z-index:990;	
}

#maychumoi a:hover{
	background:url(../images/maychu-on.png) no-repeat center center;
	width:384px;
	height:389px;
	position:absolute;
	top:195px;
	left:430px;	
	z-index:990;	
}

#tuyenhocgiangho{
	background:url(../images/tuyethoc.png) no-repeat center center;
	width:384px;
	height:389px;
	position:absolute;
	top:190px;
	left:35px;	
	z-index:990;		
}

#tuyenhocgiangho a#quyhoabaodien{ 
	width:130px;
	height:389px;
	position:absolute;
	top:0px;
	left:73px;	
	z-index:990;		
}

#tuyenhocgiangho a#quyhoabaodien:hover, #tuyenhocgiangho a#quyhoabaodien.active{
	background:url(../images/tuyethoc-on.png) no-repeat -112px center;
	width:130px;
	height:389px;
	position:absolute;
	top:0px;
	left:73px;	
	z-index:990;		
}

#tuyenhocgiangho a#haptinhdaiphap{ 
	width:130px;
	height:389px;
	position:absolute;
	top:0px;
	left:212px;	
	z-index:990;		
}

#tuyenhocgiangho a#haptinhdaiphap:hover, #tuyenhocgiangho a#haptinhdaiphap.active{
	background:url(../images/tuyethoc-on.png) no-repeat -251px center;
	width:130px;
	height:389px;
	position:absolute;
	top:0px;
	left:212px;	
	z-index:990;		
}


.nav{
	position:absolute;
	width:467px;
	height:75px; 
	top:573px;
	left:290px;	  
}

.nav ul{
	position:relative;
	list-style:none;
	margin:0px auto;
	width:100%; 
}

li.resgiter a{
	background:url(../images/nav.png) no-repeat 0px 0px;
	width:170px;
	height:78px;
	position:absolute;
	top:-10px;
	left:-15px;
	z-index:990;
}

li.resgiter a:hover{
	background:url(../images/nav-on.png) no-repeat 0px 0px;
	width:170px;
	height:78px;
	position:absolute;
	top:-10px;
	left:-15px;
	z-index:990;
}

li.download a{
	background:url(../images/nav.png) no-repeat -170px 0px;
	width:170px;
	height:78px;
	position:absolute;
	top:-10px;
	left:154px;
	z-index:990;	
}

li.download a:hover{
	background:url(../images/nav-on.png) no-repeat -170px 0px;
	width:170px;
	height:99px;
	position:absolute;
	top:-10px;
	left:154px;
	z-index:990;
}

li.activing a{
	background:url(../images/nav.png) no-repeat -340px 0px;
	width:138px;
	height:78px;
	position:absolute;
	top:-10px;
	left:324px;
	z-index:990;	
}

li.activing a:hover{
	background:url(../images/nav-on.png) no-repeat -340px 0px;
	width:138px;
	height:78px;
	position:absolute;
	top:-10px;
	left:324px;
	z-index:990;	
}

/*----- MENU HOME -----*/
 
.footer{ 
	width:600px;
	height:20px;
	position:absolute;
	bottom:105px;
	left:170px;	
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	text-align:center;
}

.footer p{
	line-height:10px;
}


.footer a{
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
}

.footer a:hover{
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FF3300;
}


.click_top {
	width:100px;
    cursor: pointer;
    position: fixed;
    right: -50px;
    top: 10px;
    z-index: 999999;
	display:none;
}

.click_top img#img_top{
	margin-left:-2px;
	position:absolute;
	top:306px;
}


	/* Tiny Scrollbar */
#scrollbar1 { width: 520px; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 370px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }