/* Here you can include your additional CSS Styles */
*, h1, h2, h3, h4, h5, h6{
	font-family: tahoma;
}

embed{
	position: absolute;
}

iframe {
	width: 500px;
	height: 330px;
}

.container {
	width: 1000px;
	padding: 0;
}

.trangchu{
	background-color: red;
	color: red;
	width: 500px
	height: 600px;
}

#zo2-position-0{
	overflow-x: hidden;
}

.banner{
	background: url("../images/background_banner.png") repeat-x ;
	background-position: center;
}

.bg_kid{
	background: url("../images/bg_kid.png") no-repeat ;
	background-position: center;
	height: 426px;
	position: relative;
	z-index: 1000;
}

.logo{
	background: url(../images/logo.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 94px;
}

@media screen and (max-width: 1149px){
	.logo{
		left: 35px;
	}
}

@media screen and (max-width: 1039px){
	.logo{
		left: 15px;
	}
}


#clouds{
	height: 0;1
}

.cloud {
	width: 100%;
	height: 200px;
	background: url("../images/cloud.png") no-repeat;
	float: left;
	position: relative; 
}

.cloudx1 {
	/*display: none;*/
	top: 90px;
	-webkit-animation: moveclouds1 30s linear infinite;
	-moz-animation: moveclouds1 30s linear infinite;
	-o-animation: moveclouds1 30s linear infinite;
}

.cloudx2 {
	/*display: none;*/
	left: 1700px; 
	top: 90px;
	position: absolute;
	-webkit-animation: moveclouds2 40s linear infinite;
	-moz-animation: moveclouds2 40s linear infinite;
	-o-animation: moveclouds2 40s linear infinite;
}

@-webkit-keyframes moveclouds1 {
	0% {margin-left: 1700px;}
	100% {margin-left: -1800px;}
}

@-moz-keyframes moveclouds1 {
	0% {margin-left: 1700px;}
	100% {margin-left: -1800px;}
}
@-o-keyframes moveclouds1 {
	0% {margin-left: 1700px;}
	100% {margin-left: -1800px;}
}

@-webkit-keyframes moveclouds2 {
	0% {margin-left: 000px;}
	100% {margin-left: -3000px;}
}

@-moz-keyframes moveclouds2 {
	0% {margin-left: 000px;}
	100% {margin-left: -3000px;}
}

@-o-keyframes moveclouds2 {
	0% {margin-left: 000px;}
	100% {margin-left: -3000px;}
}

/*.car1{
	width: 144px;
	height: 62px;
	background: url("../images/car1.png") no-repeat;
	float: left;
	position: absolute; 
}

.carx1{
	top: 346px;
	-webkit-animation: carx1 20s linear infinite;
	-moz-animation: carx1 20s linear infinite;
	-o-animation: carx1 20s linear infinite;
}
*/

@-webkit-keyframes carx1 {
	0% {margin-left: -800px;}
	100% {margin-left: 1900px;}
/*	cùng chiều
	0% {margin-left: 2200px;}
	100% {margin-left: -100px;}*/
}

/*@-moz-keyframes carx1 {
	0% {margin-left: -800px;}
	100% {margin-left: 1900px;}
}
@-o-keyframes carx1 {
	0% {margin-left: -800px;}
	100% {margin-left: 1900px;}
	}*/
	.car2{
		width: 100%;
		height: 72px;
		float: left;
		position: absolute; 
		background: url("../images/maybay.png") no-repeat;
	}

	.carx2{
		top: 80px;
		-webkit-animation: carx2 23s linear infinite;
		-moz-animation: carx2 23s linear infinite;
		-o-animation: carx2 23s linear infinite;
	}


	@-webkit-keyframes carx2 {
		0% {margin-left: 1800px;}
		100% {margin-left: -500px;}
	}

	@-moz-keyframes carx2 {
		0% {margin-left: 1800px;}
		100% {margin-left: -500px;}
	}
	@-o-keyframes carx2 {
		0% {margin-left: 1800px;}
		100% {margin-left: -500px;}
	}

	.zo2-wrapper{
		background: url("../images/background.jpg") no-repeat ;
		background-size: cover;
		min-width: 1000px;
	}

	.main_menu{
		background: url("../images/background_menu.png") repeat-x ;
		height: 100px;
	}

	.navbar-collapse {
		text-align:center;
	}

	.navbar-nav {
		display:inline-block;
		float:none;
	}

	nav.zo2-menu {
		margin: 0;
		height: 69px;
		padding: 25px 0;
	}

	nav.zo2-menu .navbar-nav .active a{
		color: #623f12;
	}

	nav.zo2-menu .navbar-nav > li >a{
		color: #fff;
		text-transform: uppercase;
		border-right: 1px solid #fff;
	}

	nav.zo2-menu .navbar-nav > li >a:hover {
		border-right: 1px solid #fff;
	}

	nav.zo2-menu .navbar-nav  li:last-child a{
		border: none;
	}

	.zo2-megamenu.animate.zoom{
		line-height: 0;
	}

	nav.zo2-menu .navbar-nav ul.mega-nav li .group-title{
		font-size: 100%;
		font-weight: normal;
	}
	nav.zo2-menu .navbar-nav ul.mega-nav.level2 li a{
		font-size: 11px;
	}

	.mega-inner{
		width: 247px;
	}

	.mega-inner ul li a {
		line-height: 20px;
		padding: 6px 20px;
	}

/*.zo2-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu{
	top: inherit;
	left: inherit;
	}*/

	.content{
		margin: 0;
	}

	#zo2-homepage-content-wrap > .container{
		border-bottom: 1px dashed black;
		padding: 0 0 30px;
		margin-bottom: 30px;
	}

	#zo2-content-extra-wrap > .container{
		padding: 0 0 30px;
		margin-bottom: 30px;
	}

	.tinmoinhat{	
		width: 736px;
		height: 510px;
	}

	.newstitle{
		margin-top: 3px;
	}

	.lnee.newslist{
		background: url("../images/background_content.png") no-repeat;
		padding: 102px 15px 0 50px;
		height: 510px;
	}

	.pagination li{
		padding: 0;
	}

	#lnee_122 .items_pagination li{
		display: inline-block;
	}

	#lnee_122 .items_pagination a{
		margin: 0;
	}

	#lnee_122 .items_pagination a:hover{
		background-color: #3498DB;
		color: #fff;
		padding-top: 4px;
	}

	li.next_link{
		margin-right: 22px;
		background-color: #fff;
	}

	li.previous_link{
		background-color: #fff;
		margin-left: 7px
	}

	#lnee_122 .newstitle{
		margin-top: 10px;
		font-size: 17px;
	}

	.fade {
		-webkit-animation-name: fade;
		-webkit-animation-duration: 1.5s;
		animation-name: fade;
		animation-duration: 1s;
	}

	@-webkit-keyframes fade {
		from {opacity: .4} 
		to {opacity: 1}
	}

	@keyframes fade {
		from {opacity: .4} 
		to {opacity: 1}
	}

	.hasTooltip {
		display: block !important;
	}

	.home_dangky{
		background: url("../images/background_regist.png") no-repeat;
		height: 500px;
		width: 284px; 
		margin: 6px 0px 0 -5px;
		border-radius: 20px;
		border: 1px solid #09bac8;
	}

	.btn-dangky{
		position: relative;
		top: 332px;
		left: 87px;
		border: 0;
		width: 81px;
		height: 28px;
		font-size: 12px;
		font-weight: bold;
	}

	.btn_dangky:hover{
		background-color: rgb(189, 86, 41);
		color: #fff;
	}

	.camera{
		background-color: #fff;
		padding: 10px 0;
		border-radius: 20px 20px 0 0;
		border: 1px solid #09bac8;	
		border-bottom: none;
	}

	.calendar h3.moduletitle{
		background: url("../images/background_3.png") no-repeat;
		background-size: contain;
		height: 95px;
		margin-bottom: 0;
	}

	.hinhanh,.thongbao,.calendar{
		background-color: #fff;
		padding-bottom: 20px;
		
	}
	.hinhanh h3.moduletitle{
		background: url("../images/background_1.png") no-repeat;
		height: 95px;
		margin-bottom: 0;
		border-radius: 20px;
	}
	.thongbao,.hinhanh{
		border-radius: 20px;
		border: 1px solid #09bac8;
	}

	.thongbao h3.moduletitle{
		background: url("../images/background_3.png") no-repeat;
		background-size: contain;
		height: 95px;
		margin-bottom: 0;
		border-radius: 20px;
	}


	.hinhanh h3.moduletitle span{
		text-transform: uppercase;
		position: absolute;
		top: 36px;
		left: 110px;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
	}

	.thongbao h3.moduletitle span,.calendar h3.moduletitle span{
		text-transform: uppercase;
		position: absolute;
		top: 36px;
		left: 110px;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
	}

	.blogthongbao{
		/*height: 265px;*/
	}

	.items-row{
		margin-bottom: 0;
	}

	.title{
		margin: 5px auto;
		padding: 0px 10px 0;	
		line-height: 25px;
	}

	.title a{
		font-size: 13px;
	}

	.row-separator{
		background: url("../images/thongbao_separator.png") no-repeat;
		height: 10px;
		margin: 0px 10px 0 10px;
		/*margin-top: -9px;*/
	}

	.top_header{
		background: url("../images/header_top.png") no-repeat;
		height: 106px;
	}

	.bottom_header{
		background: url("../images/header_bottom.png") no-repeat;
		height: 37px;
		margin-bottom: 20px;

	}

	.image_header{
		padding: 5px 40px;
		background: #fff;
		border: 1px solid #74ced2;
		border-top: 0;
		border-bottom: 0;
	}

	#zo2-content-wrap{
		padding: 10px 40px;
		background: #fff;
		border: 1px solid #74ced2;
		border-top: 0;
		border-bottom: 0;
	}

	#zo2-position-6 {
		width: 291px;
		padding-right: 0;
	}

	.menu-title{
		position: absolute;
		top: -358px;
		left: 105px;
		text-transform: uppercase;
		color: #fff;
		font-weight: bold;
		font-size: 19px;
	}

	.menu-gioithieu{
		background: url("../images/background_menu1.png") no-repeat;
		background-color: #fff;
		margin: 0;
		padding: 26px 18px 0 21px;
		min-height: 530px;
		width: 275px;
		list-style: none;
	}

	.menu-gioithieu li {	
		padding: 0px 15px;
		margin: 12px 0px;
		width: 100%;
		list-style: none;
	}

	.menu-gioithieu li h4{
		padding: 0 15px;
	}

	.menu-gioithieu li a{
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
	}

	.menu-gioithieu li a:hover{
		color: #7fbe54;
	}

	li.active h4 a{
		color: rgba(21, 49, 48, 0.87);
	}

	li.active li.active a{
		color: #e8b300;
	}

	.menu-gioithieu ul {
		display: none;
		width: 175px;
		padding: 5px 0 0 10px;
		margin: 0;
	}

	.menu-gioithieu ul li a {
		font-size: 11px;
		text-transform: none;
	}

	.menu-gioithieu li:hover ul, .menu-gioithieu li.active ul{
		display: block;	
	}



	#zo2-component{
		max-width: 948px;
	}

	.blog, .item-page {
		border: 1px solid #74ced2;
		width: 627px;
		padding: 0px 10px 0 20px;
		min-height: 530px;
	}

	.blog p, .item-page p {
		line-height: 23px;
		margin: 0;
		margin-bottom: 9px;
	}

	.modal {
		display: none; 
		position: fixed; 
		z-index: 1050; 
		left: 0;
		top: 0;
		width: 100%; 
		height: 100%; 
		overflow: auto; 
		background-color: rgb(0,0,0); 
		background-color: rgba(0,0,0,0.4); 
	}


	.modal-content {
		width: 40%;
		background-color: #fefefe;
		margin: 15% auto;
		padding: 20px;
		border: 1px solid #888;
		-webkit-animation-name: zoom;
		-webkit-animation-duration: 0.6s;
		animation-name: zoom;
		animation-duration: 0.6s;
	}

	@-webkit-keyframes zoom {
		from {-webkit-transform:scale(0)} 
		to {-webkit-transform:scale(1)}
	}

	@keyframes zoom {
		from {transform:scale(0)} 
		to {transform:scale(1)}
	}

	.at_icon {
		float: left;
	}

	.phocamaps {
		float: right;
		margin-right: 20px;
		width: 502px;
	}

	.gm-style-iw{
		text-align: center;
	}

	#phocaDir {
		display: none;
	}

	.pmroute {
		font-size: 12px;
		color: #9c9797;
	}

	.pm-input-route{
		width: 200px;
	}

	.pm-input-route-btn{
		background: #3498DB;
		color: #ffffff;
		border-color: #3498DB;
	}

	.lienhe {
		width: 400px;
	}

	.lienhe h2 {
		margin: 10px 0;
	}

	.alert{
		position: relative;
		z-index: 99;
		padding: 0;
	}

	.accordion-group {
		width: 395px;
	}

	.accordion-group .control-group input{
		width: 100%;
		border: 2px solid #ebebeb;
	}

	.form-horizontal .controls {
		margin-left: 0;
	}

	.input-80 {
		max-width: 100%;
		width: 100%;
	}

	.hasPopover {
		font-size: 12px;
		color: #9c9797;
	}

	.fa {
		color: #3498DB;
	}

	footer{
		display: none;
	}

	.footer{
		background: url("../images/background_footer.png") repeat-x;
	}

	.custom_footer{
		padding: 40px 0 8px 0;
	}

	.custom_footer p{
		margin: 0;
		font-size: 14px;
		height: 25px;
	}

	.ic-msg-no-event{
		display: none;
	}

	.icnav {
		background-color: #3fa4b3;
		color: #fff;

	}
	.icnav .titleic{
		font-size: 14px;
	}
	.iCicon {
		color:  #fff;
	}
	.iCicon:hover {
		color:  #0ff;
	}
	.iccalendar table {
		border-collapse: separate;
		border-spacing: 1px;

	}

	.iccalendar table th {
		background-color: #3fa4b3 !important;
		color:#fff;
	}
	.iccalendar table td {    
		background-color: #E0E0E0;
	}
	.iccalendar table td:last-child {
		color: #fff;
	}
	.iccalendar div,.iccalendar table tbody,.iccalendar table td div {
		/*font-family: 'Arial', Helvetica, sans-serif;*/
		font-weight: bold;
		font-size: 12px;
	}
	.iccalendar table th {
		font-size: 12px;
		font-weight: bold;
	}
	.iccalendar table td div.style_Today {
		text-shadow: 0px 0px 10px #777;
		box-shadow: 0px 0px 5px #999;
		background-color:#0cc;
		color: #fff;
	}

	.module.calendar {
		/*height: 100%;*/
		position: relative;
		padding-bottom: 66px;
		border-radius: 0 0 20px 20px;
		border: 1px solid #09bac8;
    	border-top: none;
}
	}

	.row-flex{
		display: flex;
	}
	#zo2-position-13, #zo2-position-14, #zo2-position-15{
		/*display: block;*/
		/*background: #fff;*/
		/*margin: 16px;*/
		/*padding: 0;*/
		height: 415px;
		overflow: hidden;
	}