﻿.tieudekhoi {
	background-color:#87CEEB; min-height:40px; width:100%; margin-top:20px;
}
.ndtieudekhoi {
	width:100%; display:flex; align-items:center; height:40px;
}
.lop1_khoi {
	width:100%; height:320px; background:linear-gradient(to bottom, rgba(220, 190, 46, 0.12), transparent); display:none;
}
.lop2_khoi {
	overflow:hidden; width:100%; height:320px; display:flex; align-items:center; position:relative;
}
.lop3_khoi {
	width:auto; display:flex; align-items:top; position:absolute; overflow:hidden;
}
.khoixbp {
	width:182px; height:300px; margin:10px 30px 10px 30px; text-align:center;
}
.nenanhkhoixbp {
	width:182px; height:230px; background-color:white; display:flex; align-items:center;
}
.anhkhoixbp {
	width:182px; max-height:230px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25); cursor:pointer;
}
/*---*/
.duongdan {
	display:flex; height:40px; align-items:center; font-size:16px; width:100%; font-weight:bold;
}
.nhomxbp {
	width:100%; background:linear-gradient(to bottom, rgba(220, 190, 46, 0.12), transparent);
}
.ndnhomxbp {
	width:100%; display:flex; flex-wrap:wrap;
}
/*--*/
.hoptheloai {
	width:100%; background:linear-gradient(to bottom, rgba(220, 190, 46, 0.4), transparent); padding:6px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}
.nentheloai {
	height:40px; width:100%; display:flex; align-items:center; padding-left:6px; background-color:#DDC862; justify-content:center;
}