body {
    margin: 0;
	padding: 0;
    
}
nav{
	display: flex;
    
    
    align-items: center;
}

.header {
  	font-size:min(max(8vw,1em ),1.5em);
}

.MyImg{
	top:-0.5em; position: relative;
	height: min(max(60px,4vw),2em);
}

.border{
    border: 1px solid red;
}

.footer{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;

    /*box-sizing: content-box;*/
    background-color: #ef9273;
    color: white;
    
    font-weight: bold;
    font-size:min(max(1.5vw,0.5pt ),0.5em);
	
	position: relative;
	height: 4%;
	/*bottom: 0px;*/
	width: 100%;
}

.form_field{
	box-sizing: content-box;
	margin: 0;
	width: 98%;
	font-size: 2em;
	
}

form{
	font-weight: bold;
	width: 100%;
}

.avatar{
	width: 100%;
}

.myfs{
	font-size: 1em;
}
.formTitle{
	font-size: 1em;
}
.Style2_TRow1{
	background-color: #CAFAFE;
	color: black;
}
.Style2_TRow2{
	background-color: #97CAEF;
	color: black;
}
.Style1_TRow1{
	<!--background-color: #f7f7f7;-->
	color: black;
}
.Style1_TRow2{
	<!--background-color: white;-->
	color: black;
}
.Style1_TRow1 > h3{
	<!--background-color: #ff9c02;-->
	
}
.TRow1{
	background-color: #cce6ff;
}

.TRow2{
	background-color: white;
}
.ATRow1{
	background-color: #fcf7ca;
}

.ATRow2{
	background-color: white;
}

.mybtn {
  border: none;
  font-family: 'Lato';
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 5px 5px;
  display: inline-block;
  margin: 1px 2px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.RiverGreen {
	background-color : #e6fffa;
}

.CircleImg {
	width: 2em;
	border-radius: 50%;
}
.coder-life {
	text-shadow: 1px 1px #ffff00;
	filter: drop-shadow(-10px 10px 20px #fff000);
}

.tborder_on>td  {
	border: 1px solid;
}

.AddStudentForm{
	height: calc(100%-20em);
	font-size:2em;
	width:100%;
}

.GFont1{
	font-family: 'Noto Sans TC', sans-serif;
}