*{
	 font-family: Arial, Helvetica, sans-serif;
	 margin:0;

}
  /*.danhmuc{*/
  /*      display:none;   */
  /*  }*/
.borderbv{
    width:500px;
    border: 3px solid #fff;
}
.borderbv:hover{
     border: 3px solid blue;
      text-align: center;
}
html {
  scroll-behavior: smooth;
}
.danhmucsp{
    border:1px;
}
.danhmucsp a:hover{
  text-decoration: none;   
  color:red;
}
.danhmucsp li{
    list-style-type:none;
}
.sp-mb{
    display:none;
}
.menu-mobile{
    display:none;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:9999;
}
@media screen and (min-width:1100px){
    .contentctsp{
     width:85%;   
    }
    .contentctsp1{
     width:85%;   
}
}
.sticky{
  padding-top:0px !important;
  padding-bottom:0px !important;
}
         .dautrang {
    text-align:center;
  }
.dautrang img{
    width:10%;
}
.ongcambut a:hover{
    color:red;
      text-decoration:none;
}
#timkiem{
			width: 70% ;
		}
.danhmucbv{
	text-decoration: none;
}
.danhmucbv:hover{
	color:red;
	text-decoration: none;
}
.gia{
	color:#000 !important;
		
}

.timkiem.fix{
    background:#0162a7 !important;
}
	.imgctspn{
		height: 100px;
		width: 100px;
	}
ul,li{
	margin: 0px;
	padding: 0px;
}
.container-fluid{
	width: 92%;
}
.menu.fix {
  left:0px;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 1000;
  text-align: center;
}
.menu.fix .active {
	width: 100%;
	margin-left:0;
	text-align: center;
}
.logo.fix{
	 right:0px;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0;
  width: 12.5%;
  z-index: 1000;
  text-align: center;
}
.gioithieu{
	background:#0162a7;
	color: #fff;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 18px;	
}
/* .gioithieu .fix{
		 right:0px;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 100px;
  width: 12.5%;
  z-index: 1000;
  text-align: center;
} */
  .border{
    margin-top: 10px;
    margin-bottom: 10px;
  	border: 3px solid #fff;
  }
  .border:hover{
      border: 3px solid blue;
      text-align: center;
  }
.header{
	text-align: center;
	background: #01467d;

}
.content{
	text-align: center;
	font-size: 18px;
	background: #dddddd;
}
 .theogia{
	text-align: left;
    height:60px;
	text-transform: capitalize;

}


.ongcambut1{
		background: #0162a7;
		color: #fff;
		height: 35px;
		line-height: 35px;
		font-size: 15px;
		text-align: left;
}
.footer{
	background:#071f4f;
	color: #fff;
}
.paner{
	margin-top: -20px;
	text-align: left;
	background: #fff;
}
.paner .ongcambut{
	background:#fff;
	line-height: 50px;
	font-size: 18px;
}
	#toppage {
text-align:center;
position:fixed;
bottom:170px;right:10px;
cursor:pointer;
color:#666;
text-decoration:none;

margin-right:10px;
}
@media screen and (max-width: 992px) {
       .logo{
        display:none;
    }
    .sp-mb{
        display:block;
    }
    .sp-pc{
        display:none;
    }
}
@media screen and (max-width: 460px) {
    .imgbaogoi img{
		height: auto !important;
    }
    .imgbaogoi{
        font-size:10px;
    }
}
@media screen and (min-width:450px) and (max-width: 600px) {
    .imgbaogoi img{
		height: auto !important;
    }
}
@media screen and (min-width:600px) and (max-width: 1100px) {
    .imgbaogoi img{
		width: 80% !important;
		height:auto !important;
    }
}
@media screen and (max-width: 760px) {
    .baivietgan img{
		width: 300px !important;
		height: 300px !important;
	}
    .searchform {
        margin-top:-35px;
        margin-bottom:30px;
    }
 
    .menu-mobile{
        display:block;
        margin-bottom:25px;
    }
    .menu{
        display:none;
    }
    .dautrang img{
    width:25%;
}
   	.content .theogia{
	height: 85px;
	line-height: 30px;
	}
 
        .danhmuc{
        display:none;   
    }
	.huongdandathang{
		width:300px;
	}
	.tabs{width:110% !important;left:0px !important;}
	.imgmota image{
		width: 350px !important;
	}
	.gioithieu{
		font-size: 13px;
	}
	.imgctspn{
		height: 50px;
		width: 100px;
	}
	.imgctsp{
		height: 300px;
		width: 100px;
}
	.paner .ongcambut{
	display: none;

}
#cfacebook{display: none;}
.menu.fix {
  left:0px;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 55px;
  width: 100%;
  z-index: 1000;
  text-align: center;
  height: 10px;
}
.menu.fix .active {
	width: 100%;
	margin-left:0px;
	text-align: center;
	margin-top: 15px;
}
}
@media screen and (max-width: 760px) {
    .sdt{
        font-size:18px;
    }
 .splq{
        margin-left:0px !important;
    }
	.fix_tel{
		display: none;
	}
		.borderdathang{
			width: 100% !important;
	}
	}
	.borderdathang input{
			border-radius: 10px;
			width: 100% !important;
	}
	.container-fluid{
	width: 100%;}


	.menu.fix{display: block;
}
.logo.fix{display: none}
.timkiem.fix{
right:0%; 
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0;
  width:100%;
  z-index: 9999999;
	background-image: url("../images/background-heder.jpg");
  text-align: center;
  height: 65px;
  margin-top: -10px !important;
}
.lienhetable{
	margin-left: 45px;
}

@media screen and (min-width: 760px) and (max-width: 992px) {
    	.hienthi{
			height: 480px !important;
			text-align: center;
		}
           .danhmuc{
        display:none;   
    }
    .splq{
        margin-left:0px !important;
    }
      .danhmucpn{
       display:none;
   }
	.huongdandathang{
		width:450px;
		height: 315px;}
		.borderdathang{
			text-align: center;
		}

	.tatcabaiviet{
			width: 330px !important;
		}
	 .border:hover{
		height: 350px;
	}


	.menu.fix  ul {
	float: left;
	width: 100%;
}
.menu.fix a.navbar-brand{display: none;}
.menu.fix ul li ul{
	width:200px;
}
		.paner .ongcambut{
	display: none;

}
	.menu.fix{
	left:0px;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 45px;
  width: 100%;
  z-index: 1000;
  text-align: center;
  height: 50px;
  line-height: 50px;
	}
	.menu.fix .active {
	width: 20%;
	text-align: center;
	 margin-left: 10px;
	top: 0px;

}
.timkiem.fix{
		right:0%; 
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0;
  width:100%;
  z-index: 9999999;
	background-image: url("../images/background-heder.jpg");
  text-align: center;
  height: 65px;
  margin-top: -10px !important;
}
	}
	@media screen and (min-width: 992px) and (max-width: 1200px){ 
	    .anmobile{
	        display:none;
	    }
	    .paner .ongcambut{
	        line-height:27px;   
	    }
	     .p-danhmuctt{
	         padding-bottom: 5px !important;
	    }
	    
		.huongdandathang{
		width:400px;
		height: 315px;}
		.tatcabaiviet{
			width: 450px !important;
		}
		.hienthi{
			height: 300px;
			text-align: center;
		}


	}
	@media screen and (min-width: 1200px) and (max-width: 1500px){ 
	    	.hienthi{
			height: 340px !important;
			text-align: center;
		}
	    .paner .ongcambut{
	        line-height:34px;   
	    }
	    
	    .p-danhmuctt{
	         padding-bottom: 5px !important;
	    }
		.huongdandathang{
		width:550px;
		height: 315px;}
		.hienthi{
			height: 100%;
			text-align: center;
		}


	}

/* màn hình ipad-lap nhỏ */
@media screen and (min-width: 992px) and (max-width: 1500px){
     .tatcabaiviet{
	        height:480px;
	    }
    
	.huongdandathang{
		width:560px;
		height: 315px;}
	.menu.fix  ul {
	float: left;
	width: 100%;
}
.menu.fix a.navbar-brand{display: none;}
.menu.fix ul li ul{
	width:200px;
}
	.content .theogia{
	height: 40px;
	line-height: 40px;
	}
	 .gia{
	float:right;
	margin-right: 10px;
	font-size: 15px;
	}

	.lienhetable{
	margin-left: 100px;
}
	.menu.fix{
	left:0px;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0px;
  width: 100%;
  z-index: 9999999;
  text-align: center;
  height: 50px;
  line-height: 50px;
	}
	.menu.fix .active {
	width: 15%;
	text-align: center;
	 margin-left: 10px;
	top: 0px;

}
	.logo.fix{
	display: none;}
	.timkiem.fix{
		right:0%; 
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0;
  width:30%;
  z-index: 99999999;
	background:lightblue;
  text-align: center;
  height: 50px;
  margin-top: -12px !important;
}
	}
	/* màn hình lap */
	@media screen and (min-width: 1500px){
	    .tatcabaiviet{
	        height:500px;
	    }
	    
		.huongdandathang{
		width:560px;
		height: 315px;}
		.hienthi{
			height: 350px;
			text-align: center;
		}


		.content .theogia{
	height: 40px;
	line-height: 40px;
	}
	 .gia{
	float:right;
	margin-right: 10px;
	font-size: 15px;
	}

		.menu.fix{
	left:0px;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0px;
  width: 100%;
  z-index: 1000;
  text-align: center;
  height: 50px;
  line-height: 50px;
  margin-top: 0px;
  z-index: 9999999;
	}
	.menu.fix .active {
	width: 10%;
	text-align: center;
	 margin-left: 10px;
	top: 0px;
}
.menu.fix  ul {
	float: left;
	width: 100%;
}
.menu.fix a.navbar-brand{display: none;}
.menu.fix ul li ul{
	width:200px;
}

.timkiem.fix{
right:0px; 
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0px;
  width:30%;
  z-index: 99999999;
	background:lightblue;
  text-align: center;
  height: 62px;
  margin-top: -12px !important;
}
.lienhetable{
	margin-left: 150px;
}
	}
	/* /* /* màn hình lớn */
	@media screen and (min-width: 1600px){


		.content .theogia{
	height: 40px;
	line-height: 40px;
	}
	 .gia{
	float:right;
	margin-right: 10px;
	font-size: 20px !important;
	}

		.lienhetable{
	margin-left: 150px;
}
	.menu.fix {
  left:0px;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0px;
  width: 100%;
  z-index: 9999999;
  text-align: center;
}
.menu.fix .active {
	width: 15%;
	text-align: center;
}
.timkiem.fix{
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0;
  width:40%;
  z-index: 99999999;
	background:lightblue;
  text-align: center;
  height: 50px;
  margin-top: -12px !important;
}

	}
.paner a{
	color: #000;
}

		#timkiem{
			padding:5px;
			
			border-collapse:collapse;
			margin-top: 20px;
					}
		.search{
			padding:7px;
		   background: #ff6600;
    border: none;
    color:#fff;
    cursor: pointer;
    
    width:35px;

		}

	
.nxkhach{
 background: #071f4f;
 font-size: 20px;
 color: #fff;
}
.nxkhach .active{
	
	height: 3px;
	background: #bc1339;
	width: 100px;
}

	#slidephaiduoi{
	left: 0px;
	height:70px;
	overflow:hidden;
	}
	#slidephaiduoi ul{
	list-style:none;
	width:4000px;
		}
	#slidephaiduoi ul li{
	float:left;
		margin-left: 50px;

	}
	.theogia a{
		color: #000;

	}
	.theogia a:hover{
		color: red;
	}
	@media screen and (max-width: 315px) {
	.container-fluid{display: none;}
	}
	@media screen and (min-width: 760px) and (max-width: 992px) {
	     .tatcabaiviet{
	        height:480px;
	    }
	    
	}
	@media screen and (max-width: 360px) {


		.huongdandathang{
		width:300px !important;
	}
		.imgtintuc{
			width: 250px !important;
			height: 180px !important;
		}
		.container-fluid{
	width: 100%;
}
		.tabs{width:100% !important}
	.imgmota img{
		width: 300px !important;
		height:300px !important;
	}
		.gioithieu{
		font-size: 11px;
	}
		#timkiem{
			padding:4px;
			
			border-collapse:collapse;
			margin-top: 25px;
			
					}
		.timkiem.fix{
			  max-width: 100%;
			  overflow: visible;
			  position: fixed !important;
			  top: 0;
			  width:100%;
			  z-index: 9999999;
				background-image: url("../images/background-heder.jpg");
			  text-align: center;
			  height: 70px;
			  margin-top: -15px !important;
			}

		.lienhetable{
			margin-left: 5px;
		}
	}
.navbar-default{
	background: #01467d !important;
	border: 0px !important;
	font-size: 15px !important;
	box-shadow: none;
	width:100% !important;
	text-align:center;
}
.navbar-default li a{
	color: #fff !important;

}
.navbar-default ul{
	background: #01467d !important;
	height:100% !important;
}
.navbar-default ul li{
	background: #01467d !important;
	height:90% !important;
	text-align: center;
	z-index: 9999999;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: red !important;
 }
/* Hiệu ứng hover ảnh */
.roll {
    background:url(images/mag.png) center center no-repeat #000;
    height: 150px;
    position: absolute;
    width: 150px;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px  #000;
    box-shadow: 0px 0px 4px  #000;

}
.roll {
    opacity: 1;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    background:url(images/mag.png) center center no-repeat #000;
    cursor: pointer;
    height: 150px;
    width: 150px;
    position: absolute;
    z-index: 10;
    opacity: 0;
    line-height: 150px;
}
 
.roll:hover {
    opacity: .7;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;
}