#sorry I shouldn't put padding and size related in <a tag
a{
 text-decoration: none;
 background-color: #0909FF;
  color:white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;

}

.a_ext{
  background-color: #0909FF;
  color:white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  padding: 14px 25px;
  padding-right:100px;
  width:60%;
}

.main{
 text-decoration: none;
 background-color: #33cc33;
  color:white;
  padding: 14px 25px;
  padding-right:100px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
width:60%;
}

.hilink{
 text-decoration: none;
 background-color: #33cc33;
  color:white;
  padding: 4px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;

}


body
{
	font-family: Arial, Helvetica,Verdana, sans-serif;
	font-size: 24px;
	margin-top: 6px;
	margin-left: 25px;
}

h4 {
  color: red !important;
  font-weight: bold;
#-webkit-appearance: none;
#-moz-appearance: none;
#appearance: none;
}

h2 {
  font-weight: bold;
  color: Blue;
#-webkit-appearance: none;
#-moz-appearance: none;
#appearance: none;
}

table, th, td {
  border: 1px solid black;
  border-collapse:collapse;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 20px;
}

/*
learn from 3wschool only for HKTV,  delete
 */

* {
  box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.hktv_column {
  float: left;
  padding-bottom: 2px;
}

.hktv_left{
  width: 25%;
}

.hktv_right{
  width: 25%;
}
.hktv_middle{
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.alink{
 text-decoration: none;
 background-color: #0909FF;
  color:white;
  text-align: center;
}