@charset "utf-8";
/* CSS Document */
/*
.test { border:#FF0000 solid 1px;}
.test1 { border:#0000CC solid 1px;}
.test2 { border:#00FFCC solid 1px;}
.test3 { border:#666666 solid 1px;}
*/

/*   basic classes
***************************************/
*			{padding:0; margin:0; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:12px; border:none; outline:none}
li, ul		{list-style:none}
p			{line-height:16px}
a			{text-decoration:none; color:#000000;}
a:hover		{text-decoration:none; color:#FF3300;}

/* 
***************************************/

body	{ margin:0px; padding:0px; background:url("../images/bgpage0.jpg"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bgpage0.jpg*/) repeat-x top #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
p		{ margin:0; padding:0;}

#bgpage				{ background:url("../images/bgpage2.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bgpage2.gif*/) repeat-y center; width:100%;}	
#bgpage .bgframe1	{ background:url("../images/bgpage1.jpg"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bgpage1.jpg*/) no-repeat center top; width:100%;}
#bgpage .bgframe2	{ background:url("../images/bgpage3.jpg"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bgpage3.jpg*/) no-repeat center bottom; width:100%; overflow:hidden; padding:0px 0px 0px 0px;}

.maincontainer		{ width:935px; overflow:visible; margin:0 auto; position:relative;}
.deco-char			{ position:absolute; pointer-events:none; z-index:0;}
.deco-char-right	{ left:720px; top:20px; width:242px;}
@media (min-width:1024px) {
.deco-char-right	{ left:790px; top:10px; width:266px;}
}

#column1			{ width:188px; overflow:hidden; float:left; padding-top:242px;}	
#column2			{ width:130px; overflow:hidden; float:right; padding-top:265px;}
#column3			{ width:610px; float:left; overflow:visible; margin:0px 1px 0px 5px ; padding-top:30px; }
#footer				{ clear:both; height:100px; overflow:hidden; padding:60px 0px 0px 0px; margin:0px; }
/*******************************************************************
	center Column  ( column3)
*******************************************************************/
/*-----------------------------------------------------------------
TOP  */
#topbanner		{ height:242px; overflow:hidden; margin:0px; padding:0px; }
#sublogo		{ position:absolute; top:100px; left:760px;}	
#logochienquoc	{ position:absolute; top:47px; left:160px;}
#logochienquoc img	{ width:305px; height:auto;}
#flashheader  	{ position:absolute; top:32px; left:200px; width:600px; height:160px;}	
		
#mainmenu				{ clear:both; position:absolute; z-index:99; top:213px; left:238px; width:590px;}
#mainmenu .adxm ul		{ margin:0 auto; padding:0px;}
#mainmenu .adxm > li > ul	{ padding-top:10px; margin-top:-10px;}	/* cau noi vo hinh: giu hover khi ruot chuot qua khoang trong 10px vua them */
#mainmenu .adxm ul li	{}
#mainmenu > .adxm.menu > li:nth-child(5)	{ display:none;}	/* an muc "Tin Tuc" tren thanh menu chinh */

#mainmenu img	{ margin:0; padding:0;}	
		
	
/*-----------------------------------------------------------------
FLASH + NEWS */	
#flashbanner		{ width:185px; height:285px; float:left; overflow:hidden; z-index:1; background:url("../images/flashbanner_bg.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/flashbanner_bg.gif*/) no-repeat;}
#flashbanner #slideshow { padding-top:6px; padding-left:5px;}
	
#flashbanner_bg		{ width:185px; height:285px; }
#topnews			{ width:425px;  overflow:hidden; float:left;}
	
#searchcontent			{ width:410px; text-align:center; float:left; background:url("../images/search_bg.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/search_bg.gif*/) no-repeat; text-align:center; padding-top:10px; height:37px; overflow:hidden;}
.searchcontent * 	{ vertical-align: middle;}
.searchcontent .inputboxcontent { height:18px; border:solid #999 1px; padding-left:5px; padding-top:1px;}
.searchcontent select 		{ height:18px;}	
.searchcontent .submitbutton { margin-left:5px; border:none; }	

.buttoncontent		{ background:url("../images/bt_search.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bt_search.gif*/) no-repeat; width:57px; height:20px; border:1px solid #999999; margin:2px 52px 5px 3px;}
	
	
#newsbox					{ margin-left:10px; width:415px; height:245px; float:left; overflow:hidden; border-top-right-radius:20px; background:url("../images/news_bg.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/news_bg.gif*/) no-repeat;}
#newsbox_bg					{ width:415px;  }

#newsbox .newstab			{ text-align:center;}
#newsbox .newstab ul 		{ margin:0 auto; padding:0px; margin-top:1px;}
#newsbox .newstab ul li		{ display:inline; padding:0px 2px;}

#newsbox .newstab img		{ margin:6px;}

#newscontent				{ width:400px; height:166px; overflow:hidden;}
#newscontent a				{ clear:left;	float:left; width:260px;		}		
#newscontent .datenews		{ float:right; font-weight:bold;	width:100px; text-align:right;}	
#newscontent ul				{ width:360px; padding:10px 20px ;}		 
#newscontent li				{ border-bottom: dotted #999999 1px; float:left; padding:4px 0 2px 0;}	
		
ul.latestnews		{ margin-left:20px; margin-top:50px; margin-right:20px;}
li.latestnews 		{ border-bottom:#868686 dotted 1px; padding-top:3px; padding-bottom:3px;}
/*-----------------------------------------------------------------
HOT ITEM */
#hotitem		{ width:408px; height:38px; margin-top:2px; margin-left:10px; margin-bottom:21px; float:left; position:relative; overflow:hidden; background:#fff8e1; border:1px solid #f0a91e; border-radius:6px; box-sizing:border-box; }
#hotitem_bg		{ }
.hotitem-marquee	{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
.hotitem-track		{ display:flex; align-items:center; height:100%; width:max-content; animation:hotitem-scroll 18s linear infinite; }
.hotitem-track:hover	{ animation-play-state:paused; }
.hotitem-item		{ display:inline-flex; align-items:center; white-space:nowrap; margin:0 10px; }
.hotitem-item .hot-badge	{ margin-right:4px; }
@keyframes hotitem-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
			
/*-----------------------------------------------------------------
HOME PAGE CONTENT */
.boxcenter					{ clear:both; overflow:hidden; background:url("../images/box2.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/box2.gif*/) center top repeat-y; background-size:100% 9px; margin:0px; margin-left:-147px; margin-top:20px; padding:0px; width:842px; }
.boxcenter .frame1			{ overflow:hidden; background:url("../images/box3.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/box3.gif*/) center bottom no-repeat; background-size:100% 9px; padding:0px 0px 10px 0px;}
.boxcenter .frame2			{ overflow:hidden; width:822px !important; margin:0 auto; background:url("../images/box1.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/box1.gif*/) center top no-repeat; background-size:100% 36px; padding:8px 10px 0px 10px;}
.boxcenter	.boxtitle		{ text-align:center; margin-bottom:10px; color:#fffdf0; font-size:14.5px; font-weight:bold; letter-spacing:1px; line-height:32px; text-shadow:0 2px 3px rgba(0,0,0,.75); text-transform:uppercase; position:relative; top:-8px;}
.boxcenter .menuchar		{ width:180px; float:left; overflow:hidden;}
.thatquoc 				{ display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:5.5px; margin:14px 0 20px 195px; padding:0;}
.thatquoc a				{ display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:66.1px; height:22px; border-radius:3px; background:linear-gradient(180deg,#d9a94a 0%,#c08a2b 42%,#9c6516 100%); box-shadow:inset 0 0 0 1px #f6e2a4, inset 0 0 0 2px #6d4310, inset 0 1px 0 rgba(255,245,215,.45), inset 0 -1px 0 rgba(80,45,5,.4), 0 1px 2px rgba(70,40,5,.35); color:#fffaee; font-weight:800; font-size:10.45px; letter-spacing:.6px; text-transform:uppercase; text-shadow:0 1px 0 rgba(90,45,0,.75); text-decoration:none; transition:background .2s ease, color .2s ease, box-shadow .2s ease;}
.thatquoc a:hover, .thatquoc a.active	{ background:linear-gradient(180deg,#f5683d 0%,#de2c24 48%,#b71918 100%); color:#fffbe8; box-shadow:inset 0 0 0 1px #ffe79a, inset 0 0 0 2px #8d1408, inset 0 1px 0 rgba(255,240,200,.5), inset 0 -1px 0 rgba(110,10,5,.4), 0 1px 3px rgba(120,25,5,.4);}
.boxcenter #quocgia			{ width:790px; height:215px; position:relative; overflow:hidden; text-align:center;}
.boxcenter #quocgia .frame0	{ position:absolute; left:40px; top:0; margin-top:0; width:720px; }
.boxcenter #quocgia .qg-item	{ height:215px; overflow:hidden; padding-top:46px; box-sizing:border-box; text-align:left;}
.boxcenter #quocgia img		{ float:left; width:222px; height:163px; margin-right:10px; position:relative; left:-10px;}
.boxcenter #quocgia p		{ text-align:justify; font-size:15.5px; line-height:26px; margin:0;}
.boxcenter #quocgia .clear	{ clear:left;}
.gp-grid			{ display:grid; grid-template-columns:repeat(4, 1fr); gap:14px 14px; padding:14px 40px; }
.gp-item			{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.gp-icon			{ width:60px; height:60px; object-fit:contain; flex:0 0 auto; }
.gp-label			{ color:#1c1c1c; font-size:14px; font-weight:700; line-height:1.35; }
.gp-item:hover .gp-label	{ color:#FF6600; }

#character{ width:513px; height:286px; margin:0; margin-right:40px; margin-top:16px; margin-bottom:24px; background:#fdf3d0 url("../images/cqgame/maoson_home.jpg?v=20260814b"); background-repeat:no-repeat; background-size:contain; background-position:center; float:right; overflow:hidden; border-radius:2%; border:1px solid #f0a91e; box-sizing:border-box;}
/*******************************************************************
	Left Column 
*******************************************************************/
/*-----------------------------------------------------------------
 NAVI 1 */
#navi1 {}

#navi1 .visible		{ visibility:hidden;}
#navi1 ul			{ margin:0px; padding:0px;}
#navi1 li			{ list-style:none; padding:27px 20px;}

/*-----------------------------------------------------------------
 TOP CHARACTER */
#listtop	{ padding-top:260px;}
.topchar				{ background:url("../images/topchar_bg2.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/topchar_bg2.gif*/) left repeat-y; margin-top:10px; }
.topchar .frame1		{ background:url("../images/topchar_bg3.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/topchar_bg3.gif*/) bottom left no-repeat; padding-bottom:10px;}
.topchar .frame2		{ background:url("../images/topchar_bg1.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/topchar_bg1.gif*/) top left no-repeat; padding:6px 3px 0px 3px ; text-align:center;}	
.topchar .titlebox		{ margin:0px 0px 3px 0px ; }	
.topchar .serverlist	{ margin:0px 0px 30px 0px;}	
.topchar .server		{ padding:3px 0px 5px 0px; margin:0px 5px 0px 5px; border-bottom:#999999 dotted 1px; text-align:left;}
.topchar .server img	{ float:left; margin:0px 14px 0px 5px;} 
 

/*-----------------------------------------------------------------
 LEFT BANNER */
#leftbanner			{ margin:10px auto; text-align:center;	}
#leftbanner img		{ margin:3px 0px;}	
	

/*******************************************************************
	Right Column 
*******************************************************************/	
/*-----------------------------------------------------------------
NAVI 2 */
#navi2			{ background:url("../images/navi2_2.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/navi2_2.gif*/) center repeat-y;}
#navi2 .frame1	{ background:url("../images/navi2_3.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/navi2_3.gif*/) bottom center no-repeat; padding:0px 0px 40px 0px; text-align:center;}
#navi2 .frame2	{ background:url("../images/navi2_1.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/navi2_1.gif*/) top center no-repeat; padding:30px 0px 0px 0px; text-align:center;}

#rightbanner		{ margin-top:10px; margin-right:10px; }
#rightbanner img	{ margin:5px 0px;  float:right;}		
	
	
/*-----------------------------------------------------------------
 FOOTER */
#footer				{ width:935px; margin:0 auto;}
#footer img			{ float:right;}
#footer div.text	{ font-size:9px; color:#666666; float:right; text-align:right; width:500px; margin-right:20px;}


/*******************************************************************
Thu
*******************************************************************/	

/* menuthu*/
ul.menuthu 		{ margin:0; padding:0; list-style:none;}
ul.menuthu li 	{ float:left;}



/*******************************************************************
JOOMLA!
*******************************************************************/	

#mainlevel-nav li	{ float:left; padding-right:15px;}

.leftbanner_joomla			{ margin-top: 5px; margin-left:5px;} 
.leftbanner_joomla img		{ margin-bottom:5px;}

.navi3		{ margin:0 auto; padding:0;}
.navi3 img	{ margin-top:10px;}




/*--------inner boxcontent----------*/
.boxcontent				{ overflow:hidden; margin:0 auto; padding:0px; margin-top:10px; width:598px;}

.boxcontent .frame1		{ margin:0 auto; padding:0px; width:598px; height:14px; overflow:hidden;}
.boxcontent .frame2		{ margin:0 auto; padding:0px; width:598px; overflow:hidden; background:url("../images/box2a.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/box2a.gif*/) center repeat-y;}
.boxcontent .frame3		{ margin:0 auto; padding:0px; width:598px; overflow:hidden; height:9px; background:url("../images/box3a.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/box3a.gif*/) no-repeat; }

.maincontent			{ margin:0 auto; padding:0px; width:560px; overflow:hidden;}
.maincontent .ttl_link	{ font-weight:bold; color:#999;}


.grey	{ color:#999;}
.blue	{ color:#0000FF;}
.red	{ color:#FF0000;}
.darkred{ color:#800000;}
.darkgreen{ color:#047359;}
.t12	{ font-size:12pt; font-weight:bold;}
.t16	{ font-size:18pt; font-weight:bold;}
.blue1	{ color:#1157b6;}
.green1	{ color:#999900;}

.inner_title	{ color:#800000; font-size:18px;}

.download_bg	{ background:url("../images/cqgame/bg_movie.jpg"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/cqgame/bg_movie.jpg*/) no-repeat; width:422px; height:386px; margin:0 auto; padding:0px;}
.movie_pad		{ padding-top:90px; padding-bottom:20px;}


/*--------tab NEWS----------*/

	#homepagenews .ejtopnews 				{ padding:0px 10px; background:url("../images/bullet01.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bullet01.gif*/) left top no-repeat; background-position:0px 4px; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:0 10px;}
	#homepagenews .ejtopnews:first-child	{ min-height:32px; }
	#homepagenews .ejtopnews:first-child p	{ border-bottom:none; }
	#homepagenews .tqtq-label				{ text-align:right; color:#c23b0e; font-weight:400; font-size:11px; margin:10px 10px 0 0; padding:0;}
	#homepagenews .tqtq-icon				{ display:inline-block; transform:scaleX(-1); }
	#homepagenews .ejtopnews span.note 		{ display:none; }
	#homepagenews .ejtopnews span.date 		{ font-size:11px; line-height:11px; flex:0 0 auto; white-space:nowrap; color:#888; text-align:right; min-width:72px;}
	#homepagenews .ejtopnews p 				{  order:3; flex:0 0 100%; margin-top:5px; margin-bottom:6px; padding:0; border-bottom:1px dotted #000;}
	#homepagenews .ejtopnews a.title 		{ color:#000; font-size:13px;}
	#homepagenews .ejtopnews a.title:hover 	{ color:#ff0000}
	#homepagenews .ejtopnews a.title_new	{  background:url("../images/icon_new1.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/icon_new1.gif*/) right top no-repeat; color:#000; padding-right: 44px;}
	#homepagenews .ejtopnews a.title_new:hover 	{ color:#ff0000}
	
	
	
	.ejcontent .ejtopnews 					{ padding:0px 10px; background:url("../images/bullet01.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bullet01.gif*/) left top no-repeat; background-position:0px 4px; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:0 10px;}
	.ejcontent .ejtopnews:first-child		{ min-height:32px; }
	.ejcontent .ejtopnews:first-child p	{ border-bottom:none; }
	.ejcontent .ejtopnews span.note 		{ display:none; }
	.ejcontent .ejtopnews span.date 		{ font-size:11px; line-height:11px; flex:0 0 auto; white-space:nowrap; color:#888; text-align:right; min-width:72px;}
	.ejcontent .ejtopnews p 				{  order:3; flex:0 0 100%; margin-top:5px; margin-bottom:6px; padding:0; border-bottom:1px dotted #000;}
	.ejcontent .ejtopnews a.title 			{ color:#000; font-size:13px;}
	.ejcontent .ejtopnews a.title:hover 	{ color:#ff0000}
	.ejcontent .ejtopnews a.title_new	{  background:url("../images/icon_new1.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/icon_new1.gif*/) right top no-repeat; color:#000; padding-right: 44px;}
	.ejcontent .ejtopnews a.title_new:hover 	{ color:#ff0000}
	
	
.maincontent .blog .contentpaneopen				{ margin:0 auto; padding:0px; width:560px;}
.maincontent .blog .contentpaneopen #newsdetail	{ margin:0 auto; padding:0px; overflow:auto; text-align:justify;}


/*	updated by npbtrac 7/14/2009 */
.ejnewernews { background:transparent url("../images/title_newernews.jpg"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/title_newernews.jpg*/) no-repeat scroll 0 0; margin-bottom:30px; margin-top:30px; padding-top:25px; }
.ejoldernews { background:transparent url("../images/title_oldernews.jpg"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/title_oldernews.jpg*/) no-repeat scroll 0 0; margin-bottom:30px; margin-top:30px; padding-top:25px; }
	.ejnewernews .ejtopnews 				{ padding:0px 10px; background:url("../images/bullet01.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bullet01.gif*/) left top no-repeat; background-position:0px 4px;} 
	.ejnewernews .ejtopnews span.note 		{ display:none; }
	.ejnewernews .ejtopnews span.date 		{ font-size:10px; line-height:10px; }
	.ejnewernews .ejtopnews p 				{  margin-top:5px; margin-bottom:6px; padding:0;}
	.ejnewernews .ejtopnews a.title 		{ color:#000}
	.ejnewernews .ejtopnews a.title:hover 	{ color:#ff0000}

	.ejoldernews .ejtopnews 				{ padding:0px 10px; background:url("../images/bullet01.gif"/*tpa=http://www.chienquoc.com.vn/templates/chienquoc/images/bullet01.gif*/) left top no-repeat; background-position:0px 4px;} 
	.ejoldernews .ejtopnews span.note 		{ display:none; }
	.ejoldernews .ejtopnews span.date 		{ font-size:10px; line-height:10px; }
	.ejoldernews .ejtopnews p 				{  margin-top:5px; margin-bottom:6px; padding:0;}
	.ejoldernews .ejtopnews a.title 		{ color:#000}
	.ejoldernews .ejtopnews a.title:hover 	{ color:#ff0000}


/*******************************************************************
	V2 — thay ảnh chữ mờ (navi1 / tab tin tức / navi2 ribbon) bằng text thật
	Thêm 2026-08-02, không xoá/sửa rule cũ ở trên.
*******************************************************************/
/* Vị trí khớp đúng 3 khung màu vẽ sẵn trong templates/chienquoc/images/bgpage1.jpg
   (đo trực tiếp bằng canvas trên ảnh gốc): khung đỏ y=248-317, khung xanh y=328-395,
   khung vàng y=406-474 — tính theo toạ độ trang, gốc #navi1 bắt đầu tại y=242. */
#navi1 .navi1-new	{ list-style:none; padding:6px 0 0 0 !important; margin:0; width:145px;}
#navi1 .navi1-new li	{ display:flex; align-items:center; justify-content:flex-start; padding:0 0 0 20px; margin:0 0 11px 0; height:68px; box-sizing:border-box; }
#navi1 .navi1-new li:last-child	{ margin-bottom:0; }
.navi1-new a		{ position:relative; z-index:0; display:inline-block; padding:1px 7px 1px 2px; text-align:left; font-family:Tahoma,Arial,sans-serif; font-weight:900; font-size:17px; letter-spacing:.3px; color:#fff; text-shadow:0 2px 2px rgba(0,0,0,.6); text-transform:capitalize; }
.navi1-new a::before	{ content:''; position:absolute; z-index:-1; left:-14px; right:-15px; top:-3px; bottom:-3px; background:radial-gradient(ellipse at 58% 50%, rgba(255,255,255,1) 0%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 82%); border-radius:60% 40% 55% 45%/45% 55% 40% 60%; opacity:0; transition:opacity .15s ease; pointer-events:none; }
.navi1-new a:hover	{ color:#FF6600; text-shadow:none; }
.navi1-new a:hover::before	{ opacity:1; }

.newstab-new			{ list-style:none; margin:0; padding:0; display:flex; gap:14px; justify-content:center; }
.newstab-new li a		{ display:block; padding:5px 2px; font-size:11.5px; font-weight:800; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.6); position:relative; top:4px; }
.newstab-new li a:hover	{ color:#FF6600; }
.newstab-new .active a	{ color:#fff; }

.ribbon-new			{ list-style:none; margin:0 auto; padding:0; width:96px; box-sizing:border-box; }
.ribbon-new li		{ margin-bottom:9px; }
.ribbon-new li:last-child	{ margin-bottom:0; }
.ribbon-new a		{ display:block; text-align:center; padding:14px 4px; border-radius:8px; background:linear-gradient(#fffdf6,#fbeec4); border:3px double #c9a227; box-shadow:0 1px 2px rgba(90,60,0,.25), inset 0 1px 0 rgba(255,255,255,.6); color:#8a6d1d; font-size:11px; font-weight:bold; line-height:1.3; box-sizing:border-box; white-space:nowrap; }
.ribbon-new a:hover	{ background:linear-gradient(#fff8e0,#f7dfa0); color:#c23b2e; }
.ribbon-img			{ text-align:center; margin:0 auto; }
.ribbon-img img		{ width:80px; height:auto; display:inline-block; }

/* Chuan hoa khoang cach 16 bai huong dan gameplay (them 2026-08-17) - doan cach doan 10px, hinh cach text 10px */
.cq-guide				{ font-family:Tahoma,Arial,sans-serif; color:#3a2a15; font-size:13px; line-height:1.7; padding:0 10px; }
.cq-guide .cq-guide-title	{ font-size:18px; color:#993300; text-align:center; margin:0 0 14px; }
.cq-guide .cq-guide-sub	{ font-size:14px; color:#993300; margin:14px 0 10px; }
.cq-guide .cq-guide-icon	{ width:18px; height:17px; vertical-align:middle; margin-right:4px; }
.cq-guide p				{ margin:0 0 10px; text-align:justify; }
.cq-guide .cq-guide-img	{ display:block; margin:10px auto; max-width:100%; height:auto; }
.cq-guide .cq-guide-caption	{ text-align:center; font-style:italic; color:#8a6a3a; margin:0 0 10px; }
.cq-guide .cq-guide-table	{ margin:0 auto 10px; border-collapse:collapse; width:100%; }
.cq-guide .cq-guide-table td	{ padding:6px 10px; }
.cq-guide .cq-guide-table th	{ padding:6px 10px; background:#f7e7c4; }
.cq-guide h2				{ font-size:14px; color:#993300; margin:14px 0 10px; }
.cq-guide ul, .cq-guide ol	{ margin:0 0 10px; padding-left:20px; }
.cq-guide li				{ margin:0 0 6px; }
.cq-guide strong			{ color:#993300; }

.menuchar-new			{ display:flex; flex-direction:column; gap:8px; width:186px; float:left; overflow:visible; padding:0; box-sizing:border-box; margin-left:40px; margin-top:16px; margin-bottom:24px; }
/* Nut 7 mon phai - phong cach the bai co (giu nguyen kich thuoc 207x35px) */
.menuchar-new a		{ position:relative; display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; padding:9.825px 7px; line-height:15px; border-radius:5px; background:linear-gradient(180deg,#d9a94a 0%,#c08a2b 42%,#9c6516 100%); box-shadow:inset 0 0 0 1px #f6e2a4, inset 0 0 0 2px #6d4310, inset 0 1px 0 rgba(255,245,215,.45), inset 0 -1px 0 rgba(80,45,5,.4), 0 1px 2px rgba(70,40,5,.35); color:#fffaee; font-weight:800; font-size:12px; letter-spacing:.6px; text-shadow:0 1px 2px rgba(0,0,0,.5); text-decoration:none; transition:background .2s ease, color .2s ease, box-shadow .2s ease; }
.menuchar-new a:hover, .menuchar-new a.active	{ background:linear-gradient(180deg,#f5683d 0%,#de2c24 48%,#b71918 100%); color:#fffbe8; box-shadow:inset 0 0 0 1px #ffe79a, inset 0 0 0 2px #8d1408, inset 0 1px 0 rgba(255,240,200,.5), inset 0 -1px 0 rgba(110,10,5,.4), 0 1px 3px rgba(120,25,5,.4); }
/* Goc trang tri kieu khung co: phai-tren + trai-duoi */
.menuchar-new a::before, .menuchar-new a::after	{ content:""; position:absolute; width:16px; height:8px; border-style:solid; border-width:0; border-color:rgba(255,244,214,.7); pointer-events:none; transition:border-color .2s ease; }
.menuchar-new a::before	{ top:5px; right:5px; border-top-width:1px; border-right-width:1px; border-top-right-radius:1px; }
.menuchar-new a::after	{ bottom:5px; left:5px; border-bottom-width:1px; border-left-width:1px; border-bottom-left-radius:1px; }
.menuchar-new a:hover::before, .menuchar-new a.active::before,
.menuchar-new a:hover::after, .menuchar-new a.active::after	{ border-color:rgba(255,236,178,.9); }

/* Bai viet 7 mon phai: gian cach doan van + tieu de, tranh dinh lien text/hinh */
.cq-phai					{ line-height:1.7; }
.cq-phai div, .cq-phai p	{ margin:0 0 14px; }
.cq-phai > div:first-child, .cq-phai > p:first-child	{ margin-bottom:12px; }
/* The chon phai ("Mon phai: Con Luan-Mao Son-...") - tach khoi text phia tren */
table[bgcolor="#744e07"]	{ margin:26px auto 10px; }