/*drjang800.css */


body {
/*background-image: url("../img/sky9.jpg");*/
background-repeat: repeat-y;
background-size: 100% auto;
/*animation:scroll 6s linear infinite;*/
animation: scroll 600s linear infinite;

}

@keyframes scroll{
	/*
	from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
	*/
  0% {background-position:0 0%;}
  50% {background-position:0 100%;}
  100%{background-position:0 -50%;}

}

#headname {font: bold 30px  antiqua;position: absolute;left: 70px; top: 13px;  margin: 0px;}
/*#headname {font: bold 30px  antiqua;float: left; margin-left: 10px; margin-top:5px;margin-right: 10px;}*/

/*for menual*/
#hmenu{position: absolute;top: 5px;right:5px}
#hmenu ul {margin-left: -2.5em;}
#hmenu li {list-style-type: none;width: 7em;text-align: center;float: right;}
#hmenu a {text-decoration: none;color: white;display: block;
	font: bold 16px  antiqua;
	background-color: silver;
	/*box-shadow: 5px 5px 5px gray;*/
	margin-bottom: 2px;
	margin-right: 2px;
	border-radius: 5px;
	/*border: 1px solid #ff9900;*/}
#hmenu a:hover {background-color:  grey;}


#hmenu1 {height: 8%; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* general ul style */
.hrmenu2 ul {margin: 10px;padding: 0; height: 8%;list-style-type: none;float: right; margin-right: 10px;}
.hrmenu2 > ul > li {
			  border: 8px solid #AAA;
				/*background: #92a8d1;*/
				background: #AAA;
		    display: inline-block;
			/*z-index: 0;*/
		    border-top-left-radius: 6px;
		    border-top-right-radius: 6px;
}

#hmenu3 ul {margin-left: -2.5em; height: 50px;}
#hmenu3 li {list-style-type: none;text-align:center; float:left; width: auto; display: block; padding: 0 10px;}

#hmenu3 a {text-decoration: none;color: black;display: block;font: 16px  antiqua, serif;}
#hmenu3 a:hover {background-color: lightcyan;}

#vmenu ul {margin-left: -2.5em;}
#vmenu li {list-style-type: none;text-align: center; width:26em; margin-left: 20px;
	border-radius: 5px;
	border: 1px solid black;
	box-shadow: 5px 5px 5px gray;
}
#vmenu a {text-decoration: none;color: Green;display: block;opacity: 0.9;font: 900 180%/1.2 'Georgia', cursive;fill: url(#wall4);margin-bottom: 8px; margin-top: 8px;}

#vmenu a:hover {background-color:  grey;}

#vmenu1 ul {margin-left: -2.5em;}
#vmenu1 li {list-style-type: none;text-align: center; width:26em; margin-left: 20px;
	border-radius: 5px;
	border: 1px solid black;
	box-shadow: 5px 5px 5px gray;
}
#vmenu1 a {text-decoration: none;color: White;display: block;opacity: 0.9;font: 900 180%/1.2 'Georgia', cursive;fill: url(#wall4);margin-bottom: 8px; margin-top: 8px;}
#vmenu1 a:hover {background-color:  grey;}
/* end of menual*/


#hq {font: italic 35px  antiqua; opacity: 0.9;font: 900 250%/1.2 'Georgia', cursive;fill: url(#wall4);text-align: center;}


#hq1 {font: italic 40px  antiqua; opacity: 0.9;font: 900 200%/1.2 'Georgia', cursive;fill: url(#wall4);margin-left: 15%; margin-right: 15%;margin-top: 100px; margin-bottom:100px;}
#hq1 a{color: cyan;}
#hq1 a:hover {color: lightcyan;}
#logo {float: left; margin-left: 10%;}

.center {align: center; float: right; margin-right: 225px;}
/*.center1 {align: center; float: right; margin-right: 285px; margin-top: 5px;}*/
.fb {align: center; float: right; margin-right: 340px;}
.blog {background-color:white; overflow:none; width:95%; align: center; border: medium solid #FFD700;}

#runnung ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  background-color: #333;
	}
#runnung li {
	  float: left;
	}
#runnung li a {
	  display: block;
	  color: white;
	  text-align: center;
	  padding: 14px 16px;
	  text-decoration: none;
	}

#runnung li a:hover:not(.active) {
	  background-color: #111;
	}
#runnung .active {
	  background-color: #4CAF50;
	}

#askq, #askq_right, #freetest,#freelesson{
	  border: 1px solid;
		border-style: hidden;hidden; hidden;hidden;
	  padding: 5px;
	  box-shadow: 10px 5px 100px white;
	}

  #askq img {
    display: none;
  }


  #askq table {
        margin: 0 auto;
  }

  #askq td {
        padding: 5px;
  }


  #freelesson img {
    display: none;
  }


  #freelesson table {
        margin: 0 auto;
  }

  #freelesson td {
        padding: 5px;
  }

  #freetest img {
        display: none;
  }


  #freetest table {
            margin: 0 auto;
  }

  #freetest td {
            padding: 5px;
  }