/* ==========================================================================
   TRANG CHI TIET BAI VIET - GIAO DIEN 1 (mac dinh)      01/09/2026
   File nay chi duoc nap khi $page == 'news_detail' (xem library/header.php).

   VI SAO PHAI CO FILE NAY
   -----------------------
   Trang chi tiet bai viet cua giao dien 1 dung khung HTML lay tu template
   Zing News cu: .the-article > section.main > .the-article-body. Nhung TAT
   CA cac luat trong css/zing.css deu bat dau bang "#page-article ..." ma
   trang nay lai KHONG co phan tu nao mang id="page-article". Ket qua: 293
   luat trong zing.css khong ap dung duoc luat nao, than bai viet gan nhu
   khong duoc ke gi ca - chu chay theo luat <p> chung cua style.css
   (14px/21px), anh khong can le, bang dan anh khong co chu thich.

   Toan bo phan trang trong file nay deu bam vao lop .bv-ct dat them o
   <div class="blog-item bv-ct"> nen KHONG anh huong sang trang danh sach
   tin (cung dung .blog-item) hay bat ky trang nao khac.

   NOI DUNG BAI VIET CO NHUNG GI
   -----------------------------
   Da dem tren 13.453 bai dang bat trong tbnews:
     <img>    13.279 bai      <table>      12.273 bai
     <strong> 13.106          <em>         13.163
     <h2>        269          <h4>            139
     <iframe>    131 (YouTube)<h3>             71
     <ul>         97          <ol>             19
     <th>         33          <h1>              4
   Trong 12.273 bai co <table> thi 11.457 bai la <table class="picture"> -
   DAY LA BANG DAN ANH cua CMS cu chu khong phai bang du lieu:

     <table class="picture" width="100%" align="center"><tbody>
       <tr><td class="pic"><img ... width="100%"></td></tr>
       <tr><td class="pCaption caption"><em>Chu thich anh</em></td></tr>
     </tbody></table>

   Nen mac dinh o day bang la TRONG SUOT (khong vien, khong nen). Chi bang
   nao co <th> ben trong moi duoc ke nhu bang du lieu that (33 bai).
   ========================================================================== */

/* ---- Khung chung ---- */
.bv-ct {
	margin-bottom: 0;
	border-bottom: 0;
}
.bv-ct .blog-info {
	/* Cac khoi ben trong deu la khoi doc lap, khong con float lung tung. */
	overflow: hidden;
}

/* ---- Tieu de bai ----
   Ban goc dat 18px - bang dung co chu cua muc "TIN MOI" o cuoi trang, tuc
   la ten bai viet khong to hon tieu de mot khoi phu. Nang len 28px va bo
   duong ke duoi (duong ke da chuyen xuong dong ngay/luot xem cho gon). */
.bv-ct h1.content-block-title {
	display: block;
	margin: 4px 0 12px;
	padding: 0;
	border-bottom: 0;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.28;
	letter-spacing: -.3px;
	color: #111;
	text-transform: none;
}

/* ---- Dong ngay dang / luot xem ---- */
.bv-ct .blog-meta {
	margin: 0 0 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #ededed;
}
.bv-ct .blog-meta span.date,
.bv-ct .blog-meta span {
	margin-right: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #8b8b8b;
}
.bv-ct .blog-meta .icons {
	margin-right: 5px;
	color: #c2c2c2;
}

/* ---- Hang nut chia se ----
   Ban goc la 3 tien ich nhung cua Facebook / Google+ / Zalo, ca 3 deu hong
   (Google+ dong cua tu 2019). Ngay 01/09/2026 thay bang khoi nut tu ve:
   library/chia_se.php + css/chia-se.css + js/chia-se.js. Phan trang cua khoi
   do nam trong css/chia-se.css; o day chi chinh khoang cach cho hop voi bai.

   Ban goc con de style="float:right" ngay canh o "bai cung chuyen muc" nen
   tren dien thoai nut Facebook do len chu cua o do - khoi moi luon dung
   rieng mot hang (xem .cs-hang trong css/chia-se.css). */
.bv-ct .cs-hang { margin-bottom: 18px; }

/* ---- O "Bai viet cung chuyen muc" ----
   Ban goc la <ul style="background:#e7e7e7"> tran vien, khong nhan, khong
   biet la cai gi. Dua vao khung the co nhan chu nho o tren. */
.bv-ct-lq {
	margin: 0 0 20px;
	padding: 12px 16px 10px;
	border: 1px solid #ececec;
	border-left: 4px solid #1a1a1a;
	border-radius: 6px;
	background: #fafafa;
}
.bv-ct-lq-nhan {
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: #8b8b8b;
}
.bv-ct-lq ul,
ul.bv-ct-lq-ds {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
.bv-ct-lq li {
	padding: 6px 0;
	border-bottom: 1px dashed #e6e6e6;
	list-style: none;
}
.bv-ct-lq li:last-child { border-bottom: 0; }
.bv-ct-lq a {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	color: #222;
	text-decoration: none;
}
.bv-ct-lq a:hover { color: #1b5e9e; text-decoration: underline; }
.bv-ct-lq .icons {
	margin-right: 6px;
	color: #c9a400;
	font-size: 12px;
}

/* ==========================================================================
   THAN BAI VIET
   ========================================================================== */
.bv-ct .the-article,
.bv-ct .the-article section.main { margin: 0; padding: 0; }

.bv-ct .blog-content {
	padding: 0;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.75;
	color: #252525;
	/* Bai cu hay co dia chi web dan tran, khong cho ngat thi no day be ngang
	   ca cot chu tren dien thoai. */
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.bv-ct .blog-content > *:first-child { margin-top: 0; }
.bv-ct .blog-content > *:last-child { margin-bottom: 0; }

.bv-ct .blog-content p {
	margin: 0 0 16px;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}
/* Doan chi chua moi mot tam anh thi khong can khoang cach kieu doan van. */
.bv-ct .blog-content p:empty { display: none; }

/* ---- Tieu de trong bai ----
   Trang da co <h1> rieng cho ten bai nen trong than bai bat dau tu h2.
   (4 bai co <h1> lan trong noi dung - de nguyen, chi cho no hien bang co
   chu cua h2 de khong co hai <h1> to bang nhau tren mot trang.) */
.bv-ct .blog-content h1,
.bv-ct .blog-content h2,
.bv-ct .blog-content h3,
.bv-ct .blog-content h4,
.bv-ct .blog-content h5,
.bv-ct .blog-content h6 {
	margin: 28px 0 12px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.4;
	color: #111;
}
.bv-ct .blog-content h1,
.bv-ct .blog-content h2 {
	padding-bottom: 7px;
	border-bottom: 2px solid #f0f0f0;
	font-size: 22px;
}
.bv-ct .blog-content h3 { font-size: 19px; }
.bv-ct .blog-content h4 { font-size: 17px; }
.bv-ct .blog-content h5 { font-size: 16px; color: #333; }
.bv-ct .blog-content h6 { font-size: 15px; color: #444; }

/* ---- Chu ---- */
.bv-ct .blog-content strong,
.bv-ct .blog-content b { font-weight: 700; color: #111; }
.bv-ct .blog-content em,
.bv-ct .blog-content i { font-style: italic; }
.bv-ct .blog-content u { text-decoration: underline; text-underline-offset: 2px; }
.bv-ct .blog-content s,
.bv-ct .blog-content del { color: #8b8b8b; }
.bv-ct .blog-content small { font-size: 85%; color: #777; }
.bv-ct .blog-content mark { padding: 1px 3px; background: #fff3b0; color: inherit; }
.bv-ct .blog-content sub,
.bv-ct .blog-content sup { font-size: 75%; line-height: 0; }
.bv-ct .blog-content abbr[title] { border-bottom: 1px dotted #999; cursor: help; }

.bv-ct .blog-content a {
	color: #1b5e9e;
	text-decoration: underline;
	text-underline-offset: 2px;
	word-break: break-word;
}
.bv-ct .blog-content a:hover { color: #10406e; }
/* Anh boc trong the <a> thi khong can gach chan. */
.bv-ct .blog-content a:has(img) { text-decoration: none; }

/* ---- Danh sach ----
   style.css cua giao dien 1 dat list-style:none cho MOI the <ul> tren trang
   (de lam menu), nen danh sach trong bai viet mat het dau cham dau dong.
   Tra lai o day. */
.bv-ct .blog-content ul,
.bv-ct .blog-content ol {
	margin: 0 0 16px;
	padding-left: 26px;
}
.bv-ct .blog-content ul { list-style: disc outside; }
.bv-ct .blog-content ol { list-style: decimal outside; }
.bv-ct .blog-content ul ul { list-style: circle outside; }
.bv-ct .blog-content li {
	margin-bottom: 7px;
	padding: 0;
	list-style: inherit;
	background: none;
	border: 0;
}
.bv-ct .blog-content li > ul,
.bv-ct .blog-content li > ol { margin: 7px 0 0; }
.bv-ct .blog-content dl { margin: 0 0 16px; }
.bv-ct .blog-content dt { font-weight: 700; color: #111; }
.bv-ct .blog-content dd { margin: 0 0 10px 20px; }

/* ---- Trich dan ---- */
.bv-ct .blog-content blockquote {
	margin: 20px 0;
	padding: 12px 18px;
	border: 0;
	border-left: 4px solid #1a1a1a;
	border-radius: 0 6px 6px 0;
	background: #f7f7f7;
	font-size: inherit;
	font-style: italic;
	line-height: 1.7;
	color: #333;
}
.bv-ct .blog-content blockquote p:last-child { margin-bottom: 0; }

.bv-ct .blog-content hr {
	margin: 26px 0;
	border: 0;
	border-top: 1px solid #ececec;
}

/* ---- Ma nguon / chu may danh ---- */
.bv-ct .blog-content code,
.bv-ct .blog-content kbd,
.bv-ct .blog-content samp {
	padding: 2px 6px;
	border-radius: 4px;
	background: #f4f4f4;
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 90%;
	color: #c7254e;
}
.bv-ct .blog-content pre {
	margin: 0 0 18px;
	padding: 14px 16px;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	background: #f7f7f7;
	overflow-x: auto;
	font-family: Consolas, Monaco, "Courier New", monospace;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}
.bv-ct .blog-content pre code { padding: 0; background: none; color: inherit; }

/* ---- Anh ----
   Nhieu the <img> cu con giu width="650" height="..." dat thang tren the.
   height:auto de anh khong bi bop meo khi be ngang phai co lai. */
.bv-ct .blog-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 6px;
}
.bv-ct .blog-content figure {
	margin: 20px 0;
	max-width: 100%;
}
.bv-ct .blog-content figcaption {
	padding-top: 8px;
	font-size: 13px;
	font-style: italic;
	line-height: 1.5;
	text-align: center;
	color: #777;
}

/* ---- BANG DAN ANH (mac dinh) ----
   Trong suot ve mat thi giac: no chi la khung ky thuat de xep anh voi chu
   thich, khong phai bang du lieu. */
.bv-ct .blog-content table {
	width: 100% !important;
	max-width: 100%;
	margin: 20px auto;
	border: 0;
	border-collapse: collapse;
	background: none;
	/* table-layout:fixed la cho then chot. Voi "auto", trinh duyet lay be
	   ngang GOC cua anh trong o lam be rong toi thieu cua bang - anh goc
	   2560px se keo bang rong hon ca cot chu va tran ra ngoai. Voi "fixed",
	   cot duoc chia theo be ngang bang chu, anh phai co theo. */
	table-layout: fixed;
}
.bv-ct .blog-content table td,
.bv-ct .blog-content table th {
	padding: 0;
	border: 0;
	background: none;
	vertical-align: top;
}
.bv-ct .blog-content table img { width: 100%; }
.bv-ct .blog-content table td p { margin: 0; }
/* O anh trong CMS cu duoc luu la <td class="pic"><br><img><br></td>. Hai the
   <br> do de lai hai dong trong: mot o tren anh, mot o giua anh va dong chu
   thich. Chi bo <br> nam trong o anh, cac <br> khac trong bai van giu. */
.bv-ct .blog-content td.pic > br { display: none; }

/* Dong chu thich anh. */
.bv-ct .blog-content td.pCaption,
.bv-ct .blog-content td.caption {
	padding: 8px 10px 0 !important;
	font-size: 13px;
	font-style: italic;
	line-height: 1.5;
	text-align: center;
	color: #777;
}
.bv-ct .blog-content td.pCaption em,
.bv-ct .blog-content td.caption em { font-style: italic; }
.bv-ct .blog-content td.pCaption p,
.bv-ct .blog-content td.caption p { display: inline; margin: 0; }

/* ---- BANG DU LIEU that ----
   Nhan dang bang cach co <th> ben trong. Chi 33/13.453 bai roi vao day.
   Trinh duyet cu khong hieu :has() thi bang do hien theo kieu "khung anh"
   o tren - van doc duoc, chi la khong co vien. */
.bv-ct .blog-content table:has(th) {
	/* Tra ve auto: cot bang du lieu can rong hep theo noi dung that. Tran ra
	   thi da co overflow-x ben duoi lo. */
	table-layout: auto;
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 20px 0;
	font-size: 15px;
}
.bv-ct .blog-content table:has(th) th,
.bv-ct .blog-content table:has(th) td {
	padding: 9px 12px;
	border: 1px solid #e4e4e4;
	text-align: left;
	vertical-align: top;
}
.bv-ct .blog-content table:has(th) th {
	background: #f5f5f5;
	font-weight: 700;
	color: #111;
	white-space: nowrap;
}
.bv-ct .blog-content table:has(th) tbody tr:nth-child(even) td { background: #fafafa; }

/* ---- Video nhung (131 bai, deu la YouTube) ----
   Cac the iframe cu deu ghi cung width/height (vd 560x315) nen tren dien
   thoai vua tran ra ngoai vua bi meo. Ep ve khung 16:9 theo be ngang that
   cua cot chu. */
.bv-ct .blog-content iframe {
	display: block;
	max-width: 100%;
	margin: 20px auto;
	border: 0;
	border-radius: 6px;
}
.bv-ct .blog-content iframe[src*="youtube"],
.bv-ct .blog-content iframe[src*="youtu.be"],
.bv-ct .blog-content iframe[src*="facebook"] {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.bv-ct .blog-content video,
.bv-ct .blog-content audio {
	display: block;
	max-width: 100%;
	margin: 20px auto;
}
.bv-ct .blog-content audio { width: 100%; }

/* Khoi nao lo dat be ngang co dinh (vd <div style="width:900px">) thi cat
   bot thay vi day trang tran ngang. */
.bv-ct .blog-content > div,
.bv-ct .blog-content > span,
.bv-ct .blog-content > section { max-width: 100%; }

/* Khung video rieng cua trang (cot4 = 1) */
.bv-ct .videoitem { margin: 20px 0; }
.bv-ct .videoitem iframe { display: block; width: 100%; border: 0; border-radius: 6px; }

/* ---- Ten nguoi viet ---- */
.bv-ct p.align-right {
	margin: 24px 0 0;
	padding-top: 12px;
	border-top: 1px solid #ededed;
	font-size: 13px;
	color: #888;
	text-align: right;
}
.bv-ct p.align-right strong { font-weight: 700; color: #333; }

/* ---- Khung binh luan Facebook ---- */
.bv-ct-binhluan,
.post-comment { margin-top: 22px; }
.post-comment .fb-comments,
.post-comment .fb-comments span,
.post-comment .fb-comments iframe { width: 100% !important; }

/* ==========================================================================
   KHOI XEP HANG CUOI TRANG ("Hot 7 ngay qua")
   ========================================================================== */
.bv-tinmoi { margin-top: 26px; }

/* Luoi 3 cot (may tinh) / 2 cot (dien thoai).
   Ban cu dung float cua bootstrap nen cu 3 o (hay 2 o tren dien thoai) lai
   phai chen mot <div class="clearfix"> - va phai hoi bien $mobi cua PHP de
   biet chen sau may o. Doi sang flex thi hang tu ngat deu, khong can
   clearfix, va HTML ra giong het nhau tren may tinh lan dien thoai nen cat
   cache mot ban la du. Be ngang cot van do bootstrap lo (col-md-4 /
   col-xs-6), flex chi lam nhiem vu ngat hang. */
.bv-tinmoi .bv-luoi {
	display: flex;
	flex-wrap: wrap;
}
.bv-tinmoi .bv-luoi > div { float: none; }

/* Dong so luot xem - de nho, mau xam, khong tranh cho voi ten bai. */
.bv-luot {
	display: block;
	margin-top: 3px;
	font-size: 11px;
	color: #9a9a9a;
}
.bv-luot i { margin-right: 3px; color: #bdbdbd; }

/* Cot phai - khoi "Bai xem nhieu nhat" (library/right3.php).
   right3.php chi duoc goi tu library/news_detail.php nen luat nay nam o day
   la du, khong can them mot tep css nua. */
.r3-luot {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	color: #9a9a9a;
}
.r3-luot i { margin-right: 3px; color: #bdbdbd; }
.bv-tinmoi > .col-md-12 > h4 {
	margin: 0 0 10px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
	color: #111;
}
.bv-tinmoi > .col-md-12 > hr {
	margin: 0 0 16px;
	border: 0;
	border-top: 2px solid #1a1a1a;
}
.bv-tinmoi .product-image {
	overflow: hidden;
	border-radius: 6px;
	background: #f4f4f4;
}
.bv-tinmoi .product-image img {
	display: block;
	width: 100%;
	height: 148px;
	object-fit: cover;
	transition: transform .25s ease;
}
.bv-tinmoi a:hover .product-image img { transform: scale(1.04); }
.bv-tinmoi .product-info { padding: 8px 0 16px; }
.bv-tinmoi .product-info p { margin: 0; }
.bv-tinmoi .product-info p a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	color: #222;
	text-decoration: none;
}
.bv-tinmoi .product-info p a:hover { color: #1b5e9e; }

/* ==========================================================================
   MAY TINH BANG
   ========================================================================== */
@media (max-width: 991px) {
	.bv-ct h1.content-block-title { font-size: 25px; }
	.bv-ct .blog-content { font-size: 16px; }
}

/* ==========================================================================
   DIEN THOAI
   ========================================================================== */
@media (max-width: 767px) {
	.bv-ct h1.content-block-title {
		margin: 2px 0 10px;
		font-size: 22px;
		line-height: 1.3;
	}
	.bv-ct .blog-meta { margin-bottom: 14px; padding-bottom: 10px; }
	.bv-ct .blog-meta span.date,
	.bv-ct .blog-meta span { font-size: 12px; }

	.bv-ct-lq { padding: 10px 12px 8px; }
	.bv-ct-lq a { font-size: 13px; }

	/* Giu 16px chu khong tut xuong 14px: bai viet la de DOC, chu nho hon
	   16px tren dien thoai la bat nguoi ta nheo mat. Chi bot gian dong. */
	.bv-ct .blog-content { font-size: 16px; line-height: 1.72; }
	.bv-ct .blog-content h1,
	.bv-ct .blog-content h2 { margin-top: 24px; font-size: 19px; }
	.bv-ct .blog-content h3 { font-size: 17px; }
	.bv-ct .blog-content h4 { font-size: 16px; }
	.bv-ct .blog-content ul,
	.bv-ct .blog-content ol { padding-left: 22px; }
	.bv-ct .blog-content table { margin: 16px auto; }
	.bv-ct .blog-content table:has(th) { font-size: 14px; }
	.bv-ct .blog-content td.pCaption,
	.bv-ct .blog-content td.caption { font-size: 12px; }
	.bv-ct .blog-content blockquote { padding: 10px 14px; }

	.bv-tinmoi .product-image img { height: 110px; }
	.bv-tinmoi .product-info p a { font-size: 13px; }
	.bv-tinmoi .product-info { padding: 6px 0 12px; }
}

@media (max-width: 400px) {
	.bv-ct h1.content-block-title { font-size: 20px; }
	.bv-tinmoi .product-image img { height: 95px; }
}

/* ==========================================================================
   BAM VAO ANH -> MO SLIDER                                   01/09/2026
   Hieu ung nay truoc do js/znews_5.18.012.js + css/zing.css lo. Hai file do
   da bo (xem ghi chu dau library/news_detail.php); nay dung fancyBox 2.1.5
   co san tren moi trang cua giao dien 1. Phan dieu khien: js/anh-bai-viet.js
   ========================================================================== */

/* Anh mo duoc: doi con tro thanh kinh lup cho nguoi ta biet bam duoc. */
.bv-ct .blog-content img.bv-anh-mo { cursor: zoom-in; }

/* Dau kinh lup goc phai tam anh, chi lo ra khi re chuot vao - y nhu nut
   "xem anh" cua ban cu. Chi lam duoc voi anh nam trong o <td class="pic">
   (91% bai) vi o do moi co cho dat toa do. */
.bv-ct .blog-content td.pic { position: relative; }
.bv-ct .blog-content td.pic::after {
	content: "\f00e";              /* fa-magnifying-glass-plus */
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .45);
	color: #fff;
	font-size: 14px;
	text-align: center;
	opacity: 0;
	transition: opacity .15s ease;
	pointer-events: none;
}
.bv-ct .blog-content td.pic:hover::after { opacity: 1; }
/* Tren dien thoai khong co "re chuot vao" - hien mo mo cho biet bam duoc. */
@media (hover: none) {
	.bv-ct .blog-content td.pic::after { opacity: .55; }
}

/* ---- Chinh lai fancyBox ----
   fancyBox 2.1.5 ve ba nut (dong / lui / toi) bang MOT tep anh ghep:
   images/fancybox_sprite.png xep ba bieu tuong chong len nhau theo chieu doc,
   moi nut cat ra mot doan bang background-position (0 0 = dong, 0 -36px =
   lui, 0 -72px = toi), trong o co dinh 36x36 va 36x34.

   Cach do rat kho chinh: doi be ngang nut mot chut la doan cat lech, hien ra
   nua cai bieu tuong nay dinh nua cai kia; con bo tron mot o 36x34 thi thanh
   hinh bau duc chu khong phai hinh tron. Nen o day BO HAN anh ghep di, ve
   lai bang chu Font Awesome - trang chi tiet bai viet da nap san bo font
   nay (ban local, xem library/header.php) nen khong ton them gi. */
.fancybox-close,
.fancybox-nav span {
	background-image: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-style: normal;
	line-height: 1;
	text-align: center;
}

/* Nut dong. Ban goc dat top:-18px; right:-18px, tuc la treo ra NGOAI goc
   anh - tren man hep no bi day sat mep man hinh. Keo han vao trong.
   z-index phai lon hon 8040 cua hai vung bam lui/toi: vung "toi" chiem 40%
   be ngang va suot chieu cao anh, tuc la no phu len ca goc tren ben phai -
   khong nang len thi bam vao nut dong lai thanh chuyen sang anh sau. */
.fancybox-close {
	top: 10px;
	right: 10px;
	width: 36px;
	height: 36px;
	background-color: rgba(0, 0, 0, .55);
	font-size: 16px;
	z-index: 8060;
	transition: background-color .15s ease;
}
.fancybox-close::before { content: "\f00d"; }   /* fa-xmark */
.fancybox-close:hover { background-color: #d92d20; }

/* Hai nut chuyen anh. Ban goc de visibility:hidden, chi lo ra khi re chuot
   vao vung anh - tren dien thoai khong co "re chuot" nen thanh ra khong bao
   gio thay. Cho hien han, mo mo luc thuong va dam len khi cham vao. */
.fancybox-nav span {
	visibility: visible;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	background-color: rgba(0, 0, 0, .5);
	font-size: 15px;
	opacity: .85;
	transition: background-color .15s ease, opacity .15s ease;
}
.fancybox-prev span { left: 12px; }
.fancybox-next span { right: 12px; }
.fancybox-prev span::before { content: "\f053"; }   /* fa-chevron-left */
.fancybox-next span::before { content: "\f054"; }   /* fa-chevron-right */
.fancybox-nav:hover span { opacity: 1; background-color: rgba(0, 0, 0, .8); }

/* Nen mo phia sau: ban goc rai anh images/fancybox_overlay.png, tam anh do
   qua nhat nen trang van sang trung, anh dang xem khong noi len duoc. */
.fancybox-overlay { z-index: 99998; }
.fancybox-wrap { z-index: 99999; }
.fancybox-overlay { background: rgba(0, 0, 0, .88); }

/* css/jquery.fancybox.css tro den images/fancybox_loading.gif - file do
   khong co trong thu muc images/ (chi co ban @2x va loading.gif). Tro ve
   file co that de vong xoay cho tai anh khong bi trong. */
.fancybox-loading { background-image: url("../../images/loading.gif"); }

/* Dong chu thich de len anh. Ban goc chi dat left:0 ma khong dat right:0
   nen thanh chu co bao nhieu thi rong bay nhieu, khong phu het be ngang
   anh - nhin nhu bi hut mat mot goc. */
.fancybox-title-over-wrap {
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding: 10px 14px;
	background: rgba(0, 0, 0, .72);
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

@media (max-width: 767px) {
	.fancybox-title-over-wrap { padding: 8px 10px; font-size: 12px; }
	.fancybox-close { top: 8px; right: 8px; width: 34px; height: 34px; }
	/* Man hep thi anh chi con hon 350px - keo hai nut sat mep hon de chung
	   che it phan anh nhat co the, nhung van du to de cham bang ngon tay. */
	.fancybox-nav span { width: 40px; height: 40px; margin-top: -20px; }
	.fancybox-prev span { left: 8px; }
	.fancybox-next span { right: 8px; }
}

/* tgx: da them mot cap ../ cho url() sau khi doi thu muc 02/09/2026 */