/* =======================
   Base
======================= */
 * {
 	box-sizing: border-box;
 }

 .container {
 	width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 	padding-left: 12px;
 	padding-right: 12px;
 }

 .row {
 	display: flex;
 	flex-wrap: wrap;
 	margin-left: -12px;
 	margin-right: -12px;
 }

 [class*="col-"],
 [class*="offset-"] {
 	padding-left: 12px;
 	padding-right: 12px;
 }

 /* =======================
   Gutters (gx, gy, g)
======================= */
 .gx-0>[class*="col-"] {
 	padding-left: 0;
 	padding-right: 0;
 }

 .gx-1>[class*="col-"] {
 	padding-left: 4px;
 	padding-right: 4px;
 }

 .gx-2>[class*="col-"] {
 	padding-left: 8px;
 	padding-right: 8px;
 }

 .gx-3>[class*="col-"] {
 	padding-left: 16px;
 	padding-right: 16px;
 }

 .gy-0>[class*="col-"] {
 	padding-top: 0;
 	padding-bottom: 0;
 }

 .gy-1>[class*="col-"] {
 	padding-top: 4px;
 	padding-bottom: 4px;
 }

 .gy-2>[class*="col-"] {
 	padding-top: 8px;
 	padding-bottom: 8px;
 }

 .gy-3>[class*="col-"] {
 	padding-top: 16px;
 	padding-bottom: 16px;
 }

 .g-0 {
 	padding: 0;
 }

 .g-1 {
 	padding: 4px;
 }

 .g-2 {
 	padding: 8px;
 }

 .g-3 {
 	padding: 16px;
 }

 /* =======================
   Create width helper
======================= */
 :root {
 	--w1: 8.333333%;
 	--w2: 16.666667%;
 	--w3: 25%;
 	--w4: 33.333333%;
 	--w5: 41.666667%;
 	--w6: 50%;
 	--w7: 58.333333%;
 	--w8: 66.666667%;
 	--w9: 75%;
 	--w10: 83.333333%;
 	--w11: 91.666667%;
 	--w12: 100%;
 }

 /* =======================
   Generate Columns
======================= */

 /* Mobile (default) */
 .col-1 {
 	width: var(--w1);
 }

 .col-2 {
 	width: var(--w2);
 }

 .col-3 {
 	width: var(--w3);
 }

 .col-4 {
 	width: var(--w4);
 }

 .col-5 {
 	width: var(--w5);
 }

 .col-6 {
 	width: var(--w6);
 }

 .col-7 {
 	width: var(--w7);
 }

 .col-8 {
 	width: var(--w8);
 }

 .col-9 {
 	width: var(--w9);
 }

 .col-10 {
 	width: var(--w10);
 }

 .col-11 {
 	width: var(--w11);
 }

 .col-12 {
 	width: var(--w12);
 }

 /* Offsets */
 .offset-1 {
 	margin-left: var(--w1);
 }

 .offset-2 {
 	margin-left: var(--w2);
 }

 .offset-3 {
 	margin-left: var(--w3);
 }

 .offset-4 {
 	margin-left: var(--w4);
 }

 .offset-5 {
 	margin-left: var(--w5);
 }

 .offset-6 {
 	margin-left: var(--w6);
 }

 .offset-7 {
 	margin-left: var(--w7);
 }

 .offset-8 {
 	margin-left: var(--w8);
 }

 .offset-9 {
 	margin-left: var(--w9);
 }

 .offset-10 {
 	margin-left: var(--w10);
 }

 .offset-11 {
 	margin-left: var(--w11);
 }

 .offset-12 {
 	margin-left: var(--w12);
 }

 /* ======================
   BREAKPOINT: =576px (sm)
======================= */
 @media (min-width: 576px) {
 	.col-sm-1 {
 		width: var(--w1);
 	}

 	.col-sm-2 {
 		width: var(--w2);
 	}

 	.col-sm-3 {
 		width: var(--w3);
 	}

 	.col-sm-4 {
 		width: var(--w4);
 	}

 	.col-sm-5 {
 		width: var(--w5);
 	}

 	.col-sm-6 {
 		width: var(--w6);
 	}

 	.col-sm-7 {
 		width: var(--w7);
 	}

 	.col-sm-8 {
 		width: var(--w8);
 	}

 	.col-sm-9 {
 		width: var(--w9);
 	}

 	.col-sm-10 {
 		width: var(--w10);
 	}

 	.col-sm-11 {
 		width: var(--w11);
 	}

 	.col-sm-12 {
 		width: var(--w12);
 	}

 	.offset-sm-1 {
 		margin-left: var(--w1);
 	}

 	.offset-sm-2 {
 		margin-left: var(--w2);
 	}

 	.offset-sm-3 {
 		margin-left: var(--w3);
 	}

 	.offset-sm-4 {
 		margin-left: var(--w4);
 	}

 	.offset-sm-5 {
 		margin-left: var(--w5);
 	}

 	.offset-sm-6 {
 		margin-left: var(--w6);
 	}

 	.offset-sm-7 {
 		margin-left: var(--w7);
 	}

 	.offset-sm-8 {
 		margin-left: var(--w8);
 	}

 	.offset-sm-9 {
 		margin-left: var(--w9);
 	}

 	.offset-sm-10 {
 		margin-left: var(--w10);
 	}

 	.offset-sm-11 {
 		margin-left: var(--w11);
 	}

 	.offset-sm-12 {
 		margin-left: var(--w12);
 	}
 }

 /* ======================
   BREAKPOINT: =768px (md)
======================= */
 @media (min-width: 768px) {
 	.col-md-1 {
 		width: var(--w1);
 	}

 	.col-md-2 {
 		width: var(--w2);
 	}

 	.col-md-3 {
 		width: var(--w3);
 	}

 	.col-md-4 {
 		width: var(--w4);
 	}

 	.col-md-5 {
 		width: var(--w5);
 	}

 	.col-md-6 {
 		width: var(--w6);
 	}

 	.col-md-7 {
 		width: var(--w7);
 	}

 	.col-md-8 {
 		width: var(--w8);
 	}

 	.col-md-9 {
 		width: var(--w9);
 	}

 	.col-md-10 {
 		width: var(--w10);
 	}

 	.col-md-11 {
 		width: var(--w11);
 	}

 	.col-md-12 {
 		width: var(--w12);
 	}

 	.offset-md-1 {
 		margin-left: var(--w1);
 	}

 	.offset-md-2 {
 		margin-left: var(--w2);
 	}

 	.offset-md-3 {
 		margin-left: var(--w3);
 	}

 	.offset-md-4 {
 		margin-left: var(--w4);
 	}

 	.offset-md-5 {
 		margin-left: var(--w5);
 	}

 	.offset-md-6 {
 		margin-left: var(--w6);
 	}

 	.offset-md-7 {
 		margin-left: var(--w7);
 	}

 	.offset-md-8 {
 		margin-left: var(--w8);
 	}

 	.offset-md-9 {
 		margin-left: var(--w9);
 	}

 	.offset-md-10 {
 		margin-left: var(--w10);
 	}

 	.offset-md-11 {
 		margin-left: var(--w11);
 	}

 	.offset-md-12 {
 		margin-left: var(--w12);
 	}
 }

 /* ======================
   BREAKPOINT: =992px (lg)
======================= */
 @media (min-width: 992px) {
 	.col-lg-1 {
 		width: var(--w1);
 	}

 	.col-lg-2 {
 		width: var(--w2);
 	}

 	.col-lg-3 {
 		width: var(--w3);
 	}

 	.col-lg-4 {
 		width: var(--w4);
 	}

 	.col-lg-5 {
 		width: var(--w5);
 	}

 	.col-lg-6 {
 		width: var(--w6);
 	}

 	.col-lg-7 {
 		width: var(--w7);
 	}

 	.col-lg-8 {
 		width: var(--w8);
 	}

 	.col-lg-9 {
 		width: var(--w9);
 	}

 	.col-lg-10 {
 		width: var(--w10);
 	}

 	.col-lg-11 {
 		width: var(--w11);
 	}

 	.col-lg-12 {
 		width: var(--w12);
 	}

 	.offset-lg-1 {
 		margin-left: var(--w1);
 	}

 	.offset-lg-2 {
 		margin-left: var(--w2);
 	}

 	.offset-lg-3 {
 		margin-left: var(--w3);
 	}

 	.offset-lg-4 {
 		margin-left: var(--w4);
 	}

 	.offset-lg-5 {
 		margin-left: var(--w5);
 	}

 	.offset-lg-6 {
 		margin-left: var(--w6);
 	}

 	.offset-lg-7 {
 		margin-left: var(--w7);
 	}

 	.offset-lg-8 {
 		margin-left: var(--w8);
 	}

 	.offset-lg-9 {
 		margin-left: var(--w9);
 	}

 	.offset-lg-10 {
 		margin-left: var(--w10);
 	}

 	.offset-lg-11 {
 		margin-left: var(--w11);
 	}

 	.offset-lg-12 {
 		margin-left: var(--w12);
 	}
 }

 /* ======================
   BREAKPOINT: =1200px (xl)
======================= */
 @media (min-width: 1200px) {
 	.col-xl-1 {
 		width: var(--w1);
 	}

 	.col-xl-2 {
 		width: var(--w2);
 	}

 	.col-xl-3 {
 		width: var(--w3);
 	}

 	.col-xl-4 {
 		width: var(--w4);
 	}

 	.col-xl-5 {
 		width: var(--w5);
 	}

 	.col-xl-6 {
 		width: var(--w6);
 	}

 	.col-xl-7 {
 		width: var(--w7);
 	}

 	.col-xl-8 {
 		width: var(--w8);
 	}

 	.col-xl-9 {
 		width: var(--w9);
 	}

 	.col-xl-10 {
 		width: var(--w10);
 	}

 	.col-xl-11 {
 		width: var(--w11);
 	}

 	.col-xl-12 {
 		width: var(--w12);
 	}

 	.offset-xl-1 {
 		margin-left: var(--w1);
 	}

 	.offset-xl-2 {
 		margin-left: var(--w2);
 	}

 	.offset-xl-3 {
 		margin-left: var(--w3);
 	}

 	.offset-xl-4 {
 		margin-left: var(--w4);
 	}

 	.offset-xl-5 {
 		margin-left: var(--w5);
 	}

 	.offset-xl-6 {
 		margin-left: var(--w6);
 	}

 	.offset-xl-7 {
 		margin-left: var(--w7);
 	}

 	.offset-xl-8 {
 		margin-left: var(--w8);
 	}

 	.offset-xl-9 {
 		margin-left: var(--w9);
 	}

 	.offset-xl-10 {
 		margin-left: var(--w10);
 	}

 	.offset-xl-11 {
 		margin-left: var(--w11);
 	}

 	.offset-xl-12 {
 		margin-left: var(--w12);
 	}
 }

 /* ======================
   BREAKPOINT: =1400px (xxl)
======================= */
 @media (min-width: 1400px) {
 	.col-xxl-1 {
 		width: var(--w1);
 	}

 	.col-xxl-2 {
 		width: var(--w2);
 	}

 	.col-xxl-3 {
 		width: var(--w3);
 	}

 	.col-xxl-4 {
 		width: var(--w4);
 	}

 	.col-xxl-5 {
 		width: var(--w5);
 	}

 	.col-xxl-6 {
 		width: var(--w6);
 	}

 	.col-xxl-7 {
 		width: var(--w7);
 	}

 	.col-xxl-8 {
 		width: var(--w8);
 	}

 	.col-xxl-9 {
 		width: var(--w9);
 	}

 	.col-xxl-10 {
 		width: var(--w10);
 	}

 	.col-xxl-11 {
 		width: var(--w11);
 	}

 	.col-xxl-12 {
 		width: var(--w12);
 	}

 	.offset-xxl-1 {
 		margin-left: var(--w1);
 	}

 	.offset-xxl-2 {
 		margin-left: var(--w2);
 	}

 	.offset-xxl-3 {
 		margin-left: var(--w3);
 	}

 	.offset-xxl-4 {
 		margin-left: var(--w4);
 	}

 	.offset-xxl-5 {
 		margin-left: var(--w5);
 	}

 	.offset-xxl-6 {
 		margin-left: var(--w6);
 	}

 	.offset-xxl-7 {
 		margin-left: var(--w7);
 	}

 	.offset-xxl-8 {
 		margin-left: var(--w8);
 	}

 	.offset-xxl-9 {
 		margin-left: var(--w9);
 	}

 	.offset-xxl-10 {
 		margin-left: var(--w10);
 	}

 	.offset-xxl-11 {
 		margin-left: var(--w11);
 	}

 	.offset-xxl-12 {
 		margin-left: var(--w12);
 	}
 }

 .search-bar {
 	display: none;
 }

 #searchInp:checked~.search-bar {
 	display: block;
 }

 .media-cate {
 	background: #3465aa;
 }

 .ad_banner img {
 	width: 100% !important;
 }

 .ad_banner {
 	margin-bottom: 10px;
 }

 .menu-media .flex>div:last-child .line-vertical-cate {
 	display: none !important;
 }

 .thanh-tra-media a {
 	color: white !important
 }



 .row10 {
 	margin-bottom: 10px;
 }



 #blockquote1 {
 	font-family: 'Source Sans Pro', sans-serif;
 	font-size: 16px;
 }

 #blockquote1 .quote-card {
 	background: #fff;
 	color: #222222;
 	padding: 15px 35px 15px 35px;
 	/* Reduced padding */

 	box-sizing: border-box;
 	box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
 	position: relative;
 	overflow: hidden;
 	min-height: 100px;
 	/* Reduced minimum height */
 	display: inline-block;
 }

 #blockquote1 .quote-card p {
 	font-size: 1rem !important;
 	/* Adjusted to 14px */
 	line-height: 1.4 !important;
 	/* Adjusted line height for readability */
 	margin: 0 !important;
 	/* Adjusted width for better layout */
 	padding-top: 0;
 	color: black;
 }

 #blockquote1 .quote-card cite {
 	font-size: 0.875rem;
 	/* Adjusted to approximately 14px for consistency */
 	margin-top: 8px;
 	/* Reduced margin */
 	display: inline-block;
 	font-weight: 200;
 	opacity: 0.8;
 }

 #blockquote1 .quote-card:before {
 	content: "\201C";
 	position: absolute;
 	top: 8px;
 	/* Adjusted positioning */
 	left: 8px;
 	/* Adjusted positioning */
 	font-size: 3em;
 	/* Reduced font size */
 	color: rgba(238, 238, 238, 0.8);
 	font-weight: normal;
 	line-height: 60px;
 	/* Adjusted line height */
 }

 #blockquote1 .quote-card:after {
 	content: "\201D";
 	position: absolute;
 	bottom: -60px;
 	/* Adjusted positioning */
 	line-height: 80px;
 	/* Adjusted line height */
 	right: 0px;
 	/* Adjusted positioning */
 	font-size: 10em;
 	/* Reduced font size */
 	color: rgba(238, 238, 238, 0.8);
 	font-weight: normal;
 }

 @media (max-width: 640px) {
 	#blockquote1 .quote-card:after {
 		font-size: 16em;
 		/* Slightly increased for smaller screens */
 		right: -15px;
 		/* Adjusted positioning */
 	}
 }

 #blockquote1 .quote-card.blue-card {
 	background: #303F9F;
 	color: #ffffff;
 	box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
 }

 #blockquote1 .quote-card.blue-card:before,
 #blockquote1 .quote-card.blue-card:after {
 	color: #3F51B5;
 }


 #blockquote2 blockquote {
 	font-size: 1rem;
 	/* Adjusted to approximately 14px */
 	margin: 20px auto;
 	/* Reduced margin */
 	font-style: italic;
 	color: #555555;
 	padding: 1em 20px 1em 50px;
 	/* Reduced padding */
 	border-left: 5px solid #78C0A8;
 	/* Reduced border thickness */
 	line-height: 1.4;
 	/* Adjusted line height for better readability */
 	position: relative;
 	background: #EDEDED;
 	display: inline-block;
 }

 #blockquote2 blockquote p {
 	margin: 0;
 	padding-top: 0;
 }

 #blockquote2 blockquote::before {
 	content: "\201C";
 	color: #78C0A8;
 	font-size: 4.5em;
 	/* Reduced font size for the quotation mark */
 	position: absolute;
 	left: 5px;
 	/* Adjusted positioning */
 	top: -5px;
 	/* Adjusted positioning */
 }

 #blockquote2 blockquote::after {
 	content: '';
 }

 #blockquote2 blockquote span {
 	display: block;
 	color: #333333;
 	font-style: normal;
 	font-weight: bold;
 	margin-top: 0.8em;
 	/* Reduced margin for tighter spacing */
 }


 #blockquote3 .box-quote {
 	display: inline-block;
 }


 #blockquote3 blockquote {
 	margin-bottom: 0.5em !important;
 	/* Reduced margin */
 }

 #blockquote3 p {
 	margin: 0 !important;
 	padding-top: 0;
 }

 #blockquote3 .brooks {
 	position: relative;
 	font-size: 16px;
 	/* Reduced font size */
 	line-height: 1.2em;
 	/* Adjusted line height */
 	font-style: italic;
 	padding-left: 35px;
 	padding-right: 35px;
 	border-left: none;
 }

 #blockquote3 .brooks:before {
 	content: '\201C';
 	position: absolute;
 	top: 0.15em;
 	/* Adjusted position */
 	left: -0.1em;
 	/* Adjusted position */
 	color: hsl(50, 5%, 90%);
 	font-size: 4em;
 	/* Reduced font size */
 	z-index: -1;
 }

 #blockquote3 .ludwig {
 	position: relative;
 	padding-left: 0.6em;
 	/* Reduced padding */
 	border-left: 0.15em solid hsl(200, 40%, 34%);
 	/* Reduced border size */
 	font-size: 16px;
 	/* Reduced font size */
 	line-height: 1.2em;
 	/* Adjusted line height */
 	font-weight: 100;
 	padding-left: 35px;
 	padding-right: 35px;
 }

 #blockquote3 .ludwig:before,
 #blockquote3 .ludwig:after {
 	content: '\201C';
 	color: hsl(200, 40%, 34%);
 }

 #blockquote3 .ludwig:after {
 	content: '\201D';
 }

 #blockquote3 .groucho {
 	position: relative;
 	font-size: 16px;
 	/* Reduced font size */
 	line-height: 1.2em;
 	/* Adjusted line height */
 	padding-left: 35px;
 	padding-right: 35px;
 	border-left: none;
 }

 #blockquote3 .groucho footer {
 	font-size: 0.5em;
 	/* Reduced font size */
 	font-weight: 700;
 	color: hsl(50, 5%, 82%);
 	float: right;
 	margin-top: 20px;
 }

 #blockquote3 .groucho footer:before {
 	content: '\2015';
 }

 #blockquote3 .groucho:after {
 	content: '\201D';
 	position: absolute;
 	top: 0.6em;
 	/* Adjusted position */
 	right: 0;
 	font-size: 4em;
 	/* Reduced font size */
 	font-style: italic;
 	color: hsl(50, 5%, 90%);
 	z-index: -1;
 }


 #blockquote4 .container {
 	width: 400px;
 	/* Reduced width */
 	margin: 50px auto;
 	/* Adjusted margin */
 	position: relative;
 	font-size: 16px;
 }

 #blockquote4 p {
 	padding-top: 0;
 	margin: 0;
 	font-size: 1.6rem;
 	display: inline-block;
 }

 #blockquote4 blockquote {
 	width: 380px;
 	/* Reduced width */
 	font: 1.6em CallunaRegular;
 	/* Smaller font size */
 	letter-spacing: .05em;
 	/* Adjusted spacing */
 	float: left;
 	padding: 20px 0 15px 15px;
 	/* Reduced padding */
 	margin: 0;
 	border-top: 1px dotted #858585;
 	border-bottom: 1px dotted #858585;
 	-webkit-transform: rotate(-2deg);
 	/* Slightly reduced rotation */
 	-moz-transform: rotate(-2deg);
 }

 #blockquote4 .container:before {
 	content: "\201C";
 	font-size: 8em;
 	/* Reduced size */
 	position: absolute;
 	left: -70px;
 	color: #666;
 }

 #blockquote4 .container:after {
 	content: "\201D";
 	font-size: 8em;
 	/* Reduced size */
 	position: absolute;
 	right: -70px;
 	top: 120px;
 	/* Adjusted position */
 	color: #666;
 }

 #blockquote4 blockquote:first-line, #blockquote4 blockquote p:first-child {
 	font: 1.2em "Sketch Block";
 	/* Smaller font size */
 	color: #beb559;
 }

 #blockquote4 blockquote:first-letter, #blockquote4 blockquote p:first-child:first-letter {
 	font-size: 2em;
 	/* Reduced size */
 	text-transform: lowercase;
 	float: left;
 	line-height: .52em;
 	margin-right: -10px;
 	/* Adjusted margin */
 	position: relative;
 	z-index: 1;
 }

 #blockquote4 blockquote strong:first-child {
 	margin-left: 5px;
 	/* Adjusted spacing */
 	letter-spacing: 0;
 }

 #blockquote4 blockquote p:last-child strong {
 	font: 1.5em "Museo 700";
 	/* Reduced size */
 	text-transform: uppercase;
 	letter-spacing: 0;
 }

 #blockquote4 blockquote em, #blockquote4 blockquote i {
 	border-bottom: 1px dotted #858585;
 	/* Reduced border thickness */
 }

 #blockquote4 blockquote+b {
 	float: right;
 	margin-top: 8px;
 	/* Adjusted margin */
 	font: 1em CallunaRegular;
 	/* Reduced font size */
 	letter-spacing: .1em;
 }

 #blockquote4 blockquote+b:first-letter {
 	color: #beb559;
 	font-size: 1.1em;
 	/* Reduced size */
 	font-style: italic;
 	letter-spacing: .15em;
 	/* Adjusted spacing */
 }

 @-moz-document url-prefix() {
 	#blockquote4 blockquote:first-letter {
 		margin-top: -20px;
 		/* Adjusted margin */
 	}
 }


 /* Blockquote main style */
 #blockquote5 .blockquote {
 	background-color: #ffffff;
 	position: relative;
 	display: inline-block;
 	border: 0.2rem solid #FA709A;
 	/* Reduced border thickness */
 	border-radius: 2rem 0;
 	/* Adjusted radius for smaller layout */
 	padding: 2rem 1rem;
 	/* Reduced padding */
 }

 /* Blockquote header */
 #blockquote5 .blockquote h1 {
 	margin: 0;
 	width: 100%;
 }

 #blockquote5 .blockquote h1 strong {}

 #blockquote5 .blockquote:after {
 	position: absolute;
 	content: "";
 	background-color: #ffffff;
 	left: -1rem;
 	/* Adjusted positioning */
 	top: -1rem;
 	/* Adjusted positioning */
 	width: calc(100% + 2rem);
 	/* Adjusted size */
 	height: calc(100% + 2rem);
 	/* Adjusted size */
 	z-index: -1;
 	border-radius: 3rem 0;
 	/* Adjusted border radius */
 }

 /* Blockquote right double quotes */
 #blockquote5 .curly1 {
 	position: absolute;
 	display: block;
 	width: 3rem;
 	/* Reduced size */
 	bottom: -0.5rem;
 	left: -0.5rem;
 }

 #blockquote5 .curly2 {
 	position: absolute;
 	display: block;
 	width: 3rem;
 	/* Reduced size */
 	top: -0.5rem;
 	right: -0.5rem;
 	z-index: 2;
 	transform: rotatez(180deg);
 }

 /* Blockquote subheader */
 #blockquote5 .blockquote h4 {
 	text-align: right;
 	position: relative;
 	font-size: 0.9rem;
 	/* Adjusted font size */
 	font-weight: 500;
 	line-height: 1.2;
 	margin: 0;
 	padding-top: 1rem;
 	/* Adjusted padding */
 	z-index: 1;
 }

 #blockquote5 .blockquote h4:first-letter {
 	margin-left: -8px;
 	/* Adjusted margin */
 }

 #blockquote5 .pinkish {
 	color: #FA709A;
 }

 /* Increase header size after 600px */
 @media all and (min-width: 600px) {
 	#blockquote5 .blockquote {
 		padding: 2.5rem;
 		/* Adjusted padding */
 	}

 	#blockquote5 .blockquote h1 {
 		font-size: 1.2rem;
 		/* Adjusted font size */
 		width: calc(100% - 4rem);
 		/* Adjusted width */
 	}

 	#blockquote5 .curly1 {
 		width: 5rem;
 		/* Adjusted size */
 		bottom: -0.5rem;
 		left: -0.5rem;
 	}

 	#blockquote5 .curly2 {
 		width: 5rem;
 		/* Adjusted size */
 		top: -0.5rem;
 		right: -0.5rem;
 	}

 	/* Blockquote subheader */
 	#blockquote5 .blockquote h4 {
 		text-align: right;
 	}
 }

 #blockquote6 #content {}

 #blockquote6 .testimonial blockquote {
 	display: inline-block;
 	background: #efefef;
 	padding: 20px 60px;
 	position: relative;
 	border: none;
 	border-radius: 8px;
 	font-style: italic;
 }

 #blockquote6 .testimonial blockquote:before,
 #blockquote6 .testimonial blockquote:after {
 	content: "\201C";
 	position: absolute;
 	font-size: 80px;
 	line-height: 1;
 	color: #757f9a;
 	font-style: normal;
 }

 #blockquote6 .testimonial blockquote:before {
 	top: 0;
 	left: 10px;
 }

 #blockquote6 .testimonial blockquote:after {
 	content: "\201D";
 	right: 10px;
 	bottom: -0.5em;
 }

 #blockquote6 .testimonial div {
 	width: 0;
 	height: 0;
 	border-left: 0 solid transparent;
 	border-right: 20px solid transparent;
 	border-top: 20px solid #efefef;
 	margin: -4px 0 0 60px;
 }

 #blockquote6 p {
 	margin: 0;
 	padding-top: 0;
 	line-height: 20px;
 }

 #blockquote6 .author {
 	margin: 8px 0 0 20px;
 	text-align: left;
 }

 /* Global Styles */
 #blockquote7 .container {
 	display: grid;
 	place-items: center;

 }

 /* Blockquote Styles */
 #blockquote7 blockquote {
 	border-left: 6px solid blueviolet;
 	/* Slightly smaller border */
 	box-shadow: inset 0 -6px 0 blueviolet, 0 6px 0 #cf98ff;
 	/* Reduced box-shadow for compactness */
 	max-width: 600px;
 	/* Maximum width to keep it consistent on larger screens */
 	padding: 0.8rem 1rem;
 	/* Reduced padding for smaller spacing */
 	margin: 1rem 0;
 	/* Smaller margin for tighter layout */
 	background-color: #fff;
 	word-wrap: break-word;
 	/* Ensure long words break correctly */
 	display: inline-block;
 }

 /* Paragraph inside blockquote */
 #blockquote7 blockquote p {
 	margin: 0 0 1rem;
 	/* Margin between paragraphs */
 	font-size: 14px;
 	line-height: 1.4;
 	/* Slightly reduced line height for compactness */
 	padding-top: 0;
 }

 /* Footer inside blockquote */
 #blockquote7 blockquote footer {
 	font-size: 14px;
 	line-height: 1.4;
 	/* Adjusted line-height */
 	margin-top: 1rem;
 	text-align: right;
 }

 /* Responsive Adjustments for Small Screens */
 @media (max-width: 480px) {
 	#blockquote7 blockquote {
 		width: 95vw;
 		/* Slightly more width on small screens */
 		padding: 0.6rem 0.8rem;
 		/* Reduce padding further */
 	}

 	#blockquote7 blockquote p, blockquote footer {
 		font-size: 13px;
 		/* Adjust font size for small screens */
 	}
 }


 /* center the blockquote in the page */
 #blockquote8 .blockquote-wrapper {
 	display: flex;
 	background: gray;
 	padding: 0 20px;
 }

 /* Blockquote main style */
 #blockquote8 .blockquote {
 	position: relative;
 	font-family: 'Montserrat', sans-serif;
 	font-weight: 800;
 	color: #ffffff;
 	padding: 30px 0;
 	width: 100%;
 	z-index: 1;
 	margin: 80px auto;
 	align-self: center;
 	border-top: solid 1px;
 	border-bottom: solid 1px;
 	display: inline-block;
 }

 /* Blockquote header */
 #blockquote8 .blockquote h1 {
 	position: relative;
 	color: #FFFFFF;
 	font-size: 40px;
 	font-weight: 800;
 	line-height: 1;
 	margin: 0;
 }

 /* Blockquote right double quotes */
 #blockquote8 .blockquote:after {
 	position: absolute;
 	content: "\201D";
 	color: rgba(255, 255, 255, 1);
 	font-size: 10rem;
 	line-height: 0;
 	bottom: -43px;
 	right: 30px;
 }

 /* increase header size after 600px */
 @media all and (min-width: 600px) {
 	#blockquote8 .blockquote h1 {
 		font-size: 60px;
 	}

 }

 /* Blockquote subheader */
 #blockquote8 .blockquote h4 {
 	position: relative;
 	color: #292a2b;
 	font-size: 1.4rem;
 	font-weight: normal;
 	line-height: 1;
 	margin: 0;
 	padding-top: 20px;
 	z-index: 1;
 }

 #blockquote9 p,
 #blockquote10 p {
 	margin: 0;
 	padding-top: 0;
 	line-height: 20px;
 	font-style: italic;
 }


 #blockquote9 .wrapper,
 #blockquote10 .wrapper {
 	padding-bottom: 50px;
 }

 #blockquote9 blockquote,
 #blockquote10 blockquote {
 	background: white;
 	padding: 20px 30px 20px 30px;
 	margin: 50px auto;
 	display: inline-block;
 	margin-right: 30px;
 	margin-left: 15px;
 }

 #blockquote9 .stacked {
 	border: solid 2px;
 	padding: 20px 30px 20px 30px;
 	box-shadow: 13px 13px 0 0 white,
 		15px 15px 0 0 #0000FF,
 		15px 11px 0 0 #0000FF,
 		11px 15px 0 0 #0000FF;
 	display: inline-block;
 }

 #blockquote10 .shadow {
 	border: solid 2px;
 	box-shadow: 15px 15px 0 0 #0000FF !important;
 }



 .editor-blockquote-wrapper-1 {
 	background-color: #f8e4ff;
 	border: 1px solid #343a40;
 	border-radius: 4px;
 	clear: both;
 	display: table;
 	font-family: noto-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
 	font-size: 18px;
 	margin: 1.5rem auto .5rem;
 	margin-top: 10px !important;
 	padding: 28px;
 	position: relative;
 }


 .blockquote-center {
 	width: 100%;
 }

 .blockquote-custom {
 	width: 50%;
 }

 /* Mobile only */
 @media (max-width: 1024px) {

 	.blockquote-custom {
 		width: 100%;
 		margin: 0 !important;
 	}

 	.blockquote-custom blockquote {
 		margin: 0 !important;
 		margin-bottom: 15px !important;
 	}

 	.blockquote-blockquote10 blockquote {
 		margin-bottom: 35px !important;
 	}

 	#blockquote9 blockquote,
 	#blockquote10 blockquote {
 		margin-right: 0px;
 		margin-left: 0px;
 	}
 }


 .blockquote-custom blockquote {
 	width: 100%;
 }

 .blockquote-custom .blockquote {
 	width: 100%;
 }

 .blockquote-blockquote10 {
 	margin-right: 35px !important;
 }

 /* text block quote - end */




 /* a {
    color: #0782C1;
}

ol, ul, dl {
    margin-right: 0px;
    padding: 0 40px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.2;
}

hr {
    border: 0px;
    border-top: 1px solid #ccc;
} */

 img.right {
 	border: 1px solid #ccc;
 	float: right;
 	margin-left: 15px;
 	padding: 5px;
 }

 img.left {
 	border: 1px solid #ccc;
 	float: left;
 	margin-right: 15px;
 	padding: 5px;
 }

 pre {
 	white-space: pre-wrap;
 	/* CSS 2.1 */
 	word-wrap: break-word;
 	/* IE7 */
 	-moz-tab-size: 4;
 	-o-tab-size: 4;
 	-webkit-tab-size: 4;
 	tab-size: 4;
 }

 .marker {
 	background-color: Yellow;
 }


 /* figure {
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block;
} 

figure:not(.figure) {
    text-align: center;
    border-radius: 2px;
    padding: 10px;
    margin: 10px 20px;
    display: inline-block;
}

figure>figcaption {
    text-align: center;
    display: block;

}
*/

 .cke_editable span.diff-html-removed {
 	display: none !important;
 }

 .cke_editable span.diff-html-removed, .cke_editable span.diff-html-add {
 	background: none !important;
 }

 .cke_editable span img {
 	background: none !important;
 	border: 0 !important;
 	max-width: 100%;
 }

 .cke_editable img {
 	max-width: 100%;
 }

 .cke_editable .related img {
 	width: 80px;
 }

 .cke_editable .related table.right {
 	float: right;
 	width: 60%;
 }

 .cke_editable .related table.center {
 	width: 60%;
 }

 @media (max-width: 1024px) {
 	.cke_editable span img {
 		max-width: 100%;
 	}

 	figure {
 		margin: 0
 	}
 }

 .list-items a {
 	text-decoration: none;
 }

 .list-items {
 	margin: 0;
 }

 table {
 	color: #022956;
 }

 .ui-accordion .ui-accordion-header:first-child, .ui-accordion .ui-accordion-content {
 	display: none;
 }

 /*emagazine box*/

 .w60_emg {
 	width: 600px !important;
 	margin: 18px auto !important;
 	float: none !important;
 	font-family: "Noto Serif", serif !important;
 	text-align: justify;
 	font-size: 1.1rem;

 }

 .w80_emg {
 	width: 980px !important;
 	margin: 10px auto !important;
 	float: none !important;
 	font-family: "Noto Serif", serif !important;
 	margin-bottom: 10px;
 	text-align: justify;

 }

 /* h2 {
    position: relative;
    font-size: 1.2rem !important;
} */


 .font_n {
 	font-family: "Noto Serif", serif !important;
 }

 .w90_emg {
 	width: 810px !important;
 	margin: 0 auto !important;
 	clear: both;
 	text-align: justify;
 }

 .w90 {
 	width: 980px !important;
 	margin: 0 auto !important;
 	clear: both;
 	text-align: justify;
 }

 .w100_emg, .w100_emg img, .w90_emg img {
 	width: 100% !important;
 	font-family: "Noto Serif", serif !important;

 }

 .w100_emg table, .w100_emg table.image td {
 	padding: 0;
 	text-align: center;
 	margin: 0 auto;
 	border-collapse: collapse;
 }

 .bd_btotom_emg:after {
 	content: "" !important;
 	width: 200px;
 	height: 1px;
 	display: block;
 	background: #000;
 	margin: 50px auto;
 }

 .ui-accordion .ui-accordion-header:first-child, .ui-accordion .ui-accordion-content {
 	display: none;
 }

 .boxright {
 	float: right !important;
 	margin-left: 10px !important;
 	width: 30%;
 }

 .boxleft {
 	float: left !important;
 	margin-right: 10px !important;
 	width: 30%;
 }

 .the-article-body .item {
 	cursor: pointer;
 }

 .LayoutAlbumItem table:nth-child(1) {
 	width: 50% !important;
 	float: left;
 	padding-right: 5px;
 }

 .LayoutAlbumItem table:nth-child(2) {
 	width: 50% !important;
 	float: right;
 	padding-left: 5px;
 }

 .clear {
 	clear: both;
 	height: 0;
 }

 .Layout3Item table:nth-child(1) {
 	width: 33.33% !important;
 	float: left;
 	padding-right: 1.25px;
 }

 .Layout3Item table:nth-child(2) {
 	width: 33.33% !important;
 	float: left;
 	padding: 0 1.25px;
 }

 .Layout3Item table:nth-child(3) {
 	width: 33.33% !important;
 	float: left;
 	padding-left: 1.25px;
 }


 .bd_top_emg {
 	text-align: center !important;
 	font-weight: bold;
 }

 .bd_top_emg:before {
 	content: "" !important;
 	width: 80px;
 	height: 1px;
 	display: block;
 	background: #ccc;
 	margin: 20px auto;
 }

 .first-letter:first-letter {
 	font-size: 3em;
 	line-height: 48px;
 	display: block;
 	float: left;
 	margin-top: 3px !important;
 	margin-right: 10px;
 	padding: 0 0px 5px 0px;
 	color: inherit;
 	font-weight: bold
 }

 h3.box_title_emg {
 	padding: 30px 0 10px !important;
 	font-size: 2rem;
 	line-height: 1.3;
 	font-family: 'Merriweather', serif;
 	display: block;
 	font-weight: bold;
 }

 h3.box_center_img {
 	text-align: center;
 }

 figure.image {
 	border: unset !important;
 	background: unset !important;
 	padding: 0 !important;
 }

 .emagazine-wrapper figure:not(.figure) {
 	border: unset !important;
 	background: unset !important;
 	padding: 0 !important;

 }


 .table .image td {
 	border-color: transparent !important;
 }



 .table {
 	margin: 0 auto;
 }

 body .ui-datepicker {
 	padding: 0;
 	width: 260px;
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	border-radius: 4px;
 	z-index: 99999 !important;
 }

 .stop-scrolling {
 	height: 100%;
 	overflow: hidden;
 }

 .ui-treetable tbody td {
 	border: 1px solid #dddddd !important;
 }

 .form-group {
 	width: 100%;
 }

 .label_style {
 	font-size: 17px;
 }

 .fm-modal {
 	z-index: 10011;
 	/** Because CKEditor image dialog was at 10010 */
 	width: 90%;
 	height: 90%;
 	top: 5%;
 	left: 5%;
 	border: 0;
 	position: fixed;
 	-moz-box-shadow: 0px 1px 5px 0px #656565;
 	-webkit-box-shadow: 0px 1px 5px 0px #656565;
 	-o-box-shadow: 0px 1px 5px 0px #656565;
 	box-shadow: 0px 1px 5px 0px #656565;
 	filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
 }

 .not-clickable {
 	cursor: not-allowed;
 	pointer-events: none;
 }

 .no-header .ui-panel-titlebar {
 	display: none;
 }

 .no-header .ui-panel-content, .no-header .ui-panel-content .ui-g-1 {
 	padding-left: 0;
 }

 .videoWrapper {
 	position: relative;
 	padding-bottom: 56.25%;
 	/* 16:9 */
 	padding-top: 25px;
 	height: 0;
 }

 .videoWrapper iframe {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 }

 body .ui-panel.info .ui-panel-content {
 	border-bottom: 0;
 	padding-bottom: 0;
 }

 .info-publish {
 	margin-bottom: 10px;
 }

 .hideToolbar .ui-editor-toolbar {
 	display: none;
 }

 .content_editor s {
 	display: none;
 }

 .content_editor u {
 	background: none !important;
 	text-decoration: none;
 }

 .ui-editor-toolbar {
 	background: none;
 }

 body .ui-panel.info-version .ui-panel-content {
 	border: 0;
 	padding: 0;
 }

 .cke_1 {
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-ms-box-sizing: border-box;
 	box-sizing: border-box;
 }

 .tag_item {
 	background-color: #5bc0de;
 	margin-right: 2px;
 	color: white;
 	display: inline-block;
 	padding: .4em .6em .2em .3em;
 	font-size: 90%;
 	font-weight: 700;
 	line-height: 1;
 	color: #fff;
 	text-align: center;
 	vertical-align: baseline;
 	border-radius: .25em;
 }

 .tag_item .fa {
 	color: #fff;
 }

 .row15 {
 	margin-bottom: 15px;
 }

 div[id="search_related:relatedTable"] thead,
 div[id="relatedObject"] thead,
 div[id="relatedObject1"] thead {
 	display: none;
 }

 .btn {
 	display: inline-block;
 	padding: 2px 10px;
 	margin-bottom: 0;
 	font-size: 12px;
 	font-weight: 400;
 	line-height: 1.42857143;
 	text-align: center;
 	white-space: nowrap;
 	vertical-align: middle;
 	-ms-touch-action: manipulation;
 	touch-action: manipulation;
 	cursor: pointer;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	background-image: none;
 	border: 1px solid transparent;
 	border-radius: 4px;
 }

 .btn-info {
 	color: #fff;
 	background-color: #5bc0de;
 	border-color: #46b8da;
 	margin-top: 5px;
 }

 .second_col {
 	width: 1%;
 }

 .ui-treetable table {
 	table-layout: inherit !important;
 }

 .ui-treetable tbody td, .ui-treetable tfoot td {
 	padding: 2px 8px !important;
 }

 table.image img {
 	max-width: 100%;
 }

 span.diff-html-added {
 	font-size: 100%;
 }

 span.diff-html-status1 {
 	background-color: #ccffcc;
 	/* light green */
 }

 span.diff-html-status2 {
 	background-color: #fdc6c6;
 	/* light green */
 }

 span.diff-html-status3 {
 	background-color: #f781be;
 	/* light green */
 }

 span.diff-html-status4 {
 	background-color: #FF8800;
 	/* light green */
 }

 span.diff-html-status5 {
 	background-color: #c6c6fd;
 	/* light green */
 }

 span.diff-html-removed {
 	font-size: 100%;
 	text-decoration: line-through;
 }

 span.diff-html-changed {
 	background: url(../images/diffunderline.gif) bottom repeat-x;
 	*background-color: #c6c6fd;
 	/* light blue */
 }

 span.diff-html-conflict {
 	/*  background: url(../images/diffunderline.gif) bottom repeat-x; */
 	background-color: #f781be;
 	/* light rose */
 }

 span.diff-html-selected {
 	background-color: #FF8800;
 	/* light orange */
 }

 span.diff-html-selected img {
 	border: 2px solid #FF8800;
 	/* light orange */
 }

 span.diff-html-added img {
 	border: 2px solid #ccffcc;
 }

 span.diff-html-removed img {
 	border: 2px solid #fdc6c6;
 }

 span.diff-html-changed img {
 	border: 2px dotted #000099;

 }

 div.diff-removed-image, div.diff-added-image, div.diff-conflict-image {
 	height: 300px;
 	width: 200px;
 	position: absolute;
 	opacity: 0.55;
 	filter: alpha(opacity=55);
 	-moz-opacity: 0.55;
 }

 div.diff-removed-image, div.diff-added-image, div.diff-conflict-image {
 	margin-top: 2px;
 	margin-bottom: 2px;
 	margin-right: 2px;
 	margin-left: 2px;
 }

 #dlgProcessImage {
 	z-index: 10012 !important;
 }

 #wrapChooseImage img {
 	max-width: 100%;
 }

 #dlgSearchImage {
 	z-index: 10012 !important;
 }

 #formSearchImage\:objFileImage {
 	margin-top: 20px;
 }

 .ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
 	white-space: unset;
 }

 .ui-treetable-scrollable-body {
 	overflow-x: hidden;
 }

 .hideMainCate {
 	display: none;
 }

 .ui-treetable-scrollable-header-box {
 	margin-right: 15px;
 }

 th.treeHeader .ui-column-title {
 	font-weight: bold;
 }

 .not-allowed {
 	cursor: not-allowed;
 }

 #tabViewProcessImage\:formSearchImage\:objFileImage .ui-panel-title {
 	font-size: 12px;
 }

 .title_preview {
 	height: 30px
 }

 @media (max-width: 1024px) {
 	.layout-wrapper .layout-main {
 		padding: 80px 0 0 0;
 	}

 	body .ui-panel .ui-panel-content {
 		padding: 0
 	}

 }


 /*Begin box trich dan*/
 /* chuan muc moi - begin */

 table.quote {
 	border: 1px solid #999;
 	background: #e9e9e9;
 	width: 200px !important;
 }

 table.quote td {
 	padding: 3px 5px;
 	color: black;
 	text-align: justify;
 }

 table.image {
 	color: #022956;
 	max-width: 100%;
 }

 table.image td {
 	padding: 2px;
 	text-align: center;
 }

 table.leftside {
 	margin: 5px 10px 5px 0;
 }

 table.rightside {
 	margin: 5px 0 5px 10px;
 }

 table.center {
 	margin-top: 5px;
 	margin-bottom: 5px;
 	border-collapse: collapse;
 }

 img.logo {
 	border: none;
 }

 img.vietnamnet {
 	width: 44px;
 	height: 23px;
 }

 table.rl {
 	text-align: left;
 }

 table.rl th {
 	color: #8C0C02;
 	font-family: Verdana;
 	font-size: 8pt;
 	font-weight: bold;
 	padding-left: 10px;
 }

 table.rl a {
 	color: #004080;
 	font-weight: bold;
 	font-size: 9pt;
 }

 table.rl a:hover {
 	text-decoration: underline;
 }

 table.rl ul {
 	margin: 0;
 	padding: 0;
 	list-style-type: none;
 }

 table.rl ul li {
 	background: url(../images/muiten_bai.gif) no-repeat;
 	background-position: 0px 4px;
 	padding-left: 10px;
 	margin-top: 3px;
 	color: #444;
 	font-size: 9pt;
 }

 /*
table.box {
	width: 200px;
	border-bottom: 2px solid #004080;
}

table.box th {
	background: #004080;
	color: white;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

table.box ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
*/

 table.box {
 	width: 200px;
 	background: #e9e9e9;
 	border-collapse: collapse;
 }

 table.box td,
 table.box th {
 	border: 1px solid #999;
 }

 table.box th {
 	background: #ccc;
 	color: #8C0C02;
 	padding: 5px 5px 5px 15px;
 }

 table.box ul {
 	margin: 5px;
 }

 /* chuan muc moi - end */

 /*box trích d?n nhúng multimedia*/

 table.multimedia .image {
 	float: left;
 	margin: 0 5px 0 0 !important;
 	border: none !important;
 }

 table.multimedia .image td {
 	border: none !important;
 	padding: 0;
 	text-align: left !important;
 }

 table.multimedia .image img {
 	border: 5px solid #0070b0;
 	width: 90px;
 	height: 90px;
 }

 table.multimedia .media-content a {
 	color: #037087;
 	text-decoration: none;
 	cursor: pointer;
 }

 table.multimedia .media-content {
 	margin-top: 5px;
 }

 table.multimedia .leftbox a {
 	color: #0003e5;
 }

 table.multimedia .icon-video {
 	background: url(images/icon-multimedia.gif) no-repeat left;
 	width: 17px;
 	height: 14px;
 	float: left;
 	padding-left: 5px;
 }

 /*box trích d?n phân lo?i ?m th?c*/

 table.amthuc {
 	background: url(images/bg-boxamthuc.gif) no-repeat;
 	border: none !important;
 	width: 196px;
 	height: 209px;
 }

 table.amthuc td {
 	padding: 25px 15px 15px 20px;
 	border: none !important;
 }

 table.amthuc td p {
 	padding: 0 0 3px 0;
 	margin: 0;
 }

 /*box trich dan multimedia trang phim*/

 table.multimedia-phim {
 	border: none !important;
 	width: 358px;
 }

 table.multimedia-phim .template-mutimedia-phim {
 	background: #282828;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	border-color: -moz-use-text-color #302e2f #302e2f #302e2f #302e2f;
 	border: 1px solid ##302e2f;
 	border-style: solid solid solid solid;
 	border-width: 1px 1px 1px 1px;
 	padding: 10px;
 	width: 358px;
 }

 table.multimedia-phim .template-mutimedia-phim table {
 	border: none;
 }

 table.multimedia-phim td {
 	padding: 0;
 	border: none !important;
 	border-spacing: 0;
 }

 table.multimedia-phim tr.row11 {
 	background: url(images/bg_inner_boxmultimedia.gif) no-repeat bottom;
 	padding-bottom: 10px;
 }

 table.multimedia-phim tr.row11 td {
 	color: #fff !important;
 	line-height: 17px;
 	padding-bottom: 8px;
 }

 table.multimedia-phim tr.row12 td {
 	color: #999 !important;
 }

 table.multimedia-phim .image {
 	float: left;
 	margin: 0 5px 0 0 !important;
 	border: none !important;
 	background: none;
 }

 table.multimedia-phim .image td {
 	border: none !important;
 	padding: 0;
 	border-spacing: 0;
 	text-align: left !important;
 }

 table.multimedia-phim .image img {
 	border: 1px solid #666666;
 	width: 100px;
 	height: 100px;
 }

 table.multimedia-phim .media-content a {
 	color: #999999;
 	text-decoration: none;
 	cursor: pointer;
 }

 table.multimedia-phim .media-content {
 	margin-top: 7px;
 }

 table.multimedia-phim .leftbox a {
 	color: #3399ff;
 }

 table.multimedia-phim .icon-video {
 	background: url(images/icon-video.gif) no-repeat left 3px;
 	width: 9px;
 	float: left;
 	padding-left: 5px;
 }

 table.multimedia-phim .list-items {
 	padding: 0;
 	margin: 0;
 	list-style-type: none;
 }

 table.multimedia-phim .list-items li {
 	background: url(images/icon-tron.gif) no-repeat left 3px;
 	padding-left: 15px;
 	padding-bottom: 3px;
 }

 table.multimedia-phim .list-items li a {
 	color: #999;
 }


 /*box trich dan nen xam*/

 table.template_quote_xam .quote_open {
 	float: left;
 	background: url(images/quote-open.png) no-repeat left top;
 	padding-right: 5px;
 	width: 10px;
 	height: 8px;
 }

 table.template_quote_xam .quote_close {
 	float: right;
 	background: url(images/quote-close.png) no-repeat left bottom;
 	padding-left: 5px;
 	width: 10px;
 	height: 10px;
 }


 /*box trich dan nen do chu trang*/

 table.template_quote .quote_open {
 	float: left;
 	background: url(images/quote-open.png) no-repeat left top;
 	padding-right: 5px;
 	width: 10px;
 	height: 8px;
 }

 table.template_quote .quote_close {
 	float: right;
 	background: url(images/quote-close.png) no-repeat left bottom;
 	padding-left: 5px;
 	width: 10px;
 	height: 10px;
 }

 /*Box chèn tin tin bài */

 table.relatenews {
 	border: 2px solid #bcbcbc !important;
 	border-radius: 5px;
 	background: #fff;
 }

 table.relatenews td {
 	padding: 5px 10px !important;
 	border: none !important;
 }

 table.relatenews td p {
 	padding: 0;
 	margin: 0;
 }

 table.relatenews td.title {
 	border-bottom: 1px solid #b9b9b9 !important;
 	padding-right: 10px !important;
 	font-weight: bold;
 }

 table.relatenews td.listnews {
 	background: #f1f1f1;
 }

 table.relatenews td.listnews ul.list-items {
 	padding: 0 !important;
 }

 table.relatenews td.listnews ul.list-items li {
 	list-style-type: none;
 	background: url(images/icon-tamgiac.gif) no-repeat left 7px;
 	padding: 5px 5px 5px 12px;
 }

 table.relatenews td.listnews ul.list-items li a {
 	text-decoration: none;
 	color: #354ab3;

 }

 /*End box trich dan*/

 .chooseAvatar .insert-multi-img, .chooseAvatar .selectImage {
 	display: none;
 }


 #cke_editor2, #cke_editor1 {
 	display: none;
 }

 /*emagazine box

.w60_emg {
    width: 60% !important;
    margin: 18px auto !important;
    float: none !important;
        font-family: "Noto Serif", serif !important;
        text-align: justify;
        font-size: 1.1rem;
    
}
.w80_emg {
    width: 80% !important;
    margin: 10px auto !important;
    float: none !important;
        font-family: "Noto Serif", serif !important;
        text-align: justify;
    
}
 h2 {
    position: relative;
    font-size: 1.2rem !important;
	 font-weight: inherit;
}


.font_n {
    font-family: "Noto Serif", serif !important;
}
.w90_emg {
	width: 80% !important;
    margin: 10px auto !important;
}
.w90 {
	width: 100% !important;
    margin: 10px auto !important;
    text-align: justify;
}
.w100_emg, .w100_emg img, .w90_emg img {
	width: 100% !important;
	 font-family: "Noto Serif", serif !important;
	
}

.w100_emg table, .w100_emg table.image td {
    padding: 0;
    text-align: center;
    margin: 0;
    border-collapse: collapse;
}

.bd_btotom_emg:after {
    content: "" !important;
    width: 200px;
    height: 1px;
    display: block;
    background: #000;
    margin: 50px auto;
}

.bd_top_emg:before {
    content: "" !important;
    width: 50px;
    height: 1px;
    display: block;
    background: #000;
    margin: 50px auto;
}

.ui-accordion .ui-accordion-header:first-child,.ui-accordion .ui-accordion-content {
	display: none;
}

.ui-accordion.normal-accordion .ui-accordion-header:first-child {
	display: block;
}

.boxright {
    float: right!important;
    margin-left: 10px!important;
    width: 30%;
}

.boxleft {
    float: left!important;
    margin-right: 10px!important;
    width: 30%;
}

.the-article-body .item {
	cursor: pointer;
}

.LayoutAlbumItem table:nth-child(1) {
	width: 50% !important;
	float: left;
	padding-right: 5px;
}
.LayoutAlbumItem table:nth-child(2) {
	width: 50% !important;
	float: right;
	padding-left: 5px;
}

.Layout3Item table:nth-child(1) {
	width: 33.33% !important;
	float: left;
	padding-right: 1.25px;
}
.Layout3Item table:nth-child(2) {
	width: 33.33% !important;
	float: left;
	padding: 0 1.25px;
}
.Layout3Item table:nth-child(3) {
	width: 33.33% !important;
	float: left;
	padding-left: 1.25px;
}

.bd_top_emg {
	text-align: center;
	font-weight: bold;
}
.bd_top_emg:before {
    content: "" !important;
    width: 80px;
    height: 1px;
    display: block;
    background: #ccc;
    margin: 20px auto;
}

.scroll_emagazine .ui-accordion-content {
	height: 850px;
}

.first-letter:first-letter{font-size:3em;line-height:48px;display:block;float:left;margin-top:3px !important;margin-right:10px;padding:0 0px 5px 0px;color:inherit;font-weight:bold}
h3.box_title_emg {
    padding: 30px 0 10px !important;
    font-size: 2rem;
    line-height: 1.3;
    font-family: 'Merriweather', serif;
     font-weight: bold;
}

h3.box_center_img {
	text-align: center;
}

.remove_avatar {
display: none;
}

.showclose {
	display: unset;
}
*/

 /*sample 2*/
 .pinbox {
 	width: 300px;
 	padding: 20px;
 	background: #fff3cd;
 	border: 1px dashed #ffc107;
 }

 .pinbox p {
 	margin: 0 0 5px 0;
 	color: #d9480f;
 	font-weight: bold;
 	line-height: 22px;
 }

 .pinbox.pbr {
 	float: right;
 	margin-right: -100px;
 	margin-left: 20px;
 }

 .pinbox.pbl {
 	float: left;
 	margin-left: -100px;
 	margin-right: 20px;
 }

 .figcap, .ck-content .image>figcaption, table.image td.caption {

 	color: #6c757d !important;
 	text-align: center;
 	padding: 10px 20px !important;
 	font-size: 1rem !important;
 }

 table.image figure {
 	margin: 0 !important;
 }

 table.image td {
 	padding: 0 !important;
 	border: 1px white solid !important;
 }

 table.image td p {
 	margin: 0;
 }

 /*end sample 2*/

 /*sample 3*/
 .layout-row {
 	display: flex;
 	direction: ltr;
 	flex-wrap: wrap;
 	font-size: 1.1rem;
 }

 .layout-col {
 	flex: 0 0 50%;
 	max-width: 50%;
 }

 .layout-col>div {
 	text-align: justify;
 }

 .layout-col figure {
 	margin: 0;
 }

 .sticky-el {
 	position: sticky;
 	position: -webkit-sticky;
 	top: 50px;
 	padding: 0 50px;
 }

 .sticky-el figure {
 	width: 100%;
 	margin: 0 auto !important;
 	max-width: 400px;
 }

 .sticky-el img {
 	width: 100%;
 }

 .sticky-bg {
 	width: 100%;
 	margin: 0 !important;
 	position: sticky !important;
 	top: 0;
 	height: 100vh;
 }

 .sticky-bg figure {
 	height: 100vh;
 }

 .sticky-bg img {
 	width: 100% !important;
 	height: 100% !important;
 	object-fit: cover;
 }

 .sticky-bg-next {
 	padding: 50px;
 	position: relative;
 	z-index: 2;
 	background: #ffffffe6;
 	margin: -70vh auto 0 !important;
 	border-radius: 15px;
 }

 .ck.ck-editor__editable_inline {
 	height: calc(100vh - 150px);
 	overflow-y: auto;
 }

 #content_form\:featureTab .ui-tabs-panels {
 	height: calc(100vh - 200px);
 	overflow-y: auto;
 }

 #content_form\:featureTab .ui-tabs-panels .ui-tabs-panel {
 	height: 100%;
 	overflow-y: auto;
 }

 /*end sample 3*/

 .edit-img-btn {
 	border: 1px grey solid !important;
 	background-color: #ffffffbf !important;
 	color: black !important;
 	float: right;
 	padding: 2px 8px;
 	border-radius: 3px;
 	position: absolute;
 	opacity: 0.9;
 	cursor: pointer;
 }

 #modalEditImg .canvas-wrapper {
 	height: 600px;
 	overflow: auto;
 }

 #modalEditImg .ui-dialog-content {
 	overflow: hidden;
 }

 #modalEditImg input[type="range"] {
 	/* removing default appearance */
 	-webkit-appearance: none;
 	appearance: none;
 	/* creating a custom design */
 	width: 100%;
 	cursor: pointer;
 	outline: none;
 	/*  slider progress trick  */
 	overflow: hidden;
 	border-radius: 16px;
 	border: 1px #d3e4f1 solid;
 }

 /* Track: webkit browsers */
 #modalEditImg input[type="range"]::-webkit-slider-runnable-track {
 	height: 17px;
 	background: #EFF7FD;
 	border-radius: 16px;
 }

 /* Track: Mozilla Firefox */
 #modalEditImg input[type="range"]::-moz-range-track {
 	height: 17px;
 	background: #EFF7FD;
 	border-radius: 16px;
 }

 /* Thumb: webkit */
 #modalEditImg input[type="range"]::-webkit-slider-thumb {
 	/* removing default appearance */
 	-webkit-appearance: none;
 	appearance: none;
 	/* creating a custom design */
 	height: 17px;
 	width: 17px;
 	background-color: #fff;
 	border-radius: 50%;
 	border: 2px solid #379AE6;
 	/*  slider progress trick  */
 	box-shadow: -407px 0 0 400px #379AE6;
 }

 /* Thumb: Firefox */
 #modalEditImg input[type="range"]::-moz-range-thumb {
 	height: 15px;
 	width: 15px;
 	background-color: #fff;
 	border-radius: 50%;
 	border: 1px solid #379AE6;
 	/*  slider progress trick  */
 	box-shadow: -407px 0 0 400px #379AE6;
 }

 .hide {
 	display: none;
 }

 /*V-TABS*/
 .v-tab-container {
 	display: flex;
 }

 .v-tab-container .divider {
 	width: 100px;
 	border-bottom: 1px #ddd solid;
 	margin: 0 auto;
 }

 .v-tab-links {
 	flex-direction: column;
 	list-style-type: none;
 	width: 100px;
 	padding: 0;
 	border-right: 1px #ddd solid;
 }

 .v-tab-links li {
 	padding: 10px;
 	cursor: pointer;
 	text-align: center;
 }

 .v-tab-links li:hover {
 	background-color: #eee;
 }

 .v-tab-links .active {
 	border-right: 2px #379AE6 solid;
 	background-color: #E1F5FE;
 }

 .v-tab-links li img {
 	width: 24px;
 }

 .v-tab-links li p {
 	margin: 0;
 }

 .v-tab-content {
 	flex-grow: 1;
 	display: none;
 	padding: 15px;
 	width: 318px;
 }

 .v-tab-content h4 {
 	margin-bottom: 15px;
 }

 .v-tab-content .sample-text-item {
 	width: 142px;
 	cursor: pointer;
 	display: inline-block;
 }

 .v-tab-content .sample-text-item img {
 	width: 142px;
 	height: 70px;
 	object-fit: none;
 	object-position: bottom;
 	border-radius: 5px;
 }

 .v-tab-content #icons-list {
 	height: 460px;
 	overflow-y: scroll;
 }

 .v-tab-content .grid-icon {
 	display: inline-block;
 	cursor: pointer;
 	margin-right: 19px;
 	margin-bottom: 5px;
 	width: 38px;
 }

 .v-tab-content .grid-icon span {
 	font-size: 30px;
 }

 .v-tab-content .grid-img {
 	cursor: pointer;
 }

 .v-tab-content .grid-img img {
 	border: 1px #ddd solid;
 	border-radius: 5px;
 	height: 95px;
 	object-fit: contain;
 }

 .v-tab-content .grid-img.active img, .v-tab-content .grid-img:hover.active img {
 	border: 2px #03A9F4 solid;
 }

 .v-tab-content .grid-img:hover img {
 	border: 2px #ccc solid
 }

 .v-form-input {
 	margin-bottom: 25px;
 	position: relative;
 }

 .v-form-input button.light {
 	padding: 10px;
 	background-color: #F1F8FD;
 	color: #379AE6;
 	border-radius: 5px;
 	border: none;
 	width: 100%;
 	cursor: pointer;
 	border: 1px #d3e4f1 solid;
 }

 .v-form-input button.light.active {
 	background-color: #379AE6;
 	color: #F1F8FD;
 }

 .v-form-input label {
 	display: block;
 }

 .v-form-input label.radio {
 	display: inline;
 }

 .v-form-input input[type=radio] {
 	width: auto;
 }

 .v-form-input input, .v-form-input select {
 	width: 100%;
 	border-radius: 5px;
 	border: 1px #BDBDBD solid;
 	padding: 8px;
 }

 .v-form-input .input-range output {
 	position: absolute;
 	top: 0;
 	right: 14px;
 }

 .v-form-input .input-range span {
 	position: absolute;
 	top: 0;
 	right: 0;
 }

 .v-form-input input[type=range] {
 	padding: 0;
 }

 .v-form-input .ui-chips,
 .v-form-input .ui-chips .ui-chips-container,
 .v-form-input .ui-chips.ui-widget {
 	width: 100%;
 }

 .v-form-input .ui-chips-input-token {
 	width: 98%;
 	margin-top: 10px;
 }

 .v-form-input .ui-chips-token {
 	background-color: #379AE6 !important;
 }

 .v-tab-content.active {
 	display: block;
 }

 .v-tab-content .input-with-icon {
 	position: relative;
 }

 .v-tab-content .input-with-icon i {
 	position: absolute;
 	top: 10px;
 	left: 12px;
 }

 .v-tab-content .input-with-icon input {
 	padding-left: 30px;
 }

 .v-tab-content input:focus-visible {
 	outline: 1px #BDBDBD solid;
 }

 .v-tab-content #img-selection-list {
 	height: 430px;
 	overflow-y: auto;
 }

 .v-tab-content #img-selection-list img {
 	height: 95px;
 	width: auto;
 	cursor: pointer;
 	margin-right: 5px;
 }

 /*END V-TABS*/

 .img-grid-container .truncate {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	max-width: 200px;
 	/* Adjust the width as needed */
 }

 .img-grid-container table {
 	table-layout: fixed;
 }

 .img-grid-container table .text {
 	font-size: 12px;
 	font-style: italic;
 	display: block;
 	height: 18px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }

 .ui-growl {
 	z-index: 99999 !important;
 }

 .ui-tabs.compact .ui-tabs-nav li a {
 	padding: 10px 8px !important;
 }

 .showImageUpload {
 	display: inline-block;
 	max-width: 65%;
 	border: 1px #ccc solid;
 	border-radius: 5px;
 }

 /*

.df-detail div:has(figure) {
    max-width: 100% !important;
    margin: auto !important;
}

.df-detail figure:has(img) {
    width: 100% !important;
}

*/

 /* Mobile only */
 @media (max-width: 1024px) {

 	div:has(figure) {
 		max-width: 100% !important;
 		margin: auto !important;
 	}

 	figure {
 		width: 100% !important;
 	}

 }


 .related figure {
 	margin-bottom: 1rem;
 	padding: 1rem;
 	background: #e5e7eb;
 	/* bg-gray-200 */
 	margin-left: 5px;
 	margin-right: 5px;
 }

 .related table {
 	width: 100%;
 	border-collapse: collapse;
 }

 .related tr.image_related_2 {
 	position: relative;
 }

 .related tr.image_related_2 td {
 	position: relative;
 	padding-left: 1rem;
 	/* pl-4 */
 	padding-bottom: 0.5rem;
 	/* mb-2 */
 }

 /* bullet tròn */
 .related tr.image_related_2 td::before {
 	content: '';
 	position: absolute;
 	left: 0;
 	top: 0.6em;
 	/* tuong duong top-[8px] */
 	width: 4px;
 	height: 4px;
 	background-color: rgb(219 15 26);
 	border-radius: 50%;
 }

 /* link style */
 .related tr.image_related_2 a {
 	color: #3b82f6 !important;
 	/* text-blue-500 */
 	font-weight: 700;
 	text-decoration: none;
 	line-height: 160% !important;
 	font-size: 16px;
 }

 .related tr.image_related_1 a {
 	color: #3b82f6 !important;
 	/* text-blue-500 */
 	font-weight: 700;
 	text-decoration: none;
 	line-height: 160% !important;
 	font-size: 16px;
 }

 .related tr.image_related_1 .link-related {
 	display: flex;
 }


 .related tr.image_related_2 a:hover {
 	text-decoration: underline;
 }

 .related table td {
 	border-color: transparent !important;
 }

 .avatar-article {
 	display: none;
 }

 .editor-blockquote-wrapper-1::before {
 	content: "";
 	position: absolute;
 	top: -20px;
 	left: 30px;
 	width: 36px;
 	height: 36px;

 	background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'>\
<path d='M3.691 6.292C5.094 4.771 7.217 4 10 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 6.925 10H10a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2H3a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789zM20 20h-6a1 1 0 0 1-1-1v-5l.003-2.919c-.009-.111-.199-2.741 1.688-4.789C16.094 4.771 18.217 4 21 4h1v2.819l-.804.161c-1.37.274-2.323.813-2.833 1.604A2.902 2.902 0 0 0 17.925 10H21a1 1 0 0 1 1 1v7c0 1.103-.897 2-2 2z'/>\
</svg>");
 	background-repeat: no-repeat;
 	background-size: contain;
 	opacity: 0.25;
 	pointer-events: none;
 }