@charset "utf-8";

body {
	font-family: Tahoma, Geneva, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	text-decoration: none;
	color: #2a7573;
}
.tab{ width:100%;}
.clear{ clear:both;}
.50left{ float:left;	width:50%;}
.50right{ float:right;	width:50%;}

.menutop {
  background-color: #2a7573;
  height: 50px;
  width:100%;
  position: fixed;
  z-index:99;
}
.menuham{float:left;	margin:5px 5px 5px 10px;}
.logo{ float:left; margin:5px 5px 5px 0px;}
.textlogo{
	float:left;
	color: #FEFFFF;
	display:block;
	text-align: left;
	text-decoration: none;
	float: left;
	padding:8px 0px 8px 0px;
	font-weight:bold;
}
.textlogoth{	font-size: 12px;	float: left;	}
.textlogoen{	font-size: 12px;	float: left;	}
.texttop{
	color: #FEFFFF;
}
.menuleft {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
}

.menuleft a {
  padding: 8px 8px 8px 24px;
  text-decoration: none;
  font-size: 25px;
  color:#2a7573;
  display: block;
  transition: 0.3s;
}
.menuleftmain{
	border-bottom: #CCC solid thin;
}
.menuleftfirst{
	border-top:#CCC solid thin;
}
.menuleft a:hover {
  color: #f1f1f1;
}

.menuleft .closebtn {
  //position: absolute;
  text-align:right;
  font-size: 36px;
  margin-right: 10px;
}
.menuleftsearch{
	border-bottom: #CCC solid thin;
	height:40px;
	margin:10px 0px 10px 0px;
}
.searchbox{
	float:left;
	width: 200px;
	height: 30px;
	box-sizing: border-box;
	border: 0px solid #ccc;
	border-radius: 15px 0px 0px 15px;
	font-size: 16px;
	background-color: white;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 00px;
	margin:0px 0px 0px 10px;
}
.searchbutton{
	float:right;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	border: 0px solid #ccc;
	border-radius: 0px 15px 15px 0px;
	background-color: white;
	background-image: url(img/searchicon.png);
	background-repeat:no-repeat; 
	background-position: 0px 0px; 
	margin:0px 10px 0px 0px;
}
.menupad{
	height:50px;
	width:100%;
	clear:both;
}

.main{
	width:100%;
	max-width:600px;
	vertical-align:middle;
	margin:auto;
}
.red{ color:red; font-size:12px; }


.tabhead{
	width:100%;
	max-width:600px;
	text-align:center;
	margin:auto;
	font-weight:bold;
}
.texthead{
	margin: 5px 5px 0px 5px;
	text-align: center;
	background-color: #92D39D;
	border: solid thin  #92D39D;
	border-radius: 5px 5px 0px 0px;
	word-break:break-all;
}
.textbox{
	margin:0px 5px 5px 5px;
	border:solid thin  #92D39D;	
}

.texthead1{
	font-weight:bold;
	margin: 5px 5px 0px 5px;
	padding:5px;
	background-color: #92D39D;
	border: solid thin  #92D39D;
	border-radius: 5px 5px 0px 0px;
	word-break:break-all;
	min-height:20px;
}
.texthead1 a{
	display:block;
	color:#333;
}
.textbox1{
	margin:0px 5px 5px 5px;
	padding:5px;
	border:solid thin  #92D39D;	
	word-break:break-all;
	min-height:20px;
}

.texttable{
	font-size: 14px;
	font: bold;
}

.tabadd{
	width:100%;
	margin:5px 0px 0px 0px;
	text-align:center;
}
.btnadd{
	display: block;
	margin:auto;
}
.btnleft{	float:left;}
.btnright{	float:right;}
.btnlink{	margin:5px 0px 0px 0px;}
.textinput{	padding:0px 10px 0px 3px;}
.numpage{ 
	width:100%;
	text-align:center;
	margin:0px 0px 10px 0px;
	color: #2a7573;
	//word-break:break-all;
}
.numpagebtn{
	border:solid thin #2a7573;
	padding:0px 6px 0px 6px;
	border-radius: 5px;
	margin:3px ;
	height:30px;
}
.numpageactive{
	background-color:#2a7573;
	color:white;
	border:solid thin #2a7573;
	padding:5px;
	border-radius: 5px;	
	margin:3px;
}
.choosepage{
	border:solid thin #2a7573;
	padding:0px 6px 0px 6px;	
	border-radius: 5px;
	margin:3px ;
	background-color:white;
	color:#2a7573;
	height:30px;
	width:75px;
	text-align:center;
}

.footer{
	background-color: #2a7573;
	height: 25px;
	width:100%;
	color:white;
	text-align:center;
	padding:5px 0px 0px 0px;
}

.iconscale{
	animation-name: example;
  	animation-duration: 1.5s; 
	animation-iteration-count: infinite;
	z-index:0;
}

@keyframes example {
	0% {transform: rotate(0deg);}
	3% {transform: rotate(10deg);}
	6% {transform: rotate(0deg);}
	9% {transform: rotate(-10deg);}
	12% {transform: rotate(0deg);}
	15% {transform: rotate(10deg);}
	18% {transform: rotate(0deg);}
	21% {transform: rotate(-10deg);}
	24% {transform: rotate(0deg);}
}
/*

@media screen and (max-height: 450px) {
  .menuleft {padding-top: 15px;}
  .menuleft a {font-size: 18px;}
}
*/





/*
.red{ color:red; font-size:10px; float:left;}
.line1{ border:1px solid #FEFFFF;}
.menutab{
	width:100%;
	position:fixed;
	z-index:99;
}
.clear{ clear:both;}
.menutab:after{ clear:both;}
.padmenu{height:50px;}
.tab{width:100%; }
.tab:after{ clear:both;}

.menutop {
  background-color: #2a7573;
  height: 50px;
}

.logo{	margin:5px 0px 5px 8px;	float:left;}

.textlogo{
	color: #FEFFFF;
	display:block;
	text-align:left;
	text-decoration: none;
	float:left;
	padding:8px 6px 8px 6px;	
}
.textlogoth{	font-size: 16px;	float: left;	}
.textlogoen{	font-size: 12px;	float: left;	}

.menutopmain {
	float:left;	
}
.menutopmain a{
	color:white;
	display:block;
	text-align: center ;
	text-decoration: none;
 	font-size: 16px;
	float: left;
	padding:15px 20px;
}
.menutopmain a:hover{
	background-color:white;
	color:#2a7573;
	float: left;
}


	#menuham1{visibility:hidden; position:absolute;}  
	#menuham2{visibility: visible;}
	.topicleftmenu.responsive {
	  position: absolute; 
	  top:115px; 
	  visibility:visible; 	  
	  width:100%;
	}
    .topicleftmenu.responsive a {    	  
	  display: block;    
	  text-align: left;  
  	}

  .menutopmain.responsive {
	  position: fixed; 
	  top:50px; 
	  visibility:visible; 
	  background-color:#3cb0aa;
	  width:auto;
	  }
  .menutopmain.responsive a {    
	  float: none;    
	  display: block;    
	  text-align: left;  
  }
  
*/