* {
  box-sizing: border-box;
}

body {
  background-color: #f1f1f1;
  padding: 20px;
  font-family: Arial;
}

.seltmain {
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.seltrow {
  margin: 10px -16px;
}

.seltrow,
.seltrow > .seltcolumn {
  padding: 8px;
}

.seltcolumn {
  float: left;
  width: 33.33%;
  display: none; 
  }



.seltrow:after {
  content: "";
  display: table;
  clear: both;
}


.seltcontent {
  background-color: white;
  padding: 10px;
  
}


.show {
  display: block;
}


.seltbtn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}

.seltbtn:hover {
  background-color: #ddd;
}

.seltbtn.active {
  background-color: #666;
  color: white;
}




.dropbtn10 {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.dropdown10 {
  position: relative;
  display: inline-block;
}

.dropdown10-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown10-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown10-content a:hover {background-color: #ddd;}

.dropdown10:hover .dropdown10-content {display: block;}

.dropdown10:hover .dropbtn10 {background-color: red;}



@media screen and (max-width: 650px) {
  .seltcolumn {
    width: 100%;
    display: block;
  }
}






.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}




.auto-style22 {
  text-align: center;
  padding: 3px;
  background-color: #333;

  color: #FFFFFF;
  text-decoration: none;
  font-size: 16px;
}
  




.compact {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}


.active, .compact :hover {
  background-color: #ccc;
}


.compact:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.active:after {
  content: "\2212";
}


.panel {
  padding: 0 18px;
  background-color: white;
  font: gray;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}


body {
  background-color: #f1f1f1;
  padding: 20px;
  font-family: Arial;
}


h1 {
  font-size: 50px;
  word-break: break-all;
}




.auto-style30 {
	color: gray;
	text-decoration:none;
}







.auto-style31 {
	text-align: center;
	color: #FF0000;
}


.auto-style58 {
	text-align: center;
	font-family: SimSun;
	font-weight: bold;
	font-size: 13.5000pt;
	color: #800000;
}

.auto-style39 {
	text-decoration: none;
}
.auto-style59 {
	color: #FF0000;
}

.auto-style60 {
	text-align: left;
	font-family: "Times New Roman";
	font-size: 12.0000pt;
	margin: 5.0000pt 0.0000pt;
}
.auto-style61 {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	color: #FF0000;
	background-color: #FFFF00;
}


.auto-style73 {
	background-color: #FFCC00;
	text-align: center;
	text-decoration: none;

}





.auto-style74 {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.auto-style75 {
	text-align: left;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 12.0000pt;
	margin: 5.0000pt 0.0000pt;
}
.auto-style76 {
	color: #000080;
}
.auto-style77 {
	text-align: left;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 12.0000pt;
	margin: 5.0000pt 0.0000pt;
	color: #000080;
}



.auto-style58 {
	text-align: center;
	font-family: SimSun;
	font-weight: bold;
	font-size: 13.5000pt;
	color: #800000;
}

.auto-style39 {
	text-decoration: none;
}
.auto-style59 {
	color: #FF0000;
}


.auto-style73 {
	background-color: #FFCC00;
	text-align: center;
	text-decoration: none;

}





.auto-style74 {
	color: #000080;
}





.auto-style39 {
	text-decoration: none;
}

.auto-style63 {
	color: #FF0000;
}

.auto-style43 {
	color: #800080;
	font-weight: bold;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.auto-style44 {
	color: #000000;
}

.auto-style68 {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.auto-style69 {
	color: #FF0000;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.auto-style71 {
	color: #0000FF;
}
	  .auto-style73 {
		  text-align: left;
	  }
	  

 .btn4 {
   max-width: 100%;
  background-color: MidnightBlue;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btn4:hover {
 background-color: red;

}





.auto-style78 {
	max-width: 1000px;
	margin: auto;
	text-decoration: none;
}
.auto-style79 {
	color: #FF0000;
	font-size: large;
}




.auto-style80 {
	color: gray;
	text-decoration: none;
	text-align: center;
}

@media screen and (max-width: 650px) {
  .vid {
    width: 100%;
    display: block;
  }
  
   
 .maq {
  background-color:  red;
  color: white;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  font-size: 18px;
  border-radius: 15px;
  text-decoration:none;
  }

.maq:hover {
  opacity: 1;
  color: white;
  background-color: navy;


}



.auto-style150 {
	text-decoration: none;

}

.auto-style180 {
	color: #FFFFFF;
}






.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: ; 
  }


.column25 {
  float: left;
  width: 50%;
  padding: 10px;
  height: ; 
  }


.row:after {
  content: "";
  display: table;
  clear: both;
}


@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}


@media screen and (max-width: 600px) {
  .column25 {
    width: 100%;
  }
}


.headcolor {
color:red;
text-decoration:none;
  }


.headcolor1 {
color: maroon;
text-decoration:none;
  }



.auto-style102 {
	color: yellow;
	text-decoration:none;
}

.hyper-gen {
	 
	text-decoration: none;
	color:white;

}



.auto-style100 {
	text-decoration: none;

}

.auto-style200 {
	color: #FFFFFF;
}


.intro1 {
text-decoration:none;
background: black; color:white; padding: 5px; border:thick; border-right-style:solid; border-right-width:10px; border-right-color:yellow; border-radius: 10px;
  }