/* ==== Khung ảnh trang chủ (block.album) — khung CSS thuần, phong cách mầm non ==== */
.sf-main {
	position: relative;
	width: 760px;
	max-width: 100%;
	margin: 22px auto 30px;
	padding: 16px 16px 18px;
	background: linear-gradient(180deg, #ffffff, #f3f9ff);
	border-radius: 26px;
	box-shadow:
		0 0 0 4px #ffffff,
		0 0 0 9px rgba(77, 171, 247, .30),
		0 18px 40px rgba(20, 40, 80, .17);
	overflow: visible;
}

/* nhãn "ruy băng" góc trên trái — đồng bộ với header các block */
.sf-cap {
	position: absolute;
	top: -15px;
	left: 26px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 16px;
	font-family: "Baloo 2", "Comic Sans MS", Cambria, Georgia, "Times New Roman", serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, #1b6ec2, #4dabf7);
	border-radius: 20px;
	box-shadow: 0 6px 14px rgba(27, 110, 194, .34);
}
.sf-cap .fa { font-size: 12px; opacity: .95; }

/* mây trắng nhỏ nhô ra khỏi khung */
.sf-cloud {
	position: absolute;
	z-index: 3;
	background: #eef6ff;
	border-radius: 50%;
	box-shadow: 0 6px 14px rgba(20, 40, 80, .18), inset 0 -3px 6px rgba(120, 170, 220, .25);
}
.sf-cloud::before,
.sf-cloud::after {
	content: "";
	position: absolute;
	background: #eef6ff;
	border-radius: 50%;
	box-shadow: inset 0 -3px 6px rgba(120, 170, 220, .22);
}
.sf-cloud--1 { width: 44px; height: 44px; top: -20px; right: 54px; }
.sf-cloud--1::before { width: 32px; height: 32px; left: -22px; top: 10px; }
.sf-cloud--1::after  { width: 26px; height: 26px; right: -16px; top: 14px; }
.sf-cloud--2 { width: 30px; height: 30px; bottom: -14px; left: 60px; }
.sf-cloud--2::before { width: 22px; height: 22px; left: -14px; top: 8px; }
.sf-cloud--2::after  { width: 18px; height: 18px; right: -11px; top: 11px; }

/* dây "cờ chấm" nhiều màu ở góc trên phải */
.sf-garland {
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 3;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ffd43b;
	box-shadow:
		-20px 4px 0 #ff6b6b,
		-40px 0 0 #51cf66,
		-60px 4px 0 #cc5de8,
		-80px 0 0 #ffa94d;
}

/* ảnh slider — khung 4:3 khớp đúng tỉ lệ ảnh album (1280x960) nên KHÔNG bị cắt */
.sf-main .sf-content {
	position: relative;
	z-index: 1;
	width: 728px;
	max-width: 100%;
	height: 546px;
	margin: 0 auto;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .95), 0 8px 18px rgba(20, 40, 80, .15);
}
.sf-main .easyslider_content,
.sf-main .easyslider_main {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-radius: 16px;
	overflow: hidden;
}
.sf-main .easyslider_albumtitle {
	display: none;
}
#nvalbum_randalbum_easy,
#nvalbum_randalbum_easy ul li,
#nvalbum_randalbum_easy ul li .easyframe {
	width: 728px;
	height: 546px;
}
#nvalbum_randalbum_easy ul li .easyframe img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0;
}
/* nút chuyển ảnh — nút tròn trắng, mũi tên xanh */
.sf-main .easyslider_content > span {
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, .92) !important;
	border-radius: 50%;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .22);
	opacity: 1;
	transition: background .15s ease, transform .15s ease;
}
.sf-main .easyslider_content > span:hover {
	background: #fff !important;
	transform: translateY(-50%) scale(1.08);
}
.sf-main .easyslider_content > span::before {
	font-family: FontAwesome;
	font-size: 16px;
	color: #1b6ec2;
	line-height: 36px;
	display: block;
	text-align: center;
}
.sf-main .easyslider_content > span a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	overflow: hidden;
}
#nvalbum_randalbum_prev {
	left: 12px;
	background: rgba(255, 255, 255, .92);
}
#nvalbum_randalbum_prev::before { content: "\f053"; }
#nvalbum_randalbum_next {
	right: 12px;
	background: rgba(255, 255, 255, .92);
}
#nvalbum_randalbum_next::before { content: "\f054"; }
.easypictitle {
	color: #fff;
}
.easyslider_content {
	position: relative;
}
.easyslider_main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.easyslider_main ul li {
	overflow: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
}
.easyslider_main ul li .easyframe {
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
	position: relative;
}

.easyslider_main ul li .easypictitle a {
	color: #fff;
	opacity: 1;
}
.easyslider_content span {
	top: 48%;
	height: 22px;
	width: 22px;
	position: absolute;
	opacity: .7;
}

.easyslider_content .easyslider_albumtitle a {
	color: #fff;
}
.kidpic-green {
	background: url(../images/kidpic-green.jpg) no-repeat;
}
.kidpic {
	width: 230px;
	height: 172px;
	position: relative;
	margin: auto;
}
.kidpic h3 {
	position: absolute;
	width: 230px;
	text-align: center;
	font-family: "butlong";
	text-shadow: 1px 1px 0 #000;
	color: #f5bc23;
}
#nvalbum_newphotos_easy ul li {
	height: 108px;
	width: 160px;
}
#nvalbum_newphotos_easy ul li .easyframe {
	height: 108px;
	width: 160px;
}
#nvalbum_newphotos_prev {
	left: 10px;
	background: url('../images/icons/prev1.png') no-repeat;
}
#nvalbum_newphotos_next {
	right: 10px;
	background: url('../images/icons/next1.png') no-repeat;
}