@font-face {
	font-family: 'AvantGarde';
	src: url('fonts/avantgarde.eot');
	src: local('AvantGarde'), 
	url('fonts/avantgarde.woff') format('woff'), 
	url('fonts/avantgarde.ttf') format('truetype'), 
	url('fonts/avantgarde.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{
	margin: 0;
	padding: 0;	
}
body{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #c8f9f6;
	font-family: AvantGarde, Arial;
	font-weight: bold;
	font-size: 18pt;
}
#audio{
	height: 0;
	width: 0;
}

#header{	
	width: 100%;
	height: 85%;
	/*border: 1px solid;*/
}
#footer{
	font-family: AvantGarde, Arial;
	font-weight: bold;
	font-size: 18pt;
	width: 100%;
	height: 35px;
}

#title{
	height: 50px;
	width: 100%;
	/*border:1px solid red;*/
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	font-family: AvantGarde, Arial;
	color:blue;
}

#imgWelcome{
	width: 100%;
	height: 80%;
	text-align: center;
}

#imgWelcome img{
	height: 100%;
	width: auto;
	max-width: 100%;
	border: 2px solid #C0DE8E;
	border-radius: 7px;
}

#main{
	display: none;
	width: 100%;
	height: 85%;
}


.cls-button{
	float: left;
	width:175px;
	height:35px;
	line-height: 35px;
	margin:7px 2px 7px 2px;		
	
	font-size:0.8em;
	font-family: AvantGarde, Arial;
	color: #fff;  /*#950000;*/
	font-weight: bold;
	text-align: center;
	
	/*text-shadow: 1px 1px #172371;*/
	
	border: 2px solid;	
	border-color: #fff;		
	-webkit-border-radius: 20px; 
	border-radius: 20px;
	
	-webkit-box-shadow: -2px -2px 2px 0px rgba(50, 50, 50, 0.52);
	-moz-box-shadow:    -2px -2px 2px 0px rgba(50, 50, 50, 0.52);
	box-shadow:         -2px -2px 2px 0px rgba(50, 50, 50, 0.52);
	
	
	background: #6d23a7;
	background: -moz-linear-gradient(top, #6d23a7 0%, #45ace8 0%, #0029e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d23a7), color-stop(0%,#45ace8), color-stop(100%,#0029e0));
	background: -webkit-linear-gradient(top, #6d23a7 0%,#45ace8 0%,#0029e0 100%);
	background: -o-linear-gradient(top, #6d23a7 0%,#45ace8 0%,#0029e0 100%);
	background: -ms-linear-gradient(top, #6d23a7 0%,#45ace8 0%,#0029e0 100%);
	background: linear-gradient(to bottom, #6d23a7 0%,#45ace8 0%,#0029e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d23a7', endColorstr='#0029e0',GradientType=0 );
	
	cursor: pointer;	
}

.cls-button:hover
{	-webkit-transform: scale(0.9); 
  	-moz-transform: scale(0.9); 
	-ms-transform: scale(0.9); 
	-o-transform: scale(0.9); 
	transform: scale(0.9);	
	color: #f9d506;
}
/*.cls-button:hover {
	background-color:#ef7769;
}
.cls-button:active {
	position:relative;
	top:1px;
}*/

.cls-noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cls-opacity{
	opacity: 0.5;
}
#timhieubai{
	width: 150px;
}

#tapdoc,#giainghiatumoi{
	width:100px;
}