@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"Amble-LC";
	src:url(../font/amble/Amble-LightCondensed.ttf);	
}
@font-face{
	font-family:Sansation;
	src:url(../font/Sansation-Regular.ttf);
	src:url(../font/Sansation-Light.ttf);
	src:url(../font/Sansation-LightItalic.ttf);
	src:url(../font/Sansation-Italic.ttf);
	src:url(../font/Sansation-BoldItalic.ttf);
	src:url(../font/Sansation-Bold.ttf);
}
a{text-decoration:none;color:black;}
h2,h3{margin:5px;font-family:"Amble-LC";}
h4{ font-size:15px;font-weight:bold;color:black;}
h5{font-size:12px;font-family:"Amble-LC";font-weight:bold; line-height:5px;}
h1{width:960px; text-align:center;font-family:"Amble-LC";font-weight:bold;color:#969090;}


.clear{
	clear:both;	
}
#menu
{
	width:100%;
	height:80px;
	position:fixed;
	background:#FFFFFF;border-bottom:1px solid #D1CBCB;opacity:1;
	margin:0px;
	padding:0px;
	top:0px;left:0px;z-index:10;
}
hr{
	border-color:#D1CBCB;
	
}
.logo
{
	font-family:"Amble-LC";font-size:30px;float:left;font-weight:bold;
	width:10%;border:1px solid none;margin:20px 30px;
}
.menu{
	float:right;
	width:85%;

}
.menu ul
{
	width:60%;opacity:1;
	height:80px;border-left:0px solid #D1CBCB;margin-left:30px;
	padding-left:600px;margin:0px;top:0px;clear:both;
}

.menu ul li
{
	float:left;
	width:10%;
	height:40px;opacity:1;
	border-right:1px solid #D1CBCB;text-align:center;
	list-style:none;padding:0px;margin-top:20px; left:0px;
	font-weight:bold;padding-top:10px;position:relative;
}
.menu ul li a
{
	text-decoration:none;color:black;;line-height:30px;
	width:25%;font-size:12px;
	height:80px;
	border:0px solid grey;opacity:1;
	list-style:none;padding:0px; left:0px;	
}
.menu ul li:hover table,.menu ul li:hover #find,.menu ul li:hover .con
{
	visibility:visible;
}
.menu ul li table, .menu ul li #find,.menu ul li .con
{
	position:absolute;
	visibility:hidden;
	background:black;opacity:1;
	top:50px;
	
}
.menu ul li .con1:hover{
	background-color:white;color:black;opacity:1;
}
.menu ul li .con1 a:hover;{
	color:black;
}
.menu ul li table
{
	width:250px;
	text-align:left;
}
.menu ul li table tr td
{
	border:1px solid none;width:50%;color:white;	
}
.menu ul li #find
{
	width:200px;position:absolute;left:-105px;
}
.menu ul li #find .find
{
	float:left;width:160px;	
}
.menu ul li #find .button
{
	float:right;width:40px;	
}
.menu ul li .con
{
	width:80px;position:absolute;left:-6px;background-color:black;
	overflow:hidden;border:1px solid grey;opacity:1;
}

.menu ul li .con .con1
{
	color:white;
	padding-left:10px;
	margin:0px;
	border:1px solid grey;
	text-align:left;
	font-size:12px;
	width:80px;
	display:block;
}
.menu ul li .con .con1 a
{
	color:white;padding:0px;margin:0px; text-align:left;font-size:12px;
}

/*_______________________________________

_______________________________________*/

#container
{
	width:960px;
	height:auto;
	margin:0 auto;padding:0px;
	background-color:white;
		
}
#header{
	width:960px;height:452px;
	overflow:hidden;position:relative;z-index:0;
}
.hinh{
	position:absolute;width:1920px;
	
}
.hinh1{
	position:absolute;float:left;width:960px;
	animation:hinh1 10s infinite;z-index:0;
}
.hinh2{
	position:absolute;width:960px;
	animation:hinh2 10s infinite;z-index:1;
}
@keyframes hinh1
{
	0%{
		left:0px;
	}
	25%{
		left:960px;
	}
	50%{
		left:-960px;
	}
	75%{
		left:0px;
	}
	100%{
		left:0px;
	}
}
@keyframes hinh2
{
	0%{
		left:-960px;
	}
	25%{
		left:0px;
	}
	50%{
		left:0px;
	}
	75%{
		left:960px;
	}
	100%{
		left:960px;
	}
}

#content{
	margin-top:20px;
	width:960px;height:auto;
	background-color:white;	
}
.text{
	background-color:#D1CECE;
	text-align:center;font-size:15px;
	font-family:"Amble-LC";
}
.sp{
	width:300px;
	height:430px;
	border:1px solid none;
	margin:10px 8px;
	float:left;
}
.sp img{
	margin:5px 50px 5px 50px;	
}
.sp .info{
	width:200px;margin-left:50px;
	text-align:left;
	line-height:20px;	
}
#content a:hover{
	background-color:#D4D4D4;opacity:0.5;	
}
/*___________________________________________________


___________________________________________________*/
#leftct{
	float:left;
	width:300px;	
	
}
.menucon{
	width:300px;
	height:auto;
	margin:15px;	
}


.menucon .con2 {
	color:white;
	padding-left:10px;height:40px;
	margin:0px;
	font-size:20px;
	text-align:center;line-height:40px;
	width:130px;
	display:block;background-color:#E0E0E0;
	border-radius:2px;
}
.menucon .con2 a{
	color:Black;
	text-decoration:none;
	margin:0px;
	font-size:20px;
	line-height:40px;
	width:120px;
	display:block;	
}
.menucon .con3 {
	color:white;
	padding-left:0px;height:40px;
	margin:0px 140px;
	font-size:20px;
	text-align:center;line-height:40px;opacity:.6;
	width:130px;
	display:block;background-color:black;	
	border-radius:2px;
}
.menucon .con3 a{
	color:white;
	text-decoration:none;
	margin:0px;
	font-size:20px;
	line-height:40px;
	width:130px;
	display:block;
}

#rightct{
	float:right;
	width:630px;	
	
}

.sp1{
	width:200px;
	height:430px;
	margin:5px 5px;
	float:left;
}
.sp1 img{
	margin:5px 0px 5px 0px;	
}
.sp1 .info{
	width:200px;margin-left:0px;
	text-align:left;
	line-height:20px;	
}
/*___________________________________________________


___________________________________________________*/
#leftct-product{
	float:left;
	width:57%;
		
	margin:5px;
}
.pd{
	float:left;
	margin:5px 2px;
}
.pdmini{
	width:100%;margin:2px 15px;
}
.pdmini img{
	margin:5px 2px;
}
#rightct-product{
	float:left;
	width:40%;
	
	margin:5px 9px;
	font-family:"Amble-LC";	
	
}
#rightct-product a{
	text-decoration:none;	
}
#rightct-product .info2{
	width:90%;background-color:#332E2E;margin:10px auto;font-size:15px;
	color:white;text-align:center;height:25px;line-height:25px;
}
#rightct-product .info2:hover{
	background:#000000;
}
#rightct-product .info2 a{
	width:100%;font-size:15px;
	color:white;text-align:center;height:25px;line-height:25px;text-decoration:none;
}
#rightct-product .info3{
	width:90%;background-color:#E7E1E1;margin:10px auto;font-size:15px;
	color:black;text-align:center;height:25px;line-height:25px;
}
#rightct-product .info3:hover{
	background:white;
}
#rightct-product .info3 a{
	width:100%;font-size:15px;
	color:black;text-align:center;height:25px;line-height:25px;text-decoration:none;
}
#rightct-product .info4{
	width:100%;text-align:justify;
	font-size:12px;margin-top:-10px;
}
#rightct-product ul li{
	width:100%;text-align:justify;
	font-size:12px;list-style:none;
}


/*___________________________________________________


___________________________________________________*/

.register{
	margin:100px auto;	
}
.leftrg{
	float:left;
	width:49%;
	
}
.leftrg table{
	margin:5px 15px;	
}
.leftrg table tr td{
	background-color:#CCC;
	width:170px;	
}
.rightrg{
	float:right;
	width:49%;
	
}
.rightrg h2, .leftrg h2{
	width:100%;text-align:center;
	
}
.rightrg table{
	width:90%;
	margin: auto;	
}
.rightrg table tr .txtshow{
	width:160px;font-family:"Amble-LC";padding-left:10px;
	font-size:15px;background-color:#CCC;height:30px;
}
.rightrg table tr td{
}
.rightrg table tr .txtfield{
	margin:10%;
}
#txtFirstname, #txtLn, #txtEmail, #txtP, #txtP2, #txtID, #txtPass{
	width:250px;margin-top:0px;height:30px;	
}
.button2{
	width:100%;
	text-align:center;
}
.button3{
	width:100%;
	text-align:center;	
}
/*___________________________________________________


___________________________________________________*/
#footer{
	clear:both;
	height:200px;
	width:960px;
	background-color:white;
	margin-top:50px;
	border-top:1px solid #D1CBCB;
}
.ftr{
	float:left;
	width:25%;
	margin-left:80px;
	
}
.ftr p{
	font-style:normal;
	font-size:20px;	
	font-family:"Sansation Light";
	color:#999;
}

.ftr ul li{
	list-style:none;
	font-family:"Amble-LC";font-weight:bold;
}
.frt #first li{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	text-align:center;
}
#last{
	width:140px;
	margin-top:0px;
	margin-left:-40px;
}
#last li{
	float:left;
	width:40px;
	margin:2px;	
}