a{
 text-decoration: none;
 background-color: #0909FF;
  color:white;
  padding: 4px 15px;
  text-align: center;
  display: inline-block;

}
.dimmed a{
 text-decoration: none;
 background-color: #0909AA;
  color:grey;
  padding: 4px 15px;
  text-align: center;
  display: inline;

}

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


body
{
  font-family: Arial, Helvetica,:Verdana, sans-serif;
  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;
}

/*
learn from 3wschool only for HKTV,  delete
https://www.w3schools.com/howto/howto_css_two_columns.asp
 */
.left_right_row {
  display: flex;
}

.left_right_3col {
  flex: 33%;
}
.left_right_col {
  flex: 50%;
}


* {
  box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.hktv_column {
  float: left;
  padding: 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;
}

.ut_form {
	padding:11px 5px;
	vertical-align:top;
	width: 50%;
 	background-color: #EEE;
}

.ut_filename {
	font-size: 16px;
	width: 30%

}