#static {
	width: 100%;
	margin: 0;
	padding-top: 0;
	position: relative;
}
.StaticOuter {
	width: 680px;
	margin: 0 auto;
}
.StaticInner {
}
.StaticMain {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #c8c2ae;
	font-size: 14px;
	line-height: 24px;
}
.StaticMain ul li span {
	white-space: normal;
}

#itemStaticMain {
	clear: both;
	position: relative;
	z-index: 100;
	overflow: hidden;
}
	.StaticMain a:link, .StaticMain a:visited {
		color: #F2CE96;
		
	}
	.StaticMain a:hover {
		color: #c31f23;
		text-decoration: underline;
	}
/* END. General */

/* TAT. Call:	color: var(--dark-gold);	
color: var(--text-main);
*/

:root {
  /* màu nền */
  --bg-dark: #2d2d2d;
  --bg-dark-soft: #3a3a3a;

  /* màu chủ đạo */
  --plum-red: #7a1f2b;      /* đỏ mận */
  --fire-gold: #f0a500;     /* vàng lửa */
  --dark-gold: #b08d33;     /* dark gold */
  --gray-red: #8b4a4a;      /* đỏ xám */
  --gray-gold: #c2b280;     /* vàng xám */

  /* màu chữ */
  --text-main: #f5f5f5;
  --text-sub: #d6d6d6;
  --text-muted: #a8a8a8;
  --text-accent: var(--fire-gold);
}

.TAT-newtable2 tbody tr {
  transition: background 0.3s ease;
  padding: 5px 10px;
}

.TAT-newtable2 tbody tr:hover {
  background: rgba(240, 165, 0, 0.08);
}

.TAT-newtable2 tbody tr:hover td:first-child {
  border-left: 3px solid var(--fire-gold);
}

.TAT-newtable2 thead tr th {
	color: #b7b7b7;
	background: #720008;
	font-weight: bolder;
	padding: 5px 10px;
	border: 1px solid #232327;
}
.OddRow {
	background: #424247;
}
.EvenRow {
	background: #35353a;
}

.StaticTopPanel {
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	width: 725px;        /* chuẩn size */
	height: 105px;       /* chuẩn size */
	padding: 20px 20px 0 15px; /* canh đều trái – phải */
	box-sizing: border-box;
	background: url(../images/top-content.jpg) left top no-repeat;
}

/* Main title */
.StaticTopPanel h2.TitleMain {
	font-family: "Glory", Tahoma, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	color: #eec679;
	text-shadow: 0 1px 0 #3a1f0f, 0 2px 4px rgba(0,0,0,.6);
	clear: both;
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	padding: 0 10px 5px 5px; /* lề trái + phải cho text */
	box-sizing: border-box;
}

/* END. Main title */ 

/* Breadcrumbs */
ul#breadcrumbs {
    color: #b7b7b7;
    font-size: 15px;
    margin: 0;
	
    overflow: hidden;
    padding: 0;
    text-align: left;
}
ul#breadcrumbs li {
    float: left;
    text-align: left;
}
ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited {
    color: #b7b7b7;
    
}
ul#breadcrumbs li span {
    color: #b7b7b7;
    padding: 0 5px;
}
ul#breadcrumbs li span.Active {
    color: #b7b7b7;
    font-weight: bold;
    padding-left: 5px;
}
ul#breadcrumbs li a:hover {
    color: #b7b7b7;
    text-decoration: underline;
	
}
ul#breadcrumbs li a:hover span {
    color: #b7b7b7;
     text-decoration: underline;
}

/*breadcrumbs p*/
p#breadcrumbs {
    color: #b7b7b7;
    font-size: 13px;
	margin-left: 9px;
    overflow: hidden;
    padding: 0;
    text-align: left;
}

p#breadcrumbs a:link, p#breadcrumbs a:visited {
    color: #b7b7b7;
    
}
p#breadcrumbs  span {
    color: #b7b7b7;
    padding: 0;
	font-weight: bold;
}

p#breadcrumbs a:hover {
    color: #b7b7b7;
    text-decoration: underline;
	
}
p#breadcrumbs a:hover span {
    color: #b7b7b7;
     text-decoration: underline;
}
p#breadcrumbs a:first-child {
	background: url(../images/icon-home.gif) 0 0 no-repeat;
	display: inline-block;
	text-indent: -9999px;
	width: 17px;
}
/* END. Breadcrumbs */
/* END. Top Panel */

/* Tab */

ul#tabHeader {
	height: 39px;
	overflow: hidden;
	background: url(../images/tab_bg.gif) center bottom repeat-x;
	margin-bottom: 10px;
	padding-bottom: 1px;
}
	ul#tabHeader li {
		display: inline;
		padding: 0;
		height: 39px;
	}
		ul#tabHeader li a:link,
		ul#tabHeader li a:visited {
			background: url(../images/tab_left-content.gif) no-repeat top left;
			display: block;
			float: left;
			text-decoration: none;
			text-align: center;
			color: #fff;
			line-height: 29px;
			margin: 0 1px 0 0;
			padding: 0px 0 0px 10px;
		}
			ul#tabHeader li a span {
				background: url(../images/tab_right-content.gif) no-repeat top right;
				display: block;
				text-decoration: none;
				line-height: 29px;
				padding: 5px 20px 5px 10px;
				white-space: nowrap;
			}
		ul#tabHeader li a:hover {
			background-position: left -39px;
			color: #fff;
			text-decoration: none;

		}
			ul#tabHeader li a:hover span {
				background-position: right -39px;
				text-decoration: none;
				line-height: 29px;
			}
	ul#tabHeader li.Active a:link,
	ul#tabHeader li.Active a:visited,
	ul#tabHeader li a:hover {
		background-position: left -39px;
		cursor: pointer;
		text-decoration: none;
		line-height: 29px;
		margin: 0px 1px 0 0;
	}
	ul#tabHeader li.Active a span,
	ul#tabHeader li a:hover span {
		background-position: right -39px;
		cursor: default;
		cursor: pointer;
		line-height: 29px;
	}
/* END. Tab */

/* Anchor Links */
ul.AnchorLink {
	border: 1px solid #2a2e36;
	margin: 0px auto 20px;
	padding: 13px 0 5px 18px;
	overflow: hidden;
	background: #191a25;
	/*width: 620px;*/
}
	ul.AnchorLink li {
		background: url(../images/icon.gif) no-repeat 0 11px;
		float: left;
		width: 290px;
		padding: 0 0 10px 10px;
	}
		ul.AnchorLink li a:link,
		ul.AnchorLink li a:visited {
			text-decoration: none;
			color: #ffdca5;
		}
		ul.AnchorLink li a:hover {
			text-decoration: underline;
		}

		ul.AnchorLink li.Active a:link,
		ul.AnchorLink li.Active a:visited,
		ul.AnchorLink li.Active a:hover {
			text-decoration: underline;
		}
/* END. Anchor Links */

/* Content blocks*/
.ContentBlock {
	padding-bottom: 20px;
	clear: both;
}
	.ContentBlock p {
		margin-bottom: 10px;
		text-align: justify;
		padding-right: 3px;
	}
	.ContentBlock p.TextCenter {
		text-align: center;
	}
	.StaticMain p.ImgCenter {
		text-align: center;
		margin-bottom: 20px;
	}
	
.StaticMain h1{
	padding:0 0 0 21px;
	margin:0 0 5px 5px;
	line-height:20px;
	font-size:17px;
	font-family:Glory, sans-serif;
	background:url(../images/h1.png) left 3px no-repeat;
	color:#E8A509
	}
.ContentH1 {margin:0 0 20px 54px}
.ContentH1 p{margin-bottom:10px;text-align:justify;padding-right:3px}

.StaticMain h2{
	padding:0 0 0 26px;
	margin:0 0 5px 4px;
	line-height:30px;
	font-size:20px;
	font-family:Glory, sans-serif;
	background:url(../images/h2.png) left 3px no-repeat;
	color:#E8A509
	}
.ContentH2 {margin:0 0 20px 54px}
.ContentH2 p{margin-bottom:10px;text-align:justify;padding-right:3px}

.StaticMain h3{
	padding:0 0 0 33px;
	margin:10px 0 10px 15px;
	line-height:40px;
	font-size:20px;
	font-family:Glory, sans-serif;
	background:url(../images/h3.png) left 8px no-repeat;
	color:#E8A509
	}
.ContentH3{margin:0 0 20px 37px}
.ContentH3 p{margin-bottom:10px;text-align:justify;padding-right:3px}

.StaticMain h4 {
	padding: 6px 0 6px 30px;
	line-height: 26px;
	font-size: 24px;
	font-family: Glory, sans-serif;
	background: url(../images/icon_h4.png) left 6px no-repeat;
	margin: 10px 0 10px 15px;
	color: #E8A509;
}
.ContentH4 {
	margin: 0 0 20px 38px;
}
.ContentH4 p {
	margin-bottom: 10px;
	text-align: justify;
	padding-right: 3px;
}
/* H5 mặc định */
.StaticMain h5 {
  padding:0 0 0 27px;
  margin:0 0 3px 5px;
  line-height:37px;
  font-size:18px;
  font-family:Glory, sans-serif;
  background:url(../images/h5.png) left 8px no-repeat;
  color:#E8A509;
}

/* Event 🏆 */
.StaticMain h5.event {
  background: none;      /* bỏ icon mặc định */
  position: relative;
  padding-left: 24px;    /* khoảng trống cho emoji */
  line-height: 29px;
  margin-top: 8px;     /* khoảng cách phía trên */
  margin-bottom: 9px;  /* khoảng cách phía dưới */
}

.StaticMain h5.event::before {
  content: "🏆";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 29px;
}

/* Lịch 📅 */
.StaticMain h5.lich {
  background: none;
  position: relative;
  padding-left: 24px;
  line-height: 29px;
  margin-top: 8px;     /* khoảng cách phía trên */
  margin-bottom: 9px;  /* khoảng cách phía dưới */
}

.StaticMain h5.lich::before {
  content: "📅";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 29px;
}

/* Quà 🎁 */
.StaticMain h5.gift {
  background: none;
  position: relative;
  padding-left: 24px;
  line-height: 29px;
  margin-top: 8px;     /* khoảng cách phía trên */
  margin-bottom: 9px;  /* khoảng cách phía dưới */
}

.StaticMain h5.gift::before {
  content: "🎁";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 29px;
}

/* Thông báo 📢 */
.StaticMain h5.notice {
  background: none;
  position: relative;
  padding-left: 24px;
  line-height: 29px;
  margin-top: 8px;     /* khoảng cách TOP */
  margin-left: 15px;
  margin-bottom: 9px;  /* khoảng cách Bottom */
}

.StaticMain h5.notice::before {
  content: "📢";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  line-height: 29px;
}
.ContentH5 {
	margin: 0 0 20px 40px;
}
	.ContentH5 p {
		margin-bottom: 10px;
		text-align: justify;
		padding-right: 3px;
	}
	.ImagesBlock {
		text-align: center;
		margin-bottom: 20px;
	}
	.ImagesH3{text-align:center;margin:0 0 20px 50px}
	.ImagesH4 {
		text-align: center;
		margin: 0 0 20px 50px;
	}
	.ImagesH5 {
		text-align: center;
		margin: 0 0 20px 70px;
	}
.FirstChar {
	padding: 4px 4px 0 0;
	line-height: 30px;
	font-size: 40px;
	float: left;
}
/* END. Content blocks */

/* Tables */
.MyTable {
	margin: 0 auto 10px;
	border-collapse: collapse;
}
.MyTable thead tr th {
	color: #b7b7b7;
	background: #720008;
	font-weight: bolder;
	padding: 5px 10px;
	border: 1px solid #232327;
}
.OddRow {
	background: #424247;
}
.EvenRow {
	background: #35353a;
}
.MyTable tbody tr td {
	padding: 3px 10px;
	border: 1px solid #59530C;
}
.MyTable .HorzRight {
	text-align: right !important;
}
.MyTable .HorzCenter {
	text-align: center !important;
}
.MyTable .VeztTop {
	vertical-align: top !important;
}
/* END. Tables */

/* Notice box */
.NoticeBox {
	padding: 10px;
	margin-top: 30px;
	background: #2a2e36;
}
	p.Legend {
		background: #93141c;
		font-size: 15px;
		padding: 0 15px;
		color: #fff;
		height: 25px;
		margin: -25px 0 10px;
		float: left;
	}
	.NoteContent {
		width: 100%;
		overflow: hidden;
		text-align: justify;
	}
		a.NoteLink:link, a.NoteLink:visited {
			text-decoration: none;
		}
		a.NoteLink:hover {
			text-decoration: underline;
		}
/* END. Notice box */

/* Pagination */
.PagingWrapper {
	width: 100%;
	overflow: hidden;
	padding: 10px 0 10px;
	margin-bottom: 10px;
}
	.PagingControl {
		position: relative;
		left: -50%;
		float: right;
		padding: 0;
		margin: 0;
	}
	.CenterWrapper {
		position: relative;
		left: 50%;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
		.PagingControl span.PagingFirstPageLnk,
		.PagingControl span.PagingPrevPageLnk,
		.PagingControl span.PagingNextPageLnk,
		.PagingControl span.PagingLastPageLnk,
		.PagingControl a.PagingFirstPageLnk,
		.PagingControl a.PagingPrevPageLnk,
		.PagingControl a.PagingNextPageLnk,
		.PagingControl a.PagingLastPageLnk {
			display: block;
			width: 30px;
			height: 0;
			padding: 30px 0 0;
			overflow: hidden;
			text-indent: -1000em;
			float: left;
			position: relative;
		}
		/* Normal states */
		.PagingControl span.PagingFirstPageLnk,
		.PagingControl a.PagingFirstPageLnk {
			margin: 0 3px 0 0;
			background: url(../images/bt_first.png) 0 0 no-repeat;
		}
		.PagingControl span.PagingPrevPageLnk,
		.PagingControl a.PagingPrevPageLnk {
			width: 30px;
			margin: 0;
			background: url(../images/bt_pre.png) 0 0 no-repeat
		}
		.PagingControl span.PagingNextPageLnk,
		.PagingControl a.PagingNextPageLnk {
			width: 30px;
			margin: 0 3px 0 0px;
			border-right: none;
			background: url(../images/bt_next.png) 0 0 no-repeat
		}
		.PagingControl span.PagingLastPageLnk,
		.PagingControl a.PagingLastPageLnk {
			background: url(../images/bt_last.png) 0 0 no-repeat
		}
		/* Hover&Disabled states */
		.PagingControl a.PagingFirstPageLnk:hover {
			background-position: 0 -30px;
		}
		.PagingControl a.PagingPrevPageLnk:hover {
			background-position: 0 -30px;
		}
		.PagingControl a.PagingNextPageLnk:hover {
			background-position: 0 -30px;
		}
		.PagingControl a.PagingLastPageLnk:hover {
			background-position: 0 -30px;
		}
		
		.PagingControl span.PagingFirstPageLnk {
			background: url(../images/bt_first.png) 0 -60px;
		}
		.PagingControl span.PagingPrevPageLnk {
			background: url(../images/bt_pre.png) 0 -60px;
		}
		.PagingControl span.PagingNextPageLnk {
			background: url(../images/bt_next.png) 0 -60px;
		}
		.PagingControl span.PagingLastPageLnk {
			background: url(../images/bt_last.png) 0 -60px;
		}
		/* Number list */
		.PagingControl ul.PageList {
			float: left;
			position: relative;
			padding: 0;
			margin: 0 10px;
		}
			.PagingControl ul.PageList li {
				float: left;
				height: 30px;
				padding: 0;
				margin: 0;
				overflow: hidden;
				border-collapse: collapse;
				
			}
				.PagingControl ul.PageList li span { /* active item */
					display: block;
					float: left;
					height: 24px;
					line-height: 24px;
					padding: 2px 12px;
					font-size: 15px;
					text-align: center;
					text-decoration: none;
					background: #a99c83;
					color: #8a1c21;
					border: 1px solid #a0947c;
					border-right: 1px solid #ada088;
					font-weight: bold;
				
					
				}
				.PagingControl ul.PageList li a:link,
				.PagingControl ul.PageList li a:visited
				 {
					display: block;
					float: left;
					white-space: nowrap;
					height: 24px;
					line-height: 24px;
					padding: 2px 12px;
					font-size: 15px;
					text-align: center;
					text-decoration: none;
					color: #2d2f39;
					background: #a99c83;
					border: 1px solid #a0947c;
					border-right: 1px solid #ada088;
					
				}
				.PagingControl ul.PageList li a:hover {
					text-decoration: none;
					color: #8a1c21;
				}
/* END. Pagination */

/* Text styles */
p.TextCenter {
	text-align: center;
}
.Strong01 {
	font-weight: bolder;
}
.Strong02 {
	color: #e29a00;
	font-weight: bolder;
}
.TextFont15 {
	font-size: 15px;
	font-weight: bolder;
	font-family: Tahoma;
}
.TextFont16 {
	font-size: 16px;
	font-weight: bolder;
	font-family: Tahoma;
}
.TextFont17 {
	font-size: 17px;
	font-weight: bolder;
	font-family: Tahoma;
}
/* END. Text styles */

/* Image styles */
.NoBorderImg {
	border: none;
	background: none;
	padding: 0;
}
.BorderImg {
	border: 1px solid #363636;
	background: #000;
	padding: 1px;
}
.ImgLeft {
	float: left;
	margin: 0 10px 5px 0;
}
.ImgRight {
	float: right;
	margin: 0 0 5px 10px;
}
/* END. Image styles */

/* List styles */
ul.Decimal {
	margin: 0px 0px 10px 25px;
}
	ul.Decimal li {
		list-style-type: decimal;
		margin-bottom: 10px;
		text-align: justify;
	}
ul.UpperAlpha {
	margin: 0px 0px 10px 25px;
}
	ul.UpperAlpha li {
		list-style-type: upper-alpha;
		margin-bottom: 10px;
		text-align: justify;
	}
ul.LowerAlpha {
	margin: 0px 0px 10px 25px;
}
	ul.LowerAlpha li {
		list-style-type: lower-alpha;
		margin-bottom: 10px;
		text-align: justify;
	}
ul.Icon {
	margin: 0px 0px 10px 5px;
}
	ul.Icon li {
		margin-bottom: 6px;
		background: url(../images/icon_person.gif) 4px 8px no-repeat;
		padding-left: 20px;
		list-style-type: none;
		text-align: justify;
	}
ul.Icon li ul.LowerAlpha li {
	list-style-type: lower-alpha;
	margin-bottom: 10px;
	background: none;
	padding-left: 0px;
}
ul.White {
	margin: 0px 0px 10px 5px;
}
ul.White li {
		margin-bottom: 3px;
		background: url(images/content/icon_person.gif) 4px 8px no-repeat;
		padding-left: 20px;
		list-style-type: none;
		text-align: justify;
	}
		ul.White li ul.LowerAlpha li {
			list-style-type: lower-alpha;
			margin-bottom: 3px;
			background: none;
			padding-left: 0px;
		}
ul.Notice {
	margin: 0px 0px 1px 5px;
}
	ul.Notice li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_Notice.gif) 0px 7px no-repeat;
		padding-left: 15px;
		list-style-type: none;
		text-align: justify;
	}
	ul.LogoMu {
	margin: 0px 0px 1px 5px;
}
ul.Dash {
	margin: 0px 0px 10px 5px;
}
	ul.Dash li {
		margin-bottom: 10px;
		background: url(../images/icon_dash.gif) 0 2px no-repeat;
		padding-left: 20px;
		list-style-type: none;
		text-align: justify;
	}
ul.Like {
	margin: 0px 0px 5px 5px;
			}
ul.Like li {
		list-style-type: none;
		background: url(../images/content/Icon_like.png) 1px 5px no-repeat;
		margin-bottom: 3px;
		padding: 0 0 0 15px;
		text-align: justify;
	}	
ul.Disc {
	margin: 0px 0px 10px 5px;
}
	ul.Disc li {
		list-style-type: none;
		background: url(../images/icon-disc.gif) 7px 9px no-repeat;
		margin-bottom: 10px;
		padding: 0 0 0 20px;
		text-align: justify;
	}
		ul.Decimal li ul {
			padding-top: 5px;
		}
		ul.UpperAlpha li ul {
			padding-top: 5px;
		}
		ul.LowerAlpha li ul {
			padding-top: 5px;
		}
		ul.Icon li ul {
			padding-top: 5px;
		}
		ul.Dash li ul {
			padding-top: 5px;
		}
		ul.Disc li ul {
			padding-top: 5px;
		}
		
	ul.Blue {
	margin: 0px 0px 10px 5px;
		}
	ul.blue li {
		list-style-type: none;
		background: url(../images/content/Icon_blue.jpg) 1px 5px no-repeat;
		margin-bottom: 5px;
		padding: 0 0 0 15px;
		text-align: justify;
	}
	ul.blue2 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_Blue2.png) 1px 5px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.red li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_red1.png) 1px 5px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.red2 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_red2.png) 1px 5px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.red3 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_red3.png) 1px 5px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	
	ul.yellow li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_Yellow1.png) 1px 2px no-repeat;
		padding-left: 22px;
		list-style-type: none;
		text-align: justify;
	}
	ul.yellow2 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_Yellow2.png) 1px 3px no-repeat;
		padding-left: 20px;
		list-style-type: none;
		text-align: justify;
	}

	ul.star li {
		margin-bottom: 6px;
		background: url(../images/content/Icon_star.png) 1px 5px no-repeat;
		padding-left: 18px;
		list-style-type: none;
		line-height: 1.35;             /* chữ cân đối trong khung */
		text-align: justify;
		white-space: normal;  /* cho phép xuống dòng */
		vertical-align: middle;
		word-wrap: break-word; /* tránh chữ dài tràn khung */
	}

	ul.sao li {
		margin-bottom: 6px;
		background: url(../images/content/Icon-sao.gif) 1px 5px no-repeat;
		padding-left: 18px;
		list-style-type: none;
		line-height: 1.35;             /* chữ cân đối trong khung */
		text-align: justify;
		white-space: normal;  /* cho phép xuống dòng */
		vertical-align: middle;
		word-wrap: break-word; /* tránh chữ dài tràn khung */
	}
	
	ul.tatcontent1 li {
		margin-bottom: 3px;
		background: url(../images/content/Icon_li.png) 1px 3px no-repeat;
		padding-left: 19px;
		list-style-type: none;
		text-align: justify;
	}

	ul.bullet {
	margin: 0px 0px 10px 5px;
}
	ul.bullet li {
		list-style-type: none;
		background: url(../images/content/Icon_bullet.png) 1px 5px no-repeat;
		margin-bottom: 5px;
		padding: 0 0 0 15px;
		text-align: justify;
	}


.TAT-TableHover {
    border: solid 2px #662905;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 15px Glory, sans-serif;
}
.TAT-TableHover thead th{
    background-color: #6E1206;
    border: solid 1px #DDEEEE;
    color: #e6e6e6;
    padding: 10px;
    text-align: left;
    text-shadow: 0px 0px 1px #ffcc66;
}
.TAT-TableHover tbody tr td {
    border: solid 1px #7C1B0E;
    color: #FFF;
    padding: 5px;
    text-shadow: 0px 0px 0px #3a2620;
}
.TAT-TableHover-highlight tbody tr:hover {
    background-color: #78570C;
}
.TAT-TableHover-horizontal tbody td {
	
    border-left: none;
    border-right: none;
}

/* CSS for Mu Bank Button */
.TATbutton1 {
  align-items: center;
  appearance: none;
  background-clip: padding-box;
  background-color: initial;
  background-image: none;
  border-style: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  flex-direction: row;
  flex-shrink: 0;
  font-family: Glory,sans-serif;
  font-size: 15px;
  font-weight: 500;
  justify-content: center;
  line-height: 8px;
  margin: 0;
  min-height: 30px;
  outline: none;
  overflow: visible;
  padding: 10px 16px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  width: auto;
  word-break: keep-all;
  z-index: 0;
}

@media (min-width: 268px) {
  .TATbutton1 {
    padding: 5px 20px;
  }
}

.TATbutton1:before,
.TATbutton1:after {
  border-radius: 6px;
}

.TATbutton1:before {
  background-image: linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}

.TATbutton1:after {
  background-color: initial;
  background-image: linear-gradient(#541a0f 0, #0c0d0d 100%);
  bottom: 1px;
  content: "";
  display: block;
  left: 1px;
  overflow: hidden;
  position: absolute;
  right: 1px;
  top: 1px;
  transition: all 100ms ease-out;
  z-index: -1;
}

.TATbutton1:hover:not(:disabled):before {
  background: linear-gradient(92.83deg, rgb(255, 116, 38) 0%, rgb(249, 58, 19) 100%);
}

.TATbutton1:hover:not(:disabled):after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition-timing-function: ease-in;
  opacity: 0;
}

.TATbutton1:active:not(:disabled) {
  color: #ccc;
}

.TATbutton1:active:not(:disabled):before {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(92.83deg, #ff7426 0, #f93a13 100%);
}

.TATbutton1:active:not(:disabled):after {
  background-image: linear-gradient(#541a0f 0, #0c0d0d 100%);
  bottom: 4px;
  left: 4px;
  right: 4px;
  top: 4px;
}

.TATbutton1:disabled {
  cursor: default;
  opacity: .24;
}

.TAT-QRbox {
  display: flex;
  justify-content: center;
  gap: 20px; 	/* khoảng cách giữa 2 ảnh */
  flex-wrap: wrap; /* xuống dòng nếu màn hình nhỏ */
  margin: 20px 0;
}

.TAT-QRbox img {
/*  width: 250px;      /* Size cố định */
/* height: 290px; 	*/
  max-width: 250px;
  object-fit: cover; /* cắt ảnh vừa khung */
  border-radius: 3px; /* bo góc nhẹ */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* đổ bóng */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

/* Hiệu ứng hover */
.TAT-QRbox img:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/* Disabled Size cố định */
.TAT-topclass-box {
/*  width: 250px;      /* Size cố định */
/* height: 290px; 
	max-width: 620px;	*/
  
  display: flex;
  justify-content: center;
  gap: 10px; 	/* khoảng cách giữa 2 ảnh */
  flex-wrap: wrap; /* xuống dòng nếu màn hình nhỏ */
  margin: 20px 0;
}

.TAT-topclass-box img {

  object-fit: cover; 	/* cắt ảnh vừa khung*/
  border-radius: 5px; /* bo góc */
  box-shadow: 0 4px 12px rgba(0,0,0,0.15); /* đổ bóng */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

/* Hiệu ứng hover */
.TAT-topclass-box img:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

/*** News ***/
.News {
  display: inline-block;        /* khung ôm chữ chuẩn */
  border-radius: 3px;
  padding: 2px 5px;             /* canh lề */
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  white-space: nowrap;          /* tránh bị xuống dòng lẻ chữ */
  vertical-align: middle;       /* canh giữa */
}

.News.color-orange { background-color: #e46e05; color: #fff; }
.News.color-blue   { background-color: #0b85db; color: #fff; }
.News.color-green  { background-color: #32bc23; color: #fff; }
.News.color-red    { background-color: #d84328; color: #fff; }
.News.color-purple { background-color: #6666cc; color: #fff; }
.News.color-brown  { background-color: #663300; color: #fff; }
.News.color-new2   { background-color: #009897; color: #fff; font-size: 12px; }
.News.color-new3   { background-color: #a1a7a9; color: #fff; }
.News.color-new4   { background-color: #f7e7af; color: #333; } /* nền sáng → chữ nên sậm */
.News.color-bold   { font-weight: 800; }

/* 🔹 Media query cho mobile */
@media (max-width: 480px) {
  .News {
    font-size: 12px;   /* chữ to hơn */
    padding: 3px 6px;  /* khung rộng hơn */
    line-height: 1.3;  /* thoáng hơn */
  }
}


.TextwithBg {
  display: inline-block;        /* khung ôm chữ chuẩn */
  border-radius: 4px;
  padding: 2px 3px;             /* padding đồng đều */
  line-height: 1.1;             /* chữ cân đối trong khung */
  font-weight: 500;
  white-space: nowrap;          /* không bị xuống dòng lẻ chữ */
  vertical-align: middle;       /* canh giữa */
}

/*** Text with background ***/
.TextwithBg.color-event{background-color: #3B312D; color: #fff; font-size: 11px;}
.TextwithBg.color-orange{background-color: #e46e05; color: #fff; font-size: 14px;}
.TextwithBg.color-darkorange{background-color: #A8411B; color: #fff; font-size: 14px;}
.TextwithBg.color-blue{background-color: #0b85db; color: #fff; font-size: 14px;}
.TextwithBg.color-green{background-color: #32bc23; color: #fff; font-size: 14px;}
.TextwithBg.color-red{background-color: #d84328; color: #fff; font-size: 14px;}
.TextwithBg.color-purple{background-color: #6666cc; color: #fff;font-size: 14px;}
.TextwithBg.color-brown{background-color: #663300; color: #fff; font-size: 14px;}
.TextwithBg.color-new2{background-color: #009897; color: #fff; font-size: 14px;}
.TextwithBg.color-new3{background-color: #a1a7a9; color: #fff; font-size: 14px;}
.TextwithBg.color-new4{background-color: #f7e7af; color: #fff; font-size: 14px;}
.TextwithBg.color-bold{font-weight: 800;}

/*** Colors ***/
.color-orange{color: #e46e05;}
.color-blue{color: #0b85db;}
.color-red{color: #ff0000;}
.color-green{color: #10a000;}
.color-violet{color: #69588e;}
.color-brown{color: #554440;}

	
#quickLink {
    position: absolute;
	top : 620px;
	left: 940px;
	width: 40px;
	height: 40px;
	z-index: 500;
}
	#quickLink a:link,
	#quickLink a:visited{
		background: url(../images/toppage.gif) no-repeat 0 0;
		width: 40px;
		height: 40px;
		display: block;
		text-decoration: none;
		text-indent: -9999px;
	}
	#quickLink a:hover {
		background-position: 0 -40px;
	}
	

.TAT-newtable {
    width: 100%;
    border-collapse: collapse;
    background: #2b2f38;
    border: 1px solid #5a5f6b;
}

.TAT-newtable td {
    border: 1px solid #5a5f6b;
    padding: 3px 2px;
}

.TAT-newtable .thead {
    background: #821A03;
    color: gold;
    font-weight: bold;
}

.TAT-newtable .row {
    background: #1f232b;
}

.TAT-newtable .text-main {
    color: orange;
    font-weight: bold;
	font-size: 15px;
}

.TAT-newtable .text-normal {
    color: white;
}

.TAT-newtable .text-note {
    color: silver;
    font-size: 14px;
}