table{
border-spacing:0!important;
}

iframe{margin: 0 auto;}

  .khoahoc hr{
  border: 0;
  border-top:1px dashed #FFF;
  margin: 5px 0;
  width:100%; height:1px;
  }
  
  .khoahoc{
  width: 267px;
height: auto;
padding: 10px;
background: #FF5C00;
color: #FFF;
font-size: 17px!important;
  }
  
  
  .category-top {
	padding:15px 0px 10px 0px;
	position:relative;
}
.category-top ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.category-top ul li {
	float:left;
	margin-right:0px;
}
  
  
  .category-top-image img {
width: 231px;
}
  
  
.category-top-image {
	margin-top:5px;
	position:relative;
}
.category-top-title {
	position:absolute;
	bottom:0px;
	color:#FFF;
	font-weight:bold;
	padding:8px 3px 8px 3px;
	width:226px;
	text-align:center;
}
  
  .opacity-60 {
	opacity:0.6;
	background-color:#000;
	filter:alpha(opacity=60);
}
  
  .td1 {
font-size: 18px;
font-weight: bold;
border-bottom: 2px solid #008D2D;
margin-bottom: 5px;
}
  
  .td2 {
background: #199202;
box-shadow: 3px 3px 4px #000;
margin-bottom: 5px;
padding: 5px 5px 3px 9px;
width: 50%;
color: #FFF;
/* border-radius: 5px 36px 0 0; */
}
  
  
  .n1 {
height: 69px!important;
width: 69px!important;
margin: 0 16px 0 0px;
border: 2px solid #ABABAB;
float: left;
  transition:all .2s;-webkit-transition:all .2s;
}
  
  
  .n1 img {
height: 69px!important;
width: 69px!important;
}
  
  .mt1:hover .n1{
transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);
border: 2px solid #FF0000;
}
  
  .more {
background: #003CBD;
width: 69px;
  font-size: 16px!important;
font-family: initial!important;
/*  margin: 14px 0 0 0;
float: right; */
padding: 0px 5px;
color: #FFF;
 
border-radius: 6px;
  border:2px solid #FFF;
}
  
  .more:hover {
background: #FFF;
color: #003CBD;
  border:2px solid #003CBD;
}
  
  .new1{background: url(https://i.imgur.com/0lSuSqx.png) no-repeat left 50%;}
  .new1 h2{margin: 2px 2px 2px 10px;font-size: 15px;}
  .new2 {
margin: 18px 0 0 0;
}
  
  .fb1{
  height:699px; width:287px;background: #fff;
  }
  
  
  .menu{
  margin: 10px 0px;
padding: 10px 10px;
background: #0C990C;
color: #FFF;
font-size: 20px;
font-weight: bold;
border-radius: 5px;
  }
.menu a, .khoahoc a{
text-decoration: none;
color: #FFF;
}
.menu a:hover, .khoahoc a:hover {
color: #FF0000;
}
  
  
  .mt1 {
font-size: 17px!important;
font-family: initial!important;
}
  
  .img1 img{width:690px;}
  
  
 .noidung h2 {
margin: 25px 0 10px 0;
font-size: 36px;
}
  
  .noidung h3 {
margin: 25px 0 10px 0;
}

.uudai h3 {
color: #F00;
}
  .noidung {
font-size: 17px;
}


ul {
margin: 0;
}

.motakhoahoc {
background-color: #F1F1F1!important;
background: url(https://i.imgur.com/npqos7U.png) no-repeat left top, url(https://i.imgur.com/NHHpAeJ.png) no-repeat right bottom;
padding: 18px 54px;
}



.nut {
-moz-transition: background-color .25s,color .25s!important;
-ms-transition: background-color .25s,color .25s!important;
-o-transition: background-color .25s,color .25s!important;
-webkit-border-radius: 4px;
-webkit-box-shadow: 0 2px 0 #135D82;
-webkit-transition: background-color .25s,color .25s!important;
background-color: #1D96D4;
border: none;
border-radius: 5px;
box-shadow: 2px 3px 0 #135D82;
color: #FFF!important;
cursor: pointer;
font-size: 27px;
margin: 30px auto 50px;
min-width: 10em;
padding: 15px 0 10px 0;
text-align: center;
transition: background-color .25s,color .25s!important;
}

.nut:hover{background:#0460AC}
.nut a{color:#fff!important}

.thoiluongavtn td {
padding: 5px;
border: 1px solid #ABABAB;
}
.thoiluongavtn {
border: 3px double #ABABAB;
}














/* menu top */

ul.menusjohanes {
border-radius: 0;
margin: 10px 1px;
color: #FFF;
border: 1px solid #0C990C;
font-size: 14px;
font-weight: 200;
letter-spacing: .01em;
line-height: 15px;
list-style: none;
padding: 0;
position: relative;
}
ul.menusjohanes:after {
content: "";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;}

ul.menusjohanes li {
float: left;
border-radius: 15px/45px;
/* margin-left:2.5px;
margin-right:2.5px; */
position: relative;}

ul.menusjohanes li a, ul.menusjohanes li a:link {
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
color: #0C990C;
display: block;
font-size: 23px!important;
padding: 14px 15px 14px 15px;
text-decoration: none;
transition: all .2s ease;
}
ul.menusjohanes li a:hover {
color: #fafafa;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background: #0C990C;
}
ul.menusjohanes li a.selected {
background: #0C990C url(https://i.servimg.com/u/f75/15/86/65/76/home_310.png) no-repeat 50% 50%;
height: 15px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 8px;
padding-left: 8px;
text-transform: uppercase;
width: 0;
padding: 14px 25px;
border-radius: 0!important;
}
ul.menusjohanes li a.selected, ul.menusjohanes li a:active {
color: #fff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
ul.menusjohanes li ul {
display: none;
}
ul.menusjohanes li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 999;
left: 0;
top: -10px;
height: 10px;
width: 100%;}
ul.menusjohanes li ul {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;top:10px;}
ul.menusjohanes li:hover ul {
position: absolute;
width: 238px;
display: block;
z-index: 999;
left: 0;
border-radius: 0px;
top: 0px;
padding: 0px 0;
list-style: none;
background: #0C990C;
}
ul.menusjohanes li ul li {
float: none;
margin:0px;}
ul.menusjohanes li ul li:first-child {
margin:0px;
border-top: 0 none;}
ul.menusjohanes li ul li:last-child {
border: 1px solid #0C990C;
border-top: 0;
}
/* ul.menusjohanes [data-role="dropdown"] > a::before {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(90deg);
background: #A8BEA5;
color: #FFF;
height: 14px;
width: 14px;
border-radius: 20px;
content: ">";
display: block;
font-size: 14px;
left: 100%;
margin: 1px 0 0 -20px;
position: absolute;
transform: rotate(180deg);
} */
ul.menusjohanes li ul li a, ul.menusjohanes li ul li a:link {
background: #FFF;
color: #0C990C;
display: block;
/* padding: 10px 25px; */
white-space: nowrap;
}
ul.menusjohanes li ul li a:hover {
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
background: #0C990C;
color: #FFF;
}