/* Các CSS này dành cho toàn bộ website và desktop */

body {

    color: #222;

    font: 400 15px tahoma;

    min-height: 100vh;

    overflow-x: hidden;

    overflow-y: scroll;

}

#mem_aff, #aff_id, #ugoto{

	width: 0px;

	height: 0px;

	display:none;

}

.header_0 {

	width: 100%;

	text-align: center;

}

.header_0 iframe{

	width: 50%;

	height: 300px;

}

#loading {

	display:none;

	position:relative;

	width: 100%;

	height:500px;

	z-index:9999;

	background-color:#ccc;

	color:#fff;

	text-align:center;

}

.bdangky {

	background-color: #f44336;

	color: #fff;

	width: 100px;

	margin-top: 20px;

	padding: 10px;

	border-radius: 8px;

	cursor:pointer;

} /* Red */

#page,.content_1{  

	width: 980px;	

	margin: 0 auto;

	position: relative;

}



.n0{  

	width: 1000px;

	padding: 0 15px;

	padding-left:35px;

	margin: 0 auto;

	position: relative;

}

.header {

	width: 1000px;

	margin: 0 auto;

	position: relative;

	

}

.header_1 {

	width: 50%;

	top: 0px;

	left: 0px;

	float:left;

	display: block;

	

}

.header_2 {

	width: 48%;

	padding-left: 10px;

	background-color:#a1bd05;

	float:left;

	display: block;

	padding-bottom: 6px;

}

.header_2 p {

	font-size: 19px;

	text-decoration:justify;

}

.top {

	width: 90%;

	text-align:center;

	font-size: 30px;

	color: red;

	margin: 10px;

	font-weight: 900;

}



.baner-covi {

	width: 100%;

	margin: 0 auto;

	position: relative;

	float:left;

}

.header_1 img {

	width: 100%;

}

.c_1 {

	float: left;

	width: 70%

}

.c_2 {

	float: left;

	width: 30%

}

.content {

	width: 100%;

	background-color:#8d918d;

	height: 450px;

	margin-top: 8xp;

	float: left;

	display:block;

}

.nhanban {

	width: 100%;

	background-color:#edde7b;

	height: 460px;

	margin-top: 8xp;

}

.c_1 h2 {

	font-size: 40px;

	text-align: center;

	color: #f7e907;

	font-weight:900;

}

.c_1 p {

	font-size: 30px;	

	color:#fff;

}



.video {

	width: 100%;

	background-color:#edde7b;

	height: auto;

	margin-top: 8xp;

	float: left;

	display:block;

}



.video .v1{

	float: left;

	width: 300px;

	height: 300px;

	margin: 10px;

}

.video iframe {

	width: 300px;

	height: 250px;

}

.v1 span {

	color: red;

	font-size: 24px;

	width: 100%

}



.video_thanhcong {

	width: 100%;

	background-color:#d5cdb9;

	height: auto;

	margin-top: 8xp;

	float: left;

	display:block;

	text-align:center;

}

.video_thanhcong .v1{

	float: left;

	width: 450px;

	height: 300px;

	margin: 10px;

}

.video_thanhcong iframe {

	width: 400px;

	height: 250px;

}

.n1, .n2, .n3 {

	float: left;

	width: 332px;

	position:relative;

	overflow: hidden;

	height: 235px;

}

.n1 img{

	float: left;

	width: 325px;

	position:relative;

}



.video_loithe {

	width: 100%;

	background-color:#fff;

	height: auto;

	margin-top: 8xp;

	float: left;

	display:block;

	text-align:center;

}



.video_loithe iframe {

	width: 600px;

	height: 350px;

}



.lydo {

	width: 100%;

	text-align: center;

	color: #000;

	font-size: 30px;

	background-color:#fcba08;

	float: left;

	display:block;

	margin-bottom: 10px;

}



.gioithieu {

	width: 100%;

	text-align: center;

	color: #f405b3;

	font-size: 30px;

}

.nentan {

	width: 100%;

	text-align: center;

	color: #f405b3;

	font-size: 30px;

	background-color:#ccc;

	float: left;

	display:block;

	margin-bottom: 10px;

}

.sanpham {

	width: 100%;

	float:left;

	display:block;

}

.sanpham_1{  

	width: 1000px;

	height: 390px;

	margin: 0 auto;

	position: relative;

}

.sanpham_1 .c_1 {

	float: none;

	width: 100%;

	color: red;

	text-align:center;

}

.sanpham_1 .c_1 h2{

	color: blue;

	text-align:center;

}

.vien {

	width: 100%;

	text-align: center;

	font-size:30px;

	color:blue;

	float: left;

	display: block;

}



.video_lydo {

	width: 100%;

	background-color:#fff;

	height: auto;

	margin-top: 8xp;

	float: left;

	display:block;

	text-align:justify;

}

.video_lydo iframe {

	width: 450px;

	height: 300px;

}

.video_lydo .v1 {

	float: left;

	display:block;

	width: 455px;

}

.dangky {

	float: left;

	display:block;

	width: 300px;

	background-color: #0cfa60;

	margin-left: 20px;

	padding: 20px;

	text-align:center;

}



#name, #phone, #email, #nick {

	width: 100%;

  padding: 12px 20px;

  margin: 8px 0;

  box-sizing: border-box;

}

.keugoi {

	float: left;

	display: block;

	width: 100%;

	text-align:center;

	color: red;

	font-size: 25px;

	font-weight: 900;

}

.fotter {

	width: 100%;

	float: left;

	display: block;

	background-color:#bbbbb8;

	height: auto;	

	padding: 10px;

}

.fotter p {

	color: #fff;

	font-size: 14px;

}

.f1 {

	float: left;

	display:block;

	width: 50%;

}

.f2 {

	float: left;

	display:block;

	padding-left: 10px;

	padding-right: 10px;

	width: 30%;

}

.f3 {

	float: left;

	display:block;

	width: 20%;

}

#pagehome {

	width: 100%;

	position: relative;

}

#content {

	width: 990px;

	margin: 0 auto;

	position: relative;

}

#gioithieu {

	width: 100%;

	float: left;

	position: relative;	

	font-size: 20px;

	text-align: justify;

	line-height: 1.6;

}

.imggioithieu {

	width: 60%;

	float: left;

	

	position: relative;

}

.imggioithieu1 {

	width: 38%;

	float: left;

	position: relative;

	margin-right: 10px;

}

.imggioithieu1 img{

	width: 100%;	

	position: relative;

}

.gioithieu2 {

	width: 100%;

	float: left;

	position: relative;

}

.thucfooter {

	width: 100%;

	float: left;

	position:relative;

	text-align:center;

}

.tube {

	width: 30%;

	float: left;

	position:relative;

}

@media screen and (max-width: 800px) {

	

	.header_0 iframe{

		width: 95%;

		height: 250px;

	}

	.vien {

		width: 100%;

		text-align: center;

		font-size:30px;

		color:blue;

		float: none;

		display: block;

	}

	.nentan {

		width: 100%;

		text-align: center;

		color: #f405b3;

		font-size: 20px;

		background-color:#ccc;

		float: none;

		display:block;

		margin-bottom: 10px;

	}

	.header {

		width: 100%;

		float:none;

	}

	.header_1 {

		width: 100%;

		height: auto;

		float: none;

	}

	.header_1 img {

		width: 100%;

		height: auto;

	}

	.header_2 {

		width: 100%;

		float: none;

		padding: 10px;

	}

	.content {

		width: 100%;

		background-color:#8d918d;

		height: auto;

		margin-top: 8xp;

		padding-right: 10px;

		margin-bottom: 10px;

		float: none;

	}

	.content_1 {

		width: 90%;

		float: none;

	}

	

	.c_1 {

	float: none;

	width: 100%;

	}

	.c_2 {

		float: none;

		width: 100%;

		height: 300px;

		overflow:hidden;

	}

	.c_2 img {

		width:100%;

	}

	.c_1 h2 {

	font-size: 30px;

	text-align: center;

	color: #f7e907;

	font-weight:900;

	}

	.c_1 p {

		font-size: 20px;		

		color:#fff;

		

	}

	.baner-covi {

		width: 100%;

		margin: 0 auto;

		position: relative;

		float: none;

	}

	.baner-covi img{

		width: 100%;

		

	}

	.nhanban {

		width: 100%;

		background-color:#edde7b;

		height: auto;

		float: none;

	}

	.sanpham_1 {

		width: 100%;

		height: auto;

		

	}

	.n0 {

		float: none;

		width: 100%;

		margin:0px;

		padding-left: 0px;

		margin-left: 0px;

	}

	.n1, .n2, .n3{

		float: none;

		width: 100%;

		margin-bottom: 10px;

	}

	



	.n1 img, .n2 img, .n3 img {

		float: none;

		width: 100%;

	}

	.gioithieu {

		width: 80%;

		text-align: center;

		color: #f405b3;

		font-size: 20px;

		float: none;

	}

	.video {

		width: 100%;

		background-color:#edde7b;

		height: auto;

		margin-top: 8xp;

		float: none;

		display:block;

	}	

	.video .v1{

		float: none;

		width: 90%;

		height: auto;

		display:block;

	}

	.video iframe {

		width: 100%;

		height: 250px;

		float: none;

	}

	.v1 span {

		color: red;

		font-size: 24px;

		width: 80%

	}

	

	.video_thanhcong {

		width: 100%;

		background-color:#d5cdb9;

		height: auto;

		margin-top: 8xp;

		float: none;

		display:block;

		

	}

	.video_thanhcong .v1{

		float: none;

		width: 100%;

		height: auto;

		margin-bottom: 10px;

	}

	.video_thanhcong iframe {

		width: 90%;

		height: 250px;

		float: none;

	}

	.keugoi {

		float: none;

		display: block;

		width: 100%;

		text-align:justify;

		color: red;

		font-size: 25px;

		font-weight: 900;

	}

	.lydo {

		width: 100%;

		text-align: center;

		color: #000;

		font-size: 20px;

		background-color:#fcba08;

		float: none;

		display:block;

		margin-bottom: 10px;

	}

	.video_loithe {

		width: 100%;

		background-color:#fff;

		height: auto;

		margin-top: 8xp;

		margin-bottom: 10px;

		float: none;

		display:block;

		text-align:center;

	}



	.video_loithe iframe {

		width: 100%;

		height: 250px;

		float: none;

	}

	.video_lydo .v1 {

		float: none;

		display:block;

		width: 100%;

	}

	.video_lydo iframe {

		width: 100%;

		float: none;

		height: 250px;

	}

	.doitac img {

		width: 100%;

		margin-top: 10px;

		margin-bottom: 10px;

	}

	.dangky {

		float: none;

		display:block;

		width: 100%;

		background-color: #0cfa60;

		margin-left: 0px;

		padding: 0px;

		text-align:center;

	}

	#content {

		width: 100%;

		margin: 0 auto;

		position: relative;

	}

	#gioithieu {

		width: 100%;

		float: left;

		position: relative;	

		font-size: 20px;

		text-align: justify;

		line-height: 1.6;

	}

	.imggioithieu {

		width: 95%;

		float: left;

		

		position: relative;

	}

	.imggioithieu1 {

		width: 100%;

		float: left;

		position: relative;

		margin-right: 10px;

	}

	.tube {

		width: 95%;

		float: left;

		position:relative;

	}

}