body{background: #b3afaf ;/*ffb03a*/ width:100%;margin: 0; padding: 0;font-family: Arial;font-size: 9pt;}
div.body{background: #FFAF4D;background-position: right bottom; /*border:2px solid #663019;*/}
hr{border:none;}
table{font-family: Arial;font-size: 9pt;}
h3{
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
}
h4{
-webkit-margin-before: 0.2em;
-webkit-margin-after: 0.2em;
}
.a{height: 48px;text-align:center;margin-top:-10px;margin-bottom:0px;z-index:1;position: relative;}
.a img{
	margin-top:-32px;z-index:2;position: relative;
}
.b{background: url(../images/menu_bg.png) repeat-x  ; height:23px;color:#ff7700;margin-left:10px;margin-right:9px;}
.b-content{position: relative;z-index:1;padding-top:4px;padding-left:3px;}
/*.b-left{background: url(../images/left_menu.gif) no-repeat;position: absolute;background-position:left;height:34px; width:18px;} */
.b-left{background: url(../images/left_menu.png) no-repeat;position: absolute;background-position:left;height:23px;width:7px;margin-left:3px; }
.b-right{background: url(../images/right_menu.png) no-repeat;margin-left:206px;position: absolute;height:23px; width:7px;}
.c{color: #ff7700;font-weight: bold;text-decoration: none;font-size:1.2em;}
.d{color: #ff7700;text-decoration: none;font-weight: bold;}
.h{padding-left: 0px;padding-top:5px;}
.bg-content{text-align: left;padding: 5px;margin-bottom:3px; background: #ffaf4c;
background-position: right bottom;margin-top:0.2px;
/* border:2px solid #663019; */
padding-top:3px;color:#000;}
.bg-content img{
		max-width: 100% !important;
}
.bg-content .title{
	font-size: 15px;
	color: #e73d00;
	border-bottom: 1px solid #B98A51;
}
.bg-content .content{
	padding: 2px 2px 2px 0px;
}
.bg-content .date{
	padding: 2px 2px 2px 0px;
	font-style: italic;
	font-size: 9px;
	position: relative;
float: right;
margin-top: -13px;
}
.h a{color:#ad4105;}
img.avatar {
    width: 100%;
}
.h img{margin:0;padding:0;}
.h li{margin-left:20px;}
.l{padding-left: 17px;padding-right: 7px;padding-bottom: 3px;padding-top:3px;text-align:center;color:#000;}
a{color: #ff7700;text-decoration: none;}
.j{color: #000;}
.g{border-bottom: 1px solid #CCC;padding: 3px 7px;}
.k{list-style: square outside none;margin: 0 0 0 16px;padding-left: 0;position: relative;}
.e{padding-top: 5px;padding-left: 7px;padding-right: 7px;}
.f{padding-top: 3px;padding-bottom: 3px;padding-left: 7px;padding-right: 7px;background-color: #cefb76;border: 1px solid #52fd2b;margin-bottom: 3px;}
.m {padding-left: 7px;padding-right: 7px;margin-top:-15px;padding-bottom: 3px;}
.n{color: #999;}
.listOther li {margin-left:-25px;}
.body-content {background: #ff5601;width:100%;margin-left:0px;margin-bottom:-27px;
               
}
.bg-content222{
	background: url('../images/bg_center.png') no-repeat #d79242;background-position: right bottom; width:98%;margin-left:5px;
	z-index: 15;
	position: relative;
}
.bg_top_2{
	display: table;
	background: url('../images/banner_2.png') no-repeat; 
	height:303px;
	width:100%;
}
.download{
width: 100%;
text-align:center;
}
.download img{
	text-align: center;
}
.bg_top {
background: #f85723; /* Old browsers */
background: -moz-linear-gradient(top, #fe5604 0%,#fe5604 30%,#ff5601 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe5604), color-stop(30%,#fe5604), color-stop(100%,#ff5601)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fe5604 0%,#fe5604 30%,#ff5601 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fe5604 0%,#fe5604 30%,#ff5601 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fe5604 0%,#fe5604 30%,#ff5601 100%); /* IE10+ */
background: linear-gradient(to bottom,#fe5604 0%,#fe5604 30%,#ff5601 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85723', endColorstr='#ff5601',GradientType=0 ); /* IE6-9 */
position: relative;z-index:0;width:100%;height:42px;margin-top:10px;margin-left:0px;
border-radius: 15px 15px 0 0;
        
}
.bottom_paper {position: absolute;max-width:640px;margin-left: auto;margin-right: auto;}
.link-footer {position: relative;z-index:2;margin-bottom:-35px;max-width:210px;}
.link-more {width:100%;}
.footer{background:#ff5601;position: absolute;width:100%;height: 76px;
    margin-bottom: 10px;
		background-position: center bottom;border-radius: 15px;
		
}
.left_b_bottom { width:100%;margin-top:-1px;position: relative;}
.bg_bottom {background: url(../images/bg_bottom.png) repeat-x;position: relative;width:94%;height:98px;margin-left: auto;margin-right: auto;padding-bottom:5px;}
.right_b_bottom {position: relative;z-index:2;background-position:right;width:100%;margin-top:-5px;}
.body_body {max-width:630px;margin-left: auto;margin-right: auto;margin-bottom:5px;}
.copyright{position: relative;z-index:3;width:95%;margin-left: auto;margin-right: auto;text-align:center;color:#000;font-size:10px;
}
span.comment-time {
    font-size: x-small;
    color: #333333;
    font-style: italic;
    text-decoration: none;
}
span.blog-time {
    font-size: x-small;
    color: #555555;
    font-style: italic;
    text-decoration: none;
}
span.pad {
    padding-left: 20px;
}
img {
    border: none;
}
img.comment-avatar {
    width: 40px;

}
img.blog-avatar {
    width: 40px;
    position: relative;
    z-index:0;
}
img.search-avatar {
    width: 40px;
}
.comment {
    background-color: #A0E5FF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
td.comment {
    padding: 2px 5px 2px 5px;
    font-size: 11px;
}
td.blog-avatar {
    vertical-align:top;	
}
div.blog-bg-left{
    height: 0;
}
div.blog-bg-left img{
    position: relative;
    left:-11px;
    top:-6px;
}
td.current-blog{
    width: 600px; 
    padding:4px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    
}
td.friend-left {
    padding: 1px;
    width: 40px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #EAEAEA;
}
td.friend-right {
    padding: 1px;
    vertical-align: top;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #EAEAEA;
    vertical-align: bottom;
}
td.comment-avatar {
    width: 24px;
    height: 24px;
    padding: 2px 2px 2px 2px;

}
.div-12{
    line-height: 10px;
    font-size: 10px;
    padding-right: 5px;
    margin-bottom: -8px;
    padding-top: 2px;
}
img.lil-command {
    margin-bottom:-3px;
}
.info{
    background-color: #f9f0da;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
td.left {
    vertical-align: bottom;
    text-align: right;
    background-color: #DEDEDE;
    padding: 2px 5px 2px 2px;
    margin: 3px 5px 2px 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C1C1C1;
    width: 70px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
td.right {
    border-width: 0px 0px 1px 0px;
    padding: 2px 0px 2px 2px;
    border-style: solid;
    border-color: #C1C1C1;
}
tr.header {
    font-weight: bold;
    background-color: #CCCCCC;
    padding: 2px 0px 2px 2px;
    text-align: center;
}
tr.search-odd-row {
    background-color:#EFEFEF;
    padding-left: 2px;
}
tr.search-even-row {
    background-color: #F9F9F9;
    padding-left: 2px;
}
tr.blog {
    padding: 2px;
}
div.anou{
    text-align:center;
    height:15px;
    background-color:#f9f0da;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #ffb03a;
}
input[type="text"], textarea, input[type="password"] {
    border-radius: 4px;
    border: 1px solid #CCC;
    padding: 2px;
}
.pagecurrent
{
    font-size: 10px;
    background-color: #561d00;
    color: white;
    border: #e5e5e5 2px solid;
    width: 15px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-top: 2px;
    font-weight:normal;
    margin-left:2px;
    text-decoration: none;
    /*-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;*/
    font-weight:bold;
}
.pagelink, .pagelink:hover
{
    font-size: 10px;
    background-color: white;
    color: #ff0000;
    border: #e5e5e5 2px solid;
    width: 15px;
    padding-left: 5px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-top: 2px;
    font-weight:normal;
    margin-left:2px;
    text-decoration: none;
    /*-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;*/
    font-weight:bold;
}
.pagelink:hover
{
    background-color: #561d00;
    color: white;
}
.pagination {
    margin-bottom:5px;
    margin-top:3px;
	 margin-right:5px;
}
.menu2 {
	/* background: #561d00; */
	margin: 0;
	/* margin-bottom: 3px; */
}
.content-p{
    color:red;
    text-align:center;
    margin-bottom: -10px;
}
.copyright a {
    color: #000;
}
.menu td{
    border: 3px solid #924C31;
    padding: 2px;
    width: 25%;
}
tr.menu td, tr.menu td a {
    color: #fff;
    font-weight: none;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    padding-left: 0;
}
td#selected{
	 border: 3px solid #FFAF4D !important;
}
.text-center{
    text-align: center;
}
td#selected a {
    color: #561d00;
	padding: 2px;
	   
}
tr.menu td a:hover, td#selected a:hover {
    text-decoration: underline;
}
tr.menu td, td#selected {
	width: 25%;
    background-color: #924C31;
	padding: 2px;
   /* -webkit-border-radius: 3px;
border-radius: 3px;*/
}
tr.menu1 td, tr.menu1 td a {
    color: white;
    font-weight: none;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    padding-left: 0;
}
tr.menu1 td, td#selected {
    background-color: #4089ba;
}
tr.menu2 td, tr.menu2 td a {
    color: white;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
    padding-left: 0;
}
td#selected {
    /*background: url('../images/bg_menu.png');
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
	background-color: #ffaf4c;	
}
tr.menu1 td#selected{
    background-color: #dbf5ff;	
}
.barpt{
	width: 200px;
	height: 10px;
	background: #c6f48b;
	border: 1px solid #969696;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.barpt .pt{ 
	height: 10px;
	background-color: #599F00;
}
.h .bg_noel{
	height:17px;
	/*background: url(../images/bg_menutop.png) repeat-x;*/
	margin-top: -10px;
	z-index:10;
	position:relative;
}
.foot_bg{
	width: 300px;
	text-align: center;
	z-index: 11;
	height: 48px;
	position:absolute;
	/*background: url('../images/bg_foot.png') no-repeat;*/
}

div#columns figure {
	  margin: 0 2px 0px;
  /* padding: 15px; */
  /* padding-bottom: 10px; */
  transition: opacity .4s ease-in-out;
  display: inline-block;
}
div#columns figure figcaption {
  font-size: 9px;
	color: #444;
  /*line-height: 1.5;*/
}

div#columns small { 
  font-size: 1rem;
  float: right; 
  text-transform: uppercase;
  color: #aaa;
} 

div#columns small a { 
  color: #666; 
  text-decoration: none; 
  transition: .4s color;
}
        #user-info, #auth-buttons {
            width: 100%;
            text-align: center;
            padding: 10px 0;
        }
        .user-avatar {
            width: 50px; /* Kích thước avatar */
            height: 50px;
            object-fit: cover;
            vertical-align: middle;
            margin-right: 20px;
        }
        .user-details {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            color: #fff;
        }
        .user-details span {
            display: block;
        }
        .user-details a {
            color: yellow;
            text-decoration: none;
        }
        .user-details a:hover {
            text-decoration: underline;
        }

/* ====================================================
   AUTHENTIC WEB GỐC BUTTON SYSTEM (TEAMOBI / NRO STYLE)
   ==================================================== */
.btn-game, .btn-main {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: bold !important;
    text-decoration: none !important;
    border-radius: 5px !important;
    padding: 6px 14px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
    box-sizing: border-box !important;
    border: 1px solid #63140d !important;
    border-bottom: 2px solid #450c07 !important;
    background: linear-gradient(180deg, #a6281e 0%, #871e16 100%) !important;
    color: #ffffff !important;
    font-size: 12px;
    line-height: 1.3;
}

.btn-game:hover, .btn-main:hover {
    transform: translateY(-1px);
    filter: brightness(1.1);
    color: #ffffff !important;
    text-decoration: none !important;
}

.btn-game:active, .btn-main:active {
    transform: translateY(1px);
    filter: brightness(0.95);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

/* Nút Đỏ Web Gốc: Đăng bài, Đăng nhập, Đổi MK, Đăng xuất, Nạp thẻ, Đổi vàng */
.btn-post, .btn-pass, .btn-logout, .btn-red-game, #button1 {
    background: linear-gradient(180deg, #a6281e 0%, #871e16 100%) !important;
    border: 1px solid #63140d !important;
    border-bottom: 2px solid #450c07 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;
    color: #ffffff !important;
}
.btn-post:hover, .btn-pass:hover, .btn-logout:hover, .btn-red-game:hover, #button1:hover {
    filter: brightness(1.1);
    color: #ffffff !important;
}

/* Nút Xanh Lục Web Gốc: Quản lý bài, Đăng ký, Lưu cập nhật, Kích hoạt */
.btn-manage, .btn-green-game, .btn-success-game {
    background: linear-gradient(180deg, #1e6e35 0%, #155528 100%) !important;
    border: 1px solid #0f421c !important;
    border-bottom: 2px solid #082a12 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;
    color: #ffffff !important;
}
.btn-manage:hover, .btn-green-game:hover, .btn-success-game:hover {
    filter: brightness(1.1);
    color: #ffffff !important;
}

/* Nút Nâu Gỗ Web Gốc: Quay lại, Hủy bỏ, Về trang chủ */
.btn-back, .btn-secondary-game, .btn-brown {
    background: linear-gradient(180deg, #795548 0%, #5d4037 100%) !important;
    border: 1px solid #3e2723 !important;
    border-bottom: 2px solid #271612 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;
    color: #ffffff !important;
}
.btn-back:hover, .btn-secondary-game:hover, .btn-brown:hover {
    filter: brightness(1.1);
    color: #ffffff !important;
}

/* Nút Ghim bài Web Gốc: Vàng Cam */
.btn-gold, .btn-warning-game {
    background: linear-gradient(180deg, #e67e22 0%, #b85d10 100%) !important;
    border: 1px solid #8e4408 !important;
    border-bottom: 2px solid #632d03 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;
    color: #ffffff !important;
}

/* Biến thể nút nhỏ cho bảng danh sách */
.btn-game-sm {
    padding: 3px 8px !important;
    font-size: 10px !important;
    border-radius: 4px !important;
}

/* Nút form & auth chuyển đổi */
#button1 {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 7px 18px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
    transition: all 0.15s ease !important;
    box-sizing: border-box;
}

.auth-link-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    padding: 5px 14px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    background: linear-gradient(180deg, #1e6e35 0%, #155528 100%) !important;
    border: 1px solid #0f421c !important;
    border-bottom: 2px solid #082a12 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.25) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
    transition: all 0.15s ease !important;
    font-size: 11px;
}
.auth-link-button:hover {
    filter: brightness(1.1);
    color: #ffffff !important;
}

/* ====================================================
   NÚT STYLE THEO "TRANG CHỦ" & "GIỚI THIỆU" (MENU WEB GỐC)
   ==================================================== */
.btn-style-trangchu, .btn-trangchu {
    background: #FFAF4D !important;
    border: 2px solid #561d00 !important;
    color: #561d00 !important;
    font-weight: bold !important;
    padding: 7px 18px !important;
    border-radius: 4px !important;
    text-shadow: none !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.15s ease !important;
    font-size: 13px !important;
    box-shadow: 0 1px 2px rgba(86, 29, 0, 0.2) !important;
}

.btn-style-trangchu:hover, .btn-trangchu:hover {
    background: #ffd078 !important;
    border-color: #3b1300 !important;
    color: #3b1300 !important;
    text-decoration: none !important;
}

.btn-style-trangchu:active, .btn-trangchu:active {
    background: #e69838 !important;
    transform: translateY(1px);
}

.btn-style-gioithieu, .btn-gioithieu {
    background: #924C31 !important;
    border: 2px solid #561d00 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 7px 18px !important;
    border-radius: 4px !important;
    text-shadow: none !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.15s ease !important;
    font-size: 13px !important;
    box-shadow: 0 1px 2px rgba(86, 29, 0, 0.2) !important;
}

.btn-style-gioithieu:hover, .btn-gioithieu:hover {
    background: #7a351e !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.btn-style-gioithieu:active, .btn-gioithieu:active {
    background: #612713 !important;
    transform: translateY(1px);
}

/* ====================================================
   NÚT STYLE THEO "TRANG CHỦ" & "GIỚI THIỆU" (CHUẨN WEB GỐC)
   ==================================================== */
.btn-style-trangchu, .btn-trangchu {
    background-color: #ffaf4c !important;
    border: 3px solid #924C31 !important;
    color: #561d00 !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 6px 18px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    border-radius: 0px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    transition: background-color 0.15s ease !important;
}

.btn-style-trangchu:hover, .btn-trangchu:hover {
    background-color: #ffd078 !important;
    color: #3b1300 !important;
    text-decoration: none !important;
}

.btn-style-gioithieu, .btn-gioithieu {
    background-color: #924C31 !important;
    border: 3px solid #924C31 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    padding: 6px 18px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    border-radius: 0px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    transition: background-color 0.15s ease !important;
}

.btn-style-gioithieu:hover, .btn-gioithieu:hover {
    background-color: #7a351e !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* ==================== FOOTER / COPYRIGHT ORANGE BOX FIX ==================== */
.left_b_bottom, .footer, .bg_tree, .foot_bg {
    display: none !important;
}

.bg-content {
    margin-bottom: 0 !important;
}

.body-content {
    margin-bottom: 12px !important;
    border-radius: 0 0 15px 15px !important;
    overflow: hidden !important;
}

.copyright {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    background: #ff5601 !important;
    border-radius: 0 0 15px 15px !important;
    text-align: center !important;
    color: #000000 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

.copyright p {
    margin: 4px 0 !important;
    color: #000000 !important;
}

.copyright p:last-child {
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

/* Keep the complete logo inside the clipped content box. */
.body-content .a{height:auto;min-height:98px;margin:0;padding:4px 8px;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.body-content .a a{display:block;max-width:100%}
.body-content .a img{display:block;height:90px;width:auto;max-width:100%;object-fit:contain;margin:0 auto;position:relative}