@charset "utf-8";
/* CSS Document */
	.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:calc(100% - 70px);
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #000;
  z-index:100;
}

.my-float{
	margin-top:16px;
}


.classtitle{
	font-size:1.7rem;
	padding-bottom: 10px;
	color: #671B7B;
}

#intoduction_div {
	width: 80%; 
	height:55%;
	padding: 30px;
	background-color: white; 
	position: absolute; 
	bottom: 0;
	margin-left:10%; 
	opacity:1;
	z-index: 100;
	
}
#intoduction_div p{font-size:2.6rem; font-weight: bolder; text-align:justify;line-height:1.5;   color:black; 
	
}
#courses{
	
	font-size:1.6rem;
	font-weight: bold;
	color:darkslategray;
}



	.topperslist{
		
		border-bottom: 2px solid maroon;
		border-top: 2px solid maroon ;
		border-left: 2px solid maroon ;
		border-right: 2px solid maroon;
		border-radius: 25%;
		
		
		
	}
	.topperslist th {

background: #FF8008;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFC837, #FF8008);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFC837, #FF8008); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		
		color:maroon;
		line-height: 3.0rem;
		font-size: 2.0rem;
	}
	
	.topperslist td{
		/*padding: 10px;*/
		font-size: 1.4rem;
		line-height: 3.5rem;
		color:#053D3A;
	}





.topperslist {
  border-spacing: 0;
 /*width: 600px;
  margin: 30px;*/
  border: 1px solid #CCCCCC;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  box-shadow: 0 1px 1px #CCCCCC;
	padding-bottom: 10px;

}

.topperslist th:first-child {
  border-radius: 6px 0 0 0;
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
}

.topperslist th:last-child {
  border-radius: 0 6px 0 0;
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
}

.topperslist td:first-child,
.bordered th:first-child {
  border-left: medium none;
}

.topperslist th {
  background-color: #DCE9F9;
  background-image: -moz-linear-gradient(center top, #F8F8F8, #ECECEC);
  background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#F8F8F8), to(#ECECEC), color-stop(.4, #F8F8F8));
  border-top: medium none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.topperslist td,
.topperslist th {
/*  border-left: 1px solid #CCCCCC;*/
  border-top: 1px solid #CCCCCC;
  padding: 10px;
  /*text-align: left;*/
}